Pertemuan 9 & 10

Pembuatan Laporan

Sebelum membuat laporan, persiapkan terlebih dahulu tambahkan

terlebih dahulu libraries yang sudah di download ke dalam setiap

project yang ingin dibuat laporannya, step nya sama dengan waktu

pembuatan laporan di semester 3. Langkahnya :

1. Menambahkan libraries pada project. Klik kanan pada project yang ingin dibuat

laporannya lalu pilih properties

Sumber: Hasil Perancangan (2019)

2. Setelah tampil seperti dibawah ini lalu pilih libraries dan pilih

Add JAR/Folder

Sumber: Hasil Perancangan (2019)

3. Library-library yang ditambahkan (pilih semua library dari file

yang sudah di download di dalam folder _lib_fix) lalu klik open

seperti gambar dibawah ini

Sumber: Hasil Perancangan (2019)

4. Setelah tampilan seperti dibawah ini lalu klik Ok

Sumber: Hasil Perancangan (2019)

5. Pembuatan laporan data akun dengan iReport Wizard, Lebih baik

semua file laporan dijadikan kedalam 1 folder agar tidak tercecer, untuk

itu kita perlu membuat terlebih dahulu folder laporannya dengan

langkah sebagai berikut :

Klik Kanan Pada Web Pages masing masing > pilih new > Folder

Sumber: Hasil Perancangan (2019)

Beri Nama Folder dengan nama Laporan (nama folder bebas/disesuaikan) lalu

klik finish

Sumber: Hasil Perancangan (2019)

6. Lalu klik kanan di laporan > pilih new > pilih other (jika setelah pilih new

sudah ada pilihan report wizard langsung pilih saja report wizard)

Sumber: Hasil Perancangan (2019)

Setelah tampilan berubah lalu pilih folder report untuk categories nya dan

pilih report wizard untuk file types nya seperti dibawah ini lalu klik next

Sumber: Hasil Perancangan (2019)

7. Pilih Layout Laporan dengan tema Blank A4 Landscape lalu klik next

Sumber: Hasil Perancangan (2019)

Setelah itu berikan nama untuk laporan dengan nama Laporan_Barang.jrxml

(wajib ada ekstension .jrxml) dan pastikan penyimpanannya sudah di dalam

folder laporan, jika sudah klik next

Sumber: Hasil Perancangan (2019)

Membuat Query dan Koneksi database ke laporan, Klik New.

Catatan : jika laporan yang ingin dibuat masih dalam 1 database yang sama dengan

laporan lainnya maka gunakan koneksi yang sudah ada saja, jika laporan berbeda

database buat baru lagi untuk koneksinya

Sumber: Hasil Perancangan (2019)

Membuat DataSource, pilih datasource type Database JDBC connection lalu

klik next

Sumber: Hasil Perancangan (2019)

Membuat koneksi database

➢ Name : koneksi_laporan_pembelian

➢ JDBC Driver : MySQL (com.mysql.jdbc.Driver)

➢ JDBC URL : jdbc:mysql://localhost/pembelian (nama database disesuaikan)

➢ Username : root

➢ Pasword : (kosongkan jika tidak menggunakan password di phpmyadmin)

➢ Save Password di ceklist

Klik Test untuk mencoba koneksi apakah sudah

benar atau belum (pastikan xampp untuk Apache dan

MYSQL sudah running), jika sukses maka tampil

seperti berikut ini, lalu klik Save

Sumber: Hasil Perancangan (2019)

Menuliskan perintah query (query disesuaikan dengan laporan yang ingin

dibuat), query bisa diketik langsung atau melalui Design Query, berikut

query untuk pembuatan laporan data barang)

Note :Melalui Design QueryPilih tabel yang ingin dibuat laporannya, setelah selesai klik Ok

Sumber: Hasil Perancangan (2019)

Hasil Query

Note : Setelah query selesai, klik Next

Sumber: Hasil Perancangan (2019)

Setelah query dibuat lalu klik Next untuk menampilkan field apa saja yang

akan dimasukkan kedalam laporan. Pilih field yang ingin dimasukkan lalu

klik panah kanan > atau klik panah kanan >> untuk memasukkan semua field

yang ada.

