Kendi Gadget'inizi Yapın

**paradise** · 25-03-08, 08:32

Live.com`da kendi yaptığınız gadgetleri kullanmak ya da paylaşmak istemez misiniz?

Microsoft internet alanında yarıştığı Google'nin bir adım önünde 2007ye girmeyi hedefliyor olsa gerek ki, Google`nin servislerinden ilham alıp, kendi servislerini webe taşıyarak, Live adı altında kullanıcılarına sunuyor. Bu hizmetleri detaylı olarak Aralık 2006 sayımızda inceledik. Dilerseniz siz de en çok kullanılan ve öne çıkan Live hizmetlerini bu yazımızdan inceleyebilirsiniz.

Microsoft`un Live servislerini kullanmak için bir Live ID`ye ihtiyacınız var. Bu ID ile Live.com`da oturum açtığınızda ekranınızda hemen her yanını zevkinize göre düzenleyebileceğiniz, size özel bir anasayfa ile karşılaşıyorsunuz. Bu durum oldukça güzel bir gelişme. Öyle ki, artık nette saatlerinizi harcayarak gezip, rutin kontrollerinizi yaptığınız web sitelerindeki, ilginizi çeken hemen her bölümü bu anasayfalara taşıyabilirsiniz. Anasayfalara diyoruz çünkü bunlar tek değil... Yani Live.com ana sayfanıza dilediğiniz kadar yeni sayfa eklemeniz mümkün.

Sayfanıza ekleyebilecekleriniz sayfa ve RSS kutucuklarından ibaret değil elbette; bu saydıklarımıza yeni nesil Windows işletim sistemimiz Vista`dan tanıdığımız, SideBar gadgetleri de dahil. Evet, o janjanlı gadgetlerden bahsediyoruz. Vista`nın beta sürümleri çıkmadan önce Mac ve Linux sistemlerinde görüp imrendiğimiz, Yahoo!`nun da el atıp üçüncü parti yazılımlarla Windows`a taşıdığı o gadgetler...
Elbette ki, Live.com`da kullanabileceğiniz gadgetler masaüstü sistemlerde kullandıklarımız kadar janjanlı ve gösterişli değiller. Bu yüzden Microsoft bu versiyona Web Gadget adını vermeyi uygun bulmuş. Daha sade ve az bant genişliğiyle çalışan bu küçük eklentilerden örnekleri sayfanızdaki “Öğe Ekle” başlığı altında bulabilirsiniz.

Microsoft doyumsuz kullanıcılarını düşünerek http://microsoftgadgets.com/Gallery/ adresi altında yüzlerce gadgete yer vermiş. Bu galeride arayıp da bulamayacağınız gadget yok. Ancak yine de “benim aradığım gadget burada yok!” diyebiliyorsanız, Live.com size dilediğiniz bir kaynaktan gadget yüklemenize imkan da veriyor. Bu sayede başka kaynaklardan beğendiğiniz gadgetleri ana sayfanıza taşımanız oldukça kolay bir hal alıyor.
Bu bahsettiğimiz özellik inanıyoruz ki, şuan bu yazıya göz gezdiren birçok okuyucumuzun kafasında şimşekler çaktırmıştır. Öyle ya, Live.com başka bir kaynaktan gadget yüklememize olanak sağlıyorsa rahatlıkla bu kaynaklara kendi gadgetlerimizi de ekleyebiliriz.

İlk örneğimizi yapalım
Şimdi gelin ilk gadget örneğimizi sadece notepad kullanarak yapalım. Bu uygulama için standart bir gadget`in nasıl bir yapıda olduğunu bilmemiz gerekiyor. Bir gadget üç dosyadan oluşuyor. Bu dosyalar CSS, JS ve XML uzantılı olmalı. CSS uzantılı olan dosyamız oluşturacağımız gadget`in biçim bilgisini içermekte. Bu örneğimizdeki CSS dosyamızın içeriği

.Microsoft_Live_GadgetSDK_HelloWorldGadget
{
color: navy;
letter-spacing:2px;
font-weight:bold;
}

