Pada article sebelumnya di Getting Started Google Web Toolkit saya telah membahas memulai GWT menggunakan GWT SDKnya dengan mengenerate sample project menggunakan projectCreatornya. Nah bagaimana jika anda menggunakan tools Eclipse IDEnya ?? sama saja, hanya lebih mudah dan lebih simple di banding sebelumnya.

Langkah pertama yang harus dilakukan jika kita ingin mencoba GWT menggunakan Eclipse IDE adalah kita harus menginstall plugin GWTnya di eclipse kesayangan anda. Mari kita mulai langkah - langkah menginstall GWT di eclipse :

1. Biasa, di Menu Bar Eclipse ada Help -> Sofware Update dan akan muncul sebuah windows

2. Klik tab Avalaible Software, klik Add Site, masukan URLnya lalu klik oke

   http://dl.google.com/eclipse/plugin/3.5

(tinggal ganti versi dari eclipse anda, versi yang tersedia adalah eclilpse 3.3, 3.4, dan 3.5, kecuali untuk Eclipse Helios tidak ada url sitenya, harus download GWT SDKnya manual)

3. Setelah itu site yang anda masukan akan menambah di listnya, tunggu beberapa saat hingga eclipsenya berhasil fetching data dari site   tersebut

4. Jika sudah, centang site yang telah anda tambahkan, lalu klik install, setelah itu ikut petunjuk instalasinya dan tunggu hingga selesai.

Nah kalo sudah install pluginnya di eclipse ke sayangan anda, yang perlu di lakukan adalah membuat project GWT di eclipse anda, eittss jangan lupa kalo setelah install plugin restart eclipsenya yah. Yukk, sekarang kita mulai coba buat sample project GWT di eclipse :

1. Klik kanan di Package Explorer -> New -> Other

2. setelah itu muncul windows, cari Google dan expand treenya, setelah itu pilih Web Application Project dan klik Next

3. Setelah itu ketik nama Nama Project dan nama packagenya, lalu klik finish

nb : si eclipse udah otomatis baca GWT SDKnya dan SDK App Enginenya, jadi gak usah di daftarin SDKnya

4. Nah berikut hasil create GWT Web Projectnya

kalo semuanya sudah di lakukan kita tinggal running project tersebut, caranya

- klik kanan di projectnya -> Run As -> Web Application

- setelah itu muncul tab Development Mode

- Kalo sudah muncul url dari project tersebut, lalu copy url tersebut, dan paste di browser anda

  nb : jika browser anda belum mempunyai plugin GWT, maka browser tersebut akan meminta install terlebih dahulu

- dan pada saat di browser hasilnya seperti ini :

nah selanjut kalo mau ganti caption buttonnya tinggal buka src -> com.adhit.gwtsample.client -> dan buka class MyGwtSample.java

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

lalu ganti menjadi final Button sendButton = new Button("Submit");

setelah itu refresh aplikasi anda di browser, jadinya kayak gini 

jika tombol Submitnya di klik, maka akan muncul seperti ini :

Jika di perhatikan, article ini dengan article sebelumnya hasilnya sama kan pada saat jalanin aplikasinya di browser, hanya bedanya yang ini menggunakan Eclipse IDE. Berarti jika sudah menggunakan IDE kita siap explorasi code GWT tahap selanjutnya. Akhirnya article ini selesai juga dan semoga article ini bermanfaat bagi pembaca sekalian.

Terima Kasih