AJAX nedir?

AJAX nasıl çalışır?

Sonuç

AJAX

Tahir Emre KALAYCI

Sunucu Yazılım Teknolojileri

Tahir Emre KALAYCI AJAX

 AJAX nedir?
AJAX nasıl çalışır?
Sonuç

Gündem

1 AJAX nedir?

2 AJAX nasıl çalışır?

İstemci taraf
Sunucu taraf
XML
Araçlar

3 Sonuç

Tahir Emre KALAYCI AJAX

 AJAX nedir?
AJAX nasıl çalışır?
Sonuç

AJAX nedir?
AJAX : “Asynchronous JavaScript and XML”
Yeni bir teknoloji değil, daha çok bir yöntembilim, teknik,
tasarım deseni.
RIA = Zengin Arayüz Mimarisi (Alternatifleri: Flash, ActiveX,
Appletler, JNLP)
Neden?
Kullanıcıların etkileşimini arttırmak
Ufak bir değişiklik için tüm sayfanın yenilenmesini önüne
geçmek
Tarayıcıyı yenilemeden sayfaların güncellenmesi
Asynchronous, JavaScript, XML, XHTML, CSS, DOM,
XMLHttpRequest nesnesi
XMLHttpRequest nesnesi ile tarayıcının belge nesne modeli
(DOM) değiştiriliyor
Esneklik
Tahir Emre KALAYCI AJAX
 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

AJAX nasıl çalışır?

XHTML ve CSS kullanarak standartlara dayalı sunum

Belge Nesne Modelini (DOM) kullanarak devingen
görüntüleme ve etkileşim
XML ve XSLT kullanarak veri değiş tokuşu ve değiştirme
XMLHttpRequest nesnesi yardımıyla eşzamansız veri alma
Javascript herşeyi birbirine bağlıyor

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

AJAX nasıl çalışır?

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

AJAX nasıl çalışır?

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

CSS (Cascading Style Sheets)

Klasik ve AJAX tabanlı web uygulamaları için oturmuş bir

tasarım tekniği
Web içeriğinin biçimlerini standartlaştırmaya yarar
Sitenizdeki tüm sayfaların biçimlerini tek bir yerden
ayarlayabilirsiniz
Farklı biçimlere geçiş oldukça kolaydır

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

CSS (Cascading Style Sheets)

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

XHTML

Geliştirilebilir Büyütülmüş Metin İşaretleme Dili (Extensible

HyperText Markup Language)
XML sözdiziminin HTML içinde kullanılması
CSS kullanımını özendirir
Temiz ve düzenli HTML yazımını sağlar.
W3C tarafından kabul edilen standart web biçimlendirme
dilidir

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

XHTML

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

Belge Nesne Modeli (DOM)

XML ve HTML belgeleri için bir uygulama geliştirme

arayüzüdür
DOM bir web sayfasını Javascript tarafından erişilebilir hale
getirir
Bir sayfadaki tüm nesneler (öğelerin her biri bir nesnedir)
DOM sayesinde erişilebilir
W3C tarafından yapısı iyi bir şekilde tanımlanmıştır, ağaç
yapısındadır
DOM okunabildiği gibi değiştirilebilir
Programlama önerileri:
Öğelerin kolayca erişilebilmesi için “id” kullanılmalı
CSS biçimleri düğümlerin “className“ özelliğiyle erişilebilir
XHTML kullanılmalıdır
Tahir Emre KALAYCI AJAX
 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

Belge Nesne Modeli (DOM)

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

JavaScript

İstemci tarafta çalışan, tarayıcılar tarafından desteklenen betik

dilidir
Java’ya benzeyen sözdizimi var
Dinamik yorumlanır, gevşek bağlı değişkenleri destekler
Web uygulaması geliştirenler bir şekilde bulaşırlar

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

JavaScript

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

XMLHttpRequest

Ezşamansız işlemeyi sağlayan temel JavaScript sınıfımız

Arka planda HTTP istekleri göndermemizi ve yanıtlarını
almamızı sağlar
Tüm standart tarayıcılar tarafından desteklenmektedir

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

XMLHttpRequest

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

Sunucu taraf

Herhangi bir sunucu yazılım teknolojisi işe yarar :)

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

Tahir Emre KALAYCI AJAX

 AJAX nedir? İstemci taraf
AJAX nasıl çalışır? Sunucu taraf
Sonuç Araçlar

AJAX Araçları

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 için Ajax desteği)

Tahir Emre KALAYCI AJAX

 AJAX nedir?
AJAX nasıl çalışır?
Sonuç

Sonuç

Avantajları
Zengin kullanıcı arabirimi
Zengin kullanıcı etkileşimi
Band genişliğinin daha verimli kullanılması, daha hızlı yükleme
Dezavantajları
Tarayıcı geçmişine sayfaların kaydedilmemesi
Dinamik sayfaların çokluğu kullanıcının yerimlerine
kaydetmesini zorlaştırır
Kötü amaçlı yazılımlara olanak sağlayabilir
Tarayıcı uyum sorunları
Arama motorlarının erişememesi
Erişilebilirlik standartlarıyla ilgili sorunlar

Tahir Emre KALAYCI AJAX

 AJAX nedir?
AJAX nasıl çalışır?
Sonuç

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 çalışır?
Sonuç

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