Sumber: Hasil Perancangan (2019)

Setelah itu klik Next, untuk grouping Next (lakukan grouping jika laporan

yang ingin ditampilkan berdasarkan kriteria tertentu)

Sumber: Hasil Perancangan (2019)

Klik Finish

Sumber: Hasil Perancangan (2019)

Tampilan Setelah di klik finish

Sumber: Hasil Perancangan (2019)

Setelah itu Design report seperti dibawah ini:

Untuk judul Laporan Data Barang dan Total Barang di dalam section

band Title dibuat menggunakan komponen dari pallete yaitu :

➢ Judul & Total Barang : Static Text

Untuk Summary barangambil dari field kd_brglalu pindahkan keSection Summary

Pilih Opsi Nomor 2 untuk menghitung total data, lalu klik Ok

Sumber: Hasil Perancangan (2019)

Untuk field yang ingin dimasukkan kedalam laporan menggunakan report

inspector yang terdapat di sebelah kiri jendela netbeans (jika tidak ada

report inspectornya bisa pilih window > reset window). Pilih Fields maka

akan tampil field dari tabel yang sudah dipilih lalu masukkan field yang

ingin digunakan ke dalam section band detail1 (dalam kasus ini kita

memasukkan semua field nya). Klik nama field nya lalu drag dan drop pada

section band detail1

Sumber: Hasil Perancangan (2019)

Untuk menampilkan laporan klik Preview, maka akan tampil seperti

dibawah ini

Untuk kembali ke tampilan Design klik

Designer.

Sumber: Hasil Perancangan (2019)

Hasil diatas merupakan laporan saat di preview, lakukan

perubahan pada tab designer sebagai berikut (double

klik pada kata yang ingin diubah)

Catatan : pada tampilan design apabila ada kata dengan awalan $F harap jangan diganti

karena itu merupakan nama field yang digunakan untuk menampilkan data, jika diubah

akan menjadi eror

Menambahkan Parameter ke dalam Laporan Barang

Pada laporan barang yang sudah dibuat kita tambahkan parameter yaituparameter stok, fungsinya untuk menampilkan data barang berdasarkan stokyang di input (bisa lebih besar bisa lebih kecil). Berikut langkahnya :

1. Klik tombol parameter disebelah preview seperti gambar dibawah ini

Sumber: Hasil Perancangan (2019)

2. Setelah itu akan tampil form seperti dibawah ini

Lalu klik “New Parameter” untuk pembuatan parameter baru

Sumber: Hasil Perancangan (2019)

Menambahkan Parameter pada Laporan

Buat parameter dengannama “pstok” dengan valueexpression nya “integer”,setelah itu klik ok.

Setelah itu ubah query yangsudah ada sebelumnya menjadiseperti di atas.

Sumber: Hasil Perancangan (2019)

Apabila query sudah ready ditandai dengan warna biru di bagianbawah setelah itu klik OK untuk mengaplikasikan query ke dalamlaporan. Jika masih ada keterangan eror berarti ada kesalahan dibagian query yang dibuat.

Sumber: Hasil Perancangan (2019)

Setelah selesai mengubah query, lalu klik preview untuk melihathasil laporan dan akan tampil dialog seperti dibawah untukmemasukkan jumlah stok barang.

Setelah memasukkan nilai stok lalu klik Ok

Sumber: Hasil Perancangan (2019)

Tampilan Akhir Laporan Barang dengan Parameter

Sumber: Hasil Perancangan (2019)

Menampilkan Laporan JasperReport (.pdf) pada Web JSP

Langkah selanjutnya adalah menampilkan laporan yang telah dibuat, laporan yang

akan ditampilkan pada web jsp dengan format pdf. Berikut langkah-langkahnya:

1. Buat file JSP baru di dalam Web Pages dengan nama CetakLaporanBarang.jsp, lalu

ketik script dibawah ini

2. Buat file JSP baru dengan nama TampilLapBarang.jsp untuk menampilkan hasil laporan berdasarkan stok yang di input (parameter), lalu ketik coding dibawah.

Hasil laporan yang ditampilkan:

Pembuatan Laporan Pembelian

Buat file laporan baru dengan tipe blank A4 Landscape lalu beri nama seperti tampilan di atas

