Catatan si Fajar Bagus..

Ketika Berbagi menghadirkan kebahagiaan…

Membuat Project Zkoss pertama

Setelah semuanya terinstall, saatnya kita membuat project Zkoss pertama kita. Sebelumnya, kita akan melakukan beberapa setting pada view Eclipse kita. Disini kita akan menampilkan beberapa toolbar untuk Eclipse kita. Toolbar yang akan kita tampilkan adalah Toolbar yang berhubungan dengan ZK. Caranya langsung aja ke “Windos” -> “Show View” -> “Other” kemudian pilih folder “ZK”. Satu per satu, pilih “Zul Palette” dan “Zul Visual Editor”. Selanjutnya toolbar yang dibutuhkan adalah “Properties” yang ada di folder “General” dan “Server” yang ada di folder “Server”.

Yuk kita mulai membuat project Zkoss kita. Langkah awal cukup sederhana. Ikutin, ya..

  1. Pilih “File” -> “New..” -> “Other..”
  2. Pilih folder “ZK” dan expand
  3. Pilih “ZK Project” lalu “Next”
  4. Silahkan sobat isi project namenya. Saya pakai nama “pertama”
  5. Pilih “Target Runtime” = “GlassFish v2.1 Java EE 5”
  6. “Next”
  7. Silahkan isikan nama folder root, folder content dan folder java sourcenya. Disini saya pakai default.
  8. Finish

Silahkan sobat expand folder projectnya. Kemudian masuk ke folder Web Content-nya dan buka file “index.zul”

Disana sudah ada tag window dan tag label. Tag window ini mesti ada. Tag ini seperti componen window pada Delphi atau VB. Funsinya sebagai window atau jendela user interface. Sedangkan tag label berfungsi sebagai label biasa. Silahkan sobal tilat di “Zul Visual Editor” yang sudah kita tampilkan tadi.

Disana sudah ada window beserta labelnya. Tag biasa juga disebut sebagai komponen dan untuk memudahkan penggunaan istilah, mulai sekarang kita akan menggunakan istilah komponen untuk setiap tag yang ada di dalam zul. Kamu bisa menambahkan komponen apa saja kedalam “Zul Editor” dengan cara men-drag and drop dari “Zul Palette”. Gampang kan? Tapi ingat, komponen harus diletakkan di dalam komponen Window. Kalo diluar, dia tidak akan muncul.

Silahkan sobat explore masing – masing komponen yang ada di Zkoss. Sebegai latihan, silahkan sobat buat layout form seperti gambar berikut ini..

Oke kalau sudah, langsung aja kita compile dan run. Pilih “Run” -> “Run As..” -> “Run on Server”. Lalu pilih servenya “Bundled GlassFish v2.1” klik “Finish”. Selesai..

Iklan

Filed under: Tutorial, , ,

5 Responses

  1. andee berkata:

    thanks…i lke this utorial

  2. prajuritlangit berkata:

    Terima kasih banyak semua tutorial anda tentang zkoss sangat berguna bagi saya..

  3. keduax berkata:

    tertarik juga sih mau belajar java, tapi susahnya setengh mati……..

  4. aeroyid berkata:

    gimana ya mas gan gan cara instal server nya…

    Saya terbentur di sana ee….!!

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

kategori

adds | stats | tools..

yang lagi mampir..


web submission
Submit Your Site To The Web's Top 50 Search Engines for Free!

terjemahkan ke bahasa


Toko Die Cast Jargus
Menjual diecast Hotwheels TH, Tomica, Kinsmart, Carrarama, dll
http://fajarbaguswp.multiply.com
 
Souvenia
Souvenir, Merchandise & Handycraft for wedding, promotion, & gift.
http://www.souvenia.com
Ads by Jargus


selamat datang, sobat..


Assalamualaikum...
Selamat datang di fajarbaguswp.wordpress.com
semoga blog ini bisa bermanfaat buat sobat yang berkunjung ke blog ini.

Silahkan sobat blogger mengambil sebagian atau seluruh isi dari blog saya ini asalkan mencantumkan link ke halaman yang diambil atau di kutip.



Mau link blog kamu ada di blog ini? Silahkan klik disini

jumlah kunjungan..

  • 512,250 dikunjungi
%d blogger menyukai ini: