Microsoft® Silverlight™ teknolojisine hızlı bir bakış

Microsoft® Silverlight™ Web için zengin etkileşimli uygulamalar ve .NET tabanlı medya deneyimlerinin yeni neslini sunan tüm tarayıcı ve platformlar için geliştirilmiş bir eklentidir.

Silverlight , mevcut web uygulamaları ile entegre olabilen AJAX, VB, C#, Python ve Ruby destekleyen esnek bir programlama modeli sunmaktadır.
MacOS ve Windows üzerinde çalışan tüm ana tarayıcı uygulamalarına yüksek kaliteli videonun hızlı ve düşük maliyetle sunumu destekler.

Silverlight teknolojisini kullanan sayfaları tarayınızıda görebilmniz için Silverlight eklentisini bilgisayarınıza kurmanız yeterlidir. Şu an 1.0 sürümü olan eklentinin 1.1 Alpha sürümü de hali hazırda denenmektedir.

Eğer siz de Silverlight uygulaması geliştirmek isterseniz bu sefer de Silverlight SDK edinmeniz gerekmektedir. SDK içinden çıkan "silverlight.js" dosyası silverlight teknolojisini kullanabilmeniz için asgari gerekliliktir. Bu dosya silverlight öğelerini göstermek istediğiniz tüm sayfaların <head> bölümüne eklenmelidir.

Aşağıdaki örnekte js klasörü altında bulunan silverlight.js dosyasının sayfa eklenişi gösterilmektedir.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Silverlight Deneme</title>
<script type="text/javascript" src="js/Silverlight.js"></script>
</head>
<body>
</body>
</html>

Bundan sonra silverlight nesnelerini barındıracak div bölümünü tanımlamak ve tanımlanan bu div bölümü içinde gösterilecek silverlight nesnesinin javascript kullanılarak oluşturulması gerekecektir.

<div id="slhost"></div>
<script type="text/javascript">
var parentElement = document.getElementById(`slhost`);
createsl();
</script>

Yurakıdaki örnekte slhost adına sahip bir div ve bu div tagi ile etkileşerek silverlight nesnesini oluşturacak javascript metoduna çağrı oluşturuldu. Bu metodu doğrudan burada yazmak yerine oluşturacağımız ayrı bir dosya içine yerleştirdik ve buradan sadece createsl metoduna çağrı yaptık. createsl metodumuz şöyle bir metod olmalıdır.

function createsl()
{
Silverlight.createObject("myxaml.xaml", parentElement, "mySilverlightPlugin",{width:`800`, height:`600`, inplaceInstallPrompt:true, background:`#fff`, isWindowless:`false`, framerate:`24`, version:`1.0`}, {onError:null, onLoad:null}, null);
}

createsl metodu silverlight.js içindeki .createObject metodunu çağırarak silverlight nesnesini oluşturmaktadır. Fonksiyon incelenirse parametreler ile işlenecek xaml dosyası, nesnenin yerleştirileceği div (parentElement), genişlik, yükseklik, silverlight kurulu olmadığı zaman nesne yerinde kurulum uyarısının görüntülenip görüntülenmeyeceği, zemin rengi, saniyedeki çerçeve sayısı, silverlight versiyonu gibi değerler tanımlanmıştır. Bu metodu "CreateSilverlight.js" dosyası içine yazıp javascriptlerimizin bulunduğu js klasörüne yerleştirdikten sonra ilk örneğimizde silverlight.js dosyasını eklediğimiz gibi bu dosyayı da ekleyerek tanıtmamız gerekir.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Silverlight Deneme</title>
<script type="text/javascript" src="js/Silverlight.js"></script>
<script type="text/javascript" src="js/CreateSilverlight.js"></script>
</head>
<body>
<div id="slhost"></div>
<script type="text/javascript">
var parentElement = document.getElementById(`slhost`);
createsl();
</script>
</body>
</html>

Artık silverlight nesnelerini createsl metodu içinde tanımlamış olduğumuz XAML dosyası içinde oluşturmaya başlayabiliriz.

Bağlantılar:

Official Site
http://www.microsoft.com/silverlight/

Microsoft portal site for the Silverlight development community
http://www.silverlight.net/

Diğer Faydalı bağlantılar:
http://www.silverlightcream.com/
http://www.wynapse.com/

Klavyeleriniz şen ola… 
 

Yazı oluşturuldu 141

Bir yanıt yazın

Benzer yazılar

Aramak istediğinizi üstte yazmaya başlayın ve aramak için enter tuşuna basın. İptal için ESC tuşuna basın.

Üste dön