bab ii perancangan aplikasi · nama database :rental_mobil. 33 3. setelah membuat database baru,...

32

BAB II

PERANCANGAN APLIKASI

2.1. Rancangan Database

Sebelum merancang aplikasi Penyewaan Mobil hal pertama yang harus dilakukan adalah membuat database seperti berikut :

A. Database Penyewaan Mobil 1. Buka browser kemudian ketikkan alamat

URL:http://localhost///phpmyadmin. Halaman in bisa di akses dengan menggunakan web server local.

2. Untuk membuat database baru. Klik tab Basis Data. Kemudian ketikkan nama database di kolom “Buat basis data”, lalu klik tombol “Buat” . Nama database :rental_mobil

http://localhost/phpmyadmin

33

3. Setelah membuat database baru, maka akan terlihat daftar tabel

yang masih kosong.

B. Tabel

Setelah masuk ke dalam database “rental_mobil”, maka kita ketikkan nama tabel beserta jumlah kolom yang ada pada tabel. Lalu klik tombol “Kirim”.

Tabel “tb_admin” :

Field Name Type Size Keterangan

id_admin Varchar 7 Primary Key

nama Varchar 15

34

alamat Varchar 30

username Varchar 10

password Varchar 13

Isi tabel tb_admin sesuai dengan tabel di atas lalu klik tombol “Simpan”.

Untuk tabel selanjutnya lakukan langkah seperti contoh di atas.

Tabel “tb_penyewa” :


id_penyewa Varchar 6 Primary Key

No_ktp Varchar 18

alamat Varchar 30

nama_penyewa Varchar 15

no_telp Varchar 13

Tabel “tb_supir” :


id_supir Varchar 7

nama Varchar 15

alamat Varchar 30

harga Int

35

no_ktp Varchar 18

no_telp Varchar 13

status Enum “TERSEDIA”,“TIDAK TERSEDIA”

Tabel “tb_mobil” :


kd_mobil Varchar 7

nama_mobil Varchar 10

no_polisi Varchar 10

sewa_hari Int

stok_mobil Int

warna Varchar 10

Status Enum “TERSEDIA”,”TIDAK TERSEDIA”

Tabel “tb_sementara” :


kd_mobil Varchar 7


Jumlah Int 25

sewa_hari Int 25

lama_hari Int 25

subtotal Int 25

Tabel “tb_transaksi_penyewaan”:


id_admin Varchar 6

id_penyewa Varchar 5

36

id_supir Varchar 6

no_sewa Varchar 13 PrimaryKey

sisa_pembayaran Int 25

tgl_kembali Date

tgl_sewa Date

Tgl_transaksi Date

Total_pembayaran Int 25

Dp_pembayaran Int 25

Tabel “tb_transaksi_sementara_penyewaan” :


id_admin Varchar 7


id_supir Varchar 7

no_sewa Varchar 13 PrimaryKey

sisa_pembayaran Int 25

tgl_kembali Date

tgl_sewa Date

Tgl_transaksi Date

Total_pembayaran Int 25

Dp_pembayaran Int 25

Tabel “tb_detail_penyewaan”:


kd_mobil Varchar 7

Lama_hari Int 25


No_sewa Varchar 13

37

Sewa_hari Int 25

Jumlah Int 25

subtotal Int 25

Tabel “tb_transksi pengembalian” :


id_admin Varchar 7


uang_pembayaran Int 25

no_pengembalian Varchar 11 PrimaryKey

no_sewa Varchar 13

denda Int 25

Tgl_transaksi Date

2.2. Rancangan Form Master

A. Membuat Project Penyewaan Mobil

1. Buka program aplikasi Netbeans, Klik menu File – New Project – pilih Java Application – Next.

2. a. Isi Project Name : RENTALMOBIL

38

b. Pilih tempat penyimpanan <Browser>

c. Finish

3. Membuat Package.

a. Klik kanan pada Source Packages – New – Java Package

b. Isi Package Name dengan : tampilan

39

c. Klik Finish

B. Merancang Class Koneksi

