bildirgec.org

Ajax (Asenkronize JavaScript ve XML) yüksek seviyede interaktif ve karşılık veren tarayıcı tabanlı uygulamalar geliştirebilmenize olanak sağlayan bir teknolojidir. XMLHttpRequest nesnesine yüklenerek suncu ile sorunsuz bir bağlantı sağlanabilir ve bu sayede yumuşak ve dinamik bir kullanıcı deneyimine kavuşulur.

Eğer daha önce AJAX öğrenmek istediyseniz, AJAX’ı ve onu çevreleyen teknolojileri “yalayıp yutmanızı” sağayacak pek çok kaynak bulunmaktadır. Yazımızın devamında AJAX konusunu kapsayan en iyi 20 web sitesini incelemeye çalıştık.

1. Ajax resource center (developerWorks)

IBM’in geliştiricilere ve BT profesyonellerine yönelik olarak hazırladığı bir kaynak merkezi olan developerWorks üzerinde bu konuya adanmış bir AJAX kaynak merkezi bulunmaktadır. İlgili sayfada AJAX’a yönelik pek çok rehber yer alıyor. developerWorks’ün rehberleri derinlemesine ve oldukça uzundur ve bunlar üzerinden jQuery ve AJAX ile RIA uygulamaları oluşturmak, AJAX güvenlik araçlarını öğrenmek ve AJAX tabanlı sohbet sistemi geliştirmek gibi farklı alanlarda pek çok çeşitli bilgiye ulaşabilirsiniz.

2. Mozilla Developer Center (AJAX)

Mozilla Developer Center üzerinde bulunan AJAX bölümü özellikle giriş seviyesindeki geliştiriciler içn mükemmel bir başlangıç noktası olarak gösterilebilir. MDN üzerindeki başlangıç rehberi özellikle AJAX’ın temel konseptlerini öğrenmek için mükemmel bir başlangıç noktasıdır. İlginizi çekebilecek bir diğer yazı ise XMLHttpRequest üzerinde yer alan yazıdır. Bu yöntem tipik AJAX örneklerinde sunucu tabanlı betiklerle iletişime dair kullanılması gereken ana elementtir.

URL kısaltma servisleri özellikle Twitter gibi mikro bloglama siteleri için olmazsa olmazlardan biridir. Kullanabileceğiniz 140 karakterin olduğu bir ortamda web sitesi adresinin bunların 100’ünü yemesini istemezsiniz. Hatta daha da kötüsü bazen kopyalamak istediğiniz web sitesi adresi 140 karakterden de uzun olabilir. TinyURL ya da benzer servislerinden birine girip siz de dilediğiniz web sitesi adresini kısaltabilirsinz. Peki ama neden Phurl kullanarak kendi URL kısaltma servisini oluşturmayasınız?

Adım 1: Phurl İçin Hazırlanmak
Öncelikle Phurl’u çalıştırıp çalıştıramayacağımıza bir bakmak lazım. İlgili betik bir PHP betiği olup en düşük PHP 4, MySQL 4 ve bir Apache sunucusunu gerektiriyor. Diğer web sunucuları üzerinde de çalışabilir, bilemiyorum, ancak bu makaleyi hazırlarken yaptığım araştırma sırasında insanların ilgili betiği diğer sunucular üzerinde de çalıştırmayı denediklerini gördüğümü anımsıyorum.

Düzenli bir şekilde kaydedilen URLleri otomatik olarak silmek istiyorsanız o zaman crontab dosyanıza bazı kodlar eklemeniz gerekebilir.

Bunun yanısıra eğer spamcılardan korunmak istiyorsanız, ki bence istemelisiniz, betiğin desteklediği CAPTCHA özelliğini kullanabilmek içn PHP image/gd modülüne de sahip olmanız gerekecek. Muhtemelen bunlardan birisine sahipsinizdir. Bu arada reCAPTCHA kullanmak istiyorsanız betik onu da destekliyor.

Phurl websitesi üzerinden betiğin son sürümü 1.5’i indirin.

CSS çatılarının (framework) sayısı her geçen gün biraz daha artıyor. CSS çatıları özellikle CSS ile kod yazmak konusunda henüz kendisini yeteri kadar geliştirmemiş olanlar için kimi zaman oldukça kullanışlı bir hal alabiliyor. Ancak bazı CSS profesyonellerine ve diğer dillerin programcılarına göre CSS, üzerine bir çatı geliştirilmesi gerekecek kadar zor bir dil değil.

