Geçtiğimiz sene Angelabs‘ın bir girişimi olan twshot servisi için yazmış olduğum Twshot for WordPress eklentimi yeniledim.



Bu yeni sürüm ile beraber;

• Kullanıcıların twitter statülerini güncellerken kullanacakları twshot linkinden önceki mesajın özelleştirilebilmesi için yazı ve sayfa ekleme sayfalarına twshot title kutusu eklendi. Böylelikle uzun yazı başlıklarını kısaca anlatan anlamlı şeyler kullanabileceksiniz tweetlerinizde..
• Eklentinin kullanıcıları tarafından rapor edilen 1-2 hata temizlendi
• Eklenti üzerinde kod iyileştirmeleri yapıldı.

Eklentiyi kendi sayfasından ( http://www.gurkanoluc.com/wordpress-twshot-eklentisi)  indirebilirsiniz.

Eklenti ile ilgili hata bildirimi yada önerilerinizi iletişim sayfamdan bana ulaştırabilirsiniz.

Hal böyle olunca bir çok uygulama tarafından tercih edildi tabii ki. Tüm veri iletişimini AJAX ile gerçekleştiren web siteleri, mash-up'lar, kullanılabilirliğini tavan yaptırmak isteyen web siteleri gibi bir çok yerde kullanıldı ve çokta güzel ve eğlenceli oldu bence.

Bugün bahsedeceğimiz konu olayın mash-up diye tabir edilen bir nevi ufak web site parçacıkları üzerine olucak. Bildiğiniz gibi mash-up'lar genelde üyesi olup, içerik ürettiğiniz çeşitli servisler tarafından size sağlanıyor. Örneğin Twitter. Ufak bir kopyala & yapıştır operasyonu ile son 10 tweet'inizi blogunuz üzerinde gösterebilirsiniz.

İşte tam da bu noktada bir sorun ortaya çıkıyor. XmlHttpRequest nesnesi iyi, güzel ama yalnızca kendi domaininiz üzerindeki adreslere request yapabilmenize imkan tanıyor. Böyle olunca da siz örneğin kendiniz bir mash-up yapıyor olsanız ve twitter API'na XmlHttpRequest ile request göndermek isteseniz, göndermiş olduğunuz request güvenlik sebeplerinden dolayı hata verecektir.

Bu sorunu çözmek için bulunmuş çeşitli yöntemler var.

Bunlardan 1.si server-side proxy. Bu yöntemde basitçe siz tüm Ajax requestlerinizi belirli paremetreler göndererek kendi sunucunuz üzerinde bulunan bir dosyaya yapıyorsunuz, bu dosyada kullanmış olduğunuz server-side dilin kütüphanelerini kullanarak ( Mesela PHP için Curl kütüphanesi ile bu işlem oldukça kolay yapılabiliyor ) belirtilen adrese request yapıp, sonucu döndürebiliyorsunuz. Bu yöntem stabil ancak, sunucu kaynaklarını fazla tüketen bir uygulama.

2. yöntem bu işlemi iframe kullanarak yapmak ve Javascript ile frame içerisindeki içeriği alarak işlemek. Ancak bunun da zaman zaman güvenlik sorunları nedeniyle sorunlar çıkardığı biliniyor ve kodlaması da pek zevkli bir iş değil açıkçası

3. ve en sağlıklı, stabil yöntem ise request yapılacak adresten bir scripti sayfamıza dahil etmek. Böylece hiçbir engele takılmadan kolaylıkla verileri alabiliyoruz. Tabii bu yöntemi kullanabilmek için ilgili servisin bize bu API hizmetini sunması gerekiyor.

Evet, biraz uzun bir giriş yazısı oldu ve olayımız şimdi yeni başlıyor

Bu yazıda 3. yöntemi nasıl kullanabileceğinizden bahsediyor olucam. Bu teknik üzerine çok uzun bir yazı yazılabilir ancak ben yine her zaman olduğu gibi örnek üzerinden anlatmak istiyorum.

Örneğimiz basitçe şu işlemi yapıcak. Flickr üzerinde "cat" etiketine sahip ögeleri alıcak ve son 10 tanesini göstericek. Bu işlemi yaparken ben yine jQuery kullanacağım ancak jQuery kullanmadan da nasıl yapılacağı konusunda bilgi vereceğim yazının sonunda. Hadi yapalım!

Flickr üzerinden verileri çekeceğimiz adres : http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?

Şimdi de Javascript kodumuzu yazalım.

Önce jQuery'nin getJSON metodu ile ilgili adrese request yaptık, sonra da bu request'in nasıl işleneceğini bildiren fonksiyonumuzu yazdık. Fonksiyon içeriğine pek girmiyorum zira temel seviyede Javascript bilen bir geliştirici için oldukça anlaşılabilir kendisi.

Ne kadar basit değil mi? Bu işlem için jQuery kullanmış olmamızın bize katkısı şu oldu. Eğer jQuery kullanmamış olsak, tüm browserlarda çalışan adam gibi bir AJAX sorgusu yapmak için ekstradan biraz daha saçma sapan şeyler yazıcaktık. Flickr adresine sorgu yaparken jsoncallback parametresi için ayrı bir fonksiyon adı belirtip onu da ekstradan tanımlıyacaktık. Gerçi şuanda da bir fonksiyon tanımladık ama yazımı daha kolay gibi oldu sanki?

Şöyle bir soru gelebilir aklınıza. Madem jsoncallback parametresine bir fonksiyon değeri vermemiz gerekiyor, neden oraya ? koyup, sonra fonksiyonu yazdık? Bu jQuery'nin biz sevgili kullanıcılarına yapmış olduğu bir güzellik : ) jQuery bizim belirtmiş olduğumuz fonksiyonu alıyor ve json2334334 gibi unique bir isme sahip olan bir fonksiyona atıyor. jsoncallback parametresine koymuş olduğumuz ? işareti yerine de json2334334 yazıyor. Böylece API'dan dönen veri json2334334 fonksiyonuna parametre olarak ekleniyor.

Yazmış olduğumuz kodun demosuna bu adresten bakabilirsiniz. Bir sonraki yazımda kendi projelerinizde benzer bir yapıyı nasıl oluşturabileceğinizi ve kullanıcılarınıza benzer bir api hizmeti sunabileceğinizi anlatacağım. Kolay gelsin

Bu işlem için kullanılacak olan 10larca çözüm olmasına rağmen ben bu yazımda pek sevgili jQuery'nin browser nesnesinden bahsedeceğim. Browser nesnesi basitçe, kullanıcının kullanmış olduğu browser'ın ne olduğunu ve versiyonunu döndürüyor. Bizi de bu verileri elde etmek için acayip acayip yöntemler kullanma derdinden kurtarıyor. Biraz fazla konuştum, kod yazsam iyi olacak sanırım

Bu görmüş olduğunu if-else blogu kullanıcının Mozilla Firefox kullanıp kullanmadığını sorguluyor ve eğer kullanıyorsa "Mozilla kullanmak iyidir güzeldir"; kullanmıyorsa "Neden Firefox kullanmıyorsun ki?" diye soruyor. Bu çok basit bir örnek tabii ki gerçek projelerde alert ile uyarı vermek yerine jQuery seçicilerini kullanarak sorun çıkaran elemente ait bir CSS özelliğini değiştirebilir, yeni birşeyler ekleyebilirsiniz örneğin.

Bir örnekte tüm kötülüklerin anası olan Internet Explorer 6.0'ın varlığını anlamak için örnek yapalım.

Gördüğünüz gibi oldukça basit ve temiz. jQuery'i seviyorum
Not : Yazı boyunca kullanmış olduğum jQuery.Browser nesnesi jQuery 1.3.x sürümlerinde bulunmaktadır. 1.3'den daha alt sürümlerde kullanılamamaktadır

Gerçekten çok şaşırtıcı oldu. Geçtiğimiz sene son aldığı kişi 39.500'üncü sıralardaydı ben nasıl olsa olmaz, benim başarı sıram 59930 diyerek üste yazmıştım. Daha alttaki bir tercihim olan Yalova üniversitesi falan bekliyordum =) Hayırlısı buymuş.

ÖSS sonuçlarını bekliyorum. 18 tane tercih yaptım. Son 3'lüden yana umutlarım var. Yalova, Muğla ve Kırıkkale üniversiteleri Bilgisayar Müh. bölümleri bu sene açıldı ve belirli bir taban puanları yok şuan. Umarım Yalova Üniv. olur. Hem Bursa'ya, hem de İstanbul'a çok yakın. Benim için oldukça güzel olacak olabilir.

Yazıya temamı değiştirdim diye mesaj attım ama ilk iki paragraf tamamen benden bahsediyor. Enteresan bir giriş oldu sanırım. He, ne diyorduk? Evet değiştirdim. Görmüş olduğunuz tema sevgili Sinan Ata tarafından tasarlandı, sevgili ben - çok severim ben kendimi : P - tarafından WordPress'e entegre edildi. Tam benim sevdiğim tarzda, grafiksel anlamda birsürü ıvırı zıvırı olmayan. Sade, zarif, özelleştirilebilir ( Arkaplan rengi, sayfa meta tagları v.s özelleştirilebiliyor. Belki yeni sürüm çıkartırsak bu özelleştirme olayının cıvkını çıkarmak istiyorum ) . Öyle işte. Ben şuan gördüğünüz kırmızımsı arka planı seçtim, hangi renk daha güzel durur karar veremedim öneriniz olursa beklerim.

Unutmadan geçtiğimiz haftalarda blogu komple silip sadece teknik içerikli yazılarımı, eklenti tanıtım yazılarımı v.s bıraktım. Diğer içerik çok gereksiz geldi gözüme birden.

Ama maalesef hayat her zaman insanın istediği yönde gitmiyor.  Andı içtikten sonra kendimle o kadar kavga edip, kendimi o kadar dizginleyerek yapmış olduğum çalışmaların hiç birisi kelimenin tam manasıyla hiç bir işe yaramadı diyebilirim.

Sınav sabahına kadar herşeyden çok umutluydum.. Dershanede son çözdüğüm denemelerde v.s 265 almıştım, 2007 ÖSS sorularını çözdüğümde 275 puan çıkarmıştım.. Anlayacağınız gayet olumlu ve kendime güvendiğim bir tablo söz konusuydu.. Hatta öyle ki, yani sınavı halt edeceğimden o kadar emindim ki beni arayıp "heycanlanma yavrum, stres yapma, biz arkandayız" diyen beni seven tüm insanlara "yok ya ben heycanlı falan değilim, sınav işte n'olcak" gibi cevaplar veriyordum.

Neyse lafı fazla uzatmadan sınav sabahına geleyim. Sabah sınav salonuna gayet rahat bir şekilde girdim. Kalemimi, suyumu, silgimi, kuru üzümlerimi özenle yerleştirdim sınavı olacağım sıraya.. Adeta bir imparatorluk kurmuştum orada.. Herşey çok güzel olacaktı,tı,tı..

Sınav başladı.. Genelde kolaylıkla çözdüğüm matematik 1 bölümü yine kolay başlamıştı.. Dedim tüm sınavım böyle geçerse galiba bu sefer oluyor, hayallerime ulaşıyorum.. Ama sonrasında işler pekte istediğim gibi gitmedi.. Zaman ile ilgili sorunlar yaşadım.. Boş bıraktığım her soru ondan sonra çözdüğüm sorularda kafamı kurcaladı.. Son 45 dk'da çözdüğüm Türkçe'de ciddi bir dikkat dağınıklığı yaşadım, her dakika saate baktım falan. Son 45 dakikanın nasıl geçtiğini inanın bilmiyorum.. Türkçe bittiğinde kalan 15 dk'm bana hiçbir anlam ifade etmiyordu neredeyse.. Sadece mat1'e dönüp 1-2 sorunun üzerinden geçmeme imkan tanıdı o kadar..

Neyse o an geldi ve salon görevlisi "arkadaşlar! sınavınız bitmiştir. Geçmiş olsun" dedi.. O anki duygularımı yazarak anlatabileceğimi pek sanmıyorum.. Kafamda ne yaptım ben? Nasıl böyle oldu? gibi bir çok soru ve içime sinmeyen bir sürü şey ile çıktım sınav salonundan.. Annemler tabii ki de umutlu gözlerle bekliyorlardı beni, onlara "süper" geçti diyemedim. Bana çaktırmasalar bile yüzleri düştü, moralleri bozuldu. Özellikle annemi o halde görmek içimi yaraladı.

Neyse eve geldim. Yani içimde bir burukluk vardı ama yine de umutluydum sınavdan. Konuştuğum bir çok arkadaşım "çok kötü, Matematik 2'yi hiç yapamadım" falan diyorlardı.. Ben Matematik 2'de o kadar zorlanmadan 25 soru cevaplıyabilmiştim çoğundanda emindim neredeyse.Ne diyorduk, heh eve gelmiştim. TV'de çeşitli illere bağlanıp sınavdan çıkarken arakladıkları 3-5 çocuğu canlı yayına almış mal mal sorular soruyorlardı. Bende hani sınavım iyi geçti ve sevinicem ya sövüyordum o sıra hadi ya çözümlere geçin diye.

Çözümler başladığında 1. bölüme ait olan testlerde bir miktar moralim bozuldu. 2007 ÖSS sorularını çözdüğümde Mat 1 ve Fen 1 testlerinden full yapmıştım neredeyse ama bu sınavda ikisi de ortalamamın çok altındaydı. Neyse sonra içeri geldim bilgisayar başına. FriendFeed'te takıldım biraz falan Mat 2 ve Fen 2'yi kontrol ettim. İşte başımdan aşşağı kaynar suların döküldüğü, içimden bir parçanın koptuğu kısım orasıydı.. Matematik 2'de resmen saçmalamıştım ve doğru yapabileceğim soruları hep ufak tefek ve saçma hatalar ile kaybetmiştim. Netekim Fen2'de de saçmalıdğım sorular vardı ve o sinirle internete girip puanım hesapladım..

Orada Say 2 : 235 yazdığı andan itibaren sinir krizi gibi birşey geçirdim sanırım. Yaklaşık bi' yarım saat hüngür hüngür ağladım. Kendim için, ailem için, verdiğim emekler için.. Çözdüğüm 1000lerce sorunun karşılığı bu olmamalıydı, olamazdı. Ama olmuştu işte ve bu yazı kafamda bir milyon tane soru işareti ile sürekli olarak annemle tartışarak geçireceğim belli olmuştu.

Yukarıdaki paragraftaki andan itibaren şu ana kadar berbat durumdayım.. Destek olan moral veren dostlar çok sağolsunlar ama maalesef insan bir süre sonra kendisiyle başbaşa kalıyor.  Ve kaderine isyan etme noktasına geliyor. Şu an çıldırma noktasına gelmiş durumdayım.. Önümüzdeki 1 ay içerisinde çok önemli bir şeyin tercihini yapmam gerekiyor.

Ya 10 yaşımdan beri hayalim olan bilgisayar mühendisliği sevdamdan vazgeçeceğim, ne rasgelirse okuyacağım ve yine yazılım mühendisliği konusundan kendimi geliştireceğim.. Yada yine tüm herşeyi, projelerimi, planlarımı, hayallerimi bir sene daha erteleyip sınava bir sene daha hazırlanacağım. Buradaki ilk şıkkı seçmiş olsam bile kafamda soru işaretleri var. Bunu hangi ilde yapacağım? Bursa'da kalıp, iş ile ilgili durumlarda İstanbul'a gitmek mi mantıklı yoksa İstanbul olsunda nasıl olursa olsun diyerek  İstanbul'a gitmek mi?

Yazılım sektöründe birşeyler yapmanın, bir yerlere gelmenin okunan okul ile bir alakası olmadığı bir çok örnekle kanıtlanmış birşey artık.. Bu duruma dair Türkiye'den ve dünyadan birçok örnek gösterilebilir. Bende bu furyaya mı kapılsam yoksa eğitim önemlidir deyip 1 sene daha herşeyimi ertelesem mi bilemedim. Cidden çıldırmak üzereyim.

Bitti.

Eklentiyi Nasıl Güncelliyeceğiz?

• Yönetici panelinizde eklentiler kısmından FriendFeed Comments eklentisini pasif hale getiriniz.
• Daha sonra blogunuzun yayında olduğu sunucuya herhangi bir ftp programı ile yada ssh üzerinden bağlanıp wp-content/plugins dizini içerisindeki wordpress-friendfeed-comments klasörünü siliniz.
• http://wordpress.org/extend/plugins/wordpress-friendfeed-comments/ adresinden eklentinin 1.2 sürümünü indiriniz.
• İndirdiğiniz zip dosyası içerisinden çıkan wordpress-friendfeed-comments klasörünü wp-content/plugins klasörünüzün içine upload edin.
• Daha sonra blogunuzun yönetici panelinden eklentiyi aktif hale getirin.
• Bu şekilde yaptığınızda eklentinin önceki sürümlerinde kayıt ettiği yazılara gelen yorumları ve yeni yazılarınıza gelen yorumları gösteriyor olması gerek.

Çıkmamasını umut ediyorum ancak, karşılaştığınız sorunları bana yorum yazarak yada mail ile bildirirseniz sevinirim.

Bu sürümde eklentiye eklemiş olduğum yeni bir özellik bulunmuyor. Sadece var olan ve geri bildirimi yapılan hataları düzelttim.

• Artık eklenti friendfeed'e link eklemiyor. Friendfeed hesabınıza eklemiş olduğunuz blogunuza ait rss beslemesinden düşen ögeleri otomatik olarak algılıyor ve bu ögelere gelen yorumları blogunuz üzerinde gösteriyor.
• Friendfeed'e sayfa her refresh edildiğinde bağlantı yapılmıyor, yönetici panelinden ayarlanabilen zaman aralıklıklarıyla Friendfeed sunucusuna bağlanılıyor. Böylece eklentinin sunucuya bindirdiği yük önemli ölçüde azalıyor.
• Yorumlar eklenti klasörü içerisinde tmp isimli bir dizinde cache ediliyor. Böylece Friendfeed üzerinden gelen yorumları gösterilirken veritabanına bağlanılmıyor. Bu da eklentinin sunucuya bindirdiği yükte önemli bir azalma ve yazının gösterileceği sayfanın yüklenme süresinde önemli bir artış meydana getirdi.
• Eklenti kullanıcılarının en çok şikayetçi olduğu şeylerden bir tanesi olan Friendfeed sunucuları ile blogun çalıştığı sunucunun zaman ayarlarının farkından ortaya çıkan zaman problemi bu sürüm ile çözüldü.
• Eklentinin lokalize edilmesinde WordPress'in de bir standart olarak belirlediği GNU Gettext kütüphanesine geçildi.
• Friendfeed üzerinden otomatik olarak bulunarak, yorumları ilgili yazı altında gösterilmek üzere kayıt edilen ögelerin tanımlanmasını sağlayan Friendfeed ID değerleri artık değiştirilebilir. Yani eklenti yaptığı arama sizin yazınıza ait olan FriendFeed ögesini değilde, başka FriendFeed ögesini kayıt etmişse bunu düzeltebiliyorsunuz artık.
• Eklentinin genelinde performans ve kod iyileştirme çalışmaları yapıldı.

Eklentiyi yine aynı adresten ( http://wordpress.org/extend/plugins/wordpress-friendfeed-comments/ ) indirebilirsiniz. Kurulum detayları için readme.txt dosyasına bakabilirsiniz.

Son olarak eklentinin ingilizce çevirisini ben pek te iyi olmayan ingilizcem ile kendim yaptım. Yanlış yada eksik gördüğünüz yerleri bana buradan belirtirseniz yada kendiniz İngilizce dil dosyası hazırlayıp gönderebilirseniz sevinirim.