Pemrograman berorientasi-objek

Pemrograman Berorientasi Objek Lanjut 1

MERANCANG DATABASE PARKIR KENDARAAN

Sebagai tempat studi kasus dari aplikasi yang akan dibuat adalah parkir kendaraan. Dengan

adanya aplikasi ini, diharapkan ketika kendaraan masuk maka petugas parkir dapat mencatat

data kendaraan secara elektronis menggunakan computer, sehingga dapat memperkecil tingat

pencurian dan dapat melakukan pengecekan data sewaktu-waktu data kendaraan dibutuhkan.

Dari gambaran di atas, yang perlu anda buat adalah sebuah aplikasi yang dapat membantu

untuk pencatatan setiap transaksi yang dilakukan, mulai dari data petugas, data kendaraan,

data parkir kendaraan masuk dan parkir kendaraan keluar secara cepat.

Mendeklarasikan Kasus dalam Bentuk Bahasa Model UML

Pekerjaan membuat table akan selalu anda lakukan setelah proses analisis system selesai. Pada

buku ini dibahas analisis awalnya dari pendeklarasian UML(Unifed Modeling Language), yaitu

menggunakan Use Case Karena ini paling sering digunakan dan cocok untuk kasus tersebut.

Selanjutnya akan dilakukan mapping ke tabel secara fisik.

Gambar 1.1 Use Case Diagram Parkir Kendaraan


Pengendara sebagai pelaku pemarkir kendaraan akan melakukan registrasi data kendaraan

masuk dan registrasi kendaraan keluar. Sedangkan petugas sebagai orang yang

mengoperasikan aplikasi parkir kendaraan.

Membuat Database dan Tabel

Pada gambaran sebelumnya, sekarang anda perlu memikirkan seberapa besar database yang

akan diperlukan. Dari hasil pemikiran tersebut anda akan mengira-ira berapa dan apa tabel

yang akan digunaka sebagai media penyimpanan datanya.

Membuat Database

Dari analisis kami, untuk membuat aplikasi ini kita membutuhkan 3 tabel. Terdiri atas 2 tabel

master dan 1 tabel transaksi. Ketiga tabe tersebut berada di dalam nama database dbparkir.

C:\Documents and Setting>mysql –uroot -p

Enter Password:Masukkan Password anda

Mysql> CREATE DATABASE dbparkir;

Query OK, 1 row affected (0.00 sec)

Selanjutnya, aktifkanlah database yang terbuat dengan perintah berikut:

Mysql> USE dbparir;

Database changed

Pernyataan “Database changed” di atas menandakan anda sekarang telah aktif di dalam database dbparkir.

Membuat Tabel tbljnskendaraan

Tabel Jenis Kendaraan digunakan untuk merekam data semua jenis kendaraan. Dengan cara ini, kita dapat mengelompokkan jenis kendaraan.Berikut desain tabelnya.

Tabel 1.1 Struktur Tabel tbljnskendaraan

Kolom Tipe Data Panjang

kodejenis * Char 2

jenis Varchar 40

tarif Char 10


Dari desain tabel di atas, anda dapat membuat dalam MySQL menggunakan perintah berikut:

mysql> create table tbljnsjendaraan(

kodejenis char(2) not null primary key,

jenis varchar(40),

tarif char(10)

);

Setelah perintah membuat tabel di atas dijalankan, sekarang anda telah memiliki tabel baru bernama tbljnskendaraan.

Membuat Tabel tblpetugas

Tabel Jenis Kendaraan digunakan untuk merekam data semua petugas. Dengan cara ini, kita dapat mengetahui petugas jaga parkir.Berikut desain tabelnya.

Tabel 1.2 Struktur Tabel tblpetugas


idpetugas * Char 4

nmpetugas Varchar 60

alamat Varchar 100

telp Varchar 15

Dari desain tabel di atas, anda dapat membuat dalam MySQL menggunakan perintah berikut:

mysql> create table tblpetugas(

idpetugas char(4) not null primary key,

nmpetugas varchar(60),

alamat varchar(100),

telp varchar(10)

);

Setelah perintah membuat tabel di atas dijalankan, sekarang anda telah memiliki tabel baru bernama tblpetugas.

Membuat Tabel tblparkir

Tabel Jenis Kendaraan digunakan untuk merekam data semua kendaraan yang parkir. Dengan cara ini, kita dapat mengetahui semua data kendaraan yang sedang parkir atau yang sudah keluar.Berikut desain tabelnya.


Tabel 1.3 Struktur Tabel tblparkir


notiket * Char 10

tglparkir Varchar 40

Idpetugas ** Char 4

Noplat Varchar 10

kodejenis ** Char 2

jammasuk Varchar 20

jamkeluar Varchar 20

Bayar Char 10

Sisa Char 10 Dari desain tabel di atas, anda dapat membuat dalam MySQL menggunakan perintah berikut:

mysql> create table tblparkir(

notiket char(10) not null primary key,

tglparkir varchar(40),

idpetugas char(4),

noplat varchar(10),

kodejenis char(2),

jammasuk varchar(20),

jamkeluar varchar(20),

bayar char(10),

sisa char(10)

);

Setelah perintah membuat tabel di atas dijalankan, sekarang anda telah memiliki tabel baru bernama tblparkir.

Relasi Antar Tabel

TblJnsKendaraan

kodejenis<PK>

jenis

tarif

TblPetugas

idpetugas<PK>

nmpetugas

alamat

telp

TblParkir

notiket<PK>

tglparkir

idpetugas<FK>

noplat

kodejenis<FK>

jammasuk

jamkeluar

bayar

sisa


Gambar 1.2 Hubungan Antar Tabel pada dbparkir

Tanda (PK) menunjukkan kunci utama, sedangkan (FK) adalah kunci tamu dengan diwujudkan arah panahnya. Berikut bebarapa penjelasan relasi tabel tersebut.

Relasi antar tabel jenis kendaraan pada tabel parkir kendaraan

Relasi dua tabel di atas memiliki hubungan one to many, artinya jenis kendaraan bisa digunakan lebih dari sekali.

Relasi antar tabel petugas pada tabel parkir kendaraan Relasi dua tabel di atas memiliki hubungan one to many, artinya petugas bisa digunakan lebih dari sekali.

MEMBUAT APLIKASI PARKIR KENDARAAN

Mulai dari bab ini kami akan membimbing anda untuk membuat proyek lengkap, yaitu dengan objek kasus pada parkir kendaraan. Pada aplikasi yang dibuat, akan terjadi proses transaksi parkir kendaraan masuk dan kendaraan keluar. Tentunya ada proses perhitungan pembayaran jasa parkir. Dalam bonus CD buku ini, juga telah disertakan hasil studi kasus dan komponen pendukung untuk pembuatan aplikasi yang dibahas pada bab ini. Anda bisa membaca bab ini sebagai penjelasan lengkap dan langkah pembuatannya.

Dependency

Dependency ata ketergantungan adalah sebuah syarat ketersediaan sebuah tool berupa modul terpisah maupun aplikasi lain agar bisa menjalankan aplikasi yang dimaksud. Dalam hal ini setidaknya anda harus memasang Netbeans 6.0.1. Tentunya untuk bisa memasangnya juga harus anda penuhi system requirement dari aplikasi tersebut. Untuk system operasi tentunya anda bisa menggunakan Windows/Linux. Dalam hal ini kami menggunakan Windows 7 untuk uji coba. Adapun tool yang lain, yang mesti anda pasang adalah sebagai berikut.

Ketergantungan Mesin

