Previous
Next

Flicker için Cooliris slideshow eklentisi

by Cem Kefeli 12. Ekim 2009 11:08

CoolirisGeçenlerde Flicker için güzel bir uygulamaya rastladım. Eğer Flicker'da bulunan fotoğraf setlerinizi web sayfanız üzerinden slideshow olarak sunmak istiyorsanız yapmanız gereken aşağıdaki kod satırlarını web sayfanıza eklemek olacak. Eklenti Cooliris alt yapısını kullanıyor. Aslında yalnızca Flicker için tasarlanmış birşey değil. Gömülü bir flash oynatıcı yardımı ile, flash dosyasına XML(Extensible Markup Language) formatını kullanarak geçtiğiniz parametreleri de görsel hale dönüştürüyor. Script içerisinde feedurl parametresine Flicker'da bulunan fotoğraf setinizin adresini veriyorsunuz. Örneğin aşağıdaki örnekte 'http://api.flickr.com/services/feeds/photos_public.gne?id=43234443@N06' olarak değer verdim. Bu bir RSS(Realy Simple Syndication) adresi. Cooliris eklentisi ile çalışan başka birçok RSS servisi daha bulunmakta. Hatta MRSS(Media RSS) standartlarına uygun olarak kendi hazırladığınız MRSS servisinizi bile bu uygulamaya göstererek slideshow'lar da hazırlayabilirsiniz. Aşağıda kodları verilen örneğin çalışan halini görmek için ise burayı tıklayabilirsiniz.

