Sabtu, 12 Februari 2011

AJAX Web Programming

Posted at 03.50 by thegudangupil
    Halo.. para pembaca sudah sekian lama saya tidak menyapa anda dengan postingan-potingan yang baru, kali ini saya akan mengangkat pembahasan mengenai AJAX programming , AJAX sudah cukup lama tersebar dan digunakan dalam Web programming tapi sekedar mencoba akan mengingatkan kembali dan membagi pengetahuan mengenai AJAX dari sejarah sampai pengaplikasianya,
Selayang Pandang Ajax
   Ajax adalah singkatan dari Asynchronous JavaScript dan XML. Ajax (diucapkan / eɪdʒæks /; singkatan untuk Asynchronous JavaScript and XML)  adalah sekelompok metode pengembangan web saling terkait yang digunakan pada sisi-klien untuk membuat aplikasi web interaktif. Dengan Ajax, aplikasi web dapat mengambil data dari server secara asynchronous di latar belakang tanpa mengganggu tampilan dan perilaku dari halaman yang ada. Data biasanya diambil dengan menggunakan objek XMLHTTPRequest.
   Prasyarat Ajax adalah kolaborasi HXTML (Extensible Hypertext Markup Language), CSS (Cascading Style Sheets) yang membantu merupakan bahasa markup, bahasa deskripsi klien-sisi seperti JavaScript, objek seperti XMLHTTPRequest yang memungkinkan transfer data asynchronous, dan format yang diberikan oleh XML (Extensible Markup Language).
   Ajax adalah teknik, bukan obyek. seperti DHTML dan LAMP, Ajax bukanlah teknologi, tetapi sekelompok teknologi. Ajax menggunakan kombinasi HTML dan CSS untuk mark up dan informasi gaya. DOM diakses dengan JavaScript untuk menampilkan secara dinamis, dan memungkinkan pengguna untuk berinteraksi dengan informasi yang disajikan. JavaScript dan objek XMLHTTPRequest menyediakan metode untuk pertukaran data asynchronous antara browser dan server untuk menghindari ulang halaman penuh. Istilah ini Ajax diciptakan pada tanggal 18 Februari 2005 oleh Jesse James Garrett
Teknologi AJAX
    Istilah ini untuk mewakili kelompok luas dari teknologi web yang dapat digunakan untuk mengimplementasikan aplikasi web yang berkomunikasi dengan server di latar belakang. dalam Ajax teknologi-teknologi dari:
  1. HTML atau XHTML dan CSS untuk presentasi
  2. Dokumen Object Model (DOM) untuk tampilan dinamis dan interaksi dengan data
  3. XML untuk pertukaran data, dan XSLT untuk manipulasi nya
  4. objek XMLHTTPRequest untuk komunikasi asynchronous
  5. JavaScript untuk membawa teknologi tersebut bersama-sama
    Sejak kemunculan pada tahu 2005, ada eberapa perkembangan teknologi yang digunakan dalam aplikasi Ajax, dan definisi dari istilah Ajax. Secara khusus, telah mencatat bahwa JavaScript tidak hanya sisi klien bahasa script yang dapat digunakan untuk mengimplementasikan aplikasi Ajax;. Bahasa lain seperti VBScript juga mampu melakukan fungsi yang diperlukan  (Namun, JavaScript adalah bahasa yang paling populer untuk pemrograman Ajax karena dimasukkan dalam dan kompatibilitas dengan mayoritas browser web yang modern) Juga, XML tidak diperlukan untuk pertukaran data. dan karena XSLT tidak diperlukan untuk manipulasi data. JavaScript Object Notation (JSON) sering digunakan sebagai format alternatif untuk pertukaran data,  meskipun format lain seperti HTML terformat, atau teks biasa juga dapat digunakan.
    Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. dapat dikatakan Ajax merupakan kombinasi dari:
  • DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan
  • Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronus dengan web server. Pada beberapa framework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHTTPRequest untuk melakukan pertukaran data dengan web server.
  • XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam pemakaian teknik AJAX karena kemudahan akses penanganannya dengan memakai DOM
  • JSON dapat menjadi pilihan alternatif sebagai dokumen transfer, mengingat JSON adalah JavaScript itu sendiri sehingga penanganannya lebih mudah
  •  Objek XMLHttpRequest memungkinkan untuk pertukaran asinkron data antara server dan klien. Ini adalah sebuah API (aplikasi program antarmuka) yang menggunakan Javascript untuk mentransfer data teks seperti XML menggunakan HTTP (hypertext transfer protocol) sehingga membangun komunikasi independen antara sisi-server dan client-side dari suatu halaman web.
Video Tutorial Pengenalan AJAX
Video 1

Video 2

Video 3


Referensi
Ajaxwith
Wikipedia En
Wikipedia Id
Contoh kode Ajax @ W3Schools.Com


Related Post



Tidak ada komentar:

Posting Komentar