Nafis Albab Alfasha_181011400785_Pertemuan 10

 Pemrograman II
Menambahkan Menu iReport Pada Program Pendaftaran Seminar Menggunakan 2 Table

1. Langkah pertama yaitu "mempersiapkan File iReportnya". Untuk File iReportnya dapat di download disini : https://drive.google.com/file/d/1VaqqWoBSHh48By3O2Wuq4Fufo8A0K_O0/view. Setelah di download lalu ekstrak file iReportnya sehingga menjadi seperti dibawah ini.

2. Selanjutnya "buka File Netbeans UTS_Nafis Albab Alfasha_181011400785 (yang telah dibuat sebelumnya)". 

3. Berikutnya melakukan "penginstallan iReport pada Netbeans anda". Caranya : "klik menu Tools" -> "pilih Plugins".

4. Selanjutnya akan muncul tampilan seperti ini. Pada bagian ini "klik Downloaded" -> "Pilih Add Plugins".

5. Berikutnya "akan muncul tampilan direktori" -> "lalu arahkan pada folder iReport yang telah didownload dan di ekstrak sebelumnya" -> "pilih semua file yang berformat.nbm" -> "jika sudah klik Open".

6. Selanjutnya "klik Install" (untuk melakukan penginstalan plugin iReport pada Netbeans anda).

7. Berikutnya "klik Next".

8. Selanjutnya "centang (✓) I accept the terms in all of the license agreements" -> "jika sudah klik Install".

9. Berikutnya setelah selesai menginstall Plugins, maka akan muncul tampilan seperti dibawah ini. "lalu klik Continue".

10. Selanjutnya "pilih Restart IDE Now" -> "lalu klik finish".

11. Berikunya setelah Netbeans berhasil di Restart -> "klik kanan pada Source Packages" -> "pilih New" -> "lalu klik Other".

12. Selanjutnya "pada folder Report" -> "pilih Report Wizard" -> "jika sudah klik Next".

13. Berikutnya "ubah File Name menjadi Laporan Data Peserta Seminar (sesuaikan dengan keinginan anda)" dan "tempat penyimpanan di folder src (sesuaikan dengan keinginan anda)" -> "jika sudah klik Next".

14. Selanjutnya "pada bagian pemilihan Connections / Data Sources" -> "pilih New".

15. Berikutnya "akan muncul jendela baru" -> "lalu pilih Database JDBC connection" -> "jika sudah klik Next".

16. Selanjutnya melakukan penggesetan Database JDBC connection -> Lalu isikan seperti dibawah ini :

Name : Koneksi_UTS_pendaftaran_seminar (Sesuaikan Keinginan Anda).

JDBC Driver : MYSQL (com.mysql.jdbc.Driver).

Server Address : localhost

Database : UTS_pendaftaran_seminar (sesuai dengan nama database yang anda buat). Klik                                       Wizard, sehingga otomatis JDBC URL akan terisi sesuai nama database.                   

Username : root

Password : (kosongkan) Jika ingin diisi tidak apa-apa yang penting anda mengingatnya.

17. Berikutnya "klik Tombol Test untuk mengetest database yang anda masukkan apakah sesuai dengan database yang anda buat" -> "jika berhasil maka akan muncul Massage "Connection test succesfull" -> "jika sudah tekan "OK".

18. Selanjutnya "klik Save".

20. Berikutnya "lalu Ketikkan Query (untuk menampilkan seluruh field dan record yang ada pada table data_peserta : select*from data_peserta (Sesuaikan dengan Nama Table Anda)".

21. Selanjutnya pada pemilihan Field untuk laporan -> "klik tanda (>>) untuk memilih seluruh field pada tabel" -> "jika sudah klik Next".

22. Berikutnya "pada bagian pemilihan Group langsung klik Next".

23. Selanjutnya "pada bagian Rekomendasi Pemilihan Jenis Layout pilih Tabular Layout" -> "lalu klik Next".

24. Berikutnya "maka Report telah selesai dibuat" -> "lalu klik Finish".

25. Selanjutnya "edit desain iReport anda (sesuaikan dengan keinginan anda)". Seperti gambar dibawah ini.