Sistem Opersai Windows/Linux Netbeans 6.0.1 Jasper Report 2.0.4 MySQL(AppServ2.10.3 boleh menggunakan versi lain)


Ketergantungan Module/com objek maupun resource lain

mysql-connector-java-5.1.6-bin untuk objek database yang siap dipakai Birosoft look and feel dan looks.jar sebagai tambahan untuk sekadar menambahkan

style atau tampilan saja(ini tidak wajib, sehingga tidak dibahas terlalu jauh agar tidak mengurangi focus buku ini).

Persiapan Instalasi dan Folder Program Kami sarankan pembaca mengikuti langkah-langkah yang ada dalam buku ini agar tidak mengalami kesulitan/salah jalan. Kalau tidak mengikuti petunjuk ini, dikhawatirkan anda bisa tersesat sejauh-jauhnya. Catatan: Anda tidak harus mengikuti langkah-langkah instalasi jika sudah memiliki versi yang sama. Dalam buku tidak terlalu banyak memberikan hal-hal yang dasar, bukan keharusan tetapi sangat dianjurkan bagi anda membaca buku edisi sebelumnya.

1. Instal netbeans 6 nama file installer-nya netbeans-6.0.1-ml-javase-windows.exe. klik ganda kemudian lanjutkan dialognya sampai selesai.

2. Instal MySQL dan tool admin lewat Browser Client. Nama filenya appserv-win32-2.5.10.exe. ikuti petunjuk dan jangan lupa untuk menyimpan nama password atau user-nya agar Anda bisa mengakses halaman admin. Jika sampai lupa, anda selamanya tidak bisa membuka database anda sendiri.

3. Siapkan folder khusus untuk membuat kode. Misalnya kami membuat folder D:\Aplikasi Parkir Kendaraan.

Membuat Koneksi Database.ini

database.ini digunakan untuk menghubungkan database MySQL dengan JAVA, database.ini dibuat menggunakan Notepade.

Berikut langkah membuat koneksi database.ini:

1. Buatlah folder dengan nama folder lib pada direktori D:\Aplikasi Parkir Kendaraan\Aplikasi Parkir Kendaraan\lib.

2. Buatlah koneksi database.ini menggunakan notepade kemudian simapan dengan nama database.ini.


Gambar 1.3 Koneksi database.ini

Membuat Project

Berikut langkah membuat projek baru :

1. Bukalah editor Netbeans, lalu buat project beru melalui menu File –> New Project, sehingga muncul sebuah jendela New Project.

2. Pada kolom Categories pilih Java. Selanjutnya pada kolom projects pilih Java Desktop Application, kemudian tekan tombol Next untuk melanjutkan.

Gambar 1.4 Jendela New Project 3. Isilah Project Name (sebagai nama proyek), Project Location (folder atau lokasi

program), Application Class (nama file atau kelas), dan nama kelas utama seperti berikut ini.


Gambar 1.5 Penambahan File Project

Dari gambar di atas, perhatikan isian Application Class yang terisi otomatis ketika anda memberikan nilai pada nama Project name: “Aplikasi Parkir Kendaraan”. Netbeans secara default menyiapkan paket bernama aplikasi parkir kendaraan dan kelas utama aplikasi parkir kendaraan.App. Berarti kita membuat kelas aplikasi parkir kendaraanApp berada dalam paket aplikasi parkir kendaraan.

4. Pada kolom Choose Application Shell pilih Basic Application, anda bisa menyesuaikan foldernya dengan computer anda.

5. Jiksa sudah, klik tombol Finish.

Gambar 1.6 Tampilan Pertama Project Baru

Secara default terdapat tiga kelas dalam paket aplikasi parkir kendaraan ini. Anda bisa melihat dalam jendela inspector, antara lain:


AplikasiParkirKendaraanApp.java sebagai kelas utama yang pertama kali dijalankan. AplikasiParkirKendaraanAboutBox.java form info program atau tentang program. AplikasiParkirKendaraanView.java menampilkan menu.

6. Langkah selanjutnya kita akan membuat Database.java dengan cara klik kanan New ->

Java Class , kemudian masukkan kode program seperti dibawah ini.

Gambar 1.7 Membuat Java Class File

package aplikasiparkirkendaraan; import java.io.FileInputStream; import java.util.Properties; import javax.swing.JOptionPane; /** * * @author REVOLPER */ public class Database { public Properties mypanel, myLanguage; private String strNamePanel; public Database(){ } public String SettingPanel(String nmPanel){ try { mypanel = new Properties(); mypanel.load(new FileInputStream("lib/database.ini")); strNamePanel = mypanel.getProperty(nmPanel); } catch (Exception e) { JOptionPane.showMessageDialog(null,"Tidak ada koneksi","Error", JOptionPane.INFORMATION_MESSAGE); System.err.println(e.getMessage()); System.exit(0); } return strNamePanel; }

}


Membuat Menu Utama

Selanjutnya kita akan memperbaiki kelas AplikasiParkirKendaraanView agar menjadi sebuah menu utama yang bisa dipakai untuk aplikasi parkir kendaraan. Langkah pertama adalah menambahkan menu, yaitu:

1. Pilih menu File pada desain form kelas AplikasiParkirKendaraanView, klik kanan pilih Add Form Palette –> Menu item.

Gambar 1.8 Penambahan Menu Baru

2. Sehingga muncul menu baru seperti pada gambar berikut.

Gambar 1.9 Tampilan Menu Baru

3. Sekarang kita bisa memindahkan posisi menu baru itu dengan melakukan drag ke atas ataupun kebawah. Untuk melakukan perubahan teks menu, klik kanan pada menu dan pilih Edit Text. Selanjutnya masukkan judul menu yang anda inginkan, misalnya Data Jenis Kendaraan.


Gambar 1.10 Mengganti Text Menu

Gambar 1.11 Tampilan Menu yang Sudah Di edit

4. Untuk mengubah nama variable objeknya, klik kanan menu item. Pilih Change Variabel Name…, kemudian ketikkan nama variabelnya.

5. Sekarang, tambahkan semua kebutuhan menu, sehingga menjadi gambar berikut.


Gambar 1.12 Submenu File

Gambar 1.13 Submenu Transaksi

Gambar 1.14 Submenu Report

Gambar 1.15 Submenu Help


Gambar 1.16 Hierarki Semua Menu Utama

Memasang File Jar(Setting Class Path)

Memasang file jar ke dalam aplikasi adalah pekerjaan yang sangat penting, karena dengan begitu integritas dan fleksibilitas untuk pengembangan program sangat mudah. Mungkin anda pernah memahami bagaimana file dll dalam windows bekerja. Dengan adanya sebuah dll tertentu, bisa dipakai secara bersama-sama oleh aplikasi lain. Dalam aplikasi ini, kita akan memasang distribusi file sebagai komponen penghubung database. Buatlah susunan folder program dan setingan file jar yang sudah disiapkan:

1. Buatlah folder com pada folder D:\Aplikasi Parkir Kendaraan\Aplikasi Parkir Kendaraan\kemudian kopi file mysql-connector-java-5.1.6-bin.

2. Buatlah folder com pada direktori folder D:\Aplikasi Parkir Kendaraan\Aplikasi Parkir Kendaraan\src\ kemudian kopi folder BIROSOFT yang berguna sebagai skin/style program

Gambar 1.17 Folder Program


Memasang Skin yang Terdapat Pada Folder BIROSOFT

1. Untuk memasang skin silahkan anda buka AplikasiParkirKendaraanApp.java 2. Masukkan Kode program seperti berikut:

