Pertemuan 9 & 10 Pembuatan Laporan · Untuk judul Laporan Data Barang dan Total Barang di dalam...

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


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


4. Setelah tampilan seperti dibawah ini lalu klik Ok


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


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

klik finish


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

sudah ada pilihan report wizard langsung pilih saja report wizard)


Setelah tampilan berubah lalu pilih folder report untuk categories nya dan

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


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


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


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


Membuat DataSource, pilih datasource type Database JDBC connection lalu

klik next


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


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


Hasil Query

Note : Setelah query selesai, klik Next


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.


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

yang ingin ditampilkan berdasarkan kriteria tertentu)


Klik Finish


Tampilan Setelah di klik finish


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


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


Untuk menampilkan laporan klik Preview, maka akan tampil seperti

dibawah ini

Untuk kembali ke tampilan Design klik

Designer.


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


2. Setelah itu akan tampil form seperti dibawah ini

Lalu klik “New Parameter” untuk pembuatan parameter baru


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.


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.


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


Tampilan Akhir Laporan Barang dengan Parameter


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


Pindahkan field yang ingin ditampilkan dalam pembuatan laporan seperti di atas


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


Desain laporan pembelian seperti dibawah ini


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.


Hasil Setelah Di Preview


Penambahan Parameter untuk laporan pembelian

Klik untuk menambahkan parameter dan mengubah query


Klik new parameter untuk pembuatan parameter baru


Buatlah 2 parameter dengan isi :

➢Parameter name : bln

➢Value expression : Integer

➢Parameter name : thn

➢Value epression : Integer


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


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.


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.


Tampilan Laporan Pembelian dengan parameter per bulan


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

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

Pertemuan 9 & 10 Pembuatan Laporan · Untuk judul Laporan Data Barang dan Total Barang di dalam...

Documents

Transcript of Pertemuan 9 & 10 Pembuatan Laporan · Untuk judul Laporan Data Barang dan Total Barang di dalam...