26. Berikutnya "Compile file desain berformat .jrxml agar menjadi .jasper dengan cara mengklik ikon Compile", Maka secara otomatis akan ada dua file, yang satu berformat jrxml dan yang satu lagi berformat jasper.

27. Selanjutnya "klik pada Preview untuk melihat tampilan iReport". Maka hasil tampilannya akan seperti gambar di bawah ini.

28. Berikutnya "memasukkan Library Report kedalam Library Project dengan cara Klik kanan pada Libraries" -> "pilih Add JAR/Folder".

29. Selanjutnya "akan masuk ke direktori folder" -> "lalu arahkan pada folder iReport yang telah di Download dan di ekstrak sebelumnya" -> "pilih semua file yang berekstensi .jar" -> "Lalu pilih Relative Path" -> "jika sudah klik Open". 

30. Berikutnya "jika sudah berhasil" maka hasilnya akan seperti gambar dibawah ini.

31. Selanjutnya "klik kanan kembali pada Libraries" -> "pilih Add Library" -> "pilih MYSQL JDBC Driver" -> "selanjutnya pilih Add Library".

32. Berikutnya "jika sudah berhasil" maka hasilnya akan seperti gambar dibawah ini.

33. Selanjutnya "pergi ke Form design" -> "masukkan menu Button pada Form design".

34. Berikutnya "klik kanan pada menu Button" -> "pilih Edit Text" -> "ubah menjadi Cetak Data Peserta Seminar".

35. Selanjutnya "klik kanan pada Button Cetak Data Peserta Seminar" -> "pilih Change Variable Name" -> "ubah menjadi Nafis_cetakdataPeserta" -> "lalu klik OK".

36. Berikutnya "pergi ke Source dan ketikan import tambahan yang dibutuhkan" seperti gambar di bawah ini.

Source Code :

package UTS_Aplikasi_Pendaftaran_Seminar;

import java.awt.Dimension;

import java.awt.Toolkit;

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.PreparedStatement;

import java.sql.ResultSet;

import java.sql.SQLException;

import java.sql.Statement;

import javax.swing.JOptionPane;

import java.awt.event.KeyEvent;

import java.io.File;

import java.util.HashMap;

import javax.swing.table.DefaultTableModel;

import net.sf.jasperreports.engine.JasperFillManager;

import net.sf.jasperreports.engine.JasperPrint;

import net.sf.jasperreports.engine.JasperReport;

import net.sf.jasperreports.engine.util.JRLoader;

import net.sf.jasperreports.view.JasperViewer;

37. Selanjutnya "kembali ke Form design" -> "klik kanan pada menu Button Cetak Data Peserta Seminar" -> "pilih Events" -> "Action" > "actionPerfomed".

38. Berikutnya "masukan source code pada Button Cetak Data Peserta Seminar". Seperti gambar dibawah ini.

Source Code :

private void Nafis_cetakdataPesertaActionPerformed(java.awt.event.ActionEvent evt) {                         

        // TODO add your handling code here:

        try {

            HashMap parameter = new HashMap();

            Class.forName("com.mysql.jdbc.Driver");

            con=DriverManager.getConnection("jdbc:mysql://127.0.0.1/UTS_pendaftaran_seminar", "root", "");

            File file = new File("src/Laporan Data Peserta Seminar.jasper");

            JasperReport jr = (JasperReport) JRLoader.loadObject(file);

            JasperPrint jp = JasperFillManager.fillReport(jr, parameter, con);

            JasperViewer.viewReport(jp, false);

            JasperViewer.setDefaultLookAndFeelDecorated(true);

        } catch (Exception e) {

            javax.swing.JOptionPane.showMessageDialog(null, 

                    "Data Tidak Dapat Dicetak !!!"+"\n"+ e.getMessage(), "Cetak Data" ,

                    javax.swing.JOptionPane.ERROR_MESSAGE);

        }

    }               

39. Selanjutnya "membuat iReport untuk table data_pembayaran". Caranya sama seperti sebelumnya yaitu : "klik kanan pada Source Packages" -> "pilih New" -> "klik pada Report Wizard".

40. Berikutnya "ubah File Name menjadi Laporan Data Pembayaran Seminar (sesuaikan dengan keinginan anda)" dan "tempat penyimpanan di folder src (sesuaikan dengan keinginan anda)" -> "jika sudah klik Next".