public static void main(String[] args) { try { launch(AplikasiParkirKendaraanApp.class,args);

UIManager.setLookAndFeel("com.birosoft.liquid.LiquidLookAndFeel");

} catch (ClassNotFoundException ex) { System.out.println(ex); } catch (InstantiationException ex) { System.out.println(ex); } catch (IllegalAccessException ex) { System.out.println(ex); } catch (UnsupportedLookAndFeelException ex) { System.out.println(ex); } }

Catatan:pada saat anda mengetikkan perintah UIManager.setLookAndFeel(“….”) Akan tampil lambang lampu boklam silahkan anda klik kanan lampu boklam tersebut kemudian pilih Surround with try-catch.

Memasang Driver MySQL

Untuk bisa melakukan hubungan atau koneksi dengan database MySQL, Anda harus memasang driver-nya. Caranya adalah:

1. Dari jendela Project pilih Libraries kemudian klik kanan pilih Add JAR/Folder… kemudian klik Open.

Gambar 1.18 Penentuan File Driver MySQL sendiri


Membuat Desain Form Data Jenis Kendaraan Sekarang saatnya membuat form data jenis kendaraan agar petugas dapat mengetahu dan menginput jenis kendaraan. Lakukan beberapa langkah berikut ini:

1. Buatlah file baru dalam paket AplikasiParkirKendaraan, dengan cara klik kanan paket AplikasiParkirKendaraan, Pilih New -> Other…, sehingga muncul jendela New File.

Gambar 1.19 Membuat Objek Baru

2. Pada kolom Categories, pilih Swing GUI Forms, pada kolom File Type pilih saja JInternalFrame Form. Kemudian klik tombol Next sehingga muncul jendela New JInternalFrame Form.

Gambar 1.20 Membuat Form JInternalFrame Form


3. Pada jendela New JInternalFrame Form, isikan Frmjnskendaraan pada kotak isian Class Name, dan Package pilih aplikasiparkirkendaraan, lalu tekan tombol Finish untuk mengakhiri.

Gambar 1.21 Menentukan Nama Form JInternalFrame Form

Gambar 1.22 Desain Form Baru

4. Desainlah form yang baru anda ciptakan seperti gambar dibawah ini:


Gambar 1.23 Desain Form Data Jenis Kendaraan

Syntax Program

1. Pada bagian import tambahkan dibawah baris package aplikasiparkirkendaraan sepeti kode berikut:

package aplikasiparkirkendaraan;

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

import java.sql.*;

2. Pada bagian public class Frmjeniskendaraan extends javax.swing.JInternalFrame tambahkan kode

berikut:

public class Frmjeniskendaraan extends javax.swing.JInternalFrame {

Database dbsetting;

String driver,database,user,pass,userLogin;

private Object tabel;

/** Creates new form Frmjeniskendaraan */

public Frmjeniskendaraan() {

initComponents();

//setting form agar pada saat di tampilkan berada pada posisi senter/tengah

Dimension screenSize=Toolkit.getDefaultToolkit().getScreenSize();

Dimension frameSize=this.getSize();

jTextEdit

JButton

JTable

JLabel


if(frameSize.height > screenSize.height){

frameSize.height=screenSize.height;

}

if(frameSize.width > screenSize.width){

frameSize.width=screenSize.width;

}

this.setLocation((screenSize.width - frameSize.width) / 2,

(screenSize.height = screenSize.height) / 6);

//setting untuk memanggil koneksi Database.ini

dbsetting = new Database();

driver = dbsetting.SettingPanel("DBDriver");

database = dbsetting.SettingPanel("DBDatabase");

user = dbsetting.SettingPanel("DBUsername");

pass = dbsetting.SettingPanel("DBPassword");

table.setModel(tableModel);

Tabel(table, new int[]{90,400,90,});

setDefaultTable();

SetEditOff();

}

3. Buatlah kode program diatas // Variables declaration - do not modify untuk menampilkan data pada

tabel seperti berikut:

private javax.swing.table.DefaultTableModel tableModel=getDefaultTabelModel();

private void Tabel(javax.swing.JTable tb, int lebar[] ) {

tb.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);

int kolom=tb.getColumnCount();

for(int i=0;i < kolom;i++) {

javax.swing.table.TableColumn tbc=tb.getColumnModel().getColumn(i);

tbc.setPreferredWidth(lebar[i]);

tb.setRowHeight(17);

}

}

private javax.swing.table.DefaultTableModel getDefaultTabelModel() {

return new javax.swing.table.DefaultTableModel(

new Object[][] {},

new String [] {"Kode Jenis","Jenis Kendaraan","Tarif"}

){

boolean[] canEdit = new boolean[]{

false, false, false, false

};

public boolean isCellEditable(int rowIndex, int columnIndex){

return canEdit[columnIndex];


}

};

}

String data[]=new String[3];

private void setDefaultTable() {

String stat ="";

try {

Class.forName(driver);

Connection kon = DriverManager.getConnection(database,user,pass);

Statement stt = kon.createStatement();

String SQL = "SELECT * FROM tbljnskendaraan";

ResultSet res = stt.executeQuery(SQL);

while(res.next()){

data[0] = res.getString(1);



tableModel.addRow(data);

}

res.close();

stt.close();

kon.close();

} catch (Exception ex) {

System.err.println(ex.getMessage());

}

}

4. Buatlah kode program untuk menampilkan data yang sudah tersimpan di database, letakkan

disembarang tempat yang memiliki space kosong seperti berikut ini:

int row = 0;

public void Tampil(){

row = table.getSelectedRow();

KodeJenis.setText(tableModel.getValueAt(row, 0).toString());

Jenis.setText(tableModel.getValueAt(row, 1).toString());

Tarif.setText(tableModel.getValueAt(row, 2).toString());

Save.setEnabled(false);

Update.setEnabled(true);

Delete.setEnabled(true);

SetEditOn();

}


5. Buatlah perintah BersihData,SetEditOff, dan SetEditON disembarang tempat yang memiliki space kosong

seperti berikut ini:

public void BersihData(){

KodeJenis.setText("");

Jenis.setText("");

Tarif.setText("");

}

public void SetEditOff(){

KodeJenis.setEnabled(false);

Jenis.setEnabled(false);

Tarif.setEnabled(false);

}

public void SetEditOn(){

KodeJenis.setEnabled(true);

Jenis.setEnabled(true);

Tarif.setEnabled(true);

}

6. Buatlah kode program AddNew dengan mengklik kanan button AddNew ->evens -> action ->

ActionPerformed.

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

// TODO add your handling code here:

BersihData();

KodeJenis.requestFocus();

Save.setEnabled(true);

Update.setEnabled(false);

Delete.setEnabled(false);

SetEditOn();

}

7. Buatlah kode program save dengan mengklik kanan button save ->evens -> action -> ActionPerformed.

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


String KJ=KodeJenis.getText();

String J=Jenis.getText();

String T=Tarif.getText();

if ((KJ.isEmpty()) | (J.isEmpty()) |(T.isEmpty()))

{JOptionPane.showMessageDialog(null,"data tidak boleh kosong, silahkan dilengkapi");


}else {


try {




String SQL = "insert into tbljnskendaraan values('"+KodeJenis.getText()+"',"+

"'"+Jenis.getText()+"',"+

"'"+Tarif.getText()+"')";

stt.executeUpdate(SQL);

data[0] = KodeJenis.getText();

data[1] = Jenis.getText();

data[2] = Tarif.getText();

tableModel.insertRow(0, data);

stt.close();

kon.close();

BersihData();


SetEditOff();



}

}

}

