Tags: , , , , , , | Categories: Programlama Posted by okutbay on 23.09.2007 14:01 | Yorumlar (0)
Extensible Application Markup Language - XAML (zamıl) dosyaları XML dosyalarıdır. Temel olarak "Canvas" nesnesi ve bu nesne içine yerleştirilmiş diğer kanvas, şekil, imaj, medya gibi nesnelerden ibarettir. Text tabanlı olduğundan herhangi bir metin editörü (notepad vs.) ile değişiklik yapabilirsiniz. Yazmak zor geliyorsa bir Microsoft Expression Blend veya benzeri bir uygulama ile XAML dosyalarınızı oluşturabilir, değiştirebilirsiniz.

Esasen XAML dosyaları silverlight teknolosine özel dosyalar değildir. .NET Framework 3.0 ile birlikte gelen yeni teknolojilerin temelini oluşturan çok daha sofistike bir yazılım teknolojisidir. Microsoft, .NET Framework 3.0 ile birlikte masaüstü uygulamalarının daha gelişmiş görsel özellikler sunabilmesi için "Windows Presentation Foundation" ı sunmuştur. Bu görsellik geliştirmelerinin web uygulamalarına sirayeti silverlight teknolojisinin geliştirilmesi şeklinde meydana gelmiştir. Bu nedenle bir yok yeni .NET teknolojisinin merkezinde yer alan .XAML dosyaları silverlight teknolojisi için de önemli bir yerde bulunmaktadır.

Not: XAML dosyaları varsayılan olarak "Windows Presentation Foundation Host" uygulaması ile açılmak üzere ilişkilendirilmiştir.


Basit anlamda boş bir XAML dosyası şöyle görünecektir.

<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

</Canvas>


.XAML dosyasında tanımlamış olduğumuz bu kanvas içine yerleştirilecek diğer nesneler ile birlikte web sayfamız üzerinde hazıladğımız div içine eklenecektir.

Kanvas üzerine uygulayabileceğimiz nesneler şunlardır: Canvas, Ellipse, Rectangle, Line, Polyline, Polygon, Path, Image, TextBlock, MediaElement

Tabi yapılabilecekler bu kadarla sınırlı değil. Bu nesnelere renk, sınır çizgisi, en, boy, konum, opaklık vb. ayarlarının yanı sıra farklı fırça uygulamaları ile değişik görünümler kazandırabiliriz. Daha heyacan verici olan ise oluşturduğumuz bu nesnelerin olayları için olay kavrayıcı javascript metodları geliştirebilir ve silverlight uygulamamızı etkileşimli bir hale getirebiliriz.

Görüldüğü üzere Silverlight teknolojisi aslında .XAML ve Javascript teknolojilerini kullanarak bizim için daha zengin web uygulamaları geliştirme olanağı sunuyor.

Klavyeler şen ola...

Bu yazıyı ilk değerlendiren siz olun

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tags: , , , , , | Categories: Programlama, Tanıtım, Web Uygulaması Posted by okutbay on 23.09.2007 02:13 | Yorumlar (0)
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... 
 

Bu yazıyı ilk değerlendiren siz olun

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5