Penggunaan AJAX yang baik

Posted on 08. Dec, 2009 by Cheyuz in Knowledge, Tips

Rehat dari kerjaanku yang terus-terusan di depan komputer, ngoding (nge-coding) PHP tiada jemu… membuat banyak situs dari orderan-orderanku yang kadang membuat kepalaku pusing bagaikan gula yang dikerubuti semut… dan akhirnya Cheyuz pengen ngasi sedikit tips buat temen2 semua di bidang Web Developing… Kali ini kita bakal bahas tentang bagaimana dan kapan menggunakan AJAX yang baik…

Sebelumnya, Cheyuz bakal ngejelasin apa itu AJAX..

Menurut konten yg aku temukan di Wikipedia, AJAX adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. 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.

Nah, klo kita dengan menggunakan ajax di web kita, kita dapat me-refresh atau me-load sebagian konten yang perlu diupdate, dengan demikian bagian web lainnya seperti header, footer, sidebar, dan bagian lainnya tidak perlu di load ulang. Kita hanya meload konten yang berubah saja. Dan itu bakal lebih efisien dalam transfer data, aplikasi lebih responsif, dan pengguna lebih mudah berinteraksi dengan web layaknya aplikasi desktop. Pada teknologi web sebelum ajax untuk menampilkan konten yang berubah kita harus meload halaman web secara keseluruhan tanpa peduli bahwa ada bagian web yang kontennya tidak berubah. Tapi perlu diingat, ada beberapa kekurangan teknologi ajax yang untuk dapat bekerja harus menggunakan browser dengan fungsi javascript yang di aktifkan.

Salah satu kekurangannya adalah harus aktifnya javascript… hmm tapi menurutku itu bukan kekurangan, soalnya teknologi harus seimbang dengan perkembangan zaman… jadi sebaiknya emank tentu setiap browser itu wajib mengaktifkan javascript…

Nah, ini dia kelemahan-kelemahan klo kita pake AJAX di web kita… yaitu:

Pertama, konten ga bakal terindeks oleh search engine, misalnya Google, kenapa? karena javascript hanya aktif di browser, bot search engine ga bisa ngejalanin javascript. Padahal kebanyakan web dapat pengunjung baru dari search engine. Akibatnya konten kita tidak dindex di search engine dan sulit untuk dicari dari search engine.
Kedua, situs hanya dapat berjalan di browser terbaru. Waktu itu Cheyuz pernah bikin situs untuk sebuah perusahaan di Cianjur, dan di perusahaan itu OS nya masih pake Windows XP Service Pack 2, dengan menggunakan browser Internet Explorer 6 yang emank tidak bisa memakai AJAX! dan mengganti OS banyak komputer itu bukan pekerjaan yang mudah…
Ketiga, AJAX hanya berjalan di perangkat Mobile tertentu, misalnya HP… Emank sih sekarang ini udah banyak HP yang mendukung AJAX, tapi tidak sepenuhnya, masih banyak HP kalangan (maaf) rendah yang tidak mendukung javascript.. apalagi AJAX.

Jadi, meskipun AJAX itu sangat bagus untuk Website, lebih interaktif, lebih dinamis… kita juga musti tau kapan sih AJAX itu digunakan..

Soalnya klo kita bikin website full AJAX dan memang harus diakses dari berbagai perangkat dan berbagai browser, sebaiknya kita berpikir lagi, apakah mau menggunakan AJAX atau tidak…

OK, Cheyuz mau ngasih tips nya buat temen-temen semua, terutama anak Ilmu Komputer UPI 07, 08, dan 09.. berikut adalah tips bagaimana menggunakan AJAX yang baik dan tepat untuk web/aplikasi temen2 semua:

Pertama, siapa target pengguna situs? klo sasaran temen2 adalah pengguna handphone misalnya untuk berjualan konten mobile maka lupakan untuk menggunakan AJAX, kenapa? soalnya pengguna atau pengunjung temen2 tidak dapat mengaksesnya dengan baik. Apa gunanya temen2 mengembangkan aplikasi atau web tanpa ada pengguna. ya ga?
Kedua, gunakan AJAX hanya untuk konten yang sangat sering berubah. Jangan gunakan AJAX pada konten yang jarang diubah, misalnya konten pada blog, biasanya jarang dirubah kan? Tulisan pada blog biasanya sangat jarang diubah setelah diposting. Biasanya hanya update kecil untuk memperbaiki beberapa tulisan. Walaupun secara konsep, dengan template dan layout yang sama setiap posting maka memungkinkan penggunaan ajax namun dalam hal ini ajax merugikan temen2, soalnya konten blog temen2 gak bakalan kebaca oleh search engine dan pengunjung bakal kesulitan menemukan tulisan temen2 di search engine. Contoh konten yang sering berubah adalah tampilan livescore.com yang secara otomatis mereload hasil pertandingan olahraga secara berkala dalam rentang waktu tertentu. Hasilnya score dapat diupdate tanpa mereload tampilan website secara keseluruhan.
Ketiga, penggunaan pada submit form atau upload file. Temen2 bisa pake AJAX buat submit form kayak ngisi comment, testimonial, dan upload foto misalnya.. jadi pas ngirim comment si halaman tidak direload, tapi daftar komentar langsung berubah dengan menggunakan AJAX, sangat efektif..
Keempat, aplikasi web jarang membutuhkan akses search engine, karena hanya ditujukan kepada pengguna aplikasi. Karena itu penggunaan AJAX lebih flexibel. Temen2 dapat menggunakan AJAX dimanapun pada aplikasi temen2 karena biasanya aplikasi web memiliki konten yang sangat dinamis. Selain itu aplikasi lebih memerlukan respon cepat dari interaksi pengguna yang bisa dilakukan dengan AJAX. Namun yang perlu diingat, sebaiknya jangan melakukan load objek secara berlebihan yang kemudian kita dapat dengan mudah mengupdate kontennya dengan AJAX dan menampilkannya dengan javascript. Tapi, perhatikan selalu ukuran halaman web temen2, karena walaupun tampilan lebih responsif namun pada saat load awal akan memakan waktu yang cukup lama.
Kelima, pakailah indikator LOADING! AJAX secara default ga ngasi tau kapan dia melakukan request atau biasa disebut callback dengan memberikan indikator status dengan sendirinya. Di sini, Programmerlah yang berperan dan harus membuatnya agar mampu memberitahukan apakah request atau callback berhasil, sedang loading, atau gagal. Dengan demikian pengguna tidak melakukan klik atau request berlebihan karena tidak mengetahui apakah dia telah melakukan request atau belum dan juga pengguna tidak menunggu terlalu lama tanpa mengetahui hasil loadnya.

Jadi, apakah situs temen2 sudah memakai AJAX?

Situs yang paling baik dalam penggunaan AJAX yaitu situs2 google, seperti google translate, google doc, google analytic, dan lain2… selain google juga ada Facebook, situs ini memakai AJAX gila-gilaan, keren euy menurut Cheyuz mah, malah bingung itu bikinnya gimana, sangat kompleks!!!

Oia perlu diketahui, untuk temen2 ilmu komputer angkatan 2009 UPI, situs buatan saya, PTI Uploader dan Nilai PTI itu memakai AJAX. Silakan dipahami…

Tags: Ajax, Javascript, Tips, Web Developing