8. Buatlah kode program even Click dengan mengklik kanan table(grid) ->evens -> Mouse ->

MouseClicked.

private void tableMouseClicked(java.awt.event.MouseEvent evt) {


if (evt.getClickCount()==1) {

Tampil();

}

}

9. Buatlah kode program Update dengan mengklik kanan button Update ->evens -> action ->

ActionPerformed.

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


String KJ=KodeJenis.getText();

String J=Jenis.getText();

String T=Tarif.getText();

if ((KJ.isEmpty()) | (J.isEmpty()) |(T.isEmpty()))




}else {

try {




String SQL = "Update tbljnskendaraan set jenis='"+Jenis.getText()+"',"+

"tarif='"+Tarif.getText()+"'"+

"Where kodejenis='"+KodeJenis.getText()+"'";





tableModel.removeRow(row);

tableModel.insertRow(row,data);

stt.close();

kon.close();

BersihData();


SetEditOff();



}

}

}

10. Buatlah kode program Delete dengan mengklik kanan button Delete ->evens -> action ->

ActionPerformed.

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


try {




String SQL = "delete from tbljnskendaraan where kodejenis='"+KodeJenis.getText()+"'";






stt.close();

kon.close();

BersihData();




SetEditOff();



}

}

11. Buatlah kode program validasi untuk kodejenis dengan cara klik kanan pada KodeJenis[jTextField] pilih

evens -> Key -> KeyTyped.

private void KodeJenisKeyTyped(java.awt.event.KeyEvent evt) {


// Hanya bisa diinput 2 digit

if(KodeJenis.getText().length()>1)

evt.consume();

//hanya bisa diinput dengan angka saja

char c =evt.getKeyChar();

if(!Character.isDigit(c))

evt.consume();

}

12. Buatlah kode program validasi angka pada tarif dengan cara klik kanan pada Tarif[jTextField] pilih evens

-> Key -> KeyTyped.

private void TarifKeyTyped(java.awt.event.KeyEvent evt) {





evt.consume();

}

13. Buatlah kode program Close dengan mengklik kanan button Close ->evens -> action -> ActionPerformed.

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


JOptionPane.showMessageDialog(null,"Yakiin Keluar..?","Informasi",

JOptionPane.INFORMATION_MESSAGE);

this.dispose();

}

14. Untuk menjalankan program yang sudah anda buat anda harus memanggil program di menu utama yaitu

aplikasiparkirkendaraanView.java, silahkan anda ketikkan kode program dengan cara klik kanan sub

menu Data Jenis Kendaraan pilih Evens -> Actiom -> ActionPerformed kemudian ketikkan kode program

seperti berikut:


Gambar 1.24 Perintah Evens sub Menu Data Jenis Kendaraan

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


Frmjeniskendaraan frmjeniskendaraan=new Frmjeniskendaraan();

jDesktopPane1.add(frmjeniskendaraan, javax.swing.JLayeredPane.DEFAULT_LAYER);

frmjeniskendaraan.show();

}

15. Jalankan Program kemudian klik menu Data Jenis Kendaraan maka akan tampil seperti berikut:

Gambar 1.25 Tampilan Program Data Jenis Kendaraan


Membuat Desain Form Data Petugas Sekarang saatnya membuat form data petugas untuk mengetahui siapa petugas yang sedang bertugas. Lakukan beberapa langkah berikut ini:





7. Pada jendela New JInternalFrame Form, isikan Frmpetugas pada kotak isian Class Name, dan Package pilih aplikasiparkirkendaraan, lalu tekan tombol Finish untuk mengakhiri.






Gambar 1.30 Desain Form Data Petugas

Syntax Program

1. Pada bagian import tambahkan dibawah baris package aplikasiparkirkendaraan sepeti kode

berikut:



import java.awt.*;


import java.sql.*;

2. Pada bagian public class Frmpetugas extends javax.swing.JInternalFrame tambahkan kode

berikut:

public class Frmpetugas extends javax.swing.JInternalFrame {

Database dbsetting;



/** Creates new form Frmpetugas */

public Frmpetugas() {

initComponents();

//setting form agar pada saat di tampilkan berada pada posisi senter/tengah


jTextEdit

JButton

JTable

JLabel





}



}










Tabel(table, new int[]{70,250,300,70});

setDefaultTable();

SetEditOff();

}

3. Buatlah kode program diatas // Variables declaration - do not modify untuk menampilkan

data pada tabel seperti berikut:









}

}



new Object[][] {},

new String [] {"ID Petugas","Nama Petugas","Alamat Petugas","Telpon"}

){



};




}

};

}



String stat ="";

try {




String SQL = "SELECT * FROM tblpetugas";


while(res.next()){






}

res.close();

stt.close();

kon.close();



}

}



int row = 0;



IDPetugas.setText(tableModel.getValueAt(row, 0).toString());

NMPetugas.setText(tableModel.getValueAt(row, 1).toString());

Alamat.setText(tableModel.getValueAt(row, 2).toString());

Telp.setText(tableModel.getValueAt(row, 3).toString());




SetEditOn();

}

5. Buatlah perintah BersihData,SetEditOff, dan SetEditON disembarang tempat yang memiliki space kosong

seperti berikut ini:



IDPetugas.setText("");

NMPetugas.setText("");

Alamat.setText("");

Telp.setText("");

}

public void SetEditOff(){

IDPetugas.setEnabled(false);

NMPetugas.setEnabled(false);

Alamat.setEnabled(false);

Telp.setEnabled(false);

}

public void SetEditOn(){

IDPetugas.setEnabled(true);

NMPetugas.setEnabled(true);

Alamat.setEnabled(true);

Telp.setEnabled(true);

}


ActionPerformed.



BersihData();

IDPetugas.requestFocus();




SetEditOn();

}




String IP=IDPetugas.getText();

String NP=NMPetugas.getText();

String A=Alamat.getText();

String T=Telp.getText();

if ((IP.isEmpty()) | (NP.isEmpty()) |(A.isEmpty() | (T.isEmpty()))) {

JOptionPane.showMessageDialog(null,"data tidak boleh kosong, silahkan dilengkapi");



}else {

try {




String SQL = "insert into tblpetugas values('"+IDPetugas.getText()+"',"+

"'"+NMPetugas.getText()+"',"+

"'"+Alamat.getText()+"',"+

"'"+Telp.getText()+"')";


data[0] = IDPetugas.getText();

data[1] = NMPetugas.getText();

data[2] = Alamat.getText();

data[3] = Telp.getText();


stt.close();

kon.close();

BersihData();


SetEditOff();



}

}

}


MouseClicked.




Tampil();

}

}


ActionPerformed.



String IP=IDPetugas.getText();

String NP=NMPetugas.getText();

String A=Alamat.getText();


String T=Telp.getText();

if ((IP.isEmpty()) | (NP.isEmpty()) |(A.isEmpty() | (T.isEmpty()))) {



}else {

try {




String SQL = "Update tblpetugas set nmpetugas='"+NMPetugas.getText()+"',"+

"alamat='"+Alamat.getText()+"',"+

"telp='"+Telp.getText()+"'"+

"Where idpetugas='"+IDPetugas.getText()+"'";








stt.close();

kon.close();

BersihData();


SetEditOff();



}

}

}


ActionPerformed.



try {




String SQL = "delete from tblpetugas where idpetugas='"+IDPetugas.getText()+"'";








stt.close();

kon.close();

BersihData();



SetEditOff();



}

}

11. Buatlah kode program validasi untuk idpetugas dengan cara klik kanan pada IDPetugas[jTextField] pilih


