web 2.0 fırat Üniversitesi bilgisayar mühendisliği
DESCRIPTION
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği. ) BirazKritik IBM. Tarihçe Tanım Web 1.0 ve Web 2.0 farklar Temel Yapıtaşlar Teknoloji. Web 2.0 nedir?. Zengin Kullanıcı Deneyimi. Birlikte Çalışma ve Paylaşım. Web Bileşenleri. - PowerPoint PPT PresentationTRANSCRIPT
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
)BirazKritik
IBM
Web 2.0 nedir?
TarihçeTanımWeb 1.0 ve Web 2.0 farklarTemel YapıtaşlarTeknoloji
Zengin Kullanıcı Deneyimi
Web Bileşenleri
Birlikte Çalışma ve Paylaşım
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Web 2.0 nedir? -Tarihçe
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Tim O'Reilly'e göre Web 2.0'ın kısmen tanımı şöyledir: "Web 2.0 bilgisayar endüstrisinde internetin bir düzlem olarak ilerlemesiyle bir işletme devrimi ve bu düzlemin kurallarını başarı için anlamaya çalışmaktır. Bu kurallar arasında başlıcası şudur: Ağ etkilerini daha çok insanın kullanabilmesi için programlar kurmak."
Tim O'Reilly 2005 Web 2.0 konferansında konuşurken.
Web 2.0; O'Reilly Media tarafından 2004'de kullanılmaya başlayan bir sözcüktür ve ikinci nesil internet hizmetlerini - toplumsal iletişim sitelerini, vikileri, iletişim araçlarını, folksonomileri- yani internet kullanıcılarının ortaklaşa ve paylaşarak yarattığı sistemi tanımlar. Kelimenin tam anlamı tartışmaya açıktır, Tim Berners-Lee gibi teknoloji uzmanları da kelimenin manasını sorgulamıştır.
Web 2.0 nedir? -Tanım
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Web 2.0;
İnternet çeşitli aşamalar kaydediyor. Şimdi dosya haklarını düşünün, R (okuma), W (yazma), E (Execute, çalıştırma/yürütme vb).
Web 1.0 zamanlarında bizim okuma hakkımız vardı. Gazete açardık okurduk. Geocities'e sayfa koyarlardı okurduk. Yani sadece bilgiyi tüketen konumda kullanıcı vardı, daha doğrusu bu kadarına izin verilen bir kullanıcı topluluğu vardı. Kullanıcının rolü sabitti. Read = oku.
Web 2.0 ile birlikte write = yaz hakkını elde ettik. Mesela ekşisözlük, wikipedia çıktı, artık sözlükleri ansiklopedileri yazar hale geldik. Mesela blog siteleri çıktı, kendi blogumuzu kurar hale, Youtube vb. ile kendi video kanalımızı kurar hale geldik.
)BirazKritik
IBM
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Web 2.0 nedir? -Web 1.0 ve Web 2.0 Arasındaki Farklar
Web 2.0 nedir? -Yapıtaşları
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Web 2.0 nedir? -Teknolojileri
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
)BirazKritik
IBM
Web 2.0 nedir?
Sosyal AğlarBloglamaWikilerTaggingRSS & Atom
Zengin Kullanıcı Deneyimi
Web Bileşenleri
Birlikte Çalışma ve Paylaşım
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Birlikte Çalışma ve Paylaşım – Sosyal Ağlar
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Birlikte Çalışma ve Paylaşım – Bloglar
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Birlikte Çalışma ve Paylaşım – Wikiler
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Birlikte Çalışma ve Paylaşım – Tagging
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Birlikte Çalışma ve Paylaşım – RSS & Atom
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
)BirazKritik
IBM
Web 2.0 nedir?
AjaxAjax da örnek bir uygulama
Zengin Kullanıcı Deneyimi
Web Bileşenleri
Birlikte Çalışma ve Paylaşım
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
1)Sunucuya İsteğimizi Göndermek:
• İlk olarak “XML http Request” bileşenini kullanıyoruz.
if(window.XMLHttpRequest){ //Mozilla,Opera gibi tarayıcılar için. http_istegi=new XMLHttpRequest();}else if(window.ActiveXObject){ //Internet Explorer için. http_istegi=new ActiveXObject(“Microsoft.XMLHTTP”);}
• Daha sonra istek oluşturan nesnemize gelecek cevabı işleyecek olan fonksiyonumuzu belirtiyoruz. Bunu nesnenin onreadystatechange özelliğini atayarak yapıyoruz.
http_istegi.onreadystatechange=fonksiyonunAdi;
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
• Şu ana kadar sunucu cevabının nasıl işleneceğini belirlemiş olduk.Bu adımdan sonra gerçek bir talepte bulunmak için open() ve send() metodlarını kullanıyoruz.
http_istegi.open(‘GET’, ‘http://www.ornek.org/bir.dosya’,true);
http_istegi.send(null);
• Open() metodunun ilk parametresi(GET) veriyi almak için kullanılıyor.İkinci parametre url adresini belirtiyor. Üçüncü parametre (true) isteğimizin eşzamanlı olup olmadığını belirtiyor. AJAX’ın asenkronluk özelliği burada karşımıza çıkıyor.
• Send() metodu ise sunucuya bilgilerimizi göndermeyi sağlıyor.
1)Sunucuya İsteğimizi Göndermek:
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
2)Sunucudan Gelen Cevabı İşlemek:
• İsteğimizi sunucuya doğru bir şekilde gönderdikten sonra yapılması gereken işlem veriyi düzgün bir şekilde alabilmek. Bunun için önceki kısımda tanımladığımız fonksiyonumuza aşağıdaki kodları yazıyoruz.
if(http_istegi.readyState=4){//yanıt alındı,her şey yolunda}else{//henüz hazır değil}• Burada durum değerinin 4 olması yanıt dönüşünün
tamamlandığı anlamına geliyor. Diğer durumlar:• 0(başlatılamadı)• 1(yükleniyor)• 2(yüklendi)• 3(etkileşimli)
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
• Bu adımdan sonra http sunucu yanıtının durum kodu kontrol edilir. Sağlıklı bir yanıt gelmişse durum kodu 200 değerini alır.
if(http_istegi.status==200){//mükemmel}else {//istekle ilgili bir sorun var//mesela 404(sayfa bulunamadı)}• Şu ana kadar yaptığımız işlemler sonucunda istek gönderdik, yanıtını
aldık ve veri elimize ulaşmış oldu. Veriyi görüntülemek için http_istegi.responseText ya da http_istegi.responseXML fonksiyonları kullanılır.
• Yazdığımız kodları birleştirdiğimizde basit bir AJAX uygulaması elde etmiş oluyoruz.
2)Sunucudan Gelen Cevabı İşlemek:
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
AJAX’ın Avantajları
• Ağ trafiğini azaltır.
• Kullanıcının gereksiz yere beklemesini önler.
• Önceden bilinen teknolojilerden oluşur.
• Siteleri Java ve Flash gibi karmaşık yapıdaki uygulamalardan kurtarır.
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
AJAX’ın Dezavantajları
• Güvenlik sorunu vardır.
• Eski sürüm tarayıcılarda sorun olabilir.
• Tarayıcılarda yer alan geri tuşunun işlevini kaybetmesine sebep olur.
• Arama motorlarında ajax içerikleri tanınmaz.
Web Bileşenleri – Ajax
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Sonuç• AJAX web sayfalarının hızlanmasını ve
daha konforlu hale gelmesini sağlıyor. AJAX içeriğine sahip web siteleri gün geçtikçe artıyor.
• Google gibi önemli bir şirketin neredeyse tüm uygulamalarında AJAX’ı kullanması, bu tekniğin daha da gelişeceğini gösteriyor.
Türkiyede Web 2.0
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği
Türkiye'de Web 2.0 iki ayrı açıdan katkı almıştır. Web1.0'dan Web 2.0 dönemine kalan ve popülerliklerini devam ettiren siteler, bunlar Ekşi Sözlük, Zurna.com gibi sosyal siteler. Ve de Web 2.0 zamanında ortaya çıkan yeni siteler. Bunların arasında da Yonja.com, Bildirgec.com, Blogcu.com sayılabilir. Daha sonraları da Web2.0 projelerinin artmasıyla, Web 2.0 haberciliği de popülerleşti. Webrazzi blogu vasıtasıyla yeni web 2.0 girişimleri takip edilebilmektedir.
04260037 – Yılmaz BERKTAŞ05260802 – Hamza AYDIN
Dinlediğiniz için teşekkürler…Sorular?
Web 2.0 Fırat Üniversitesi Bilgisayar Mühendisliği