Eğer herhangi bir CSS çatısı üzerine bir rehber okuduysanız, ilgili rehberlere bırakılan pek çok yorum yukarıdakilerle aşağı yukarı aynıdır. Benim görüşüm bu tip yorumların büyük çoğunluğunun bir miktar tatminsizliğe bağlı olduğu yönünde. 960 üzerinde biraz zaman geçirdikten sonra, web uygulamalarınızı geliştirirken size ne kadar zaman kazandırabileceğine inanamayacaksınız. Hiç olmazsa ilgili çatıyı sadece bir 10 dakikalığına inceleyin. Her zaman klavyenizin delete düğmesine basabilirsiniz ancak bunu yapacağınızdan şüpheliyim.

Artıları

• Geliştirme zamanını önemli ölçüde kısaltıyor.
• Temiz ızgara yapısına sahip.
• Farklı tarayıcılar üzerinde problemlerle karşılaşma ihtimaliniz çok düşük. Bulduklarınızı da kolayca düzeltebilirsiniz.
• Pek çok kişinin söylediğinin aksine “abartılmış” değil. Burada 3-4 KB’den bahsediyoruz arkadaşlar! Bu tip stillemelerinin pek çoğunu zaten neredeyse tüm web uygulamalarında kullanıyorsunuz.
• Karmaşık anahatları kolayca oluşturun.

Bir zamanların popüler Twitter uygulaması DMfail yeni uygulamalar geliştirmeye devam ediyor ancak bu sefer sadecei iki haftadan çok daha uzun süre yaşayacak bir uygulama geliştirdiler. re-Twit’d özünde sade bir uygulama olup yeniden Tweetlenen gönderileri bazalarak Twitter’daki popüler konuları sizlere listeliyor.

Kolay olmasına rağmen uygulama aslında kullanışlı bir hale geliyor. Özellikle geçtiğimiz saat, gün, hafta ya da iki haftalık dönemlerde Twitter’da nelerin popüler olduğunu görebilmek güzel. Bunun yanısıra ilgili servise Twitter hesap bilgilerinizi vermeden beğendiğiniz Tweetleri yeniden Twitter’a gönderebilmek mümkün. “Retweet” bağlantısına tıkladığınızda Twitter servisi üzerinden ilgili Tweet’i yeniden Tweetleyebileceğiniz sayfaya gönderiliyorsanız ve sizin tek yapmanız gereken “Update” düğmesine tıklamak oluyor.

CSS’yi kodlamak kolay olabilir ancak buna rağmen her kodcuyu delirtebilecek bazı konseptleri de bulunmaktadır. Bu yazımızda kimilerine göre zor olan ancak anlaması oldukça kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir adım daha ileriye taşımanıza yardımcı olacak dersleri inceledik.

1. CSS Sekmeler ve Navigasyon

1.1. Genişleyebilen CSS Sekmeleri Dersi
Genişleyebilir CSS sekmelerinin anlamı, sekmenin içerisindeki metnin uzunluğuna göre genişleyebilen sekme başlıklarıdır. Kodun özünde start.gif ve end.gif adında iki adet görsel bulunuyor. start.gif görseli boyutu genişletmek için kullanılırken end.gif görseli değişmeden kalıyor.

1.2. Gelişmiş CSS Menüsü
Bu rehberde Photoshop’taki watercolor efektini nasıl tasarlayabileceğiniz anlatılmış. Bu rehber size adım adım bir menü tasarımını nasıl kırpabileceğinizi ve ardından CSS kullanılarak nasıl onları bir araya getirebileceğinizi gösteriyor. Pek çoğunuz muhtemelen dikey ya da yatay menünün CSS ile nasıl kodlanacağını bilyorsunuzdur. Gelin şimdi bunu bir sonraki seviyeye taşıyarak CSS’nin position özelliğini kullanan gelişmiş bir menü tasarlayalım.

Apple tarafından tasarlanan ve çoklu dokunmatik ekranının yanı sıra sıradışı donanım arayüzü ile iPhone bir çoklu ortam akıllı telefonu. iPhone web tabanlı pek çok kullanışlı ve mükemmel uygulamayı avuçlarımızın içine sığdırmayı başarmış durumda.

