web 2.0 teknolojileri

MERİÇ OLGUNMERİÇ OLGUN

2009064720090647

CÜNEYT YILMAZCÜNEYT YILMAZ

2009140920091409

Web 2.0 Nedir ?Web 2.0 Nedir ?

Web 2.0 toplulukları bir araya Web 2.0 toplulukları bir araya getiren, standart tasarım anlayışına getiren, standart tasarım anlayışına yep yeni bir boyut kazandıran, daha yep yeni bir boyut kazandıran, daha dinamik özlelliklere sahip, %100 dinamik özlelliklere sahip, %100 kullanıcı odaklı olabilen ve internet kullanıcı odaklı olabilen ve internet anlayışını bütünüyle değiştirecek bir anlayışını bütünüyle değiştirecek bir konsepttir.konsepttir.

Web 2.0 konseptinin farkı Web 2.0 konseptinin farkı nedir? nedir?

Daha önceden statik içerikli, dinamik Daha önceden statik içerikli, dinamik içerikli olmayan standart web içerikli olmayan standart web sitelerinin anlayışı hakimdi.Halen sitelerinin anlayışı hakimdi.Halen varlığını sürdürmekteler.Şimdi ise varlığını sürdürmekteler.Şimdi ise internet’te gezdiğimiz bir çok site internet’te gezdiğimiz bir çok site gerçekte web 2.0 konsepti ile gerçekte web 2.0 konsepti ile tasarlanmıştır. tasarlanmıştır.

Web 2.0 Kullanılan Web 2.0 Kullanılan SitelerSiteler

Flickr.com, Youtube.com, Flickr.com, Youtube.com, Technorati.com, Wikipedia.org, Technorati.com, Wikipedia.org, Digg.com, Tusul.com, Oyyla.com, Digg.com, Tusul.com, Oyyla.com, Myspace.com, Facebook.com, Myspace.com, Facebook.com, Netvibes.com, del.icio.us, Netvibes.com, del.icio.us, meebo.com vb. gibi. meebo.com vb. gibi.

Web 2.0 Kullanılan Web 2.0 Kullanılan SitelerSiteler Web 2.0 konsepti ile tasarlanmış Web 2.0 konsepti ile tasarlanmış

sitelerin farkı diğer sitelere göre sosyal sitelerin farkı diğer sitelere göre sosyal birer ağ özelliğine sahip olabilmeleri, birer ağ özelliğine sahip olabilmeleri, tasarımda kullanıcıya daha odaklı ve tasarımda kullanıcıya daha odaklı ve şık bir görünümde hitap edebilmeleri, şık bir görünümde hitap edebilmeleri, hizmet ve servis konularında son hizmet ve servis konularında son derece kaliteli olabilmeleri ve proje derece kaliteli olabilmeleri ve proje üretiminde sınır tanımamalarıdır.üretiminde sınır tanımamalarıdır.

Web 2.0 konseptinin Web 2.0 konseptinin yapısında neler vardır?yapısında neler vardır?

• Web 2.0 konsepti hiç bir şekilde bayağlık Web 2.0 konsepti hiç bir şekilde bayağlık ve klişelik içermez.ve klişelik içermez.

• Web 2.0 konsepti son derece stabil çalışır Web 2.0 konsepti son derece stabil çalışır ve daha fazla geliştirilebilir altyapıya ve daha fazla geliştirilebilir altyapıya sahiptir.sahiptir.

• Web 2.0 konsepti ile tasarlanan projeler, Web 2.0 konsepti ile tasarlanan projeler, daha hızlı markalaşabilir ve akılda kalıcı daha hızlı markalaşabilir ve akılda kalıcı kriterlere sahip olabilir. kriterlere sahip olabilir.

Web 2.0 konseptinin Web 2.0 konseptinin yapısında neler vardır?yapısında neler vardır?

