Popfly Birim 1 : Tanıtım ve Mashup Misal Uygulaması

Bugün sizlere Microsoft ’un yeni bir internet hizmetinden bahsetmek istiyorum “Popfly adındaki bu hizmet sayesinde fazla kısa sürelerde, hiç kod bilgisi kullanmadan hoş ve etkileşimli web sayfaları hazırlayabiliyorsunuz Microsoft ’un Silver Light adındaki yeni sisteminin gelişmiş özelliklerini bir arada kullanbiliyorsunuz
wwwpopflycom adresinden siteye girip, bir msn hesabıyla sisteme antre yaptıktan sonradan karşınıza aşağıdaki şekilde bir ekran geliyor
Burası popfly sitemizin asıl ekranı
“Create a Mashup ve “Create a Page linklerini kullanarak popfly hizmetlerinden yararlanmaya başlıyoruz
Create a Mashup özelliği ile fazla sayıdaki uygulamaları birleştirip, basit sayfalar hazırlayabiliyorsunuz Sayfa aramak gerçekte 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 ya da 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 Hem içerik olarak mashup bölümünde yaptıklarınızı da zahmetsizce ekleyip kendinize özel sayfalar hazırlayabiliyorsunuz
Hemen 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ı bahşedilen 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üklebırak yaparak sağ tarafa ekledik Bir sonraki adımda flickr kutusunun sağ üzerinde görülen ayar tuşuna basarak ne cins fotoğrafların çıkacağını ayarlayacağımız ekranı görelim

Operators kısmında ayrı ö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 sonradan ü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 ast yandan sıralanmış olarak çıktı Bir sonraki aşamada “Display başlıklı bloktaki özellikleri kullanarak bu fotoğrafların daha hoş bir arayüzle ekranda görüntülenmesini sağlayacağız

Sol taraftaki bölümden “Photo Stack özelliğini tekrar sürüklebı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 daha sonra önizleme yaptığımızda karışımıza aşağıdaki fotoğraf gibi bir netice çı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 Üst örnekte olduğu gibi bunu da sıralamak oldukça basit ve seri Sol taraftaki bölümden Maps başlığından Virtual Earth ü sayfamıza ekliyoruz sonradan da üst 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 aşağıda bulunan linklerden “Share linkine tıkladığımızda karşımıza aşağıdaki gibi bir menü çıkmakta

“Embed It özelliği tamamen bu çalışmanızı bikaç satır kod vasıtasıyla istediğiniz sayfada kullanabiliyorsunuz Yazının antre 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ı zahmetsizce 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 anında hazırlıyor Bu kodu da yaptığım misal sayfada http:wwwbilgiustamcomvirtualearthhtml 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 çoğu özelliği kullanarak bambaşka sayfalar oluşturabilirsiniz
Birsonraki bölümde Popfly sitesinde web sayfası nasıl hazırlanacağını ve sitenin öteki özelliklerinden bahsedeceğiz