Develop ExtJs pada GWT (GXT)

Pada awal nya agak kesulitan mau develop ExtJs pake GWT, tapi dengan perjuangan pantang menyerah akhir nya sukses juga membuat contoh aplikasi dengan GXT.

Oke, langsung saja ke langkah-langkah nya, pertama-tama persiapkan senjata-senjata yang diperlukan

  1. Eclipse, dapat di download pada alamat http://eclipse.org
  2. Library gxt dapat di download pada alamat http://extjs.com
  3. Library gwt dapat di download pada alamat http://code.google.com/webtoolkit/download.html

Setelah selesai download extract lah masing-masing program/library tersubut, kemuadian lakukan konfigurasi pada eclipse sebagai berikut:

  1. Pilih menu Window > Preferences dan pilih Java > Build Path > User Libraries pada preference tree
  2. Klik tombol New dan beri nama library GWT_1_5.  pilih kembali tombol  new library dan klik Add Jars. arahkan pada path GWT yang telah di download tadi download dan pilih  gwt-dev-[os].jar and gwt-user.jar

seletelah selesai langsug aja ikuti langkah berikut:

  1. buat new project pada eclipse
  2. tentukan nama project nya
  3. kemudian buat tempalte gwt dengan command prompt applicationCreator -out <Nama path source> <nama project>.client.App
  4. copy folder “src” yang telah terbentuk ke direktori project anda
  5. tambahkan konfigurasi xml pada file App.gwt.xml pada project dengan kode sebagai berikut: <inherits name=’com.extjs.gxt.ui.GXT’/>
  6. tambahkan pula pada App.html pada elemen header dengan baris: <link rel=”stylesheet” type=”text/css” href=”css/ext-all.css” />
  7. Lakukan konfigurasi untuk menjalankan atau men debug aplikasi yang akan kita buat dengan cara sbb:
    1. Pada toolbar run plih menu pulldown dan pilih menu Run Configuration
    2. Pada tree Java Application buat New_Configuration dengan nama sesuai dengan keinginan
    3. pada project, pilihlah project yang akan dibuat compile config nya
    4. pada check pilihan Include system libraries when searching for main class kemudian tekan tombol search,
    5. pilih lah GWTShell-com.google.gwt.dev
    6. pada tab Arguments buat lah argument sebagai berikut:
      • Pada program argument ketik kode berikut: -out www <nama project>.App/App.html -port 9999
      • pada VM argument ketik kode berikut: -Xmx512M
    7. pada tab Classpath, buatlah konfigurasi sebagai berikut
      • Pada user entries hapus lah konfigurasi default, ganti dengan konfigurasi dengan mengklik tombol Advanceed, dan pilih folder <project name>\src
      • kemudian klik sekali lagi pada tombol Advanced, kemudian pilih Add Library, User library dan pilih lah GWT dan GXT library yang muncul
    8. klik Aplly, dan Close jika telah selesai

jika telah selesai bisa langsung dilanjutkan ke develop GXT, sementara segitu dulu, lain kali disambung lagi dengan contoh-contoh nya 😀

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: