Jadwal MATERI PELATIHAN ZK I. Pertemuan 1 Tanggal 31-08-2009 jam 15-16 1. Pengenalan ZK Struktur project di ZK a. Folder META-INF b.

Folder WEB-INF c. Library yang dibutuhkan 2. Hubungan ZK dengan java Berisi materi cara kontrol file ZK dengan java a. Cara menulis label dari java ke kompnen zk b. Getfellow c. Teknik penamaan package 3. Praktek. . II. Pertemuan 2 Tgl 1 September 2009 jam 15-16 1. Koneksi ke database 2. Konsep MVC a. Contoh model Ada di contoh aplikasi b. Contoh view Ada di contoh aplikasi c. Contoh pengontrol/window/database Ada di contoh aplikasi 3. MVC dengan database Mempraktekkan mengambil data dari database dan menampilkannya ke listbox, combobox, textbox;

Ket :Praktek Membuat crud data mahasiswa. III.Pertemuan 3 Tgl 2 September 2009 1. Mengontrol komponen 2. Bikin kotak dinamis [20], setiap kotak diklik bisa mengindikasikan nomernya nomer berapa. (Menggunakan hbox, vbox, grid). 3. Bikin report dan menampilkan report. IV. Soal Tes Tgl 4 September 2009

Materi Pelatihan Tanggal 31 Agustus 2009 1. Persiapan a. Install Netbean 6.5 + server tomcat 6.18 b. Install java jdk2 c. Install plugin net-sf-rem65.nbm Buka netbean Klik Tools Pilih Pugins (tunggu) Pilih downloaded Pilih Add Plugins.. Cari file net-sf-rem65.nbm Klik install (Ikuti terus sampai selesai) Restart Netbeans d. Install i-report e. Buat folder baru beri nama ZK library Folder ini hanya digunakan untuk mempermudah mengelola library ZK 2. Pengenalan ZK a. Struktur project web basis ZK Project web di ZK terdiri dari : 1) File-file ZK. File ini berekstensi .zul, di bawah direktori apapun di bawah \Web Pages\, digunakan untuk mengelola komponen-komponen untuk view data. Contoh komponen yang dimaksud adalah textbox, gridbox, listbox, jendela atau window, dan sebagainya. 2) Folder META-INF. Folder ini adalah folder yang berisi context.xml. Berada di bawah folder \Web Pages\contect.xml berfungsi untuk membuat koneksi ke database.

3) Folder WEB-INF Folder ini digunakan untuk mengatur konfigurasi spring, konfigurasi, zk, dan zk loader. 4) Library yang dibutuhkan ZK Lib versi 3.51. Bisa diambil di folder \@MATERI PELATIHAN\java\Zk library\.* Atau bisa di down load di www.zkoss.org Spring Framework. Spring digunakan untuk membuat koneksi ke database. Keuntungan menggunakan spring adalah kita hanya butuh sekali membuat koneksi. Hal ini berbeda apabila kita menggunakan koneksi secara langsung menggunakan JDBC/JConnector, setiap membuat koneksi harus selalu create connection. Servlet-api. Berada di folder librarynya tomcat. b. Hubungan ZK dengan java Secara garis besar ZK merupakan script yang digunakan untuk mengelola interface program, di dalamnya berisi kode untuk view data. Sedangkan java adalah mesin/bahasa yang digunakan untuk mengolah dan mengontrol data yang akan ditampilkan ke zk atau sebaliknya dari zk data diolah dengan java dan disimpan ke database menggunakan spring. Jadi zk berada di atasnya java yang berfungsi sebagai layer presentasi data. c. Membuat file ZK 1) Klik kanan folder Web Pages Jika mau dibuatkan folder baru hal ini bisa saja dilakukan. 2) Pilih folder sebagai tempat file.zul ini. 3) Pilih New Pilih Empty File masukkan nama filenya dengan ekstensi.zul 4) Klik finish.

d. Membuat Kontrol ZK Kontrol ZK adalah mekanisme untuk menghubungkan antara komputasi kelaskelas yang ada di java dengan komponen-komponen bentukan yang berada di file.ZK sehingga komponen dan propertinya tadi bisa diolah langsung dengan bahasa java. 1) Inherited kelas java dari kelas Window.
Contoh : public class indexWnd extends Window{ }

