Catatan Dan Sharing Information

Sunday, January 10, 2021

Membuat Report dengan JasperReport dan iReport Pada Tabel KRSS - Universitas Budi Luhur

Sesuai dengan judul diatas, pada postingan kali ini saya akan berbagi informasi mengenai Tugas Mata Kuliah Implementasi PBO di Universitas Budi Luhur Jakarta yang diampu oleh Bapak M. Anif, S,Kom M.Kom yaitu Membuat Report Dengan JasperReport dan iReport Pada Tabel KRSS Menggunakan Software Netbeans IDE 8.2.

Pastikan Library JasperReport dan plugin iReport-4.0.0 sudah terpasang pada Netbeans anda. Jika sudah terpasang maka dapat mengikuti tutorial ini sampai selesai dan dipastikan berhasil dalam pembuatan Report KRSS.

Mendesain laporan KRSS dengan iReport, berikut ini langkah-langkah membuat desain report.

Langkah Pertama:

1.       Klik kanan pada SistemAkademik – pilih New – Lalu pilih Other…

Kemudian Kategori Report - pilih type Report Wizard – Next.

2.       Selanjutnya memilih Layout report atau tata letak laporan

Disini saya pilih Coffee Landscape, Pilih sesuai kebutuhan.

 

3.       Kemudian mengisi nama file dan lokasi file untuk disimpan.

Pastikan ekstension file report yang dibuat adalah .jrxml Menghilangkan ekstension file akan mengakibatkan editor design report tidak tampil.

Disini saya mengisikan nama file: report_krss.jrxml

Folder: src\Report (folder dimana file ini akan disimpan).

4.       Selanjutnya kita menghubungkan koneksi baru ke database dan table yang akan digunakan untuk report – pilih New. Diharuskan membuat koneksi baru.

Setelah itu pilih Database JDBC connection

Lalu isi nama database sesuai dengan database yang kita gunakan.

Setelah selesai jangan lupa lakukan Test untuk melihat apakah dapat tersambung atau tidak.

5.       Selanjutnya isi Script SQL seperti dibawah ini, berisi table-table yang dibutuhkan dalam membuat cetak laporan daftar KRSS.

6.       Pilih field atau kolom-kolom yang akan ditampilkan pada cetakan.

7.       Pilih Field atau Kolom yang akan dijadikan sebagai group/pengelompokan data – lalu pilih Next

Disini saya langsung Next saja tanpa membuat Group.

8.       Report Cetak KRSS berhasil dibuat.

Membuat Variabel dan Parameter

Langkah ke-dua, pada langkah ini kita akan membuat variabel untuk menambahkan nomor urut, menambahkan total SKS, dan membuat Parameter untuk mencetak berdasarkan ComboBox TA, Semester dan TextField NIM dan Nama yang diinputkan dimana inputan ini akan ditampung terlebih dahulu ke dalam parameter yang akan kita buat:

1.       Jika sudah mendesign laporan KRSS, selanjutnya kita membuat Nomor Urut – Drag and Drop REPORT_COUNT pada Variables.

2.       Selanjutnya kita function untuk menghitung total SKS.

Buat  Variables TOTAL_SKS – klik 2x pada Variables tersebut lalu akan muncul Properties – ubah seperti gambar di bawah ini

3.       Setelah itu, drag and drop variables tersebut ke dalam Designer laporan yang sedang dibuat. Lalu pilih properties pada variables – ubah Expression Class menjadi java.lang.Integer.

Membuat Parameter

Untuk membuat parameter pertama kita harus berada pada Tampilan Designer Lalu pilih Report Query 

1.       Lalu Pilih New Parameter – Setelah selesai membuat parameter – Drag & Drop Parameter yang telah di buat ke dalam Query.

Hasil Design Secara Keseluruhan

Compile file .jrxml menjadi .jasper

Langkah ke-tiga, berikut langkah-langkah untuk mengkompile file desain report berekstention .jrxml menjadi .jasper :

1.       Klik preview untuk menampilkan report, Setelah mengklik preview lalu akan muncul popup parameter prompt, isikan sesuai data yang ada pada database kita.



Setelah itu akan muncul tampilan laporan yang telah kita buat sebelumnya.

2.       Pada saat preview report, maka akan secara otomatis terbentuk satu file baru bernama report_krss.jasper. Seperti gambar dibawah ini :

File Jasper sudah berhasil dibuat.

Membuat Design View Cetak KRSS

Tahap ke-empat, Buat design form cetak data KRSS pada package view seperti langkah-langkah di bawah ini:

1.       Buka project SistemAkademik – pilih View – Pilih NewJframe Form…

Beri nama Class name: FrmCetakKRSS

 2.       Buatlah Design File Cetak KRSS seperti gambar dibawah ini:

3.       Selanjutnya buka Source View – klik kanan dibawah initComponents() – pilih Insert Code… - Pilih Getter – Pilih ComboBox dan TextField

Membuat Design Controller untuk Cetak KRSS.

Tahap ke-lima, menambahkan kode program untuk memanggil report yang sudah dibuat. Langkah-langkahnya sebaga berikut :

Ketik script import seperti gambar dibawah ini:

Tambahkan Script dibawah public class Controller_CetakKRSS seperti gambar dibawah ini, DAO_KRSS dan mode varKRSS ini didapat dari tutoriak sebelumnya jadi pada tugas ini saya hanya melanjutkan saja proses untuk mencetak KRSS:

Selanjutnya kita akan menambahkan fungsi untuk menampilkan data pada JComboBox , JTextField dan menampilkan nama ketika menginputkan nim:

Lalu kita tambahkan fungsi cetak dan monitor (preview)


Setelah selesai membuat controller, selanjutnya kita kembali ke form cetakKRSS untuk memasang controller yang sudah dibuat.

Selanjutnya memanggil object controller, kemudian memanggil method/fungsi dari controller tersebut.

Lengkapi script (action/event) pada masing-masing objek yang ada pada view:

Action atau Event Handling pada btnMonitor, btnExcel dan txtNIM

(Klik Kanan – Events – Action – ActionPerformed)

Setelah semuanya sudah kelar, kita langsung membuat menu dan menu item pada menu utama-nya – klik pada Cetak - selanjutnya klik kanan pada menu item KRSS – pilih event – action - actionPerformed.

Tambahkan script berikut untuk dapat membuka view cetak yang telah dibuat.

View dan Controller sudah selesai. Selanjutnya kita jalankan program nya untuk mengecek view Monitor dan Excel sudah berhasil atau tidaknya.

Pilih Ta dan Semester Lalu inputkan NIM, maka Nama akan otomatis terisi.

Hasil ketika mengklik Monitor pada program.

Jika Monitor berhasil menampilkan, selanjutnya kita klik btn Excel untuk menampilkan dokumen laporan dalam bentuk Excel.

Hasil Dalam Disk D: Dengan nama Laporan KRSS-(NIM yang diinputkan).xlsx

Hasil Saat dibuka File Excel Laporan KRSS

SELESAI


Mungkin sampai di sini tutorial yang saya bagikan di postingan ini. Semoga bermanfaat, jika ada yang kurang dimengerti silahkan comment postingan ini.

Terimakasih