private void IDPetugasKeyTyped(java.awt.event.KeyEvent evt) {



if(IDPetugas.getText().length()>3)

evt.consume();




evt.consume();

}

12. Buatlah kode program validasi angka pada telpon dengan cara klik kanan pada Telp[jTextField] pilih


private void TelpKeyTyped(java.awt.event.KeyEvent evt) {



if(Telp.getText().length()>14)

evt.consume();




evt.consume();

}







this.dispose();

}



menu Data Petugas pilih Evens -> Actiom -> ActionPerformed kemudian ketikkan kode program seperti

berikut:

Gambar 1.31 Perintah Evens sub Menu Data Petugas

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


Frmpetugas frmpetugas=new Frmpetugas();

jDesktopPane1.add(frmpetugas, javax.swing.JLayeredPane.DEFAULT_LAYER);

frmpetugas.show();

}

15. Jalankan Program kemudian klik menu Data Petugas maka akan tampil seperti berikut:

Gambar 1.32 Tampilan Program Data Petugas


Membuat Desain Form Data Parkir Kendaraan Masuk Sekarang saatnya membuat form data petugas untuk mengetahui siapa petugas yang sedang bertugas. Lakukan beberapa langkah berikut ini:






11. Pada jendela New JInternalFrame Form, isikan Frmparkirmasuk pada kotak isian Class Name, dan Package pilih aplikasiparkirkendaraan, lalu tekan tombol Finish untuk mengakhiri.





Gambar 1.37 Desain Form Data Parkir Kendaraan Masuk

Syntax Program


berikut:



import java.awt.*;


import java.sql.*;

import java.util.Date;

2. Pada bagian public class Frmpetugas extends javax.swing.JInternalFrame tambahkan kode

berikut:

public class Frmparkirmasuk extends javax.swing.JInternalFrame {

Database dbsetting;



/** Creates new form Frmparkirmasuk */

jTextEdit

JButton

JTable

JLabel

jTextEdit


public Frmparkirmasuk() {

initComponents();

// Setting untuk mengatur posisi form

Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();

Dimension frameSize = this.getSize();

if (frameSize.height > screenSize.height) {

frameSize.height = screenSize.height;

}

if (frameSize.width > screenSize.width) {

frameSize.width = screenSize.width;

}










Tabel(table, new int[]{70, 90, 70, 70, 70, 70, 70, 70, 70, 70, 70});

setDefaultTable();

TampilComboPetugas();

TampilComboKendaraan();

}

3. Buatlah kode program diatas // Variables declaration - do not modify untuk menampilkan

data pada tabel seperti berikut:









}

}



new Object[][] {},


new String [] {"No.Tiket","Tanggal","ID Petugas","Nomor Plat","Kode Jenis","Jam Masuk","Jam

Keluar","Bayar","Sisa"}

){



};



}

};

}



String stat ="";

try {




String SQL = "SELECT * FROM tblparkir";


while(res.next()){











}

res.close();

stt.close();

kon.close();



}

}

4. Buatlah kode program TampilComboKendaraan, letakkan disembarang tempat yang memiliki

space kosong, seperti berikut ini :

public void TampilComboKendaraan(){


try {


Statement stt = kon.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE,

ResultSet.CONCUR_UPDATABLE);

String SQL = "SELECT * FROM tbljnskendaraan";


while(res.next()){

KodeJenis.addItem(res.getString("kodejenis"));

}

} catch (SQLException ex) {

}

}

5. Buatlah kode program untuk menampilkan data kombo kendaraan dengan cara klik Evens -> Item ->

ItemStateCanged.

private void KodeJenisItemStateChanged(java.awt.event.ItemEvent evt) {


try {




String SQL = "SELECT * FROM tbljnskendaraan where kodejenis='"+

KodeJenis.getSelectedItem().toString()+"'";


res.absolute(1);

Jenis.setText(res.getString("jenis"));

Tarif.setText(res.getString("tarif"));


}

}

6. Buatlah kode program TampilComboPetugas, letakkan disembarang tempat yang memiliki

space kosong, seperti berikut ini :

public void TampilComboPetugas(){

try {




String SQL = "SELECT * FROM tblpetugas";


while(res.next()){

IDPetugas.addItem(res.getString("idpetugas"));

}



}

}

7. Buatlah kode program untuk menampilkan data kombo kendaraan dengan cara klik Evens -> Item ->

ItemStateCanged.

private void IDPetugasItemStateChanged(java.awt.event.ItemEvent evt) {


try {




String SQL = "SELECT * FROM tblpetugas where idpetugas='"+

IDPetugas.getSelectedItem().toString()+"'";


res.absolute(1);

NMPetugas.setText(res.getString("nmpetugas"));


}

}



int row = 0;



NoTiket.setText(tableModel.getValueAt(row, 0).toString());

TglParkir.setText(tableModel.getValueAt(row, 1).toString());

IDPetugas.setSelectedItem(tableModel.getValueAt(row, 2).toString());

NoPlat.setText(tableModel.getValueAt(row, 3).toString());

KodeJenis.setSelectedItem(tableModel.getValueAt(row, 4).toString());

JamMasuk.setText(tableModel.getValueAt(row, 5).toString());

JamKeluar.setText(tableModel.getValueAt(row, 6).toString());

Bayar.setText(tableModel.getValueAt(row, 7).toString());

Sisa.setText(tableModel.getValueAt(row, 8).toString());




}

9. Buatlah perintah BersihData disembarang tempat yang memiliki space kosong seperti berikut ini:


TglParkir.setText("");


NoTiket.setText("");

NoPlat.setText("");

KodeJenis.setSelectedIndex(0);

Jenis.setText("");

Tarif.setText("");

JamMasuk.setText("");

JamKeluar.setText("");

Bayar.setText("");

Sisa.setText("");

}


ActionPerformed.



BersihData();

TanggalOtomatis();



}




String NT=NoTiket.getText();

String TGP=TglParkir.getText();

String IDP=IDPetugas.getSelectedItem().toString();

String NP=NoPlat.getText();

String KJ=KodeJenis.getSelectedItem().toString();

String JM=JamMasuk.getText();

if ((NT.isEmpty()) | (TGP.isEmpty()) |(IDP.isEmpty())|(NP.isEmpty()|(KJ.isEmpty()|(JM.isEmpty()))))



}else {

try {




String SQL = "insert into tblparkir values('"+NoTiket.getText()+"',"+

"'"+TglParkir.getText()+"',"+


"'"+IDPetugas.getSelectedItem()+"',"+

"'"+NoPlat.getText()+"',"+

"'"+KodeJenis.getSelectedItem()+"',"+

"'"+JamMasuk.getText()+"',"+

"'"+JamKeluar.getText()+"',"+

"'"+Bayar.getText()+"',"+

"'"+Sisa.getText()+"')";


data[0] = NoTiket.getText();

data[1] = TglParkir.getText();

data[2] = IDPetugas.getSelectedItem().toString();

data[3] = NoPlat.getText();

data[4] = KodeJenis.getSelectedItem().toString();

data[5] = JamMasuk.getText();

data[6] = JamKeluar.getText();

data[7] = Bayar.getText();

data[8] = Sisa.getText();


stt.close();

kon.close();

BersihData();




}

}

}


MouseClicked.




Tampil();

}

}


ActionPerformed.




String TGP=TglParkir.getText();

String IDP=IDPetugas.getSelectedItem().toString();



String KJ=KodeJenis.getSelectedItem().toString();

String JM=JamMasuk.getText();