Class koneksi digunakan sebagai penghubung antara database dengan form aplikasi yang kita buat.

Langkah – langkah untuk membuat class koneksi :

1. Klik kanan pada package tampilan – New – Java Class

2. Beri nama class : koneksi

3. Package : tampilan

4. Finish

40

5. Ketikkan Source code berikut :

6. Tambahkan Libraries untuk bisa terhubung ke database. Klik kanan pada Libraries – Add Library- Pilih MySQL JDBC Driver – Add Library.

41

C. Merancang Form Login

Langkah – langkah membuat form login adalah sebagai berikut :

1. Klik kanan pada tampila – New – Jframe Form.

2. Isi Class Name : HalamanUtama – Finish.

42

3. Buat design form login sebagai berikut.

No Komponen Properties

1. JTextField Nama Variabel : tuser Text : (kosongkan)

2. JPasswordField Nama Variabel : tpass Text : (kosongkan)

3. JTextField Nama Variabel : tlevel

43

Text :(kosongkan)

4. JButton Nama Variabel : btlogin Text : Login

5. JButton Nama Variabel : btcancel Text : Cancel

Logika jalannya program :

1) Saat pertama running semua textfield aktif.

2) Masukkan username dan password admin, tekan Login untuk masuk ke Menu Utama.

3) Atau tekan Batal untuk membatalkan akses program Penyewaan Mobil Laris Jaya @ Rent Car

4. Masukkan Codingan Import pada jendela coding

5. Masukkan source code berikut untuk login ke program Penyewaan Mobil Laris Jaya @ Rent Car.

44

6. Events – Windows – Windows Opened, ketikan source code berikut:

(menghubungkan ke database)

7. Klik kanan pada BtnLogin, pilih Events – Mouse – Mouse Clicked, ketikan source code berikut:

8. Klik kanan pada BtnBatal, pilih Events – Action – Action Performed, ketikan source code berikut:

45

9. Klik kanan pada tUser, pilih Events – Action Performed, ketikan source code berikut :

D. Merancang Form Menu Utama

Running Form Menu Utama :

Langkah – langkah membuat form menu utama adalah sebagai berikut :

1. Klik kanan pada tampilan – New – Jframe Form.

46

2. Isi Class Name : Menu Utama – Finish.

3. Desain tampilan Form Menu Utama seperti dibawah ini :

Desain Menu diatas :


1. JmenuBar Nama Variabel : jmenu1, jmenu2, jmenu3, jmenu4

47

2. Jlabel Nama Variabel : jlabel3

Text : Id Admin


Text : Nama Admin


Text : Level


Text : Rental Mobil Laris Jaya


Icon : Mobil2.jpg

4. Tambahkan coding dibawah ini :

48

5. Klik Kanan pada Form menu utama, pilih Events – Windows – Windows Opened, ketik source code dibawah ini:

6. Pilih jMenu1, pilih jmenuGantiPassword – Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

7. Pilih jMenu1, pilih jmenuExit - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

8. Pilih jMenu1, pilih jmenucadangkandata - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

9. Pilih jMenu2, pilih jmenuDataPenyewa - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

10. Pilih jMenu2, pilih jmenuDataMobil - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

11. Pilih jMenu2, pilih jmenuDataSupir - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

49

12. Pilih jMenu2, pilih jmenuDataAdmin - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

13. Pilih jMenu3, pilih jmenuPenyewaan - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

14. Pilih jMenu3, pilih jmenuPengembalian - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

15. Pilih jMenu4, pilih jmenuLaporanMobil - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

50

16. Pilih jMenu4, pilih jmenuLaporanPenyewa- Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

17. Pilih jMenu4, pilih jmenuLaporanSupir - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

18. Pilih jMenu4, pilih jmenu LaporanPeminjaman – Pilih sub menu menyeluruh- Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

51

19. Pilih jMenu4, pilih jmenuPeriodePeminjaman – Pilih sub menu Per periode - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

20. Pilih jMenu4, pilih jmenuLaporanPengembalian – Pilih sub menu Laporan Menyeluruh - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