yukarıdaki şekilde. Örneğimizi birebir uygulamak isteyen okuyucularımız yukarıdaki metni notepad`e yapıştırıp .css uzantısı ile kaydedebilirler.

Sıradaki dosya bir JS
İkinci dosyamız ise JS uzantılı JavaScript dosyamız. Bu dosya en önemli dosyamız çünkü gadget`imizin çalışmasını sağlayan progr***** aslen bu dosyadan ibaret. CSS içeriğini verdiğimiz Merhaba Dünya gadgetimizin JavaScript kod içeriği ise şu şekilde;

//----------------------------------------------------------------------------
//
// Copyright (C) Microsoft Corporation 2006. All Rights Reserved.
//
// Project: Web Gadget SDK Sample
//
// File: HelloWorldGadget.js
//
//----------------------------------------------------------------------------

// register your Gadget`s namespace
registerNamespace("Microsoft.Live.GadgetSDK");

// define the constructor for your Gadget (this must match the name in the manifest XML)
Microsoft.Live.GadgetSDK.HelloWorldGadget = function(p_elSource, p_args, p_namespace)
{
// always call initializeBase before anything else!
Microsoft.Live.GadgetSDK.HelloWorldGadget.initiali zeBase(this, arguments);

// Private method to output "Hello World"
this.Output = function()
{
p_elSource.innerText = "Hello, world!";
}
Microsoft.Live.GadgetSDK.HelloWorldGadget.register BaseMethod(this, "Output");

this.initialize = function(p_objScope)
{
// Call base class`s initialize method
Microsoft.Live.GadgetSDK.HelloWorldGadget.getBaseM ethod(this, "initialize", "Web.Bindings.Base").call(this, p_objScope);
this.Output();
}
Microsoft.Live.GadgetSDK.HelloWorldGadget.register BaseMethod(this, "initialize");

this.dispose = function(p_blnUnload)
{
// Usually, you would add your dipose code here, but we have nothing to dispose for this Gadget

// always call the base object`s dispose last!
Microsoft.Live.GadgetSDK.HelloWorldGadget.getBaseM ethod(this, "dispose", "Web.Bindings.Base").call(this, p_blnUnload);
}
Microsoft.Live.GadgetSDK.HelloWorldGadget.register BaseMethod(this, "dispose");
}
Microsoft.Live.GadgetSDK.HelloWorldGadget.register Class("Microsoft.Live.GadgetSDK.HelloWorldGadget", "Web.Bindings.Base");

gördüğünüz gibi kodun baş kısmında Microsoft`a ait olduğunu gösteren bir ibare var. Siz de yazdığınız gadgetlere bu tarz ibareler yerleştirebilirsiniz. Yine bu kodu boş bir metin editörüne yerleştirip uzantısını .js olarak kaydedebilirsiniz. Kodlar arasında yer alan ve // işareti ile başlayan satırlar (ingilizcesi olan okuyucularımız hemen anlayacaktır) kullanıcı ya da geliştiricilere bırakılan küçük açıklama notlarını içeriyor. Dolayısıyla incelediğiniz örnek dosyalardaki bu satırlar size büyük fayda sağlayabilir.

Ve son dosya: XML
Son dosyamız ise XML`imiz. Bu dosya sayesinde Live.com`da yer alan RSS okuyucu kutucuklarımız bu gadgeti yorumlayabilecekler. İşte Merhaba Dünya gadget`imizin .xml uzantılı dosya içeriği http://www.microsoft.com

A sample hello world binding.

en-us

Microsoft.Live.GadgetSDK.HelloWorldGadget
http://localhost/Gadgets/Hello/HelloWorldGadget.js
http://localhost/Gadgets/Hello/HelloWorldGadget.css

Yazımızda linkini verdiğimiz ve örnek gadget kodlarının yer aldığı sample.zip dosyasından bir alıntı yaparak, Merhaba Dünya yazabileceğiniz küçük bir gadget örneğini incelemeye çalıştık. Siz de bu tarz basit örneklerden yola çıkarak çok kolay bir şekilde kendinize ait gadget dosyaları oluşturabilir ve bunları diğer kullanıcılarla paylaşabilirsiniz. Geriye kalan web üzerinde linkleme yapabileceğiniz ücretli/ücretsiz bir host hesabından ibaret.

Kendi Gadget'inizi Yapın

Site İstatistikleri

Reklam

Desteklediklerimiz