Anda di halaman 1dari 10

Pembuatan Report menggunakan JasperReports dan iReport

Oleh : Eko Sugiharto, S.Kom


Tutorial ini adalah lanjutan dari tutorial sebelumnya yang berjudul Pemrograman Database JavaMySQL bisa dibaca di http://www.scribd.com/doc/72455088/Pemrograman-Database-Java-MySQL. Pada tutorial kali ini kita akan membahas perancangan report untuk aplikasi Biodata Mahasiswa menggunakan tool iReport untuk pembuatan desain report dan JasperReports yang bisa disebut Library-nya. Sebelum memulai pembuatan report, ada tiga file yang digunakan yaitu jasperreports-2.0.5project, iReport-nb-0.9.1-windows-installer dan mysql-connector-java-5.1.6-bin (penggunaan jasperreport dan iReport harus yang mendukung satu sama lain).

Untuk mengunduh file-file diatas Anda dapat mencoba link di bawah ini : http://sourceforge.net/projects/ireport/files/iReport/iReport-nb-0.9.1/iReport-nb-0.9.1windows-installer.exe/download http://www.4shared.com/get/EnagkNcO/jasperreports-205-project.html

http://www.ziddu.com/download/18090083/mysql-connector-java-5.1.6-bin.jar.html
Sedikit informasi saja, spesifikasi perangkat lunak yang Penulis gunakan untuk pembuatan aplikasi

ini adalah : 1. 2. 3. 4. Netbeans IDE 6.9.1 MySQL Server 5.1 iReport 0.9.1 JasperReports 2.0.5

Persiapan Instalasi iReport dan Konfigurasi JasperReports pada Netbeans IDE Instalasi iReport 0.9.1 bisa dikatakan relatif mudah, Anda bisa melakukan proses instalasi seperti program aplikasi windows standar lainnya yaitu double klik pada file executablenya kemudian klik Next sampai akhirnya Finish. Selanjutnya adalah konfigurasi JasperReports pada Netbeans IDE, lakukan langkah-langkah berikut ini : 1. 2. 3. Ekstrak file jasperreports-2.0.5-project menggunakan aplikasi WinZip, WinRAR ataupun yang lainnya. Ekstrak file ke direktori Netbeans contohnya C:\Program Files\NetBeans 6.9.1 Kemudian aktifkan Netbeans IDE-nya Klik menu Tools kemudian klik Libraries

Eko Sugiharto, S.Kom

4.

Kemudian klik New Library

5.

Ketik JasperReports-2.0.5 pada bagian Library Name kemudian klik OK

6. 7.

Klik tombol Add JAR/Folder Tambahkan file jasperreports-2.0.5.jar yang ada pada direktori C:\Program Files\NetBeans 6.9.1\jasperreports-2.0.5\dist

Eko Sugiharto, S.Kom

8.

Kemudian a. b. c. d. e. f. g.

tambahkan

beberapa

file

jar

lainnya

yang

ada

pada

direktori

C:\Program

Files\NetBeans 6.9.1\jasperreports-2.0.5\lib seperti berikut ini : commons-beanutils-1.7.jar commons-collections-2.1.jar commons-digester-1.7.jar commons-javaflow-20060411.jar commons-logging-1.0.2.jar commons-logging-api-1.0.2.jar jdt-compiler-3.1.1.jar

9.

Setelah file-file tersebut ditambahkan, akhiri dengan menekan tombol OK.

Merancang Report Menggunakan iReport Ikuti langkah-langkah berikut ini : 1. 2. Aktifkan iReport-nb-0.9.1 Klik menu Tools kemudian Options

Eko Sugiharto, S.Kom

3.

Arahkan pada Tab Classpath, kemudian klik Add JAR dan tambahkan mysql-connector-java5.1.6-bin.jar kemudian klik tombol OK

4.

Selanjutnya klik ikon Data Source

5.

Lalu klik tombol New

Eko Sugiharto, S.Kom

6.

Pilih Database JDBC connection kemudian klik tombol Next

7.

Atur beberapa pengaturan seperti berikut ini :

Ket : Password disesuaikan dengan password yang Anda gunakan untuk koneksi dengan MySQL, kosongkan password jika Anda tidak menggunakan password untuk koneksi dengan MySQL Eko Sugiharto, S.Kom

8.

Untuk memastikan koneksi dengan MySQL Anda dapat menekan tombol Test, jika terdapat pernyataan sukses berarti Anda berhasil membuat koneksi database dengan MySQL. Selanjutnya tekan tombol Save

9.