if ((NT.isEmpty()) | (TGP.isEmpty())|(IDP.isEmpty()) | (NP.isEmpty()|(KJ.isEmpty()|(JM.isEmpty()))))



}else {

try {




String SQL = "Update tblparkir Set tglparkir='"+TglParkir.getText()+"',"+

"idpetugas='"+IDPetugas.getSelectedItem()+"',"+

"noplat='"+NoPlat.getText()+"',"+

"kodejenis='"+KodeJenis.getSelectedItem()+"',"+

"jammasuk='"+JamMasuk.getText()+"',"+

"jamkeluar='"+JamKeluar.getText()+"',"+

"bayar='"+Bayar.getText()+"',"+

"sisa='"+Sisa.getText()+"'"+

"Where notiket='"+NoTiket.getText()+"'";













stt.close();

kon.close();

BersihData();




}

}

}



ActionPerformed.



try {




String SQL = "delete from tblparkir where notiket='"+NoTiket.getText()+"'";












stt.close();

kon.close();

BersihData();




}

}

15. Buatlah kode program validasi untuk notiket dengan cara klik kanan pada NoTiket[jTextField] pilih evens

-> Key -> KeyTyped.

private void NoTiketKeyTyped(java.awt.event.KeyEvent evt) {



if(NoTiket.getText().length()>9)

evt.consume();




evt.consume();

}

16. Buatlah kode program validasi angka pada nopol dengan cara klik kanan pada NoPol[jTextField] pilih



private void NoPlatKeyTyped(java.awt.event.KeyEvent evt) {



if(NoPlat.getText().length()>9)

evt.consume();

}






this.dispose();

}

18. Buatlah kode program untuk menampilkan tanggal secara otomatis disembarang tempat yang memiliki

space kosong seperti berikut :

public void TanggalOtomatis(){

Date tanggal = new Date();

JamMasuk.setText(""+ (String.format("%1$tH:%1$tM:%1$tS",tanggal)));

TglParkir.setText(""+ (String.format("%1$td:%1$tb:%1$tY",tanggal)));

}



menu Data Parkir Kendaraan Masuk pilih Evens -> Actiom -> ActionPerformed kemudian ketikkan kode

program seperti berikut:

Gambar 1.38 Perintah Evens sub Menu Data Parkir Kendaraan Masuk


private void MenuParkirINActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: Frmparkirmasuk frmparkirmasuk=new Frmparkirmasuk(); jDesktopPane1.add(frmparkirmasuk, javax.swing.JLayeredPane.DEFAULT_LAYER); frmparkirmasuk.show();

}

20. Jalankan Program kemudian klik menu Data Parkir Kendaraan Masuk maka akan tampil seperti berikut:

Gambar 1.39 Tampilan Program Data Parkir Kendaraan Masuk

Membuat Desain Form Data Parkir Kendaraan Keluar Sekarang saatnya membuat form data petugas untuk mengetahui siapa petugas yang sedang bertugas. Lakukan beberapa langkah berikut ini:






3. Pada jendela New JInternalFrame Form, isikan Frmparkirkeluar pada kotak isian Class Name, dan Package pilih aplikasiparkirkendaraan, lalu tekan tombol Finish untuk mengakhiri.






Gambar 1.44 Desain Form Data Parkir Kendaraan Keluar

Syntax Program


berikut:



import java.awt.*;


import java.sql.*;

import java.util.Date;

2. Pada bagian public class Frmparkirkeluar extends javax.swing.JInternalFrame tambahkan kode

berikut:

public class Frmparkirkeluar extends javax.swing.JInternalFrame {

Database dbsetting;



/** Creates new form Frmparkirkeluar */

public Frmparkirkeluar() {

initComponents();




jTextEdit

JButton

jTextEdit

JLabel

jButton




}



}









NoPlat.setEnabled(false);

NoTiket.setEnabled(false);

}

3. Buatlah perintah BersihData disembarang tempat yang memiliki space kosong seperti berikut ini:


TglParkir.setText("");

NoTiket.setText("");

IDPetugas.setText("");

NMPetugas.setText("");

NoPlat.setText("");

KodeJenis.setText("");

Jenis.setText("");

Tarif.setText("");

JamMasuk.setText("");

JamKeluar.setText("");

Bayar.setText("");

Sisa.setText("");

}


ActionPerformed.



BersihData();

NoTiket.requestFocus();


NoPlat.setEnabled(true);

NoTiket.setEnabled(true);

}



ActionPerformed.





String JK=JamKeluar.getText();

String BYR=Bayar.getText();

if ((NT.isEmpty())|(NP.isEmpty()|(JK.isEmpty()|(BYR.isEmpty())))) {



}else {

try {




String SQL = "Update tblparkir Set tglparkir='"+TglParkir.getText()+"',"+

"idpetugas='"+IDPetugas.getText()+"',"+

"noplat='"+NoPlat.getText()+"',"+

"kodejenis='"+KodeJenis.getText()+"',"+

"jammasuk='"+JamMasuk.getText()+"',"+

"jamkeluar='"+JamKeluar.getText()+"',"+

"bayar='"+Bayar.getText()+"',"+

"sisa='"+Sisa.getText()+"'"+

"Where notiket='"+NoTiket.getText()+"'";


stt.close();

kon.close();

BersihData();



}

}

}

6. Buatlah kode program padat jtextfield NoPolat klik kanan pilih events -> charet -> charetUpdate

private void NoPlatCaretUpdate(javax.swing.event.CaretEvent evt) {


try {





String SQL = "SELECT * FROM tblparkir where noplat='"+ NoPlat.getText().toString()+"'"+

"and notiket='"+NoTiket.getText().toString()+"'";


res.absolute(1);

TglParkir.setText(res.getString("tglparkir"));

IDPetugas.setText(res.getString("idpetugas"));

KodeJenis.setText(res.getString("kodejenis"));

JamMasuk.setText(res.getString("jammasuk"));

JamKeluar.setText(res.getString("jamkeluar"));

Bayar.setText(res.getString("bayar"));

Sisa.setText(res.getString("sisa"));


}

}

7. Buatlah kode program validasi untuk notiket dengan cara klik kanan pada NoTiket[jTextField] pilih evens

-> Key -> KeyTyped.

private void NoTiketKeyTyped(java.awt.event.KeyEvent evt) {



if(NoTiket.getText().length()>9)

evt.consume();




evt.consume();

}

8. Buatlah kode program validasi angka pada nopol dengan cara klik kanan pada NoPol[jTextField] pilih


private void NoPlatKeyTyped(java.awt.event.KeyEvent evt) {



if(NoPlat.getText().length()>9)

evt.consume();

}







this.dispose();

}

10. Buatlah kode program untuk menampilkan tanggal secara otomatis disembarang tempat yang memiliki

space kosong seperti berikut :

public void TanggalOtomatis(){

Date tanggal = new Date();

JamKeluar.setText(""+ (String.format("%1$tH:%1$tM:%1$tS",tanggal)));

}

11. Buatlah kode program AddNew1 dengan mengklik kanan button AddNew ->evens -> action ->

ActionPerformed

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


TanggalOtomatis();

}



menu Data Parkir Kendaraan Keluar pilih Evens -> Actiom -> ActionPerformed kemudian ketikkan kode

program seperti berikut:

Gambar 1.45 Perintah Evens sub Menu Data Parkir Kendaraan Keluar

private void MenuParkirOUTActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: Frmparkirkeluar frmparkirkeluar=new Frmparkirkeluar(); jDesktopPane1.add(frmparkirkeluar, javax.swing.JLayeredPane.DEFAULT_LAYER); frmparkirkeluar.show(); }