21. Pilih jMenu4, pilih jmenuLaporanPengembalian – Pilih sub menu Per periode - Klik Kanan – Pilih Events – Action – actionPerformed, ketik source code dibawah ini :

52

E. Merancang Form Master

Running form master :

Langkah – langkah membuat form master adalah sebagai berikut :

1. Klik kanan pada tampilan – New – JinternalFrame Form.

2. Isi Class Name : Penyewa – Finish.

3. Buat design form master sebagai berikut :

53


1. JtextField Nama Variabel : tid

Text : (kosongkan)

2. JtextField Nama Variabel : tnama

Text : (kosongkan)

3. JtextField Nama Variabel : tno

Text : (kosongkan)

4. JtextField Nama Variabel : talamat

Text : (kosongkan)

5. JtextField Nama Variabel : ttelp

Text : (kosongkan)

6. Jbutton Nama Variabel : bttambah

Text : Tambah

7. Jbutton Nama Variabel : btsimpan

Text : Simpan

8. Jbutton Nama Variabel : btubah

Text : Ubah

9. Jbutton Nama Variabel : bthapus

Text : Hapus

10. Jbutton Nama Variabel : btbatal

Text : Batal

11. JTextfield Nama Variabel : tcari Text : (Kosongkan)

12. JButton Nama Variabel :btcari Text : Cari

13. Jtabel Nama Variabel : tbl_penyewa

Text : (kosongkan)


1. Saat pertama running semua Textfield nonaktif, kecuali kolom cari dan tabel data penyewa tampil di grid. Tambah dan Batal aktif.

54

2. Tekan tambah semua textfield dan button aktif.

3. Isi field yang ada di form setelah selesai pilih tombol simpan. Jika masih ada field yang kosong, maka akan ada notif ‘Data Belum Lengkap’.

4. Jika ingin mengubah data Penyewa klik pada data yang ingin di ubah, ubah data penyewa yang muncul di form, setelah selesai pilih tombol Ubah.

5. Jika ingin menghapus maka klik data penyewa yang akan di hapus, pilih tombol Hapus.

6. Jika tidak ingin mengisi data penyewa pilih tombol Batal, maka akan kembali ke halaman Menu Utama.

4. Masukkan codingan import pada jendela coding

5. Masukkan source code method – method dibawah ini pada tampilan listing.

57

6. Klik kanan pada tid, pilih Events – KeyPressed, ketikan source code berikut :

7. Klik kanan pada tNama, pilih Events – KeyPressed, ketikan source code berikut :

8. Klik kanan pada tNo, pilih Events – KeyPressed, ketikan source code berikut :

9. Klik kanan pada tAlamat, pilih Events – KeyPressed, ketikan source code berikut :

10. Klik kanan pada tNotelp, pilih Events – KeyPressed, ketikan source code berikut :

58

11. Klik kanan pada tCari, pilih Events – KeyPressed, ketikan source code berikut :

12. Klik kanan pada tbl_penyewa, pilih Events – KeyPressed, ketikan source code berikut :

13. Klik kanan pada tbl_penyewa, pilih Events – Mouse – MouseClicked ketikan source code berikut :

14. Klik kanan pada form_penyewa, pilih Events – Window - WindowActived, ketikan source code berikut :

15. Klik kanan pada bttambah, pilih Events – ActionPerformed, ketikan source code berikut :

16. Klik kanan pada btsimpan, pilih Events – ActionPerformed, ketikan source code berikut :

59

17. Klik kanan pada btubah, pilih Events – ActionPerformed, ketikan source code berikut :

18. Klik kanan pada bthapus, pilih Events – ActionPerformed, ketikan source code berikut :

19. Klik kanan pada btbatal, pilih Events – ActionPerformed, ketikan source code berikut :

20. Klik kanan pada btcari, pilih Events – ActionPerformed, ketikan source code berikut :

2.3. Rancangan Form Transaksi

Running form transaksi penyewaan

60

1. Klik kanan padda tampilan – New -JFrame Form.

2. Isi Class Name : Trans_Penyewaan – Finish.

3. Buat Design Form menu utama seperti berikut :


