AJAX nedir?AJAX nasıl calısır?

Sonuc

AJAX

Tahir Emre KALAYCI

Sunucu Yazılım Teknolojileri

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Gundem

1 AJAX nedir?

2 AJAX nasıl calısır?Istemci tarafSunucu tarafXMLAraclar

3 Sonuc

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

AJAX nedir?

AJAX : “Asynchronous JavaScript and XML”

Yeni bir teknoloji degil, daha cok bir yontembilim, teknik,tasarım deseni.

RIA = Zengin Arayuz Mimarisi (Alternatifleri: Flash, ActiveX,Appletler, JNLP)Neden?

Kullanıcıların etkilesimini arttırmakUfak bir degisiklik icin tum sayfanın yenilenmesini onunegecmekTarayıcıyı yenilemeden sayfaların guncellenmesiAsynchronous, JavaScript, XML, XHTML, CSS, DOM,XMLHttpRequest nesnesiXMLHttpRequest nesnesi ile tarayıcının belge nesne modeli(DOM) degistiriliyorEsneklik

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

AJAX nasıl calısır?

XHTML ve CSS kullanarak standartlara dayalı sunum

Belge Nesne Modelini (DOM) kullanarak devingengoruntuleme ve etkilesim

XML ve XSLT kullanarak veri degis tokusu ve degistirme

XMLHttpRequest nesnesi yardımıyla eszamansız veri alma

Javascript herseyi birbirine baglıyor

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

AJAX nasıl calısır?

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

AJAX nasıl calısır?

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

CSS (Cascading Style Sheets)

Klasik ve AJAX tabanlı web uygulamaları icin oturmus birtasarım teknigi

Web iceriginin bicimlerini standartlastırmaya yarar

Sitenizdeki tum sayfaların bicimlerini tek bir yerdenayarlayabilirsiniz

Farklı bicimlere gecis oldukca kolaydır

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

CSS (Cascading Style Sheets)

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

XHTML

Gelistirilebilir Buyutulmus Metin Isaretleme Dili (ExtensibleHyperText Markup Language)

XML sozdiziminin HTML icinde kullanılması

CSS kullanımını ozendirir

Temiz ve duzenli HTML yazımını saglar.

W3C tarafından kabul edilen standart web bicimlendirmedilidir

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

XHTML

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

Belge Nesne Modeli (DOM)

XML ve HTML belgeleri icin bir uygulama gelistirmearayuzudur

DOM bir web sayfasını Javascript tarafından erisilebilir halegetirir

Bir sayfadaki tum nesneler (ogelerin her biri bir nesnedir)DOM sayesinde erisilebilir

W3C tarafından yapısı iyi bir sekilde tanımlanmıstır, agacyapısındadır

DOM okunabildigi gibi degistirilebilir

Programlama onerileri:

Ogelerin kolayca erisilebilmesi icin “id” kullanılmalıCSS bicimleri dugumlerin “className“ ozelligiyle erisilebilirXHTML kullanılmalıdır

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

Belge Nesne Modeli (DOM)

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

JavaScript

Istemci tarafta calısan, tarayıcılar tarafından desteklenen betikdilidir

Java’ya benzeyen sozdizimi var

Dinamik yorumlanır, gevsek baglı degiskenleri destekler

Web uygulaması gelistirenler bir sekilde bulasırlar

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

JavaScript

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

XMLHttpRequest

Ezsamansız islemeyi saglayan temel JavaScript sınıfımız

Arka planda HTTP istekleri gondermemizi ve yanıtlarınıalmamızı saglar

Tum standart tarayıcılar tarafından desteklenmektedir

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

XMLHttpRequest

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

Sunucu taraf

Herhangi bir sunucu yazılım teknolojisi ise yarar :)

PHP, Python, Java Servlet, Ruby,.....

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Istemci tarafSunucu tarafAraclar

AJAX Aracları

Yahoo! UI Library (JavaScript)

jQuery (JavaScript)

Backbase (Java)

Google Web Toolkit (Java)

ZK Framework (Java)

Ajax.NET Professional

Tigermouse (PHP)

Sajax (PHP)

SweetDEV RIA (JSP/Struts icin Ajax destegi)

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Sonuc

Avantajları

Zengin kullanıcı arabirimiZengin kullanıcı etkilesimiBand genisliginin daha verimli kullanılması, daha hızlı yukleme

Dezavantajları

Tarayıcı gecmisine sayfaların kaydedilmemesiDinamik sayfaların coklugu kullanıcının yerimlerinekaydetmesini zorlastırırKotu amaclı yazılımlara olanak saglayabilirTarayıcı uyum sorunlarıArama motorlarının erisememesiErisilebilirlik standartlarıyla ilgili sorunlar

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Kaynaklar

http://faculty.washington.edu/rfish/msis531/lectnote/3up/ajax.pdf

http://www.intertech.com/Resource/usergroup/Foundations of Ajax.pdf

http://adaptivepath.com/ideas/essays/archives/000385.php

http://en.wikipedia.org/wiki/Cascading Style Sheets

http://www.w3.org/Style/CSS/

http://www.w3schools.com/css/

http://tr.wikipedia.org/wiki/XHTML

http://www.w3.org/TR/html/

http://www.w3.org/TR/REC-DOM-Level-1/introduction.html

http://en.wikipedia.org/wiki/JavaScript

Tahir Emre KALAYCI AJAX

AJAX nedir?AJAX nasıl calısır?

Sonuc

Kaynaklar

http://www.jibbering.com/2002/4/httprequest.html

http://ajaxpatterns.org/wiki/index.php?title=XMLHttpRequest Call

http://tr.wikipedia.org/wiki/AJAX (programlama)

http://en.wikipedia.org/wiki/List of Ajax frameworks

http://ajaxpatterns.org/Java Ajax Frameworks

http://webdesign.about.com/od/validators/l/bl validation.htm

Tahir Emre KALAYCI AJAX