43. Selanjutnya "pada bagian pemilihan Connections / Data Sources" -> "klik pada Empty datasource" -> "pilih Koneksi_UTS_pendaftaran_seminar".

44. Berikutnya "lalu Ketikkan Query (untuk menampilkan seluruh field dan record yang ada pada table data_pembayaran : select*from data_pembayaran (Sesuaikan dengan Nama Table Anda)" -> "jika sudah klik Next".

45. Selanjutnya pada pemilihan Field untuk laporan -> "klik tanda (>>) untuk memilih seluruh field pada tabel" -> "jika sudah klik Next".

46. Berikutnya "pada bagian pemilihan Group langsung klik Next".

47. Selanjutnya "pada bagian Rekomendasi Pemilihan Jenis Layout pilih Tabular Layout" -> "lalu klik Next".

48. Berikutnya "maka Report telah selesai dibuat" -> "lalu klik Finish".

49. Selanjutnya "edit desain iReport anda (sesuaikan dengan keinginan anda)". Seperti gambar dibawah ini.

50. Berikutnya "Compile file desain berformat .jrxml agar menjadi .jasper dengan cara mengklik ikon Compile", Maka secara otomatis akan ada dua file, yang satu berformat jrxml dan yang satu lagi berformat jasper.

51. Selanjutnya "klik pada Preview untuk melihat tampilan iReport". Maka hasil tampilannya akan seperti gambar di bawah ini.

52. Berikutnya "pergi ke Form design" -> "masukkan menu Button pada Form design".

53. Selanjutnya "klik kanan pada menu Button" -> "pilih Edit Text" -> "ubah menjadi Cetak Data Pembayaran Seminar".

54. Berikutnya "klik kanan pada Button Cetak Data Pembayaran Seminar" -> "pilih Change Variable Name" -> "ubah menjadi Nafis_cetakdataPembayaran" -> "lalu klik OK".

55. Selanjutnya "kembali ke Form design" -> "klik kanan pada menu Button Cetak Data Pembayaran Seminar" -> "pilih Events" -> "Action" > "actionPerfomed".

56. Berikutnya "masukan source code pada Button Cetak Data Pembayaran Seminar". Seperti gambar dibawah ini.

Source Code :

private void Nafis_cetakdataPembayaranActionPerformed(java.awt.event.ActionEvent evt) {                 

        // TODO add your handling code here:

        try {

            HashMap parameter = new HashMap();

            Class.forName("com.mysql.jdbc.Driver");

            con=DriverManager.getConnection("jdbc:mysql://127.0.0.1/UTS_pendaftaran_seminar", "root", "");

            File file = new File("src/Laporan Data Pembayaran Seminar.jasper");

            JasperReport jr = (JasperReport) JRLoader.loadObject(file);

            JasperPrint jp = JasperFillManager.fillReport(jr, parameter, con);

            JasperViewer.viewReport(jp, false);

            JasperViewer.setDefaultLookAndFeelDecorated(true);

        } catch (Exception e) {

            javax.swing.JOptionPane.showMessageDialog(null, 

                    "Data Tidak Dapat Dicetak !!!"+"\n"+ e.getMessage(), "Cetak Data" ,

                    javax.swing.JOptionPane.ERROR_MESSAGE);

        }

    }               

57. Selanjutnya "setelah memasukan Source Code" -> "close Netbeans anda, lalu buka kembali Netbeans anda" -> "setelah itu klik kanan pada UTS_Input_Data_Pendaftaran.java" -> "pilih Run File atau mengklik Shift+F6".

58. Berikutnya "maka hasilnya" seperti gambar dibawah ini.

59. Selanjutnya "jika ingin mencetak Laporan Data Peserta Seminar, caranya adalah mengklik Button Cetak Data Peserta Seminar", maka akan muncul Laporan Data Peserta Seminar seperti dibawah ini.

60. Berikutnya "jika ingin mencetak Laporan Data Pembayaran Seminar, caranya adalah mengklik Button Cetak Data Pembayaran Seminar", maka akan muncul Laporan Data Pembayaran Seminar seperti dibawah ini.

Share this post