1. JTextfield Nama Variabel : tNoTrans

Text : (kosongkan)

2. Jtextfield Nama Variabel : tTanggal

Text : (kosongkan)

3. JTextfield Nama Variabel : Jtextfield2

Text : (kosongkan)

4. JTextfield Nama Variabel : txtId

Text : (kosongkan)

5. JButton Nama Variabel : JButton6

Text : (kosongkan)

6. JTextfield Nama Variabel : txtNama

Text : (kosongkan)

7. JTextfield Nama Variabel : txtAlamat

Text : (kosongkan)

8. Jtextfield Nama Variabel : txtNo

Text : (kosongkan)

61


Text : (kosongkan)

10. JCalender Nama Variabel : tPinjam

Text : (kosongkan)

11. JCalender Nama Variabel : tKembali

Text : (kosongkan)

12. RadioButton Nama Variabel : rMember

Text : YA

13. RadioButton Nama Variabel : rNomember

Text : Tidak

14. JTextfield Nama Variabel : txtIdS

Text : (kosongkan)


Text : (kosongkan)

16. JTextfield Nama Variabel : txtNamaS

Text : (kosongkan)

17. JTextfield Nama Variabel : txtHargaS

Text : (kosongkan)


Text : (kosongkan)


Text : (kosongkan)


Text : (kosongkan)


Text : (kosongkan)


Text : (kosongkan)

23. JTextfield Nama Variabel : txtDp

Text : (kosongkan)

62

24. JTextfield Nama Variabel : txtSisa

Text : (kosongkan)

25. JTextfield Nama Variabel : sbTotal

Text : (kosongkan)


Text : Tambah


Text : Sementara


Text : Simpan

29. JTable Nama Variabel : tblPemesanan


1. Saat pertama running semua Textfield nonaktif, kecuali Button Tambah.

2. Tekan button tambah Id Penyewa, Radio Button, button Id Supir, Button Kode Mobil menjadi aktif, tombol Sementara dan Simpan aktif.

3. Isi button yang aktif pada form penyewaan maka data akan otomatis terisi.

4. Klik button sementara textfield uang muka aktif. Setelah klik button sementara maka data penyewaan akan tampil di grid.

5. Pilih button Simpan untuk menyimpan data penyewaan lalu muncul Nota Penyewaan.

4. Masukkan codingan import pada jendela coding.

63


64

6. Klik kanan pada rmember, pilih Events – Action – ActionPerformed, ketikan source code berikan :

7. Klik kanan pada rnomember, pilih Events – Action – ActionPerformed, ketikan source code berikan :

8. Klik kanan pada txtdp, pilih Events – KeyReleased, ketikan source code berikan :

9. Klik kanan pada tpinjam, pilih Events – Property – PropertyChange, ketikan source code berikan :

10. Klik kanan pada tkembali, pilih Events – Property – PropertyChange, ketikan source code berikan :

65

11. Klik kanan pada Jbutton1, pilih Events – Action –ActionPerformed, ketikan source code berikan :



66


67



17. Klik kanan pada FormTrans_Penyewaan, pilih Events – Window –WindowOpened, ketikan source code berikan :

68

18. Klik kanan pada FormTrans_Penyewaan, pilih Events – Window –WindowActivated, ketikan source code berikan :

70

Running form Transaksi Pengembalian

1. Klik kanan pada tampilan – New – JframeForm. 2. Isi Class Name : Trans_Pengembalian – Finish. 3. Buat Design form menu utama seperti berikut



Text : (kosongkan)

2. Jtextfield Nama Variabel : Jtextfield2

Text : (kosongkan)

3. JTextfield Nama Variabel : tTanggal

Text : (kosongkan)

4. Combo Box Nama Variabel : tr

71

Text : No Sewa


Text : (kosongkan)

6. JTextfield Nama Variabel :Jtextfield5

Text : (kosongkan)

7. JCalender

Nama Variabel : JDateChooser1

Text : (kosongkan)

8. Combo Box Nama Variabel : cmb

Text : Status Pengembalian

9. JTextfield Nama Variabel : hrg

