AJAX: Presentasi Seminar
-
Upload
asep-sufyan-tsauri -
Category
Technology
-
view
746 -
download
4
description
Transcript of AJAX: Presentasi Seminar
![Page 1: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/1.jpg)
OlehAsep Sufyan TsauriNIM 056798
![Page 2: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/2.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/3.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/4.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/5.jpg)
Interaktifitas rendah Waktu respon relatif lebih lama User driven
![Page 6: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/6.jpg)
![Page 7: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/7.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/8.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/9.jpg)
![Page 10: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/10.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/11.jpg)
![Page 12: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/12.jpg)
Keterangan :Tool yang dimaksud disini adalah
framework javascript yang mendukung untuk penggunaan AJAX
![Page 13: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/13.jpg)
Dibandingkan dengan Aplikasi Desktop Dapat menjangkau pengguna yang luas Mudah diinstall Mudah dikembangkan dan dipelihara
![Page 14: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/14.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/15.jpg)
Tidak search engine friendlyKompatibilitas (browser lama belum
mendukung Ajax)Bandwidth (proses auto-update)Keamanan
![Page 16: AJAX: Presentasi Seminar](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/16.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022061212/5494d28fac7959342e8b4ccb/html5/thumbnails/17.jpg)
Namun, AJAX juga memiliki kekurangan, seperti tidak search engine friendly, dsb.
AJAX cocok digunakan untuk aplikasi berbasis web yang membutuhkan interaktifitas tinggi.