UNIVERSITAS INDRAPRASTA PGRI

PEMROGRAMAN
VISUAL 9
Report/Laporan

By Didik Wiguna 1
Installasi iReport 5.5.0

• Download iReport 5.5.0 pada link

http://plugins.netbeans.org/plugin/4425/ireport (Status GPL)
• Extrak file tersebut kedalam folder iReport, maka akan ada 4 file dengan
extensi .nbm, seperti dibawah ini :

Add a Footer 22
Installasi iReport 5.5.0

• Buka netbeans lalu pilih Tools Plugin, maka window plugin akan tampil
seperti di bawah ini :

Add a Footer 33
Installasi iReport 5.5.0

• Pilih tab Downloaded dan tekan Add plugins…, cari file iReport yang telah
di extrak tersebut lalu tekan ctrl + A atau pilih semua file tersebut dan klik
open

Add a Footer 44
Installasi iReport 5.5.0

• Centang semua file tersebut dalam windows plugins lalu pilih Install
• Window NetBeans IDE Installer tampil maka pilih Next
• Centang pilihan “I accept the term in…”
• Klik Install dan klik Continue
• Pilih Restart IDE Now, maka IDE NetBeans akan merestart tunggu sampai
kembali.
• Maka iReport telah ditambahkan ke dalam NetBeans.

Add a Footer 55
Installasi iReport 5.5.0

• Setelah proses di atas masukan file library yang dibutuhkan, yaitu file-file
library yang telah di download, yaitu file-file seperti di bawah ini :

Add a Footer 66
Contoh Pembuatan Report

• Buat frame untuk mengaktifkan report

Add a Footer 77
Contoh Pembuatan Report

• Buat frame untuk mengaktifkan report

Add a Footer 88
Contoh Pembuatan Report

• Design frame tersebut sehingga tampil minimal seperti di bawah :

Add a Footer 99
Contoh Pembuatan Report

• Klik kanan pada folder tempat frame berada, lalu pilih Other…, maka
window New File akan tampil, lalu pilih di Categories folder Report dan
pada File Type pilih Report Wizard
• Lalu tekan tombol Next

Add a Footer 10
10
Contoh Pembuatan Report

• Maka window New Report Wizard akan tampil seperti di bawah ini :

Add a Footer 11
11
Contoh Pembuatan Report

• Pilih jenis report yang sesuai dan klik tombol Next

• Beri nama dan lokasi file report tersebut dan klik tombol Next

Add a Footer 12
12
Contoh Pembuatan Report

• Maka step selanjutnya adalah Connections / Data Sources, pilih tombol

New
• Maka window Datasource akan tampil

Add a Footer 13
13
Contoh Pembuatan Report

• Pilih Database JDBC Connection, lalu klik Next

Add a Footer 14
14
Contoh Pembuatan Report

• Maka window Database JDBC connection akan tampil seperti dibawah ini,
beri nama, ubah JDBC Url sesuai dengan nama database, isi username dan
password mysql

Add a Footer 15
15
Contoh Pembuatan Report

• Pilih Test terlebih dahulu untuk memastikan apakah database sudah

terkoneksi atau belum, jika sudah maka tekan tombol Save dan akan
kembali ke Query.
• Lalu tulis query untuk hal ini karena yang akan dikeluarkan adalah tabel
tmuser maka tulisan query seperti “select * from tmuser”
• Save query untuk menyimpan query yang telah dibuat
• Lalu tekan Next, maka semua field yang ada pada tabel user akan tampil,
maka pindahkan semua field ke kanan dengan mengklik tanda >>

Add a Footer 16
16
Contoh Pembuatan Report

• Tampilan akan seperti dibawah ini :

• Lalu tekan Next, maka pilih Group yang akan dipilih dalam hal ini memilih
userId sebagai group 1

Add a Footer 17
17
Contoh Pembuatan Report

• Frame Design terdiri dari 3 kategori yaitu Designer, XML, Preview

• Designer digunakan untuk mengatur letak field
• XML digunakan untuk mengambil field berdasarkan file XML
• Contohnya seperti di bawah ini :

Add a Footer 18
18
Contoh Pembuatan Report

• Designer digunakan untuk mengedit bentuk laporan yang akan

ditampilkan.

Add a Footer 19
19
Contoh Pembuatan Report

• Preview digunakan untuk melihat data atau laporan jika sudah selesai
dibuat.

Add a Footer 20
20
Contoh Pembuatan Report

• XML digunakan untuk mengedit data pada laporan yang akan ditampilkan.

Add a Footer 21
21
Contoh Pembuatan Report

• Lalu kembali ke frame rUser dan import file-file librarynya seperti seperti
di bawah ini :

Add a Footer 22
22
Contoh Pembuatan Report

• Letakan code pada report seperti di bawah ini :

Add a Footer 23
23
Contoh Pembuatan Report

• Perhatikan letak image harus dirubah sesuai dengan folder yang ada
seperti :

Add a Footer 24
24
Contoh Pembuatan Report

• Jalankan frame tersebut dan klik tombol Report, maka laporan akan tampil
seperti di bawah ini :

Add a Footer 25
25
THANK YOU
REPORT

26