13. Jalankan Program kemudian klik menu Data Parkir Kendaraan Keluar maka akan tampil seperti berikut:

Gambar 1.46 Tampilan Program Data Parkir Kendaraan Keluar

Membuat ToolBar Pada Menu Utama

ToolBar adalah tombol berbentuk ikon atau yang dikenal dengan speed button atau Short Cut

yang biasanya terletak di bawah menu utama. Tombol ini bisa langsung membawa pengguna ke

jendela tertentu hanya dengan sekali klik saja. Sehingga tombol ini hampir pasti ada di setiap

aplikasi. Untuk membuta, masuk dalam form aplikasiparkirkendaraanView dan lakukan

langkah-langkah berikut :

1. Tambahkan JToolBar pada container mainPanel, perhatikan petunjuk berikut.


Gambar 1.47 Menambah ToolBar

Gambar 1.48 Menambah Tombo pada ToolBar

2. Selanjutnya tambahkan JBUtton pada ToolBar (lihat gambar dibawah). Untuk

menampilkan ikon, ubah propertis ikon (klik pada tombol ).

Gambar 1.49 Memilih Icon

Anda bisa mengambil ikon dealm paket/folder yang sudah anda siapkan sebelumnya. Sebagai contoh, sebelumnya telah memasukkan file-file gambar dalam folder icon, file-file icon tersebut bisa dipakai. Tentunya bisa membuat sendiri gambar-gambar ikon yang lebih menarik dan cocok. Pilih define as a Resource (menjadikan sebagai file dalam resource) tidak perlu dipih. Tekan

tombol OK pada jendela icon.


Hapus properti Text pada JButton tersebut, berikan variable namanya

SubMenuJenisKendaraan.

3. Berikan event klik pada jenis kendaraan dengan cara klik kanan, lalu pilih

SubMenuJenisKendaraan -> Events -> Action -> actionPerformed.

Selanjutnya masukkan perintah berikut:

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


Frmjeniskendaraan frmjeniskendaraan=new Frmjeniskendaraan();

jDesktopPane1.add(frmjeniskendaraan, javax.swing.JLayeredPane.DEFAULT_LAYER);

frmjeniskendaraan.show();

}

Gambar 1.50 Tombol pada ToolBar

4. Lakukan hal yang sama untuk membuat tombol Petugas,Kendaraan Parkir Masuk, Kendaraan Parkir Keluar, dan Report. Sehingga toolbar menjadi seperti gambar di atas.

5. Berikut event pada tombol Petugas: private void SubMenuPetugasActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: Frmpetugas frmpetugas=new Frmpetugas(); jDesktopPane1.add(frmpetugas, javax.swing.JLayeredPane.DEFAULT_LAYER); frmpetugas.show();

}

6. Berikut event pada tombol Parkir Kendaraan Masuk: private void SubMenuParkirKendaraanINActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: Frmparkirmasuk frmparkirmasuk=new Frmparkirmasuk(); jDesktopPane1.add(frmparkirmasuk, javax.swing.JLayeredPane.DEFAULT_LAYER); frmparkirmasuk.show(); }

7. Berkut event pada tombol Parkir Kendaraan Keluar:


private void SubMenuParkirKendaraanOUTActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: Frmparkirkeluar frmparkirkeluar=new Frmparkirkeluar(); jDesktopPane1.add(frmparkirkeluar, javax.swing.JLayeredPane.DEFAULT_LAYER); frmparkirkeluar.show(); }

8. Berikut event pada tombol Report: private void SubMenuReportActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: FrmReport frmReport=new FrmReport(); jDesktopPane1.add(frmReport, javax.swing.JLayeredPane.DEFAULT_LAYER); frmReport.show(); }

Sampai saat ini pembuatan aplikasi bisa dikatakan selesai.

MEMBUAT LAPORAN

Jika program aplikasi sudah selesai dibuat, kini giliran kita membuat halaman laporan dari

semua data yang ada. Berikut selengkapnya.

Mengenal JasperReport

JasperReport adalah sebuah tool yang sangat powerfull untuk membuat laporan dalam bentuk

PDF,HTML,XLS,RTF,ODT,CSV,TXT dan XML. Dengan kemampuan dan fleksibilitasnya yang sangat

tinggi, anda bisa membuat berbagai laporan berbentuk Chart, Crosstabs, Subreport, dan

kemampuan lain yang anda butuhkan.

Komponen yang Digunakan Untuk Membuat Report :

Silahkan klik kanan Libraries pilih Add JAR/Folder maka akan tampil seperti berikut:


Gambar 1.51 direktory Add JAR/Folder

Adapun file-file Jasper Report Engine yang harus dipilih adalah sebagai berikut:

Jasperreport-2.0.5.jar pada direktori d:\Aplikasi Parkir

Kendaraan\aplikasiparkirkendaraan\lib

Commons-beanutils-1.7.jar pada direktori d:\Aplikasi Parkir


Commons-collections-2.1.jar pada direktori d:\Aplikasi Parkir


Commons-digester-1.7.jar pada direktori d:\Aplikasi Parkir


Commons-logging-1.0.2.jar pada direktori d:\Aplikasi Parkir


Commons-logging-api-1.0.2.jar pada direktori d:\Aplikasi Parkir


Commons-javaflow-20060411.jar pada direktori d:\Aplikasi Parkir


Jdt-compiler-3.1.1.jar pada direktori d:\Aplikasi Parkir


Setelah anda mengambil semua file yang dibutuhkan seperti diatas maka langkah selanjutnya

anda harus melakukan pengidentifikasian berkas jrxml pada NetBeans dengan cara berikut:

Buka menu tools -> Options, sehingga muncul jendela Options. Pada jendela tersebut

klik Advanced Option, sehingga muncul jendela Advanced Options.


Dalam jendela Advanced Options, perhatikan sebelah kiri, pilih pada node IDE

Configuration -> System -> Object Types -> XML Objects.

Masih pada jendela Advanced Options, lihat jendela bagian kanan. Ada properti

Extensions anda MIME Types, tekan pada tombol… yang ada di sampingnya, sehingga

muncul jendela XML Object – Extensions and MIME Types. Pada kotak isian item,

masukkan jrxml, kemudian tean Add, sehingga jrxml tersebut masuk dalam daftar item

List, lalu klik tombol OK. Dan tutup jendela-jendela Options tersebut.

Gambar 1.52 Berkas yang Dikenali Editor NetBeans

Mengenal IReports IReport adalah sebuah tool yang digunakan untuk membuat desain laporan pada JasperReports. Artinya, dengan fasilitas ini anda bisa membuat report dengan drag and drop, bahkan secara otomatis (wizard). Sama dengan JasperReports, program ini lagi-lagi open source. Pembuat program ini adalah Giulio Toffoli pada tahun 2005. Anda bisa mendapatkan informasi dan distribusi filenya pada alamat http://ireport.sourceforget.net.

Instalasi IReport dan Konfigurasi Databasenya

Untuk menginstal IReport sebelumnya anda harus mempunya file install JasperReport, jika

sudah ada silahkan klik ganda file IReport-nb-0.9.1-windows-installer.exe. ini adalah distribusi

yang mendukung NetBeans. Jadi, sangat memudahkan pengguna NetBeans.


Gambar 1.53 Jendela Permulaan Pemasangan IReport

Gambar 1.54 Jendela Lisensi IReport


Gambar 1.55 Jendela Pemilihan Feature IReport

