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..

Filed under: Tutorial, zk, zkoss, zul