TUTORIAL AJAX

Pengertian Dan Tutorial Ajax

Sebelum anda belajar mengenai Ajax, anda harus mengenal dan mengetahui terdahulu dasar-dasar tentang Ajax.

Dasar-dasar Ajax yaitu dikelompokkan sebagai berikut, yaitu :

1.      HTML

2.      JavaScript

3.      PHP

Apa yang dimaksud dengan Ajax ?

Ajax adalah singkatan dari Asynchronous JavaScript dan XML

Ajax terdiri dari beberapa item, yaitu HTML, JavaScript, DHTML dan DOM

Dimana selanjutnya akan digabungkan dengan bahasa pemograman web di server seperti PHP dan ASP, dan akan membentuk sebuah Aplikasi web yang sangat interaktif.

Ajax bukan merupakan hal sebuah pemograman yang baru, tetapi ajax adalah merupakan teknik yang baru dalam dunia berbasis web.

Mulai dikembangkan sekitar 2-3 tahun silam yang lalu, Ajax mulai di kesani dan diminati oleh para programmer dan desainer.

Dengan adanya kemunculan pemograman Ajax ini, pengiriman akses data melalui via web dapat lebih cepat daripada mekanisme lainnya yang biasa.

Ajax dapat melakukan atau integrasikan dengan server programming seperti PHP, JSP, ASP dll.

Berikut teknologi yang termasuk aplikasi Ajax :

·         HTML untuk mengidentifi field-field yang akan anda gunakan dalam aplikasi dan untuk membuat Web forms.

·       JavaScript adalah suatu kode atau coding untuk menjalankan sebuah aplikasi Ajax dan membantu fasilitas untuk berkomunikasi dengan aplikasi.

·     DHTML, atau yang disebut dengan Dynamic HTML ini kegunaannya untuk membuat web dan form anda agar tampilan lebih efisien dan dinamis. Disini anda akan menggunakan seperti <div>, <span> dan item atau elemen HTML lainnya.

·     DOM, atau yang disebut dengan Document Object Model, ini kegunaannya bekerja dengan kedua struktur HTML dan XML, yang dalam beberapa studi kasus berasal dari server.

XMLHttpRequest

Dari Objek ini, yang pertama harus anda mengerti adalah XMLHttpRequest, bagi anda mungkin ini terdengar baru atau asing.

Ini merupakan objek dari Javascript yang akan membuat sederhana seperti contoh kode dibawah ini :

Contoh Kode Membuat Objek XMLHttpRequest.

<script language=”javascript” type=”text/javascript”>

Var xmlHttp = new XMLHttpRequest();

</script>

Aplikasi-aplikasi ajax yaitu :

1.      Yahoo

Bila anda ingin melihat bagaimana dan seperti apa perkembangan web yang selanjutnya, ada bisa melihatnya dgn menggunakan Yahoo.

Penggunaan Ajax merupakan hal yg wajib bagi pengguna website generasi kedepan. Website yang akurasi nya sangat interaktif disertai tampilan yang sederhana.

Yahoo adalah contoh website yang sangat baik jika kita ingin membuat sebuah website yang bagus. Dengan tampilan yang mewah, waktu yang akan dibutuhkan untuk akses Yahoo tidak berubah dan masih cepat.

Didunia pemograman, produk Ajax yang telah siap pakai diantaranya yaitu : Google Via GWT-nya (Google Widget Toolkit), merupakan compiler AJAX yang berbasis Java, Dojo Toolkit, Yahoo UI, dan JSON.

Contoh aplikasi dengan cepat yang merubah aristekturnya dari non RIA sampai menjadi RIA adalah SugarCRM, GoogleMail dan Yahoo Mail Beta.

2.      Purefect

Yang disebut dengan Purefect yaitu desktop environment yang berjalan 100% di web browser. Purefect telah megadopsi teknologi RIA (Rich Internet Application).  Dengan Purefect ini aplikasi web tidak akan lagi terbentuk halaman web yang selama

ini kita ketahui, tetapi akan ebrbentuk aplikasi-aplikasi window yang layaknya seperti aplikasi berjalan pada komuter desktop kita.

Beberapa keuntungan dari Purefect yaitu :

1.      Aplikasi yang dibangun bersifat multi-platform

2.      Mempercepat dan mempermudah pembangunan dalam sebuah aplikasi web

3.      Berbasis object yang oriented

4.      Arsitektur yang lengkap : login system, personalized desktop, advanced windowing system, manajemen user, task management dll.

3.      Implementasi AJAX pada Delphi

Keperluan untuk membangun sebuah aplikasi yang berbasis Web maka akan tersedia beberapa komponen built-in pada suatu Delphi, yaitu Intraweb dan Indy.

Intraweb akan dapat langsung digunakan dalam membangun website dengan Delphi, seperti kita membangun Aolikasi yang berbasis Windows, sedangkan Indy hanya menyediakan keperluan internet dasar.

Salah satu yang merupakan sebuah komponen cukup bagus yaitu ExpressWeb dari sebuah DevExpress yang telah terkenal dengan komponen yang berkualitas tinggi. Dan hanya Intraweb versi 8.0.23 yang telah mulai mendukung AJAX.

Kekurangan Ajax yaitu secara baik tidak bisa di crawler oleh search engine, dikarenakan search engine telah bekerja dengan menelusuri url, sedangkan web yang berbasis ajax url nya selalu sama, meskipun user sudah meminta data. Inilah yang dimaksud tantangan besar Ajax.

Karena itu Ajax memang lebih baik digunakan untuk halaman member, yang datanya tidak boleh di crawler, contohnya seperti : mail box atau bikin blog private.

OK, Sekian dulu tentang Ajax dari saya, dan terimakasih buat semuanya.. :)