Selanjutnya klik File kemudian Report Wizard penyimpanan report, selanjutnya klik Next

10. Kemudian ketik Mahasiswa pada Report name, klik Browse untuk menentukan direktori tempat

11. Tentukan Connections / Data Sources dengan conn sesuai dengan yang telah kita buat sebelumnya

Eko Sugiharto, S.Kom

12. Kemudian ketik SELECT * FROM mahasiswa pada bagian Query (SQL), kemudian klik tombol Next

13. Masukkan semua Fields dengan menekan tombol

, kemudian klik tombol Next

14. Pada pilihan Group by, tekan tombol Next karena kita belum membutuhkan fasilitas grouping 15. Pada bagian layout, pilih Tabular layout 16. Akhiri dengan menekan tombol Finish 17. Ubah title Classic template menjadi Laporan Mahasiswa dengan cara double klik pada label sehingga menjadi seperti ini

18. Jangan lupa klik ikon Save All Eko Sugiharto, S.Kom

Pemanggilan Report dari Form Selanjutnya adalah membuat kode pada aplikasi Java untuk memanggil Report yang telah dirancang sebelumnya dengan langkah-langkah berikut ini : 1. 2. 3. 4. Aktifkan Netbeans IDE, kemudian buka kembali project Mahasiswa yang telah dibuat sebelumnya atau Anda dapat mengunduhnya di Tambahkan New Java Class pada package mahasiswa Ketik DBConnection pada bagian Class Name, kemudian klik tombol Finish Tambahkan tiga baris kode dibawah kode package mahasiswa; seperti contoh berikut ini :

5.

Tambahkan beberapa deklarasi variabel dibawah kode public class DBConnection { seperti contoh berikut ini :

Ket : admin disesuaikan dengan password koneksi ke database MySQL. Kosongkan jika tidak menggunakan password. 6. Buatlah konstruktor DBConnection dibawah deklarasi variabel seperti contoh berikut ini :

7.

Tambahkan fungsi getInstance() dibawah konstruktor DBConnection seperti contoh berikut ini :

Eko Sugiharto, S.Kom

8.

Terakhir tambahkan fungsi getCon() seperti contoh berikut ini :

9.

Simpan class dengan menekan ikon Save

10. Aktifkan kembali Form frmMahasiswa untuk menambahkan tombol Cetak 11. Tambahkan 1 buah Button di pojok kanan bawah Form 12. Ubah properti Text menjadi Cetak dan Variable Name menjadi btnCetak, sehingga tampilannya menjadi seperti berikut ini :

13. Tambahkan beberapa library pada bagian import dibagian atas kode program seperti contoh berikut ini :

14. Terakhir tambahkan kode program untuk aksi btnCetak seperti contoh berikut ini :

Eko Sugiharto, S.Kom

15. Akhirnya program bisa dijalankan dengan menekan tombol F6, sehingga tampilannya seperti contoh berikut ini :

Prosedur Penggunaan Program 1. 2. 3. 4. 5. 6. Klik tombol Tambah untuk memulai input Data Secara otomatis Text pada tombol Tambah berubah menjadi Batal dan tombol Simpan menjadi aktif Isi semua field pada Form kemudian tekan tombol Simpan sehingga muncul pesan Data telah tersimpan Untuk melakukan proses Editing data lakukan dengan cara men-double klik data pada Tabel/Grid Secara otomatis Text pada tombol Tambah berubah menjadi Batal dan tombol Ubah dan Hapus menjadi aktif Untuk melakukan perubahan data, lakukan dengan cara merubah data pada kotak isian Form, kemudian tekan tombol Ubah, lalu akan muncul Konfirmasi perubahan data. Klik tombol Yes jika Anda yakin mau merubah data, tombol No jika ingin membatalkan. Jika Anda menekan tombol Yes akan muncul pesan Data telah diperbaharui 7. Untuk melakukan proses hapus, lakukan dengan cara menekan tombol Hapus, selanjutnya akan muncul Konfirmasi hapus data. Klik tombol Yes jika Anda yakin mau menghapus data, tombol No jika ingin membatalkan. Jika Anda menekan tombol Yes akan muncul pesan Data telah dihapus 8. Untuk menampilkan Report kita dapat menekan tombol Cetak dengan catatan minimal ada 1 data yang telah tersimpan, jika belum ada data akan muncul pesan The document has no pages.

.: Semoga Bermanfaat :.
Bila ada pertanyaan kirim e-mail ke eko_sman7@yahoo.com TERIMA KASIH

Eko Sugiharto, S.Kom

10