Bugün sizlere Microsoft’un yeni bir internet hizmetinden bahsetmek istiyorum. “Popfly” adındaki bu hizmet sayesinde çok kısa sürelerde, hiç kod bilgisi kullanmadan güzel ve etkileÅŸimli web sayfaları hazırlayabiliyorsunuz. Microsoft’un Silver Light adındaki yeni sisteminin geliÅŸmiÅŸ özelliklerini bir arada kullanbiliyorsunuz.

www.popfly.com adresinden siteye girip, bir msn hesabıyla sisteme giriş yaptıktan sonra karşınıza aşağıdaki şekilde bir ekran geliyor.

Burası popfly sitemizin ana ekranı.

“Create a Mashup” ve “Create a Page” linklerini kullanarak popfly hizmetlerinden yararlanmaya baÅŸlıyoruz.

Create a Mashup özelliği ile çok sayıdaki uygulamaları birleştirip, basit sayfalar hazırlayabiliyorsunuz. Sayfa demek aslında yanlış bir ifade olacak. Çünkü burada yaptıklarınız isterk kendi web sitenize, ister msn live space sayfanıza, isterseniz windows sidebar gadget olarak bilgisayarınızda veya email yoluyla arkadaşlarınıza gönderebiliyorsunuz. Basit bir mashup uygulaması nasıl yapıldığını yazının devamında resimlerle anlatacağız.

Create a Page hizmetiyle de kendinize kolayca web sayfaları oluşturabiliyorsunuz. Bu web sayfalarının temalarını ve düzenlerini istediğiniz gibi ayarlayıp, içeriğini istediğiniz şekilde hazırlayabiliyorsunuz. Ayrıca içerik olarak mashup bölümünde yaptıklarınızı da kolayca ekleyip kendinize özel sayfalar hazırlayabiliyorsunuz.

Şimdi Mashup ve Wep page hazırlamayı resimli olarak anlatalım.

Mashup bölümüne girdiğimizde karşımıza bu şekilde boş bir ekran geliyor. Sol tarafta Bloks adı verilen bölümde kullanabileceğiniz servisler yer alıyor. Fotoğfraf, video, harita, rss vb. birçok servisten yararlanabiliyorsunuz. Şimdi örnek olarak yapacağımız uygulamamızda flickr sitesindeki fotoğrafları kullnarak kendimize kolayca bir sayfanın nasıl hazırlanacağının göstereceğiz.

Sol taraftan Bloks bölümünden flickr maddesini sürükle-bırak yaparak sağ tarafa ekledik. Bir sonraki adımda flickr kutusunun sağ üstünde görülen ayar tuşuna basarak ne tür fotoğrafların çıkacağını ayarlayacağımız ekranı görelim.

Operators kısmında farklı özellikleri de seçebiliyoruz. GöstereceÄŸimiz örnekte varsayılan olarak gelen “beach” isimli fotolardan 15 tanesinin çıkmasını ayarlıyoruz ve üstteki ingiliz anahtarı ÅŸeklindeki resme tıklayarak ayar penceresini kapatıyoruz.

Bu ayarı yaptıktan sonra üstte görülen “Preview” tuÅŸuna bastığımızda ön izleme olarak hazırladığımız çalışmayı görebiliyoruz. Ãœstteki resimde olduÄŸu gibi beach isimli 15 tane fotoÄŸraf yan yana sıralanmış olarak çıktı. Bir sonraki aÅŸamada “Display” baÅŸlıklı bloktaki özellikleri kullanarak bu fotoÄŸrafların daha güzel bir arayüzle ekranda görüntülenmesini saÄŸlayacağız.

Sol taraftaki bölümden “Photo Stack” özelliÄŸini yine sürükle-bırak yaparak syafamıza ekledik. Daha sonra Flickrdaki fotoÄŸraflarımızı PhotoStack arayüzünde görüntülenmesini saÄŸlamak için önce flickr kutucuÄŸuna artından da PhotoStack kutusuna tıklıyoruz ve iki kutucuk birbirine baÄŸlanıyor. Bu iÅŸlemden sonra önizleme yaptığımızda karışımıza aÅŸağıdaki resim gibi bir sonuç çıkıyor.

Mashup ile yapacağımız örneklerden birini bu ÅŸekilde tamamlamış olduk. Ä°stediÄŸimiz ÅŸekilde sayfamızı hazırladıktan sonra üst bölümde görülen “Save” tuÅŸuna basak bu hazıladığımız çalışmayı kaydediyoruz.

Mashup ile bir örnek daha yapalım. Dünya haritasını görebileceğimiz bir çalışma hazırlayalım. Üstteki örnekte olduğu gibi bunu da hazırlamak oldukça basit ve hızlı. Sol taraftaki bölümden Maps başlığından Virtual Earth ü sayfamıza ekliyoruz. Daha sonra da üstteki save tuşuna basak bu çalışmamızı kayıt ediyoruz.

Yapmış olduğumuz bu çalışmları My Stuff menüsündeki Projects linkine tıklayarak ulaşabiliyoruz. Karşımıza aşağıdaki gibi bir ekran çıkıyor.

Burada yapmış olduÄŸum çalışmaları görüyorsunuz. En son yaptığımız Virtual Earth adındaki çalışmayı nasıl paylaÅŸacağımızdan bahsedelim. Virtual Earth projesinin altında bulunan linklerden “Share” linkine tıkladığımızda karşımıza aÅŸağıdaki gibi bir menü çıkmakta

“Embed It” özelliÄŸi sayesinde bu çalışmanızı bikaç satır kod vasıtasıyla istediÄŸiniz sayfada kullanabiliyorsunuz. Yazının giriÅŸ bölümünde bahsettiÄŸim gibi bu çalışmanızı Sidebar gadget olarak bilgisayarınıza indirip kullanabiliyorsunuz. Bununla birlikte Live Space sayfanıza yada Facebook hesabınıza da bu çalışmanızı kolayca ekleyebiliyorsunuz. Email to a Friend ile de arkadaşınıza mail olarak gönderebiliyorsunuz. Biz burada emded it linkine tıklıyoruz.

Bize yaptığımız çalışmayı kullanmamızı sağlayacak kodu hemen hazırlıyor. Bu kodu da yaptığım örnek sayfada http://www.bilgiustam.com/virtual_earth.html sayfasında görebilirsiniz.

Yazımızın ilk bölümünde Popfly sitesinin tanıtımı ve mashup yapmayı anlattık. Elbetteki mashup ta yapabilecekleriniz bunlarla sınırlı değil. Daha birçok özelliği kullanarak farklı sayfalar oluşturabilirsiniz.

Birsonraki bölümde Popfly sitesinde web sayfası nasıl hazırlanacağını ve sitenin diğer özelliklerinden bahsedeceğiz.

Etiketler: örnek, popfly, tanıtım, Teknoloji, uygulama, İnternet