Pengenalan Componen Zkoss di Netbean

Componen pada ZK Framework secara umum :
1. Label
2. Textbox
3. Password
4. Textbox Integer
5. Textbox Decimal
6. Tanggal atau date
7. Button
8.  Spinner
9. Checkbox
10. radiobutton
11. Combobox

contoh tampilan :

Instalasi ZK Framework pada Netbeans Dan Eclipse

Instalasi ZK Framework atau yang sering disebut zkoss pada tools Netbeans dan Eclipse, dengan menggunakan Apache Tomcat,. Dimana Netbean atau Eclipse sebagai tool editor yang nanti digunakan dan Apache Tomcat sebagai web server.  

1. Instalasi ZK Framework di Netbeans

• Download ZK Plugin for Netbeans (Rem7-0-0ce), 

          cari di google dengan keyword “Rem7-0-0ce”

• Setelah download,  Install plugin zk  di Netbeans, 

         caranya klik Tools > Plugins > Downloaded > Add Plugin > 

         tambahkan plugin *.nbm > Install > Restart Netbeans.

• Untuk mencoba zkoss pada netbeans, caranya klik File > New Project > Pilih Java Web > PIlih Zk700CE JavaEE5 Application > Next > HelloWorld  > Finish.

          setelah project ter-create, akan terlihat struktur project seperti berikut:

          

     

• Jalankan project dengan cara Klik kanan project > Run, setelah proses selesai otomatis aplikasi akan terbuka di browser default 

2. Instalasi ZK Framework di Eclipse

• Install Pluginnya dengan cara buka Eclipse, terus ke menu Help > Eclipse Marketplace
• Cari “zk studio” > Kemudian Install
• Setelah selesai install pergi ke menu Help lagi > Activate ZK Studio
• Jika belum punya account zk silahkan registrasi 

         di http://forum.zkoss.org/account/signup/?login_provider=local

• Setelah sudah dapat account isikan username dan password > Klik Activate (Aktivasi ini tidak wajib sifatnya)
• Done Instalasi ZK Studio di Eclipse berhasil