BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :

Transkripsi

1 BAB III IMPLEMENTASI 3.1 Program Penghubung Database Program penghubung database tersebut disimpan dengan nama konek.php. Berikut merupakan kode program penghubung Database : <?php $conn=mysql_connect("localhost","root","root"); $db=mysql_select_db("rental_mobil");?> Pada kode Program diatas yang digunakan untuk menghubungkan program php dengan database yang ada pada localhost MySQL. 3.2 Implementasi Sistem Setelah sistem selesai dianalisis dan di desain secara rinci maka langkah selanjutnya yang akan dilakukan adalah pengimplementasian atau penerapan sistem. Pada tahap ini merupakan kode program inti dari sistem yang di kembangkan berdasarkan hasil perancangan sistem. 3.3 Pelaksanaan Program Halaman Utama Halaman utama ini adalah dimana halaman awal ditampilkan, yang ditampilkan di halaman utama ini adalah dua buah link yang masing masing akan menuju ke login admin untuk masuk ke halaman admin dan login petugas untuk masuk ke halaman petugas. Berikut ini adalah tampilan dari halaman utama : 26

2 Gambar 3.1 Halaman Utama Halaman Login Petugas Halaman login petugas adalah dimana user petugas menginputkan username dan password untuk masuk menuju ke halaman menu Petugas. Berikut ini adalah tampilan dari halaman login petugas : Gambar 3.2 Form Login Petugas Untuk dapat menggunakan aplikasi tersebut, maka setiap petugas harus melakukan login terlebih dahulu dengan menggunakan username dan password. Jika pada saat login isian username dan password salah, maka akan muncul pesan, seperti gambar berikut : 27

3 Gambar 3.3 Peringatan Login Gagal Halaman Menu Petugas Halaman menu petugas merupakan halaman yang digunakan oleh petugas yang sudah melakukan login untuk dapat masuk ke halaman ini. Halaman ini berisi menu home, input data sewa mobil, input pengembalian mobil, stok mobil dan pembatalan peminjaman. Berikut tampilan dari menu home petugas : Gambar 3.4 Halaman Menu Petugas 28

4 3.3.4 Halaman Stok Mobil Halaman ini digunakan petugas untuk melihat stok mobil yang masih ada di rental mobil ini. tampilan lihat stok mobil sebagai berikut : Gambar 3.5 Halaman Stok Mobil Halaman Input Data Penyewa Halaman input data penyewa digunakan petugas untuk menginputkan data penyewa ke dalam database, berikut tampilannya : Gambar 3.6 Halaman input data penyewa 29

5 3.3.6 Halaman Input Data Peminjaman Mobil Pada halaman isi data peminjaman ini petugas dapat melakukan input data peminjaman mobil ke dalam database. tampilannya adalah sebagai berikut : Gambar 3.7 Halaman input data peminjaman mobil Pada form di atas setelah dilakukan penyimpanan, selanjutnya petugas di arahkan ke halaman bukti penyewaan mobil, tampilannya sebagai berikut : Gambar 3.8 Nota Peminjaman 30

6 3.3.7 Halaman Input Data Pengembalian Mobil Halaman input data pengembalian mobil digunakan oleh petugas untuk menginputkan data pengembalian mobil ke dalam database. Tampilannya sebagai berikut : Gambar 3.9 input data pengembalian mobil Halaman Pembatalan Sewa Halaman ini digunakan petugas untuk membatalkan sewa mobil yang telah di inputkan. tampilan Pembatalan Sewa sebagai berikut : Gambar 3.10 Halaman Pembatalan Sewa 31

7 3.3.8 Halaman Login Admin Halaman login admin adalah dimana user admin menginputkan username dan password untuk masuk menuju ke halaman menu admin. Berikut ini adalah tampilan dari halaman login admin : Gambar 3.11 Halaman Login Admin Untuk dapat menggunakan aplikasi tersebut, maka admin harus melakukan login terlebih dahulu dengan menggunakan username dan password. Jika pada saat login isian username dan password salah, maka akan muncul pesan, seperti gambar berikut : Gambar 3.12 Peringatan Login Gagal 32