• Web 2.0 konsepti milyonlarca kullanıcıyı Web 2.0 konsepti milyonlarca kullanıcıyı bir araya getiren sosyal ağlar oluşturabilir. bir araya getiren sosyal ağlar oluşturabilir.

• Web 2.0 konsepti reklam anlayışına yeni Web 2.0 konsepti reklam anlayışına yeni boyutlar getirir ve her şey genel ziyaretçi boyutlar getirir ve her şey genel ziyaretçi psikolojine bağlı olarak tasarlanır. psikolojine bağlı olarak tasarlanır.

• Web 2.0 konseptinde tek bir kullanıcının Web 2.0 konseptinde tek bir kullanıcının bile neler yapabileceği ve o kullanıcının bile neler yapabileceği ve o kullanıcının altın değerinde olabilmesi için her şey altın değerinde olabilmesi için her şey düşünülmüştür.düşünülmüştür.

Bir siteyi Web 2.0 Bir siteyi Web 2.0 konseptine uygun hale konseptine uygun hale getiren kriterler nedir ?getiren kriterler nedir ? • Bir web sitesini Web 2.0 konsepti haline Bir web sitesini Web 2.0 konsepti haline

getiren kriterler yukarıda bahsettiğimiz getiren kriterler yukarıda bahsettiğimiz kriterler ile eş değerdedir. kriterler ile eş değerdedir.

• Eğer bir Web 2.0 konseptini içeren web Eğer bir Web 2.0 konseptini içeren web sitesine sahip olmak istiyorsanız sitesine sahip olmak istiyorsanız öncelikle onun ne olduğunu çok iyi öncelikle onun ne olduğunu çok iyi anlamalısınız.anlamalısınız.

Bir siteyi Web 2.0 Bir siteyi Web 2.0 konseptine uygun hale konseptine uygun hale getiren kriterler nedir ?getiren kriterler nedir ? • Web 2.0 bir programlama yada yazılım Web 2.0 bir programlama yada yazılım

değildir.değildir.• Web 2.0 bir konsepttir.Web 2.0 bir konsepttir.

• Web 2.0′ın bir konsept olarak Web 2.0′ın bir konsept olarak uygulanabilmesi bakış açısına bağlıdır.uygulanabilmesi bakış açısına bağlıdır.

• Çünkü Web 2.0 bir vizyondur. Çünkü Web 2.0 bir vizyondur.

Web 2.0 tasarımında nasıl Web 2.0 tasarımında nasıl bir yol izlenmeli ?bir yol izlenmeli ? • Web 2.0 tasarımında yol izlerken dikkat etmeniz gereken ilk şey Web 2.0 tasarımında yol izlerken dikkat etmeniz gereken ilk şey

tasarımın ihtiyaca yönelik olmasıdır.tasarımın ihtiyaca yönelik olmasıdır.

• Tasarımı kişisel zevklerinize göre yaparsanız sadece kendinize Tasarımı kişisel zevklerinize göre yaparsanız sadece kendinize beğendirebilirsiniz.beğendirebilirsiniz.

• Bir Web 2.0 projesi yaparken projeyi adım adım Bir Web 2.0 projesi yaparken projeyi adım adım haritalandırlamalısınız.haritalandırlamalısınız.

• Bir Web 2.0 projesi tasarlanırken ilk önce genel bir araştırma Bir Web 2.0 projesi tasarlanırken ilk önce genel bir araştırma yapılmalıdır.yapılmalıdır.

• Projenin amacı, projenin rakipleri, rakiplerin neler yaptığı, rakiplerden Projenin amacı, projenin rakipleri, rakiplerin neler yaptığı, rakiplerden sıyrılabilmek için onların avantajları ve dezavantajları, projenin sıyrılabilmek için onların avantajları ve dezavantajları, projenin kullanıcılara katkıları, kullanıcıların projeden beklentileri ve kullanıcılara katkıları, kullanıcıların projeden beklentileri ve kullanıcıların projeye ne gibi şeylerde katkıda bulunabileceği kullanıcıların projeye ne gibi şeylerde katkıda bulunabileceği araştırılmalıdır.araştırılmalıdır.

