Langkah pertama pada kesempatan kali ini adalah kita melakukan penginstalan tetek bengek dan sebagainya mengenai report atau dikenal dengan ireport ini, berikut langkah-langkahnya :
1. Pertama-tama, siapkan file-file yang diperlukan guna menunjang pekerjaan kita kali ini, berikut daftarnya
2. Selanjutnya buka Netbeans kalian, lalu klik kanan pada Libraries project yang akan ditambahkan "ireport", pilih Add JAR/Folder
3. Kemudian cari file-file yang sudah disiapkan tadi, khususnya yang ini nih, pilih semua, kemudian pilih open
Hingga pada Libraries muncul seperti ini sob
4. Selanjutnya kita menginjak pada langkah penginstalan Pulgin.
5. Pada Menubar Tools, pilih Plugins
5. Kemudian pilih tab downloaded, klik Add Plugins, sehingga muncul kotak dialog tampilan dimana plugin yang telah kita siapkan tadi disimpan, kalau belum nemuin plugin nya, dicari sampai ketemu ya :D . Berikut ini kira-kira tampilannya sob, kalau uda, tinggal klik open
6. Setelah kita klik open tadi, selanjutnya akan muncul kotak dialog yang intinya cuma disuruh klik next dan kawan-kawannya, sudah paham betul kan sob, bagaimana perwatakan next itu, hehehe..hingga akhirnya nanti akan berhasil muncul kotak dialog yang berbunyikan Installation completed successfully :D
7. Oke, selanjutnya kita bergegas menuju langkah pembuatan ireport. Caranya, klik kanan pada project kita, pilih Report Wizart
8. Isikan nama file report kalian, jangan lupa periksa eksistensinya berupa .jrxml ya
9. Selanjutnya buat koneksi dengan database yang akan kita gunakan, caranya klik new
10. Pilih Database JDBC connection, klik next
11. Setelah kita klik nextt, maka akan muncul kotak dialog baru, yang menyuruh kita mengisika beberapa data. isikan kolom-kolom text field tersebut.
Berikut keterangannya :Name = nama koneksi
JDBC Driver = tinggal pilih PostgreSQL atau MySQL
JDC URL = ganti MYDATABASE dengan nama database yang kamu gunakan
Server Address = isikan localhost
Database = nama database yang kamu gunakan
Username = Username PostgreSQL (kalau pakai PostgreSQL) atau root (kalau pakai MySQL)
Password = Password PostgreSQL (kalau pakai PostgreSQL) atau kosongi (kalau pakai MySQL)
*karena MySQL yang saya gunakan saat ini mengalami kendala pada database nya, demi mempersingkat praktikum dan pemenuhan tenggat waktu yang disediakan, pada kesempatan kali ini kita pakain PostgreSQL ya :)
berikut rincian dari penjelasan nomor 11 diatas
Selanjutanya kita coba test terlebih dahulu
Oke, koneksi berhasil, lanjut kita simpan dengan klik save
12. Selanjutnya kita ketikan Query yang ingin kita tampilkan dalam ireport kita, kali ini kita coba dengan menampilkan semua kolom saja ya, so jadi kita ketikkan Querynya select*from mahasiswa; kemudian klik next
13. Langkah selanjutnya, pindahkan semua field dari sisi kiri ke sisi kanan
14. Pada kotak dialog Group By, pilih Group 1 saja dan pilih nim_mah
15. Kemudian, pilih tampilan. Kali ini kita memakai Tabular Layout
Dan berhasil :D
19. Ini hasil ireport kamu, untuk mengecek ireport ini, bisa dilihat pada project yang ekstesinya .jrxml
20. Klik preview untuk melihat tampilannya
Oke, selanjutnya kita akan mencoba mengoneksikan ireport kita dengan project yang sebelumnya kita buat
*karena pada pertemuan sebelumnya (bab 9) project yang saya gunakan error, akhirnya saya membuat project form baru, dengan tampilan yang insyaAllah lebih baik :D . Pada form tersebut kita siapkan JButton untuk menampilkan ireport yang kita ingin tampilkan yakni saya menambahkan button report. berikut tampilannya
21. Pada Button Report tersebut, kita tulislkan sintaksnya sebagai berikut
22. Dan berikut hasilnya saat kita klik tombol Report tadi
Oke sob, setelah tadi kita membuat ireport, secara keseluruhan dimana data yang ditampilkan adalah seluruhnya, kali ini kita akan mencoba membuat sebuah ireport yang hanya akan menampilkan data sesuai kehendak kita. Istilah ini disebut juga dengan parameter. Berikut langkah-langkahnya
1. Langkah pertama adalah kita klik Report Inpector yang berada di bagian kiri, kemudian klik Parameter, Add Parameter
2. Selanjutnya jangan lupa mengubah tipe data Parameternya di Properties yang tadinya berupa String menjadi Integer
3. Setelah itu, kita ketikkan fungsi parameter yang kita kehendaki, caranya, klik button yang bergambar database seperti berikut
Selanjutnya kita ketikkan Query nya, kemudian klik ok
4. Kita coba cek apakah berjalan dengan klik preview
Kita coba isikan data nomor 19. Dan kalau berhasil hasilnya akan seperti berikut ini
5. Langkah selanjutnya yang kita lakukan adalah menambahkan tombol aksi pada form yang kita miliki. Tentu saja kita menambahkan button baru, kali ini saya tambahkan button print
6. Setelah itu kita ketikkan sintaks dari button yang telah kita buat tadi
7. Oke, selesai... :D sekarang kita coba cek apakah program berjalan sesuai dengan keinginan kita, kita run program tersebut, dan jika berhasil, tampilannya akan seperti berikut ini
Setelah kita berhasil membuat yang sederhana diatas, kita coba menerapkan dalam kehidupan sehari-hari. Kita akan mencoba membuat kwitansi seperti berikut ini
Langkah pertama, kita siapkan database sesuai yang diinginkan dalam kwitansi tersebut
Kemudian kita buka Netbeans dan membuat koneksi seperti biasanya
Selanjutnya berlaih ke Netbeans, kita buat desain form untuk inputan data
Seperti pada pertemuan sebelum-sebelumnya, kita berikan aksi atau fungsi untuk tiap masing-masing yang tertera pada form, baik textfield, maupun button. Berikut salah satu contohnya
Setelah semua fitur, kita beri event, langkah selanjutnya adalah membuat ireportnya, langkah ini sama seperti pada pembahasan sebelumnya tentang pembuatan ireport baru.
Kamudian, setelah ireport selesai dibuat, kita desain ireport tersebut sedemikian hingga seperti ini agar kita mudah memasukkan gambar (background) kwitansi seperti contoh.
Selanjutnya, kita tambahkan gambar (background) kwitansi, dengan cara mengklik dan menarik option image seperti yang tertera pada kotak hitam ke lembar kerja, dan secara otomatis akan menuju drive computer anda untuk memilih gambar yang diinginkan
Kemudian, atur gambar hingga akhirnya dapat seperti ini
Kita tambahkan parameter seperti pada percobaan sebelumnya
Setelah kita selesai dengan ireport, kita kembali lagi ke Netbeans untuk memberikan event pada salah satu button yang ada di dalam form yang telah kita buat, kali ini saya memakai button print, berikut sintaks pada button print
Oke, setelah kita selesai dengan semuanya, sekarang kita coba jalankan program kita.
Jika percobaan teman-teman berhasil, manakala kita klik print pada form yang telah kita buat, maka akan tampil sebagai berikut
*Catatan : program yang kita jalankan terlebih dahulu saya isikan beberapa data. Jadi, sebelum kita membuat project tersebut, usahakan kita mengisi data pada tabel yang telah kita buat di database.
Sekian, semoga bermanfaat :)
0 komentar:
Posting Komentar