<html>
	<head>
		.
		.
		.
		<!-- PiclensLite code starts -->
		<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
		<!-- PiclensLite code ends --> 
		.
		.
	</head>
	<body>
		.
		.
		<a title="Slideshow Başlat" href="javascript:PicLensLite.start(
{feedUrl:'http://api.flickr.com/services/feeds/photos_public.gne?id=43234443@N06&amp;
lang=en-us&amp;format=rss_200'});">Slideshow Başlat</a>
		.
		.
	</body>
</html>	

Wibiya toolbar ile jQuery çakışmasının önlenmesi

by Cem Kefeli 12. Ekim 2009 03:06

WibiyaBuradaki yazımda da bahsettiğim gibi Wibiya Toolbar'ın hala oldukça fazla problemi var. Bunlardan birçoğu halledildi ama geliştirmeler de devam ediyor. Özellikle Internet Explorer kullanıcıları için oldukça fazla dert oluşturuyor. Wibiya'nın yol açtığı bir dert ise Blog Engine.NET alt yapısının kullandığı Java Script'ler ile çakışması. Örneğin arama metninin girildiği text alanına mouse imlecini tıkladığınınz zaman text alanı temizleniyor. bunu yapan bir script. Fakat Wibiya Toolbar'ı sisteminize entegre ettiğiniz zaman bu özelliğin pasif hale geldiğini göreceksiniz. Hatta yazılarınıza yorum bile yapılamaz hale gelecektir. Çünkü yorum yapılabilmesi için çalışan prosedürde de bazı Java Script'ler kullanılıyor.
Sorunun çözümü ise Wibiya'nın size verdiği script çağırma yapısındaki kaynak script adresinin sonuna '&nc=0&pl=1' ifadesini eklemek. Örneği aşağıda veriyorum...

		.
		.
		</div>
		<script src='http://toolbar.wibiya.com/toolbarLoader.php?
toolbarId=12345&nc=0&pl=1' type='text/javascript'></script>
	</body>
</html>

Wibiya Toolbar'ın yol açtığı Thickbox/Lightbox sorununu düzeltmek

by Cem Kefeli 15. Eylül 2009 06:27

Wibiya Toolbar ScreenShotSon zamanlarda oldukça ilgimi çeken bir eklenti oldu Wibiya Toolbar. Aşağıda kendi sayfam için hazırlamış olduğum toolbar için bir ekran görüntüsü verdim. Bu toolbar ile ziyaretçilerinizi karşılayan mesajlar oluşturabiliyor, son eklenen yazıların önizlemesini gösterebiliyor, RSS linkinizi paylaşabiliyor, Facebook ve Twitter gibi sosyal paylaşım sitelerini sayfanıza entegre edebiliyor, farklı dillerde tercüme yapılmasını sağlayan Google aracını sayfanıza ekleyebiliyor, sayfanız için rastgele yazılar görüntüleyebiliyor, web sayfanız ve web üzerinde Google arama motorunu kullanrak aramalar yaptırabiliyorsunuz. Toolbar tamaman ajax teknolojisi üzerine kurulu ve çok hoş bir görünüme sahip. Wibiya web sayfasından üyelik için davetiye istedikten sonra gelen token üzerinden üyelik işlemlerinizi tamamlıyorsunuz ve toolbar'ı hemencecik oluşturmaya başlayabiliyorsunuz. Toolbar için farklı temalar da mevcut, Böylece dizaynınıza en yakın ve en uygun renkler ile bu toolbar'ı oluşturabilirsiniz.

Üyelik işlemleriniz tamamlandıktan hemen sonra Wibiya size aşağıdaki bir JavaScript çağırma kodu verecektir sayfanıza eklemeniz için. Bu scripti sayfanızın </body> tagından hemen önce yerleştirebilirsiniz.

<script src='http://toolbar.wibiya.com/toolbarLoader.php?
toolbarId=XXXXX' type='text/javascript'></script>

Buraya kadar bir sorun yok fakat sayfanızda benim gibi Thickbox/Lightbox uygulamalarından herhangi birisini kullanıyorsanız Wibiya sizin için biraz sıkıntı yaratacaktır. Çünkü Wibiya scripti sayfanıza eklendiği zaman Thickbox/Lightbox için hazırlanan div katmanlarının sıralamasında bazı problemler oluşuyor. Yani önizleme için Thickbox/Lightbox eklentilerinin oluşturduğu pencereler arka katmanda kalarak izlenebilirliğini kaybediyor. Bu sorunu ortadan kaldırmak için Thickbox/Lightbox uygulamaları için kullanılan window katmanının sırasının değiştirmesi yeterli olacaktır. Örneğin Thickbox uygulamasının kullandığı stil şablonu olan thickbox.css dosyası içerisinde #TB_window stili için aşağıdaki kırmızı renkle verilen değişiklikler yapılarak bu sorun giderilebilir. Daha önce 102 olan z-index'i 100000 gibi abuk ve yapılmayacak kadar yüksek bir değere setleyerek bu işten yırtabilirsiniz :) Başka hiçbir yere de zararı olmayacak ufak bir manipülasyon yalnızca. En azından ben sorunumu en kısa yoldan bu şekilde düzeltebildim :) Eğer alternatif yöntemler var ise paylaşmanız çok iyi olacaktır...

#TB_window 
{
	. . . .
	position: fixed;
	background: #ffffff;
	z-index:100000 !important;
	. . . .
}

Bayanlar ve Baylar!!! WEB 3.0 karşınızda...

by Cem Kefeli 22. Haziran 2009 12:41

Yeni nesil WEB teknolojileri...

Evet, bir süre önce bir flash gibi patlayan WEB 2.0 konseptinin de yavaş yavaş sonuna geliyoruz artık. Aslında aşağıdaki grafik olayı çok güzel özetliyor. O günlerden bu günlere nasıl geldiğimizi ve WEB 3.0'ın bize ne muhteşem özellikler katacağını elimden geldiğimce anlatmaya çalışacağım. Yazının orta ve sonlarına doğru işin teknik yönü biraz daha ağır basacak. Uzun ve kapsamlı bir yazı dizisi kendinizi hazırlayın :)

WEB history90'lı yıllar...
90'lı yıllardayız... Ortada henüz daha bilgisayar dahi denebilecek makineler nerdeyse yok. Teknolojinin o yıllardan günümüze uzayan en önemli gelişmesi Windows işletim sistemi hiç kuşkusuz. Henüz İnternet kavramı yeni yeni oluşuyor. Kullanıcıların masa üstünden ibaret olan bilgisayar kavramı yerini yıllar sonra çılgınlık haline gelecek olan İnternet'e yavaş yavaş bırakıyor. Web siteleri irili ufaklı yavaş yavaş belirmeye başlıyor. Zaman geçtikçe WEB portallar gün ışığına çıkıyor... WEB üzerinden çeşitli içeriklere ulaşmamızı sağlayacak arama motorlarının ilkelleri, öncüleri bizler ile buluşuyor. O zamanlar bir arama motoru şimdiki gibi, yapılan her bir arama için dünyayı bilmem kaç derece ısıtır halde de değil. Bakınız Google...:) İşte bu aşamada WEB 1.0 ile de tanışmış oluyoruz. HTTP protokolü artık WEB dünyasını bizlere sunuyor. WEB dünyasının en önemli parçasını oluşturan HTML(Hypertext Mark-up Language) teknolojinin hizmetine sunuluyor. Bu yapılar bizlere o günün koşullarında statik WEB konseptini fazlasıyla sunuyor. Aslında HTML demek WEB'in kendisi demektir. HTML demek WEB konseptinin en değerli yapıtaşı demektir. Unutmamak gerekir ki sunucu taraflı çalışan kodların da hedefi HTML çıktılar üretmektir. WEB tarayıcılarımızın anladığı dil ise HTML ve HTML içerisine gömülü bazı kodlardır. Fakat HTML kullanıcıların etkileşimli bir şekilde WEB siteleri ile buluşması için gerekli teknolojik alt yapıya mimarisi gereği sahip değildir, çünkü kullanıcı taraflı bir kodlama dilidir. Ve gün geliyor server taraflı bazı yazılım dilleri kullanılarak kullanıcı etkileşimli WEB sitelerinin oluşturulması alt yapısına da başlanmış oluyor.