Web 2.0 tasarımında nasıl Web 2.0 tasarımında nasıl bir yol izlenmeli ?bir yol izlenmeli ?• Kullanıcıların projedeki psikolojileri önceden Kullanıcıların projedeki psikolojileri önceden

düşünülmelidir.İlk olarak genel psikolojilere düşünülmelidir.İlk olarak genel psikolojilere bakılmalıdır. Bunlar kullanıcıyı sitede daha çok bakılmalıdır. Bunlar kullanıcıyı sitede daha çok kalmasına iten şeylerdir.kalmasına iten şeylerdir.

• Örneğin; tasarımın Web 2.0 konseptine uygun Örneğin; tasarımın Web 2.0 konseptine uygun olması, kullanıcı için projenin kendisine olması, kullanıcı için projenin kendisine sağlayabileceği yararlar, görsel objelerin sağlayabileceği yararlar, görsel objelerin yerleşimi, renklerin uyumlu olması, tasarımda yerleşimi, renklerin uyumlu olması, tasarımda amaca uygun olmayan reklamların amaca uygun olmayan reklamların gösterilmemesi vb.gibi.gösterilmemesi vb.gibi.

Web Sitesi YerleşimleriWeb Sitesi Yerleşimleri

• Yerleşim ve görsellik bir web Yerleşim ve görsellik bir web sitesinde çok ölümcül bir sitesinde çok ölümcül bir kriterdir.Kullanıcılar bir web sitesine kriterdir.Kullanıcılar bir web sitesine girdiğinde her işlemi adım adım girdiğinde her işlemi adım adım gerçekleştirir. gerçekleştirir.

Web Sitesi YerleşimleriWeb Sitesi Yerleşimleri

• Önce gözüne ilk çarpan noktayı seçer daha sonra ekranda Önce gözüne ilk çarpan noktayı seçer daha sonra ekranda tıklayabileceği başka noktaları arar.tıklayabileceği başka noktaları arar.

• Bu noktalardan hangisi %100 odaklı veya %100 ilgi çekici Bu noktalardan hangisi %100 odaklı veya %100 ilgi çekici oranına yakınsa tıklama o nokta da gerçekleşir.oranına yakınsa tıklama o nokta da gerçekleşir.

• Bu aşamalar ortalama 3 yada 5 saniye sürer.Bu aşamalar ortalama 3 yada 5 saniye sürer.• Aslında bu sizin kullanıcıyı yönlendirmek istediğiniz şeyler Aslında bu sizin kullanıcıyı yönlendirmek istediğiniz şeyler

ile alakalıdır.ile alakalıdır.

Burada “Ziyaretçilere ilk etapta tam olarak neyi Burada “Ziyaretçilere ilk etapta tam olarak neyi göstermeliyim?”, “Kullanıcıları ise sitede tutabilmek için göstermeliyim?”, “Kullanıcıları ise sitede tutabilmek için nasıl bir hizmet vermem lazım?”sorularını kendinize nasıl bir hizmet vermem lazım?”sorularını kendinize sormanız gerekir.sormanız gerekir.

Hedef noktalarda ilk tıklanacak yerler, spot görüntü ve Hedef noktalarda ilk tıklanacak yerler, spot görüntü ve başlıklardır.başlıklardır.

Web 2.0 konseptine Web 2.0 konseptine uymayan kriterler nelerdir ?uymayan kriterler nelerdir ?

• Bir Web 2.0 konseptini konsept yapan Bir Web 2.0 konseptini konsept yapan kriterler, kendini statik sitelerden kriterler, kendini statik sitelerden ayıran markalaşma vizyonuna sahip ayıran markalaşma vizyonuna sahip kriterlerdir.kriterlerdir.