8 3.3.9 Halaman Menu Admin Halaman ini merupakan halaman utama admin yang berisi menu antara lain menu input, menu edit, menu laporan. Berikut tampilan dari halaman menu admin : Gambar 3.13 Halaman Menu Admin Halaman Input Merk Pada menu input merk ini digunakan untuk menampilkan form input merk, dimana melalui form ini admin dapat menginputkan data merk ke dalam database. Berikut tampilan formnya : Gambar 3.14 Halaman input Merk 33

9 Halaman Input Mobil Pada menu input mobil ini digunakan untuk menampilkan form input mobil, dimana melalui form ini admin dapat menginputkan data mobil ke dalam database. Berikut tampilan formnya : Gambar 3.15 Halaman Input Mobil Halaman Input Supir Pada menu input supir ini digunakan untuk menampilkan form input supir, dimana melalui form ini admin dapat menginputkan data supir ke dalam database. Berikut tampilan formnya : Gambar 3.16 Halaman Input Supir 34

10 Tampilan Laporan Peminjaman Per Kd_Pinjam Laporan peminjaman per kode pinjam merupakan hasil cetakan daftar peminjaman mobil yang di tampilkan berdasarkan kode pinjam yang di pilih, pada laporan ini berisi Nama Penyewa, Kd Mobil, Nama Supir, Deposit, Jumlah Hari, Tgl Sewa, Tgl Kembali, Nama Petugas, dan Total Biaya. Kode program : <?php include "konek.php"; $kd_pinjam=kd_pinjam; $result = mysql_query("select * from pinjam where kd_pinjam='$kd_pinjam'");?> <div id="main"> <a name="templateinfo"></a> <table border="0" align=center> <form action="administratormenu.php? page=lappinjam_perkdpinjam" name="form1" method="post"> <tr><td></td></tr> <tr> <td> <label>kd_pinjam </td><td>:<label> <input name="kd_pinjam" value="" type="text" size="20" /> <input type="submit" name="submit" value="tampilkan"></td></tr> <br/> <br/> </form> </table> <br /> </div> </div> 35

11 Berikut tampilan laporan peminjaman per kode pinjam: Gambar 3.17 Tampilan laporan peminjaman per kd_ pinjam Tampilan Laporan Peminjaman Per Hari Laporan peminjaman Per hari merupakan hasil cetakan daftar peminjaman mobil yang di tampilkan berdasarkan hari, bulan dan tahun yang di maksud, pada laporan ini berisi Tgl Pesan, Tgl Sewa, Tgl Kembali, Kode Pinjam, Tanggungan, Deposit, Kd mobil, Jumlah Hari dan Total Biaya. Berikut tampilan laporan peminjaman per hari: Gambar 3.18 Tampilan laporan peminjaman perhari 36

12 Tampilan Laporan Pengembalian Per Kd_Pinjam Laporan pengembalian per kd pinjam merupakan hasil cetakan daftar pengembalian mobil yang di tampilkan berdasarkan kode pinjam yang di pilih, pada laporan ini berisi Kd kembali, Tgl mobil kembali, Jam keterlambatan, Denda, Petugas, Jumlah biaya. Kode program : <html> <body> <?php include "konek.php"; $kd_pinjam=kd_pinjam; $result = mysql_query("select * from kembali where kd_pinjam='$kd_pinjam'");?> <div id="main"> <a name="templateinfo"></a> <table border="0" align=center> <form action="administratormenu.php?page=lappengembalianperkdpnjm" name="form1" method="post"> <tr><td></td></tr> <tr> <td><label>kd_pinjam </td><td>:<label> <input name="kd_pinjam" value="" type="text" size="20" /> <input type="submit" name="submit" value="tampilkan"></td></tr> <br/> <br/> </form> </table> <br /> </div> </div> 37

13 </body> </html> Berikut tampilan pengembalian per kode pinjam: Gambar 3.19 Tampilan laporan pengembalian per kdpinjam Tampilan Laporan Pengembalian Per Hari Laporan Pengembalian Per hari merupakan hasil cetakan daftar pengembalian mobil, yang di tampilkan berdasarkan Tanggal, Bulan dan Tahun yang di maksud, pada laporan ini berisi Kode kembali, Kode pinjam, Tgl mobil kembali, Jam keterlambatan, Denda, Petugas dan Jumlah biaya. Berikut tampilan laporan pengembalian perhari: Gambar 3.20 Tampilan Laporan Pengembalian Perhari 38