CGI, ASP
CGI(Common Gataway Interface), ASP(Active Server Pages), PHP(Hypertext Preprocessor), JSP(Java Server Pages), JSF(Java Server Faces), Java Servlets gibi server taraflı diller ile artık kullanıcıların da sizlerin sayfasına birşeyler katabilmesini sağlar oluyorsunuz. Kullanıcılardan veriler toplayıp bu verileri sunucu taraflı bu diller ile işleyip kullanıcılara raporlamayı yine bu diller yardımı ile yapabiliyorsunuz. İleride bütün dünyanın çılgınlar gibi WEB kodu yazmasına yarayacak ASP.NET teknolojisinin annesi ASP işte bu yıllarda, 1996 yılında duyuruluyor. Bu aşamada ASP ile ilgili detaylı bilgi vermek isterim, çünkü WEB teknolojileri için çok değerli olduğuna inandığım sağlam bir yeri var. 90'lı yılların sonlarına yaklaşırken ben de ASP scriptleri ile oldukça fazla vakit geçirmiştim. WEB yazılım diyince en güzel şekilde akla gelebilecek teknolojinin ASP olduğu günlerdi. 1997'de ASP'nin ikinci sürümü ve bununla beraber de Microsoft IIS(Internet Information Server) 4.0 duyuruldu. IIS web yazılım ile ilgilenen herkesin bildiği bir WEB sunucu yazılımıdır. Microsoft tarafından geliştirilmiştir ve şu an da günümüzde 7.0 versiyonu popüler olarak hala kullaılmaktadır. IIS 7.0 Windows Server 2008 ile birlikte 2008 yılında duyurulmuştur. ASP'nin son versiyonu ASP Version 3 adı ile 2000'li yıllarda duyuruldu ve bu aşamadan sonra yerini öz ve öz evladı ASP.NET'e bırakmak üzere kendi köşesine çekildi. Günümüzde ASP kullanılmıyor değil, hatta yaygın bir şekilde kullanılıyor da. Ama bu kullanım derecesini tabi ki uygulamanın kompleksliği belirler durumda. Çok gelişkin uygulamalarda tercih edilmediği bir gerçek.
Fazlası...

Hakkımda...

Cem KEFELİ

Electronics and
Telecommunication Eng.
devamı...


Son yapılan yorumlar...

Comment RSS

Yasal bir uyarı...

Disclaimer"Bu web sitesinde görmüş olduğunuz bilgilerin, dokümanların ve diğer materyallerin kullanılmasından doğabilecek hiç bir sorumluluktan site sahibi sorumlu tutulamaz. Web sitesi içerisinde yer alan yazılar, yorumlar, resimler ve diğer tüm içerikler yalnızca sahibinin görüşünü yansıtmakta olup içeriğin sahibi kişilerin çalıştığı kurumları bağlayıcı hiç bir nitelik taşımamaktadır. Yapılan tüm alıntılar mutlaka kaynak gösterilerek verilmeye çalışılmaktadır. Web sitesi içerisinde bulunan ilgili materyaller, ilgili yasal kurumlar tarafından uygun görülmemesi durumda kaldırılacaktır."
General