Professional Documents
Culture Documents
com/
Source Code:
- Face Framework (simpan / ubah nama file menjadi Face.zip, soalnya di blok ama servernya
T_T)
- Project Inventory (simpan / ubah nama file menjadi Inventory.zip)
- inventory.mdb (simpan / ubah nama file menjadi Inventory.mdb)
Untuk anda yang ingin mempraktekkan langsung tutorial ini disarankan menggunakan software
berikut:
- Windows XP
- Netbeans 5.0 (Saat tulisan ini dibuat Netbeans sudah mencapai versi 5.5)
- iReport 1.2.7 (Saat tulisan ini dibuat 1.2.7 merupakan versi terbaru dari iReport)
- Microsoft Access (tutorial ini menggunakan Microsoft Access 2003)
- JDK 1.5
Supaya lebih cepat dan praktis saya akan mengunakan MS Access sebagai database, dan
untuk itu kita membutuhkan Windows XP karena MS Access tidak dapat berjalan secara native
di Linux. Netbeans bisa anda download di http://www.netbeans.org dan iReport bisa di
download di http://ireport.sourceforge.net/.
1. Database Preparation
Pertama kita harus menyiapkan database yg akan digunakan. Buat sebuah database dengan 2
tabel sbb:
Tabel: JenisBarang
Field Name Data Type Field Size Primary Key
Kode Text 5 Yes
Keterangan Text 50
Tabel: Barang
Field Name Data Type Field Size Primary Key
Kode Text 10 Yes
Nama Text 50
Harga Number Double
Jumlah Number Long Integer
Jenis Text 5
1 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Tabel: JenisBarang
Tabel: Barang
Setelah menyiapkan database yg akan digunakan, sekarang kita buat project baru di Netbeans.
Jalankan Netbeans, pilih File -> New Project... , pilih Java Application
2 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Tekan 'Finish', dan di window Projects akan tampil package 'inventory' sbb:
Ketika program dieksekusi, JVM akan mencari Main Class utk dijalankan. Setelah Main Class
ditemukan maka fungsi main akan dijalankan. Anda bisa merubah Main Class dari project anda
melalui Project Properties.
3 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
3. Basic Application
Sebuah aplikasi desktop minimal memiliki sebuah form yg akan ditampilkan ketika program
dijalankan. Sekarang kita akan menambahkan sebuah form ke dalam project kita.
Tekan 'Next' lalu isi nama class dan package seperti gambar berikut:
4 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Untuk mengganti icon pada form, masukkan file icon (gif atau png) ke dalam project:
5 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
// set icon
this.setIconImage(new ImageIcon(getClass().getResource("/inventory/resources/tux.png")).getImage());
Bila anda melihat error seperti ini berarti ada referensi class yg belum didefinisikan.
Caranya gampang, klik tombol kanan mouse terus pilih 'Fix Imports' atau tekan Alt + Shift + F.
Maka secara otomatis Netbeans akan menambahkan code berikut:
import javax.swing.ImageIcon;
6 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Untuk icon disarankan menggunakan format gif atau png dengan ukuran gambar 16 x 16 pixel.
4. JTable
Kita akan coba menampilkan isi dari database yg telah kita buat ke dalam sebuah JTable. Dari
window Palette pilih JTable dan masukkan ke dalam frmMain.
Sekarang kita akan coba untuk meng-customize JTable. Caranya gampang, lihat gambar
dibawah:
7 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Untuk saat ini kita set jumlah row sebanyak 50 walaupun seharusnya jumlah row di sesuaikan
dengan jumlah data yang ada.
8 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Ubah gridColor dari JTable menjadi [204,204,204] sehingga warna gridnya seperti gambar
diatas. Tekan F6 untuk menjalankan program, maka akan tampil dilayar sbb:
Bila kita tidak mendefinisikan Look & Feel maka secara default Look & Feel yg digunakan
adalah Metal. Sekarang coba tambahkan code berikut kedalam Main.java
initializeLookAndFeel();
9 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Perhatikan Look & Feel yang digunakan berubah menjadi default dari Windows. Bila dijalankan
di Linux maka secara otomatis akan mengikuti default dari Linux. Anda juga bisa menggunakan
Look & Feel lain yg banyak tersebar di Internet.
5. Data Access
Copy source code project Face ke dalam C:\Project lalu buka project tsb di Netbeans.
Masukkan project Face ke dalam libraries dari project Inventory.
Setelah selesai maka di bagian Libraries akan muncul icon project Face.
10 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
ExecuteUpdate
Untuk melakukan Create, Update, Delete.
ExecuteDataTable
Untuk melakukan Read. Hasil yg dikembalikan berupa
keseluruhan result set (DataTable).
ExecuteScalar
Untuk melakukan Read. Hasil yg dikembalikan hanya row
pertama dan column pertama dari result set (Object).
11 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
c = null;
}
catch (SQLException ex) {
ex.printStackTrace();
return false;
}
return true;
}
Sekarang buka frmMain.java dan tambahkan 2 buah JButton seperti gambar berikut:
12 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Sekarang kita coba jalankan program dan tekan tombol 'Test Connection'
13 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
try {
if (this.OpenConnection()) {
dtb = AccessHelper.ExecuteDataTable(this.getConnection(), sql, dc);
}
} catch (Exception ex) {
ex.printStackTrace();
} finally {
this.CloseConnection();
}
return dtb;
}
Selamat !! anda sudah berhasil membuat koneksi ke database, lalu membaca record yg
terdapat dalam tabel Barang dan menampilkannya ke dalam JTable. Saya hanya akan
membantu anda sampai tahap ini. Untuk operasi Create, Update dan Delete akan saya bahas di
lain kesempatan.
14 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Ubah nama report menjadi 'DaftarBarang' lalu tekan OK. Simpan report dengan nama
C:\Jasper\DaftarBarang.jrxml.
15 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Beri nama Inventory. Untuk JDBC Driver pilih 'sun.jdbc.odbc.JdbcOdbcDriver'. Sedangkan untuk
JDBC URL isi dengan 'jdbc:odbc:Driver={Microsoft Access Driver
(*.mdb)};DBQ=C:/DB/Inventory.mdb;DriverID=22;READONLY=true}'. Tekan Test untuk
mengetahui apakah koneksi database berhasil atau gagal. Setelah test koneksi database
berhasil tekan save. Setelah itu jangan lupa column default diberi tanda centang.
Pilih Data -> Report query. Masukkan sintaks SQL seperti gambar dibawah.
16 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Secara otomatis iReport akan membuat fields sesuai dengan query yang kita berikan. Pilih View
-> Fields untuk melihat hasilnya.
Pilih View -> Report Groups lalu tekan New. Beri nama 'JenisBarang'. Masukkan sintaks seperti
gambar dibawah.
17 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Masukkan fields dan static text seperti gambar dibawah ini. Jangan lupa Band yang tidak
digunakan di set height-nya menjadi nol.
18 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
7. JasperReport in Action
Sekarang kita telah sampai di tahap terakhir yaitu menampilkan JasperReport di dalam aplikasi
kita. Pertama kita harus menyiapkan file jar atau libraries yang akan digunakan. Cari directory
tempat installasi iReport yang anda gunakan. Copy semua file jar (sekitar 27 MB) yang berada
di folder lib ke C:\lib\jasper\. Sebetulnya tidak semua file jar dibutuhkan tetapi supaya mudah
untuk saat ini kita copy semua jar yang ada. Atau cara kedua, anda download distribusi
JasperReport (jasperreports-1.2.7-project.zip), esktrak lalu copy semua file jar yang ada di
folder lib (sekitar 15 MB). Saya sarankan anda gunakan opsi kedua.
Pilih Tools -> Library Manager, lalu tekan New Library... Beri nama 'JasperReport' lalu tekan
Add JAR/Folder dan pilih folder C:\lib\jasper\.
19 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
try {
if (this.OpenConnection()) {
dtb = AccessHelper.ExecuteDataTable(this.getConnection(), sql, dc);
}
} catch (Exception ex) {
ex.printStackTrace();
} finally {
this.CloseConnection();
}
return dtb;
}
Tambahkan sebuah JDialog Form ke dalam project. Pilih File -> New File... , pilih JDialog Form.
Beri nama frmReport.java.
20 of 21 01/22/2008 09:53 AM
Tutorial Netbeans dan JasperReport http://readme.awardspace.com/
Masukkan sebuah JScrollPane yang akan berfungsi sebagai parent bagi JRViewer dan beri
nama pnlViewer. Tambahkan code berikut:
bersambung...
21 of 21 01/22/2008 09:53 AM