Just Try To Be a Blogrammer

Ataukah saya saja yang salah sangka, padahal kebanyakan orang sudah pada mengerti ?, ah entahlah …yang jelas, praduga itu, kan kutuangkan dalam bentuk ulasan kecil yang mohon maaf kalau penjelasannya masih dangkal

Terlahir dari sebuah singkatan tetapi sekarang tidak lagi dipandang singkatan, ia adalah nama dari sebuah klub sepakbola asal negeri Belanda, tapi bukan klub sepakbola yang akan kubahas di sini, disangka sebuah bahasa pemrograman padahal hanyalah sebuah teknologi, lebih spesifik lagi ianya adalah sebuah cara baru bagaimana sebuah web bekerja

Tanpa mengumumkan metoda apa yang dipakai untuk membuatnya, Google mengumumkan aplikasi bernama Google Maps, Gmail dan Google Suggest, ketiganya merupakan produk inovatif yang benar2 “menohok” cara web tradisional bekerja, alih-alih me-reload seluruh halaman untuk sebuah request, ketiga produk tsb malah mengupdate halaman sebagian saja, bahkan tanpa sebuah refresh, inbox email di gmail bisa otomatis bertambah, peta di google maps ketika di-scroll terus-terusan memunculkan gambar-gambar baru tanpa perlu refresh browser… ah teknologi apa ini, Google kembali mencipta teknologi baru ?

Google memang yang membuat ketiga aplikasi tersebut, tapi teknologi yang dipakai bukanlah ciptaan google seorang (apa ratusan orang yak ), sesungguhnya semua komunitas web lah yang mendorong teknologi tersebut ada, google hanya memanfaatkannya, teknologi tersebut dibangun berdasarkan teknologi sebelumnya, dimulai dengan keberadaan (X)HTML & HTTP yang memunculkan web statis, CSS untuk mengatur style daripada layout web, Document Object Model (DOM) untuk membentuk struktur halaman web, Frame untuk menggabungkan bbrp halaman web ke dalam satu halaman, XmlHttpRequest(XHR) yang meyediakan interaksi antara client dan server secara independen (tanpa refresh browser), XML atau JSON yang berfungsi sebagai teknologi standar untuk pertukaran data dan Javascript yang memanipulasi dan mengikat semua teknologi di atas

Klik di sini kalau masih penasaran …

Boga Lakon : bro, tau mils Ajax indonesia gak
Amuro_msg : id-ajax ?
Boga Lakon : halah, apa nama milis depannya id semua ?
Amuro_msg : lagian gwe gak make ajax sih
Boga Lakon : lah trus makenya apaan ?
Amuro_msg : ya standar lah, XHTML, CSS & PHP, gwe gak terlalu suka javascript sih, makanya gak pernah pake Ajax
Boga Lakon : oh kalo gak suka, berarti sering pake PSV dong ?
Amuro_msg : PSV ?, hmm teknologi apa lagi tuh
Boga Lakon : ya iyalah, kalo bukan penggemar Ajax, berarti dikau penggemar PSV Eindhoven, coba deh baca soccernet
Amuro_msg : gubraks …. ???

yeah…, dah gugling banyak2, sampe skrng aku belum menemukan milis yang bertemakan Ajax berbahasa Indonesia… kenapa yah, apakah orang indonesia fans-nya PSV semua ? ^_^

Ada 2 isu penting di bidang web development akhir-akhir ini, yaitu Ruby on Rails (RoR) dan Ajax, aku sudah terbiasa dengan RoR karena memang sudah menjadi pekerjaan sehari-hari ku, sedangkan Ajax ?, aku Cuma mendengar kabar burungnya dari internet atau ebook saja

Nah tadi pagi aku coba cicipi kue Ajax ini, dan enak bangeeeeeeet, walaupun belum sepenuhnya tau enaknya kenapa ?, nah yg cukup membuat aku kaget adalah RoR mempunyai Framework dan Templating system tersendiri untuk menghandle Ajax, Frameworknya berisikan Helper yang merupakan abstraksi dari beberapa Javascript Framework handal seperti prototype & script.aculo.us, sedangkan templating systemnya bernama RJS (Ruby-generated JavaScript)

Nah dari pada bertele-tele aku ngejelasin, silahkan cicipi deh kode “Ajax on Rails” berikut ini  (Asumsi, Ruby & RoR sudah terinstall, jika belum silahkan baca ini)

1. buat Rails Skeleton , ketik di console/terminal “rails latihanajax”
2. buat controller, caranya masuk ke directory latihanajax terus ketik “ruby script/generate controller latihan1”
3. ketik kode form berikut ini di Textmate, (kalo ndak punya textmate pake emacs/notepad ajah )

<%= form_remote_tag :url=>{:action=>’salam’} %><!—ini akan meng-invoke salam.rjs –>
Enter your name <%= text_field_tag :name %>
<%= submit_tag "Ucapkan Salam" %>
<%= end_form_tag %>

<h2 id="salam" style="display: none "></h2>

simpan di app/views/latihan1/form.rhtml

Klik di sini kalau masih penasaran …