Buat design query seperti di atas, jika sudah klik ok

Sumber: Hasil Perancangan (2019)

Pindahkan field yang ingin ditampilkan dalam pembuatan laporan seperti di atas

Sumber: Hasil Perancangan (2019)

Pilih Grouping dengan field no_beli dari tabel pembelian untukmenampilkan laporan pembelian berdasarkan nomor pembeliansetelah itu klik Next lalu setelah finish klik Ok

Sumber: Hasil Perancangan (2019)

Desain laporan pembelian seperti dibawah ini

Sumber: Hasil Perancangan (2019)

Penjelasan pembuatan tampilan laporan pembelian :1. Untuk field nomor pembelian, tanggal, No. faktur dan No. pesan di ambil

dari tabel pembelian dan diletakkan di Band group header 12. Untuk field kode barang, qty dan subtotal d ambil dari tabel

detail_pembelian serta field nama barang di ambil dari tabel barang dandiletakkan di Band Detail 1

3. Untuk total item dan grand total di ambil dari qty serta subtotal dari tabeldetail_pembelian dan diletakkan di Band Group Footer 1. pada saatmeletakkan field jika ada pilihan seperti dibawah ini pilih option yang ke 2lalu di dalam combo box nya pilih sum untuk mentotalkan, setelah itu klikok.

Sumber: Hasil Perancangan (2019)

Hasil Setelah Di Preview

Sumber: Hasil Perancangan (2019)

Penambahan Parameter untuk laporan pembelian

Klik untuk menambahkan parameter dan mengubah query

Sumber: Hasil Perancangan (2019)

Klik new parameter untuk pembuatan parameter baru

Sumber: Hasil Perancangan (2019)

Buatlah 2 parameter dengan isi :

➢Parameter name : bln

➢Value expression : Integer

➢Parameter name : thn

➢Value epression : Integer

Sumber: Hasil Perancangan (2019)

Ubahlah script pada query laporan pembelian dengan script di bawah ini, kemudian klik OK

Design kembali laporan pembelian seperti dibawah ini, tambahkan bulan dan tahun untuk menampilkan laporan pembelian per bulan

Sumber: Hasil Perancangan (2019)

Bukalah report inspector, kemudian tambahkan bulan pada kelompok Fields(1) dan thn pada kelompok Parameters (2) ke dalam desain laporanpembelian. Pada saat menmbahkan bulan, jika muncul kotak dialog, makapilihlah The Field value.

Sumber: Hasil Perancangan (2019)

Sebelum kita buat untuk tampilan pemanggilannya, kita cek dulu apakahdatanya sudah bisa muncul dengan memilih preview, kemudian isilah bulandengan angka sesuai dengan record yang berada di database, dan tahunjuga diisi sesuai dengan database. Jika benar maka akan muncul datalaporan pembelian.

Sumber: Hasil Perancangan (2019)

Tampilan Laporan Pembelian dengan parameter per bulan

Sumber: Hasil Perancangan (2019)

Menampilkan Laporan JasperReport (.pdf) pada Web JSP

Langkah selanjutnya adalah menampilkan laporan yang telah dibuat, laporan yang

akan ditampilkan pada web jsp dengan format pdf. Berikut langkah-langkahnya:

1. Buat file JSP baru di dalam Web Pages dengan nama CetakLaporanPembelian.jsp, lalu

ketik script dibawah ini

2. Buat file JSP baru dengan nama TampilLapPembelian.jsp untuk menampilkan hasil laporan berdasarkan bulan yang di pilih (parameter), lalu ketik coding dibawah.

Modifikasi Beranda.jsp

Modifikasi Beranda.jsp

Modifikasi Beranda.jsp

Tugas 5 (Individual)

1. Buat Laporan Pemesanan, Laporan Retur danLaporan Jurnal untuk melengkapi semua laporanyang dibutuhkan dalam project pembelian.

2. Untuk Laporan Pemesanan, Laporan Retur danLaporan Jurnal menggunakan parameter Perbulandan Per Periode

3. Buat juga JSP untuk menampilkan laporan di dalambrowser.

4. Tugas dikumpulkan di pertemuan 11