Google Web Toolkit adalah salah satu engine buatan om google, nah GWT ini adalah engine yang mengGenerate kode Java menjadi JavaScript,, dan GWT ini berbasis AJAX. Tujuan GWT adalah untuk memungkinkan pengembangan aplikasi web yang produktif berkinerja tinggi tanpa pengembang harus menjadi ahli di browser quirks, XMLHttpRequest, dan JavaScript. GWT digunakan oleh banyak produk di Google, termasuk Google Wave dan versi baru AdWords selain itu program dari hasil GWT ini yang sering kita pakai adalah google mail dan yang pasti search engine google pake GWT.

Seperti biasanya kebanyakan jenis engine RIA (Rich Internet Application) selalu Multi Cross - Browser jadi biar kata kita ganti - ganti browser, tampilan yang di buat akan tetap sama walaupun browsernya itu beda. Selain GWT sebetulnya masih banyak jenis engine RIA seperti Ext - JS, Adobe Flex .. hmmm apalagi yah JQuery masuk RIA kagak yah,, ya kalo mau tau lengkapnya silahkan tanya ama om Google. Setahu saya Ext JS dan Adobe Flex ini merupakan engine untuk aplikasi web tapi basis dekstop, nah lho....., maksudnya engine tersebut memang berjalan di atas browser tetapi, tampilan dan komponen - komponennya mirip sekali seperti aplikasi dekstop,, tapi jangan ketuker yah sama aplikasi dekstop yang jalan di browser, beda lho soalnya.

ya udah deh dari pada cuap - cuap makin panjang aja, mending kita mulai bagai mana memulai GWT.

Yang pertama adalah siapkan GWT SDKnya dolo, download aja di http://code.google.com/webtoolkit/download.html

setelah itu extract hasil downloadannya dengan cara

unzip gwt-2.0.3.zip
 

kalo sudah ketik perintah ini di terminal (sorry cuman kasih contoh buat pecinta linux doank)

chmod u+x webAppCreator

lalu

./webAppCreator -out MyWebApp com.mycompany.mywebapp.MyWebAp

setelah perintah di atas di jalankan, GWT akan mengenerate contoh project dengan nama MyWebApp beserta paket - paketnya di dalam folder GWT SDKnya, nah kalo sudah kita build dan jalankan project tersebut dengan Apache ANT dengan ketik :

ant devmode 
eittsss kalo mau jalanin ANT install dolo apache ant di linux atau bisa download di http://ant.apache.org/ 
habis di download jangan lupa setting path apache ant yah,, nah kalo ant devmode berhasil akan muncul windows seperti ini :
 

dari gambar di atas terdapat button Launch Default Browser buat running itu sample project, nah kalo button Copy To Clipboard mah buat nampilin url itu aplikasi di panelnya,, owh selain itu project ini di jalan oleh jetty. Tau jetty kan, nah jetty ini salah satu middleware / web server seperti Apache, WebLogic, Glasfish, dan Websphere, cuman jetty ini lebih kecil di banding 4 webserver tsb, nah kalo mo lihat jetty di GWT di atas berikut di bawah ada gambarnya :

nah udah lihat tab jetty di GWT kan,, tombolnya sih cuman buat restart server doank, kalo expand all sama collapse all mah buat tutup sama buka treenya. Setelah lihat Main Panelnya GWT, mari kita lihat hasilnya dari projectnya seperti apa :

gambar di atas adalah hasil dari deployment contoh project yang di generate si GWTnya,, nah kita bisa mengubah code yang di generate, misal kita ingin mengganti caption button send menjadi submit, kita tinggal masuk ke folder src/com/mycompany/mywebapp/client nanti di sana ada file MyWebApp.java kita tinggal edit file tersebut dengan mengganti

final Button sendButton = new Button("Send");

menjadi

final Button sendButton = new Button("Submit");

Kalo sudah tinggal save kemudian refresh browsernya, dan hasilnya seperti ini :