Her ne kadar Apple, geliştiriciler için bu alanda bir açık standart oluşturmamış olsa da şirket, özellikle iPhone için web tabanlı yazılım uygulamasını cihazı daha piyasaya sürmeden önce bile sürekli olarak desteklediğini pek çok platformda dile getirdi. Aslında en iyi uygulamaları bulmanızı zorlaştıran birkaç seçenek bulunuyor. Apple’nin arayüzü ve iPhone Tech Talks, geliştiricileri sürekli bir şekilde Internet’e bağlı olan iPhone’ye özgü uygulamalar geliştirmeye teşvik etti. Aşağıda listeleyeceğim uygulamalar, web gezginlerinin işine yarayacak iPhone uygulamalarından oluşuor.

1. Glide Mobile

Aslında Glide Mobile, sadece iPhone’ye özgü bir uygulama değil zira servis diğer pek çok mobil aygıtı da destekliyor. Ancak servisin özelliklerinden birisi olan kelime işleme, iPhone kullanıcılarının büyük bir açığını kapatıyor.

Glide çevrimiçi bir katılımcı grup olup kullanıcıların neredeyse her tür belgeyi oluşturabilmelerini, düzenleyebilmelerini ve paylaşabilmelerini sağlıyor. Bu belgelerin yanısıra kişi listeleri, fotoğraflar, kelime işlemci dosyaları, web siteleri, takvimler ve çok daha fazlası yer alıyor.

Kelime işleme sayesinde kullanıcılar iPhone üzerinden bir dizi biçimde belge oluşturabildikleri gibi daha sonra bu belgeler bilgisayar üzerinde RTF, PDF ya da Word biçimine dönüştürülebiliyorlar.

Çevrimiçi müzik sitelerine bir yenisi daha eklendi. Servis her ne kadar henüz kapalı beta olarak yürürlükte olsa da kullanıcılarına çevrimiçi çalma listeleri oluşturmak ve onları dinlemek için hızlı ve ücretsiz bir yol sunuyor.

Nicolae Ivanescu ve Cosmin Panait adındaki iki öğrenci tarafından geliştirilmiş olan Just Hear It, “dünya üzerindeki her şarkıyı web üzerinden arayabilmenizi” sağlıyor.

Seeqpod ve Songza‘ya benzer özellikler taşıyan Just Hear It kayıtlı olan ve olmayan kullanıcılara şarkı arama ve çalma listesi oluşturmak gibi tüm işlemleri doğrudan Internet tarayıcısı üzerinden yapabileceğiniz kullanışlı bir arayüz sunuyor. Kayıtlı kullanıcılar çevrimiçi müzik kolleksiyonları oluşturmak için medya kütüphaneleri hazırlayabilirler ve bunları dünyanın herhangi bir yerinden dinleyebilirler. Servis üzerinden ayrıca birden fazla çalma listesi, çalma geçmişi ve şarkıları yeniden adlandırabilmek mümkün.

Facebook Connect * çılgınlığı İnternet’i yıktı geçti. Sadece tek bir düğmeyi kullanarak sitenize kullanıcıları üye edebilmek varken neden sitenize özgü bir kayıt formu oluşturasınız? İşte Facebook Connect’in gücü de burada yatıyor. Bu servis sayesinde çeşitli web siteleri, yazılımlar ve hatta mobil cihazlar bile Facebook ile bütünleşerek iki yönlü olarak bilgi paylaşımında bulunabilirler.

Geçtiğimiz birkaç ay özellikle yazılım geliştiricileri için oldukça yoğun bir aydı zira geliştiricilerin pek çoğu, Facebook Connect servisini web sitelerine entegre etmeye çalıştılar. Ancak bunlarda bazıları diğerlerinden birkaç adım öne çıktı. İşte biz de bu yazımızda Facebook Connect servisini sistemlerine başarılı bir şekilde entegre eden sitelerin bir listesini oluşturmaya çalıştık.

1. Joost

Facebook Connect’i Nasıl Kullanıyor?: Joost bu servisi ilk kullananlardan biriydi ve bildirimleri, güncellemeleri, yorumları ve en sevilenler listelerini Facebook’a aktarmayı başardılar. Elbette Joost’a doğrudan Facebook hesabınızı kullanarak giriş yapabileceğinizi de söylemeden geçmeyelim.

Neden Başarılı?: Joost gerçekten Facebook ile etkileşimin nasıl verimli olabileceğine dair en güzel örnek, sorunsuz girişler, Facebook üzerinden web sitenizi güncelleyebilme ve arkadaşlarınızın göreceği haber besleme öğeleri bunlardan sadece birkaçı.