Bunların dışında bir Web 2.0 Bunların dışında bir Web 2.0 konseptine uymayan kriterler ise konseptine uymayan kriterler ise şunlardır;şunlardır;


• Sitenin rahat ve hızlı açılmaması.Sitenin rahat ve hızlı açılmaması.

• Site anlaşılabilir olmaması.Site anlaşılabilir olmaması.

• Site de rahatsız edici görsellere yer verilmesiSite de rahatsız edici görsellere yer verilmesi

• Linkler anlaşılabilir ve bulunabilir olmaması.Linkler anlaşılabilir ve bulunabilir olmaması.

• Sitede yeni pencerede açılan iç linklerin Sitede yeni pencerede açılan iç linklerin olması.olması.

• Sitede iframe kullanılması.Sitede iframe kullanılması.

• Kırık linklerin olması. Kırık linklerin olması.


• Başlıkların ayırt edilememesi.Başlıkların ayırt edilememesi.

• Menülerin ayırt edilememesi.Menülerin ayırt edilememesi.

• Linklerin ayırt edilememesi.Linklerin ayırt edilememesi.

• Yerleşim planının yanlış yapılması.Yerleşim planının yanlış yapılması.

• Yazıların okunabilir olmaması.Yazıların okunabilir olmaması.

• Site içinde kullanılabilirliği kısıtlayan Site içinde kullanılabilirliği kısıtlayan scriptlerin olması. scriptlerin olması.


• Site içerisinde arka planda kontrolsüz Site içerisinde arka planda kontrolsüz müzik çalınması.müzik çalınması.

• Tarayıcının özelliklerinin deaktif Tarayıcının özelliklerinin deaktif edilmesi.edilmesi.

• Sitenin gramer yapısının bozuk olması.Sitenin gramer yapısının bozuk olması.

• Navigasyonun fark edilebilir olmaması.Navigasyonun fark edilebilir olmaması.

• Reklam körlüğü yapan bannerların Reklam körlüğü yapan bannerların tercih edilmesi.(468×60 vb. gibi) tercih edilmesi.(468×60 vb. gibi)

Web 2.0 konsepti hangi Web 2.0 konsepti hangi teknolojileri içerir ?teknolojileri içerir ? • AJAX (RIA)AJAX (RIA)

AJAX, internet sayfalarında JavaScript ve XML AJAX, internet sayfalarında JavaScript ve XML teknolojileri ile etkileşimli interaktif web teknolojileri ile etkileşimli interaktif web uygulamaları yaratır. AJAX ” XHTML, CSS, uygulamaları yaratır. AJAX ” XHTML, CSS, JavaScript, JScript, ECMAScript, DOM, JavaScript, JScript, ECMAScript, DOM, XMLHttpRequest, Ajax Framework, IFrame, JSON, XMLHttpRequest, Ajax Framework, IFrame, JSON, EBML, PHP, ASP, DHTML, LAMP ve SPA ” EBML, PHP, ASP, DHTML, LAMP ve SPA ” teknolojilerini içeren genel bir platformun adıdır.teknolojilerini içeren genel bir platformun adıdır.

XML (Extensible Markup Language)XML (Extensible Markup Language)W3C tarafından tanımlanmış bir çok bilgi sistemleri W3C tarafından tanımlanmış bir çok bilgi sistemleri tarafından kolayca okunabilecek dokümanlar tarafından kolayca okunabilecek dokümanlar oluşturmaya yarayan bir standarttır. Aynı zamanda oluşturmaya yarayan bir standarttır. Aynı zamanda farklı sistemler arasında veri alışverişi yapar. farklı sistemler arasında veri alışverişi yapar.

Web 2.0 konsepti hangi Web 2.0 konsepti hangi teknolojileri içerir ?teknolojileri içerir ?