2) Getfellow(). Get fellow adalah fungsi/mekanisme yang digunakan untuk menghubungkan antara komponen yang berada di file.ZK dengan kelas-kelas di java. Misalnya nama komponen di file.ZK adalah listBox, maka untuk menghubungkannya dengan cara mengetikkan :
Listbox lb = (Listbox)this.getFellow("boxNilaiMhs");

Keterangan boxNilaiMhs adalah id listbox yang dideklarasikan di file ZK. 3) Teknik penamaan package Contoh :
org.sadhar.sia.siawrii.pengelolaanpenentuandpln

Keterangan org adalah singkatan dari organisasi sadhar adalah organisasi Universitas Sanata Dharma sia adalah nama system informasi akademik siawrii adalah nama sub sistem informasi pengelolaanpenentuandpln adalah nama paket yang menunjukkan modul/kelas tertentu asdasd

3. Praktikum User name = pelatihan Password = pelatihan Host = 172.23.1.50 Port = 3306 Masuk Netbeans a. Menambahkan Project Baru Buka contoh aplikasi proyek yang berada di folder @MATERI PELATIHAN\java\Contohaplikasi\ b. Buka SIA-Common yang berada di @MATERI PELATIHAN\java\SIA-Common c. Menghubungkan database dengan context.xml 1) Buka folder context.xml di folder Web Pages\META-INF\context.xml Isi dari file xml tersebut kurang lebih seperti di bawah ini. Ganti : nama user dengan pelatihan password dengan pelatihan localhost dengan 172.23.1.50:3306 Berikut ini adalah
<?xml version="1.0" encoding="UTF-8"?> <Context antiJARLocking="true" path="/Contohaplikasi"> <Resource name="jdbc/kamus" username="nama user" password="password" url="jdbc:mysql://

localhost/kamus?zeroDateTimeBehavior=convertToNull"

auth="Container" defaultAutoCommit="false" driverClassName="com.mysql.jdbc.Driver" maxActive="20" timeBetweenEvictionRunsMillis="60000" type="javax.sql.DataSource"/> </Context>

d. Jalankan Contoh Aplikasi

Materi Pelatihan Tanggal 2 September 2009 1. Koneksi ke database User name = pelatihan Password = pelatihan Host = 172.23.1.50 Port = 3306 Masuk Netbeans a. Menambahkan Project Baru b. Buka contoh aplikasi proyek yang berada di folder @MATERI PELATIHAN\java\Contohaplikasi\ c. Buka SIA-Common yang berada di @MATERI PELATIHAN\java\SIA-Common d. Menghubungkan database dengan context.xml 1) Buka folder context.xml di folder Web Pages\META-INF\context.xml Isi dari file xml tersebut kurang lebih seperti di bawah ini. Ganti : nama user dengan pelatihan password dengan pelatihan localhost dengan 172.23.1.50:3306 Berikut ini adalah
<?xml version="1.0" encoding="UTF-8"?> <Context antiJARLocking="true" path="/Contohaplikasi"> <Resource name="jdbc/kamus" username="nama user" password="password" url="jdbc:mysql://

localhost/kamus?zeroDateTimeBehavior=convertToNull"

auth="Container" defaultAutoCommit="false" driverClassName="com.mysql.jdbc.Driver" maxActive="20" timeBetweenEvictionRunsMillis="60000" type="javax.sql.DataSource"/> </Context>

2) Sampai disini adalah seting database yang terdiri dari seting user, password, dan ip Komputer database. 2. MVC

Struktur proyek di Sistem Akademik menggunakan konsep model viewer dan kontroler. a. Contoh model Ada di ada di contoh aplikasi Berdasarkan pada contoh aplikasi yang disertakan, sebuah model mengenai kamusAgama b. Contoh view Ada di di contoh aplikasi c. Contoh pengontrol/window/database Ada di di contoh aplikasi 3. MVC dengan database Mempraktekkan mengambil data dari database dan menampilkannya ke listbox, combobox, textbox; Ket :Praktek Membuat crud data mahasiswa.

Materi Pelatihan Tanggal 2 September 2009 1. Mengontrol komponen 2. Bikin kotak dinamis [20], setiap kotak diklik bisa mengindikasikan nomernya nomer berapa. (Menggunakan hbox, vbox, grid). 3. Bikin report dan menampilkan report.