Mashup

Müzik ve eğlence dünyasından ilham alan Web sektörü, baş döndürücü bir User Experience deneyimine hazırlanıyor: Mashup Web Applications

"Mash" (karışım) kelimesinden türemiş olan "mashup" kelimesi, farklı müziklerin bir araya gelmesiyle oluşan müziği tanımlamak için kullanılıyor. Aynı terim daha sonraları videolar için de kullanılmaya başlandı. Terim son zamanlarda Web dünyasında da kullanılıyor: Mashup Web Applications. Bu yeni akımda farklı web uygulamalarının sunduğu imkanlar bir araya geliyor. Mashup uygulamaların sayısı o kadar arttı ki artık mashup yapmak için editörler bile var: Mashup Editors. Web dünyasının büyüklerinden biri olan Yahoo!, Mashup Editor'lerden en iyisini sunuyor: Yahoo! Pipes (http://pipes.yahoo.com/ ). Bu editörü kullanarak, farklı sitelerden derleyeceğiniz içerikleri istediğiniz kriterlere göre sınıflandırabilir ve anlık olarak kendi sitenizde yayınlayabilirsiniz. Google da mashup editör hazırladı (http://code.google.com/gme/) ama hem Yahoo! Pipes kadar eğlenceli değil hem de bir araya getirme özellikleri yetersiz. Microsoft'un mashup editörünü (http://www.popfly.ms/) kullanmak için bilgisayarınıza özel bir yazılım kurmanız gerekiyor ve hiç de keyifli bir kullanımı yok (UI).

Web dünyasının bu en yeni akımında aktörler sektörün en son teknolojilerini kullanmak için birbirleriyle yarışıyorlar: AJAX, Drap&Drop, RSS, UI... Bu akım aktörlerin adeta gövde gösterisine dönüşmüş durumda. Arkanıza yaslanın ve büyüklerin bu kıran kırana müsabakasından nemalanmaya çalışın.

Her yeni akım, Web dünyasını daha iyi ve daha verimli hale getirirken, yeni iş fırsatlarını da beraberinde getiriyor.

ColdFusion ile RSS feed hazırlamak

İnternette konuyla ilgili olarak tam tekmil bir kod örneği yok. Belki ilk örnek bu olacak. En yalın, en basit kod bu olabilir. Kod herşeyi anlatır.


Feed hazırlarken:

* W3C denetleme aracını kullanarak, feed'inizdeki hataları öğrenebilirsiniz. Aracı sabırlı kullanın. Bazen gereksiz yere hata verebiliyor. Sık sık Yenile yapın. W3C Feed Validator: http://validator.w3.org/feed/

* <?xml satırından önce XML'de boş satır olmasın.
* Eğer enter karakterinin de olduğu HTML'ler içeren bir paragraf yayılayacaksanız, <![CDATA[]]> içerisine alın.

Örnek CFML kod:

<cfcontent reset="yes" type="text/xml; charset=utf-8">

<cfoutput><?xml version="1.0" encoding="utf-8" ?>

<rss version="2.0">

<channel>

<title>Zeytinburnu Belediyesi - <cfswitch expression="#e.kanalId#"><cfcase value="42">Haberler</cfcase><cfcase value="44">Basın Bültenleri</cfcase></cfswitch></title>

<link>http://www.zeytinburnu.bel.tr</link>

<language>tr</language>

<copyright>Copyright © 1999 - 2006 Zeytinburnu Belediyesi. Her hakkı saklıdır.</copyright>

<description><![CDATA[Zeytinburnu Belediyesi RSS]]></description>

<cfloop query="e.qryIcerikler">

<item>

<guid>http://www.zeytinburnu.bel.tr/bel_haberler/index.cfm?IcerikId=#e.qryIcerikler.ID#</guid>

<title><![CDATA[#e.qryIcerikler.BASLIK#]]></title>

<description><![CDATA[#e.qryIcerikler.ALT_BASLIK#]]></description>

<link>http://www.zeytinburnu.bel.tr/bel_haberler/index.cfm?IcerikId=#e.qryIcerikler.ID#</link>

</item>

</cfloop>

</channel>

</rss>

</cfoutput>

Desktop, Web, AJAX ve Yahoo! Pipes

Web dünyası bilgiyle ve veriyle dolu. O kadar çok bilgi kaynağı mevcut ki, sadece onlardan gelen bilgileri yayınlayarak bile ciddi ziyaretçi kitlesi yakalamak mümkün. Bunun en güzel örneklerinden biri: news.google.com

Bu bilgileri online derlemek, bir araya getirmek, filtrelemek ve uygun kitlelere sunmak çok önemli. Web uygulamalarının User Interface olarak yetenekli olması bu noktada çok önemli. Web uygulamaları bu noktada desktop uygulamalardan daha fazla imkan sunar hale geldiler. İşte size bunun en güzel örneklerinden biri: Yahoo! Pipes Yahoo! ID'niz ve parolanız ile uygulamaya giriş yapabilirsiniz. Uygulamada, sürükle-bırak yöntemiyle ekrandaki kutular arasında borular ("pipe") oluşturulabiliyor. RSS kaynaklarını ekranınızda birleştirebilir, kendi filtrelerinizi yapıp, bilgileri derleyebilirsiniz.

Yahoo! Pipes devşirilerek backoffice uygulamalarında User Interface olarak kullanılabilir. Belki birileri yapmıştır bile. Kim bilir?...


Yahoo! Pipes tanıtım videosu: http://www.jumpcut.com/fullscreen?id=594F555C568011DC9D24000423CEF5B0&type=movie

Adobe, Eclipse ve JSEclipse

Web'in, desktop uygulamaların sunduğu imkanları sunmaya başlamasıyla birlikte, desktop uygulamaların yerini Web uygulamaları almaya başladı. Web'in mecburi dili olan Javascript artık çok daha önemli. Web uygulamanızı geliştirmek için hangi Uygulama Sunucusunu (ColdFusion, .Net, Java vs) kullanıyor olursanız olun, Javascript dili, kullanmanız gereken bir dil durumdadır. Geliştiricileriniz bu dili az yada çok bilmek zorundadır. Zengin web uygulamaları geliştirmek için kalabalık Javascript kodları yazmanız gerektiği göz önüne alındığında, artık Uygulama Sunucunuzda hazırladığınız kodları yazarken gösterdiğiniz özen ve kaliteyi, Javascript kodlarınıza da göstermeniz gerekiyor. Bu noktada, kullandığınız Bütükleşik Geliştirim Ortamının (IDE) Javascript kodlarken geliştiricilerinize yardımcı olması ve onların işlerini kolaylaştırması çok önemlidir.

Adobe, hem ColdFusion geliştirim ortamı için hem de Javascript geliştirim ortamı için IDE olarak Eclipse'i seçmiş durumdadır. Adobe'nin Eclipse için hazırladığı JSEclipse eklentisi, Javascript kodlamayı kolay hale getiriyor. Adobe bu eklentinin Eclipse'e kattığı özellikleri göstermek için bir video yayınladı. Bu video, JSEclipse ile ileri seviye kodlama yapmanın ne kadar kolay hale geldiğini gözler önüne seriliyor. Söz konusu video, JSEclipse eklentisinin özelliklerini göstermek için hazırlanmış olsa da, giriş seviyesindeki bir Javascript geliştiricisine Javascript'te nasıl Nesne Yönelimli Programlama yapıldığını gösterdiği için aynı zamanda bir Javascript eğitim videosu halini almış durumda.

Adobe'ye, Eclipse'i seçtiği için ve bu videoyu hazırladığı için teşekkürler.