Text : (kosongkan)

10. JCalender

Nama Variabel : JDateChooser2

Text : (kosongkan)

11. JTextfield Nama Variabel :Jtextfield9

Text : (kosongkan)


Text : (kosongkan)


Text :(kosongkan)


Text : (kosongkan)


Text : Tambah


Text : Simpan


Text : Cancel

18. JTable Nama Variabel : tblDetailPemesanan

72

Logika jalannya Program :

1) Saat pertama running semua textfield nonaktif aktif kecuali Textfield No Sewa, Jcalender, dan button Tambah.

2) Tekan button tambah maka ID Admin, No pengembalian, dan tanggal transaksi muncul secara otomatis dan button Simpan dan Cancel aktif.

3) Isi semua field yang aktif lalu klik button Simpan. 4) Setelah klik button simpan maka secara otomatis data

pengembalian akan hilang.

4. Masukkan Codingan import pada jendela coding.

5. Masukkan Source Code method – method dibawah ini pada tampilan listing.

74

6. Klik kanan pada tr, pilih Events – Action – ActionPerformed, ketikan source code berikut :

75

7. Klik kanan pada cmb, pilih Events – Action – ActionPerformed, ketikan source code berikut :

8. Klik kanan pada JButton1, pilih Events – Action – ActionPerformed, ketikan source code berikut :

9. Klik kanan pada JButton2 pilih Events – Action – ActionPerformed, ketikan source code berikut :

76

10. Klik kanan pada JButton3 pilih Events – Action – ActionPerformed, ketikan source code berikut :

11. Klik kanan pada Form Trans_Pengembalian, pilih Events – Window – WindowActivated, ketikan source code berikut :

2.4. Rancangan Laporan

Dalam pembuatan laporan pada Java diperlukan plugin tambahan, yaitu iReport. iReport atau yang dikenal juga dengan nama Jasper Report adalah plugin milik IDE Netbeans, yang dapat digunakan secara bebas karena bersifat Open Source.

A. Persiapan Pembuatan Laporan

Sebelum kita memulai pembuatan laporan, kita perlu mendownload plugin iReport dan membutuhkan library Jar untuk memnaggil dan menampilkan iReport.

Langkah – langkah dalam instalasi Plugin iReport di Netbeans adalah sebagai berikut :

1. Jalankan Netbeans, pilih menu Tools – Plugins. 2. Pilih tab Downloadead – Add Plugins. 3. Cari hasil dwonload iReport, pastikan sudah mengekstrak Plugin

iReport. 4. Pilih semua file *.nbm yang ada didalam folder Plugin iReport, klik

Open.

77

5. Setelah semua masuk seperti di bawah ini, klik Install. Jika proses telah selesai biarkan Netbeans untuk restart.

B. Membuat Laporan iReport

1. Setelah kita selesai menginstal iReport, maka akan muncul jendela Welcome Window.

78

2. Pada jendela Welcome Window klik gambar step 1 (DataSource) untuk membuat DataSource baru yang digunakan koneksi laporan ke database.

3. Pilih Database JDBC Connection – Next.

79

4. Isi data seperti di bawah ini, klik test sebelum melakukan penyimpanan (Save).

5. Setelah selesai membuat DataSource untuk koneksi laporan ke Database, langkah berikutnya adalah membuat laporan dengan iReport. Buka jendela Welcome Window, klik gambar step 2.

80

6. Pilih template sesuai keinginan kita(disini kami pilih Cherry, desain sudah ada tinggal edit sesuai keinginan) – pilih Launch Report Wizard.

7. Beri nama report dan atur tempat penyimpanan nya. Masukan kedalam package laporan. Nama report: lap_penyewa – klik next.

81

8. Tuliskan Query yang dibutuhkan. Karena kita akan menampilkan laporan data penyewa, maka kita tuliskan query dengan “select*from penyewa” – klik Next.

9. Pilih field yang akan ditampilkan – klik Next.

10. Pada jendela GroupBy klik Next saja. Setelah itu klik Finish.