XHTML (Extensible HyperText Markup XHTML (Extensible HyperText Markup Language)Language)İstemci taraflı bir metin işaretleme dilidir. XHTML bir İstemci taraflı bir metin işaretleme dilidir. XHTML bir web standardıdır. XML’in HTML içinde kullanılabilmesi web standardıdır. XML’in HTML içinde kullanılabilmesi ve HTML sayfa kodlarındaki düzensizlikleri kaldırması ve HTML sayfa kodlarındaki düzensizlikleri kaldırması amacı ile oluşturulmuştur. Dinamik dillerde daha amacı ile oluşturulmuştur. Dinamik dillerde daha düzenli olması için XHTML tercih edilir.düzenli olması için XHTML tercih edilir.

REST (Representational State Transfer)REST (Representational State Transfer)Yazılım mimarisinde bir stildir. Bu terim genelde her Yazılım mimarisinde bir stildir. Bu terim genelde her hangi bir basit arayüz ile domain ile ilgili HTTP veri hangi bir basit arayüz ile domain ile ilgili HTTP veri transferini her hangi bir mesaj katmanı olmadan transferini her hangi bir mesaj katmanı olmadan gönderme prosedürüdür.gönderme prosedürüdür.


• SOA (Service Oriented Architecture)SOA (Service Oriented Architecture)SOA, tenilikçi uygulama geliştirmeye SOA, tenilikçi uygulama geliştirmeye yardımcı olan ve aynı zamanda iş yardımcı olan ve aynı zamanda iş çevikliğini arttıran bir modelidir.çevikliğini arttıran bir modelidir.

RSS (Really Simple Syndication)RSS (Really Simple Syndication)RSS dinamik içeriği olan haber, blog veya RSS dinamik içeriği olan haber, blog veya benzeri sitelerde içeriğin takip benzeri sitelerde içeriğin takip edilebilmesini sağlayan XML kodlama edilebilmesini sağlayan XML kodlama dilidir. .RSS ve .XML dosyalarını kullanır. dilidir. .RSS ve .XML dosyalarını kullanır.


Mashup (Web Uygulamaları)Mashup (Web Uygulamaları)Mashup veri ile kaynağı tek entegre bir parça üzerinde Mashup veri ile kaynağı tek entegre bir parça üzerinde birleştiren ve bu bilgiyi kartografik ver şeklinde sunan web birleştiren ve bu bilgiyi kartografik ver şeklinde sunan web uygulamalarına denir. Çok kaynakdan veriyi toparlar ve uygulamalarına denir. Çok kaynakdan veriyi toparlar ve veriyi tek bir kaynak üzerinde birleştirir. (bknz. Google veriyi tek bir kaynak üzerinde birleştirir. (bknz. Google Maps, Yahoo)Maps, Yahoo)

BLOGBLOGFazla bilgisayar bilgisi gerektitmeden istenilen her tür Fazla bilgisayar bilgisi gerektitmeden istenilen her tür bilginin oluşturulabileceği sosyal web siteleridir. (bknz. bilginin oluşturulabileceği sosyal web siteleridir. (bknz. Blogger)Blogger)

Web 2.0 Ajax PHP ASP.NetWeb 2.0 konsepti hangi Web 2.0 Ajax PHP ASP.NetWeb 2.0 konsepti hangi dillerde uzmanlaşmayı gerektirir ?dillerde uzmanlaşmayı gerektirir ?JavaScript Framevork’leri ve AJAX konusunda uzmanlık JavaScript Framevork’leri ve AJAX konusunda uzmanlık gerektirir. Özellikle Prototype, jQuery, mootools ve gerektirir. Özellikle Prototype, jQuery, mootools ve script.acul.us Web 2.0 Framevork’leri kullanılır. script.acul.us Web 2.0 Framevork’leri kullanılır.

BİZİ DİNLEDİĞİNİZ İÇİN BİZİ DİNLEDİĞİNİZ İÇİN TEŞEKKÜRLER……TEŞEKKÜRLER……

web 2.0 teknolojileri

Documents