Eğer bir web siteniz ya da blogunuz var ise, muhtemelen sitenizi kimin ziyaret ettiğini, nereden geldiklerini ve sitenizde iken neler yaptığını merak etmişsinizdir. Birkaç hafta önce yayımladığım Yetenekli ve Ücretsiz 10 Web Analiz Aracı ve Site Trafiğini, Popülerliğini ve İstatistiklerini İzleyebilmenin 10 Yolu yazılarını da içini kapsayacak ve genişletecek olan bu yazıda da görebileceğiniz üzere günümüzde faaliyet gösteren pek çok web analiz aracı, gerçek zamanlı ziyaretçi analizi verisinin grafiksel sunumlarına odaklanmış durumda.

Yazının devamında web trafiğinizi izleyebilmenize ve analiz edebilmenize yardımcı olacak 50’nin üzerinde aracı bulacaksınız.

Analiz Yazılım Paketleri

VisiStat – Grafiksel ve yenilikçi raporlama özellikleri ile gerçek zamanlı izleme.

Google Analytics – Daha önceki yazılarımızda da belirttiğimiz üzere Google ücretsiz bir analiz yazılımı sunuyor. AdWords ile sıkı bir şekilde bütünleşen bu yazılımdaki veriler, diğer bazı kurumsal yazılımların aksine birkaç saatlik bir gecikme ile görüntüleniyor.

mviSPY – Dönüşümleri ve ziyaretçi kimliklerini takip eden gerçek zamanlı bir analiz çözümü.

Webstats BASIC – Ücretsiz bir analiz programı olan Webstats BASIC, ziyaretçileri ve trendleri takip ediyor ve onları diğer biçimlere aktarılabilir şekilde sunuyor.

Webstats PRO – Tam özellikli bir analiz yazılımı olan Webstats PRO ise tıklama yolu analizi, kampanya izleme ve tam trafik izleme yetenekleri ile verimli bir uygulama.

LoadStats – İki farklı paket sunan bu yazılım temel seviyede bir sayfa görüntüleme sayısı ve ziyaretçi takibinin yanısıra jeo-konum ve reklam izleme gibi diğer bazı önemli özellikleri de destekliyor.

Opentracker.net – Gerçek zamanlı ziyaretçi takibi ve web istatistikleri.

eWebAnalytics – Gelişmiş ve ücretsiz bir pakete sahip olan bu yazılım tekil ziyaretçileri, dönüşümleri, ortalama tıklama yolları, trafik tarihçesi, atlama oranları ve neredeyse bir analiz çözümünden beklediğiniz diğer her şeyi sunabilen bir uygulama.

Tüm yeni sosyal ağlar yürürlüğe girdiğinde yoğun bir pazarlamaya ihtiyaç duyarlar. Günümüzün pazarlaması tümüyle sözleşmeler ve ardından kullanıcının önüne ilgi çekici bir şeyler sunabilmekle ilgilidir. Genellikle göz önündeki sosyal ağların pek çoğu Facebook, MySpace ve YouTube gibi gelişmiş sosyal ağların sırtında bir kene gibi hayatlarını sürdürürler.

Geçtiğimiz bir ya da iki yıl içerisinde Facebook, önemli bir pazarlama aracı haline geldi. İlk önce bir Facebook grupları, ardından popüler olmayan uygulamalar ve son olarak Facebook Connect. Ancak Facebook’un geçtiğimiz yılki %110’luk büyümesine karşın Twitter‘ın %1191’lik büyümesi, önümüzdeki dönemde izlenmesi gerekenin Twitter olması gerektiğini kanıtlar nitelikte.

Twitter Kendi Ağınızı Tanıtıyor
Yazının devamında Twitter’i kendi sosyal ağınıza Twitter APIsini kullanarak nasıl entegre edebileceğinize yönelik birkaç ipucunu bulacaksınız.

1) Multimedya Twitter: Kullanıcı bir multimedya öğesini gönderdiğinde onlara ilgili dosyanın URLsini Twitter’a gönderebilecekleri bir seçenek sunun. Buna güzel bir örnek olarak SlideShare gösterilebilir. İlgili servis, gönderilen PowerPoint sunumlarınızı Twitter’a gönderebilmenizi sağlıyor.

2) Ağınız Üzerinden Tweetleyin: Kullanınıcılarınıza Twitter durum bilgilerini kendi sosyal ağınız üzerinden güncelleyebilmelerini sağlayın. Bu sayede kullanıcılarınız ne zaman Tweetlese, siteniz kaynak olarak gösterilecektir.