11. Masukkan field yang ingin di tampilkan ke laporan (drag ke dalam desain report). Karena kita tadi di awal pilih template yang sudah di

82

desain oleh Netbeans, maka semua field sudah masuk ke desain report tanpa kita atur. Jika ingin ada yang diubah maka masukkan field dengan cara di drag ke dalam desain report. Atau jika ingin menghapus field caranya pilih field yang ingin dihapus, tekan delete.

12. Silahkan desain report seperti di bawah ini :

13. Klik Preview jika ingin melihat hasil reportnya

83

C. Membuat Form Laporan

Running Form Laporan

1. Klik kanan pada tampilan – New – Jframe Form.

2. Isi Class Name : Periode_Peminjaman – Finish.

3. Buat design formPeriodePeminjaman seperti berikut.

84


1. JLabel Nama Variabel : jLabel1

Text : Dari Tanggal


Text : Sampai Tanggal

3. JCalender Nama Variabel : dctglawal

Text : (kosongkan)

4. JCalender Nama Variabel : dctglakhir

Text : (kosongkan)


Text : Cetak


1) Saat pertama running semua Jcalender dan button Cetak aktif. 2) Jika ingin mencetak laporan pilih Jcalender dari tanggal dan

sampai tanggal. 3) Pilih tombol cetak untuk melihat laporan penyewaan

4. Masukkan Codingan import pada jendela coding


85

6. Klik kanan pada JButton1, pilih Events – Action – ActionPerformed, ketikan source code berikut :

2.5. Rancangan Backup Data / Keamanan Data

Running form Backup Data

1. Klik kanan pada tampilan - New – Jframe Form.

2. Isi Class Name : CadangkanData – Finish.

3. Buat design form menu backup data sebagai berikut :

86


1. JLabel

Nama Variabel : jLabel1

Text : Backup dan Restore Database MySQL


Text : BackupData


Text : Pilih Lokasi Backup


Text : Lokasi Backup


Text : Rstore Data


Text : Pilih Lokasi Restore


Text : Lokasi Restore

87

8. JLabel

Nama Variabel : btnLokasiBackup

Text : Pilih file

9. JTextfield Nama Variabel : tLokasiBackup

Text : (kosongkan)

10. JButton Nama Variabel : btnBackup

Text : Backup

11. JButton

Nama Variabel : btn Lokasi Restore

Text : Pilih file

12. JTextfield Nama Variabel : tLokasiRestore

Text : (kosongkan)

13. JButton Nama Variabel : btnRestore

Text : Restore

14. JButton Nama Variabel : btnClose

Text : Tutup


1) Saat pertama running semua textfield aktif. Tombol Backup dan Restore aktif.

2) Jika ingin membackup atau mencadangkan data, klik tombol pilih file dibagian Backup Data. Pilih lokasi penyimpanan backup data, buat nama file yang nantinya akan tersimpan otomatis dengan extention file “.sql”. Setelah selesai, klik tombol Backup.

3) Dan jika ingin merestore atau mengembalikan data, klik tombol Pilih File dibagian Restore Data. Pilih lokasi penyimpanan data yang sudah dibackup sebelumnya dengan file extention “.sql”, Klik Restore.

4) Jika ingin membatalkan backup atau restore data, klik tombol Tutup untuk keluar dari form cadangkan data, dan akan kembali ke halaman Menu Utama.

4. Masukkan Codingan Import pada jendela coding.

88

5. Klik kanan pada btnLokasiBackup, pilih Events – Action – ActionPerformed, ketikan source code berikut :

6. Klik kanan pada btnBackup, pilih Events – Action – ActionPerformed, ketikan source code berikut :

7. Klik kanan pada btnLokasiRestore, pilih Events – Action – ActionPerformed, ketikan source code berikut :

8. Klik kanan pada btnRestore, pilih Events – Action – ActionPerformed, ketikan source code berikut :

9. Klik kanan pada btntutup, pilih Events – Action – ActionPerformed, ketikan source code berikut :

bab ii perancangan aplikasi · nama database :rental_mobil. 33 3. setelah membuat database baru,...

Documents