Gambar 1.56 Jendela Lokasi Program File IReport Silahkan anda lanjutkan dengan mengklik tombol Next dan ikuti semua dialognya sampai selesai. Jalankan program iReport dengan cara masuk ke dalam Start menu Windows. Pilih JasperSoft -> iReport-nb-0.9.1 -> iReport-nb-0.9.1, sehingga muncul jendela pembuka seperti pada gambar berkut diikuti dengan halaman utama


Gambar 1.57 Jendela Splash Screen IReport

Gambar 1.58 Tampilan IReport

Setelah tampil jendela menu iReport anda harus memanggil koneksi mysql-connector-java-5.1.6-bin dengan cara klik Tools -> Options -> classpath klik tombol Add JAR silahkan anda ambil komponen mysql-connector-java-5.1.6-bin seperti gambar berikut:


Gambar 1.59 Tampilan Add JAR/Path to the classpath

Gambar 1.60 Tampilan Komponen yang sudah dipanggil

Gambar di atas adalah jendela iReport pertama kali. Sebelum membuat laporan, buatlah dulu

sebuah koneksi agar bisa membuka database anda. Dengan cara: pilih menu Tool -> Report

Datasource, sehingga muncul jendela seperti gambar berkut.


Gambar 1.61 Jendela Daftar Konfigurasi Koneksi

Selanjutnya tekan tombol New pada sebelah kanan, sehingga muncul jendela seperti gambar berikut.

Gambar 1.62 Pemilihan JDBC

Selanjutnya, pilih Database JDBC dan klik tombol Next, Sehingga muncul jendela seperti pada gambar berikut.


Gambar 1.63 Pengisian Konfigurasi Database

Untuk memastikan hasil dari koneksi database yang sudah dibuat klik tombol Test jika benar maka akan tampil seperti gambar dibawah:

Gambar 1.64 Testing Koneksi Database


Membuat Laporan Setelah anda selesai membuat koneksi database langkah selanjutnya silahkan anda membuat laporan seperti berikut

1. Klik File -> Report Wizard maka akan tampil seperti gambar dibawah :

Gambar 1.65 Tampilan New Report

2. Ubahlah Report Name dan Location untuk menentukan dimana anda akan meletakkan laporan.

3. Kemudian Klik tombol Next untuk melanjutkan perintah seperti gambar dibawah:

Gambar 1.66 Tampilan New Report steps 2


4. Ubahlah Connection / Data Source sesuai dengan koneksi yang anda buat , kemudian silahkan anda is Query seperti gambar dibawah ini:

Gambar 1.67 Tampilan Query

5. Klik tombol Next maka akan tampil seperti gambar dibawah ini:

Gambar 1.68 Tampilan Hasil Query


6. Klik tombol Next seperti Gambar dibawah :

Gambar 1.69 Tampilan Hasil Query

7. Klik tombo Next dan silahkan anda isi Group1 dengan notiket dan Group2 dengan noplat seperti gambar dibawah :

Gambar 1.70 Tampilan Group Report

8. Klik tombol Next maka akan tampil pilihan Layout/jenis report yang anda inginkan seperti gambar dibawah ini:


Gambar 1.71 Tampilan Layout Report

Gambar 1.72 Tampilan Report

9. Untuk melihat hasil tekan Preview maka akan tampil seperti gambar dibawah ini:


Gambar 1.73 Tampilan Report Preview

10. Setelah selesai membuat report yang pertama silahkan anda membuat report kedua, untuk report yang kedua kita tidak menggunakan report wizard tetapi kita akan coba membuat report secara manual.

11. Klik File -> New Empty Report maka akan tampil seperti gambar dibawah ini:

Gambar 1.74 Tampilan New Report

12. Isilah Report Name dan Location sama seperti anda membuat report yang pertama kemudian klik tombol Next maka akan tampil seperti gambar dibawah ini:


Gambar 1.75 Tampilan New Report Kosong

13. Kemudian setelah tampil report kosong tekan icon sebelah Preview kemudian isikan Query seperti gambar dibawah ini:

Gambar 1.76 Tampilan Query


14. Setelah selesal silahkan anda masuk ke Report Inspector kemudian anda pilih Parameter klik kanan pilih Add Parameter setelah terbentuk Parameter1 silahkan anda ubah dengan cara meRename kemudian anda ubah menjadi NoTiket setelah selesai anda mengubah nama parameter silahkan anda anda pilih Propertis pilih Default Value Expression kemudian anda isikan angka sesua dengan notiket yang sudah anda simpan kedatabase. Kemudian silahkan anda disain seperti gambar dibawah ini:

Gambar 1.77 Tampilan Report

15. Klik File -> New Empty Report maka akan tampil seperti gambar dibawah ini:

Gambar 1.78 Tampilan Report Preview


Membuat Desain Form Report Sekarang saatnya membuat form report untuk mengetahui siapa petugas yang sedang bertugas. Lakukan beberapa langkah berikut ini:





3. Pada jendela New JInternalFrame Form, isikan Frmreport pada kotak isian Class Name, dan Package pilih aplikasiparkirkendaraan, lalu tekan tombol Finish untuk mengakhiri.






Gambar 1.78 Desain Form Data Report

Syntax Program


berikut:


import java.util.HashMap;

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;

import java.io.File;

import java.sql.Connection;

import java.sql.DriverManager;


import java.awt.*;


import java.sql.*;

import javax.swing.JOptionPane;

jButton

jButton

JLabel

jButton


2. Pada bagian public class FrmReport extends javax.swing.JInternalFrame tambahkan kode

berikut:

public class FrmReport extends javax.swing.JInternalFrame {

Database dbsetting;



/** Creates new form FrmReport */

public FrmReport() {

initComponents();






}



}









}

3. Buatlah kode program CetakALL dengan mengklik kanan button AddNew ->evens -> action ->

ActionPerformed.

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


try{

String NamaFile="src/report/RptParkirAll.jasper";

HashMap parameter = new HashMap();


Connection con = DriverManager.getConnection(database,user,pass);

File reportfile = new File(NamaFile);

JasperReport jasperReport =(JasperReport)JRLoader.loadObject(reportfile.getPath());

JasperPrint jasperPrint =JasperFillManager.fillReport(jasperReport, parameter, con);

JasperViewer.viewReport(jasperPrint,false);


JasperViewer.setDefaultLookAndFeelDecorated(true);

} catch (Exception e) {

JOptionPane.showMessageDialog(null, "Data tidak dapat dicetak !",

"Cetak Data",JOptionPane.ERROR_MESSAGE);

}

}

4. Buatlah kode program CetakKode dengan mengklik kanan button AddNew ->evens -> action ->

ActionPerformed.

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


try{

String NamaFile="src/report/RptParkirPerkode.jasper";

HashMap parameter = new HashMap();

parameter.put("NoTiket",NoTiket.getText());


Connection con = DriverManager.getConnection(database,user,pass);

File reportfile = new File(NamaFile);

JasperReport jasperReport =(JasperReport)JRLoader.loadObject(reportfile.getPath());

JasperPrint jasperPrint =JasperFillManager.fillReport(jasperReport, parameter, con);

JasperViewer.viewReport(jasperPrint,false);

JasperViewer.setDefaultLookAndFeelDecorated(true);

} catch (Exception e) {

JOptionPane.showMessageDialog(null, "Data tidak dapat dicetak !",

"Cetak Data",JOptionPane.ERROR_MESSAGE);

}

}

5. Buatlah kode program Close dengan mengklik kanan button AddNew ->evens -> action ->

ActionPerformed.



this.dispose();

}

Education

Pemrograman berorientasi-objek