AJAX: Presentasi Seminar

17
Oleh Asep Sufyan Tsauri NIM 056798

description

Metode AJAX

Transcript of AJAX: Presentasi Seminar

Page 1: AJAX: Presentasi Seminar

OlehAsep Sufyan TsauriNIM 056798

Page 2: AJAX: Presentasi Seminar

Perkembangan teknologi internet mendorong manusia mulai beralih ke penggunaan aplikasi berbasis web

Model pemrograman web “tradisional” menjadi jurang pemisah antara aplikasi berbasis desktop dan web

Kebutuhan interaktifitas tinggi dan kecepatan akses dalam menggunakan aplikasi berbasis web

Page 3: AJAX: Presentasi Seminar

AJAX = Asynchronous Javascript and XMLKesatuan teknologi dan teknik

pemrograman web yang sudah ada sebelumnya yaitu XHTML/CSS, Javascript, XML, XmlHttpRequest, DOM. (Jesse James Garret, 2005)

Sebuah pola untuk mengembangkan aplikasi berbasis web yang membutuhkan interaktifitas tinggi. (Ian Graham, 2007)

Page 4: AJAX: Presentasi Seminar

Pengguna melakukan sebuah permintaan melalui browser

HTTP request meminta kepada web server

Web sever memilih data di datastore

Datastore memberikan data ke web server

Web server mengirimkan respon ke pengguna

1

2

3

4

Page 5: AJAX: Presentasi Seminar

Interaktifitas rendah Waktu respon relatif lebih lama User driven

Page 6: AJAX: Presentasi Seminar
Page 7: AJAX: Presentasi Seminar

Pengguna melakukan sebuah permintaan

Ajax engine memilah apakah proses harus diteruskan ke server atau cukup di lokal

Jika cukup di lokal, Ajax engine langsung memberi respon ke pengguna

….

1

2

6

3

5

4

Page 8: AJAX: Presentasi Seminar

Jika harus diteruskan, Ajax engine melakukan permintaan ke server

Server melakukan proses seperti pada model tradisional

Sever memberikan respon ke Ajax engine untuk dilanjutkan ke pengguna

Selama proses dari Ajax engine ke server, pengguna tetap bisa membuat permintaan baru

1

2

3

6

5

4

Page 9: AJAX: Presentasi Seminar
Page 10: AJAX: Presentasi Seminar

Interaktifitas tinggiKecepatan Akses relatif lebih cepatData yang dikirim (dari server) lebih

sedikitProses dapat dilakukan di belakang

layarDapat menerapkan auto-update

content

Page 11: AJAX: Presentasi Seminar
Page 12: AJAX: Presentasi Seminar

Keterangan :Tool yang dimaksud disini adalah

framework javascript yang mendukung untuk penggunaan AJAX

Page 13: AJAX: Presentasi Seminar

Dibandingkan dengan Aplikasi Desktop Dapat menjangkau pengguna yang luas Mudah diinstall Mudah dikembangkan dan dipelihara

Page 14: AJAX: Presentasi Seminar

Dibandingkan dengan Model Tradisional Interaktifitas tinggi Kecepatan Akses relatif lebih cepat Aplikasi AJAX banyak memindahkan interaksi di sisi klien. Data yang dikirim (dari server) lebih sedikit Aplikasi AJAX hanya akan mengambil data yang diperlukan saja dari

server. Proses dapat dilakukan di belakang layar Dengan objek HTTP Request sebagai AJAX Engine, aplikasi AJAX

dimungkinkan untuk melakukan beberapa proses di belakang layar tanpa harus ada perintah dari user.

Sebagian besar menerapkan auto-update content Aplikasi AJAX dapat menyajikan data real-time tanpa harus

menunggu perintah dari user.

Page 15: AJAX: Presentasi Seminar

Tidak search engine friendlyKompatibilitas (browser lama belum

mendukung Ajax)Bandwidth (proses auto-update)Keamanan

Page 16: AJAX: Presentasi Seminar

AJAX adalah kesatuan beberapa standar dan teknologi dalam pemrograman web

Tujuan utamanya untuk memindahkan interaksi yang pada awalnya berada di server menjadi berada di klien

AJAX memiliki banyak keunggulan dalam pengembangan web seperti interaktifitas dan kecepatan

Page 17: AJAX: Presentasi Seminar

Namun, AJAX juga memiliki kekurangan, seperti tidak search engine friendly, dsb.

AJAX cocok digunakan untuk aplikasi berbasis web yang membutuhkan interaktifitas tinggi.