E-Book Aplikasi Rental Mobil Berbasis Web PHP dan MySQL Oleh : My Software Solutions https://www.bukalapak.com/softwaresolutions https://shopee.co.id/irfanmaulanafardi https://www.tokopedia.com/mysolutions Contact Me: [email protected] 089628785342 Daftar Isi Daftar Isi .................................................................................................................................... 1 A. Setting Aplikasi ............................................................................................................... 2 B. Menu Aplikasi ................................................................................................................. 6 a. Menu Pada Admin .......................................................................................................... 6 b. Menu Pada User ............................................................................................................ 13 C. Flow Proses Registrasi User ......................................................................................... 16 D. Flow Proses Penyewaan Mobil ..................................................................................... 19 a. Proses Pada User ........................................................................................................... 19 b. Proses Pada Admin ....................................................................................................... 27 1 A. Setting Aplikasi 1. Pastikan Laptop/PC anda sudah terinstall XAMPP sebagai web server dan database server, jika belum ada silahkan diinstal terlebih dahulu. Aplikasi XAMPP sudah di include dalam folder “Aplikasi Pendukung”. 2. Ekstrak file rental.rar ke folder htdocs pada Laptop/PC anda 3. Setelah selesai ekstrak, buka folder htdocs kemudian cari folder rental yang sudah anda ektstrak, jika sudah ketemu langkah selanjutnya adalah mengimpor database ke database server. Caranya adalah buka browser anda, kemudia ketik localhost/phpmyadmin, maka akan tampil gambar seperti dibawah ini 2 4. Kemudian anda buat database baru dengan nama rental, setelah selesai membuat database dengan nama rental, klik databasenya, dan pilih tab import database seperti gambar dibawah ini 3 5. Kemudian anda cari file databasenya dengan klik “Pilih File” kemudia arahkan ke folder dimana database nya tersimpan. Database rental tersimpan di folder htdocs/rental/database/. Setelah ketemu databasenya klik open, kemudian klik Go sampai database selesai di import 4 6. Setelah database selesai di import, maka akan tampil tampilan berikut ini 7. Kemudian coba akses halaman web rental dengan mengetikkan “localhost/rental” pada address bar browser anda, maka akan tampil web rental seperti gambar di bawah ini 5 B. Menu Aplikasi Berikut ini adalah menu-menu yang ada di Aplikasi Rental Mobil Berbasis Web PHP dan MySQL: a. Menu Pada Admin 1. Untuk masuk ke halaman admin, ketik localhost/rental/admin pada address bar browser anda. Kemudian masukan masukkan username dan password default yaitu username : admin dan password : admin 2. Kamudian anda akan masuk ke halaman admin dengan tampilan utama Menu Beranda seperti gambar dibawah ini: 6 3. Menu Dashboard Menu Dashboard menampilkan summary data pada database, sehingga memudahkan admin untuk memonitor data yang ada. 4. Menu Sewa => Menunggu Pembayaran Menu Sewa => Menunggu Pembayaran berisi data sewa yang belum dilakukan pembayaran oleh user. 7 5. Menu Sewa => Menunggu Konfirmasi Menu Sewa => Menunggu Konfirmasi berisi data sewa yang sudah dilakukan pembayaran oleh user dan menunggu di validasi oleh admin. 6. Menu Sewa => Pengembalian Menu Sewa => Pengembalian berisi data sewa yang belum selesai, dan jika proses sewa selesai dan mobil akan dikembalikan maka menggunakan menu ini untuk menyelesaikan proses sewa. 8 7. Menu Sewa => Data Sewa Menu Sewa => Data Sewa berisi semua data sewa yang sudah dilakukan oleh user. 8. Menu Mobil => Data Merek Menu Mobil => Data Merek berisi data-data merek, pada menu ini admin juga bisa melakukan tambah, update, dan hapus data merek. 9 9. Menu Mobil => Data Mobil Menu Mobil => Data Mobil berisi data-data mobil, pada menu ini admin juga bisa melakukan tambah, update, dan hapus data mobil. 10. Menu Biaya Driver Menu Biaya Driver berfungsi untuk mengupdate biaya driver jika ada perubahan. 10 11. Menu Menghubungi Menu Menghubungi berisi data yang sudah di input oleh user pada form hubungi kami. 12. Menu Kelola Halaman Pada menu ini admin bisa mengupdate data-data website seperti data Tentang kami, FAQS, Data rekening, Terms Conditions, Privacy and policy 11 13. Menu Kontak Info Menu Kontak info berisi informasi kontak perusahaan, disini admin bisa malkukan update informasi. 14. Menu Laporan Menu ini digunakan untuk melihat laporan penyewaan sesuai tanggal yang diinginkan. 12 b. Menu Pada User 1. Menu Home Menu Home menampilkan mobil-mobil yang tersedia, mobil-mobil ini bisa ditambahkan melalui halaman admin. 2. Menu Tentang Kami Menu Tentang Kami berisi deskripsi perusahaan rental yang mungkin bisa untuk memberikan informasi kepada calon penyewa mobil. Informasi tentang kami ini bisa di update melalui halaman admin. 13 3. Menu Daftar Mobil Menu Daftar Mobil berisi daftar mobil yang ada pada Retal, data mobil-mobil ini bisa ditambah maupun di update melalui halaman admin. 4. Menu FAQS (Frequently Ask Quetions) Menu FAQS adalah menu yang menampilkan pertanyaan yang sering ditanyakan oleh penyewa dan juga dilengkapi dengan jawabannya, sehingga memudahkan calon penyewa dalam mendapatkan jawaban atas pertanyaan yang akan mereka tanyakan. 14 5. Menu Hubungi Kami Menu Hubungi kami manampilkan informasi kontak dari perusahaandan juga tersedia form yang bisa digunakan untuk bertanya atau memberikan saran. 15 C. Flow Proses Registrasi User 1. Untuk melakukan penyewaan, user harus melakukan registrasi terlebih dahulu, yaitu dengan mengklik menu LOGIN/REGISTRASI pada pojok kanan atas aplikasi, kamudian pilih Daftar Disini 2. Kemudian akan muncul form registrasi bagi user, isi semua informasi yang diperlukan, kemudian klik Sign Up 16 3. Setelah selesai melakukan registrasi, kemudian klik lagi LOGIN/REGISTRASI, kemudian isikan email dan password yang sudah diinput waktu registrasi 4. Setelah Login, maka akan muncul nama anda pada pojok kanan atas, dan apabila di klik akan muncul menu Profile settings, Update Password, Riwayat Sewa, dan Sign Out. 5. Menu Profile Settings Menu Profile Settings digunakan untuk melakukan update informasi user. 17 6. Menu Update Password Menu Update Password digunakan untuk mengupdate password user. 7. Menu Riwayat Sewa Menu Riwayat sewa berisi data sewa yang sudah dilakukan oleh user. 18 8. Menu Sign Out Menu Sign Out dilakukan jika user ingin keluar dari halaman user. D. Flow Proses Penyewaan Mobil a. Proses Pada User 1. User harus login untuk melakukan penyewaan mobil dengan cara klik tombol LOGIN/REGISTER pada pojok kanan atas, kemudian isikan Email dan Password yang sudah dimasukkan saat registrasi. 2. Setelah berhasil login, user mengakses menu Daftar Mobil untuk memilih mobil yang akan disewa, kemudin klik Lihat Detail untuk melihat rincian informasi mobil. 19 3. Kemudian klik tombol Sewa Sekarang yang terdapat pada kiri bawah tampilan, maka akan muncul form untuk melakukan sewa. Form sewa tersebut terdiri dari Tanggal Mulai, Tanggal Selesai, Metode Pickup (User akan mengambil mobil sendiri ke tempat rental atau mobil diantarkan ke alamat user), Driver (Pilihan menggunakan driver atau tidak). Setelah mengisi form, maka klik tombol Cek Ketersediaan, sistem akan mengecek apakah mobil tersebut Available untuk di sewa pada tanggal yang sudah ditentukan oleh user. Apabila mobil tersebut tidak Available (mobil sudah dibooking oleh user lain pada tanggal yang sama) maka akan muncul pesan bahwa mobil tersebut tidak bisa disewa pada tanggal yang sudah diinput tadi, namun jika mobil tersebut available, maka akan tampil tampilan rincian sewa seperti gambar dibawah ini. 20 4. Jika user sudah yakin dengan informasi rincian sewa yang ditampilkan, maka klik tombol Sewa pada bagian bawah tampilan, sehingga sistem akan menyimpan transaksi sewa tersebut, kemudian akan menampilkan detail sewa beserta No Rekening untuk melakukan pembayarannya. 21 5. Transaksi sewa bisa dilihat di menu Riwayat sewa dengan cara mengklik menu riwayat sewa pada bagian kanan atas. 22 6. Jika user sudah melakukan pembayaran dengan cara mentransfer uang sesuai dengan total biaya sewa, user bisa melakukan Upload Bukti pembayaran dengan cara masuk ke menu Riwayat Sewa, kemudian pilih data sewa pada table, untuk melakukan upload bukti pembayaran, klik Upload Bukti Pembayaran pada OPSI, sehingga tampil detail sewa dan kolom untuk mengupload Bukti Pembayaran 23 7. Klik “Pilih File” kemudian cari gambar Bukti Pembayaran yang akan diupload, setelah ketemu klik submit 24 8. Setelah upload bukti pembayaran selesai, maka status sewa akan berubah, yang tadinya “Menunggu Pembayaran” berubah menjadi “Menunggu Konfirmasi”. Status “Menunggu Konfirmasi” maksudnya adalah menunggu konfirmasi admin apakah bukti pembayaran yang user lakukan sudah Valid atau belum, nantinya jika Valid maka admin akan merubah status sewa menjadi “Sudah Dibayar”. 25 9. Apabila admin sudah melakukan konfirmasi, maka status sewa akan berubah menjadi “Sudah Dibayar”, kemudian user tinggal melakukan transaksi sewa sesuai dengan tanggal yang sudah ditentukan. 26 b. Proses Pada Admin 1. Admin login ke halaman admin dengan mengakses alamat localhost/rental/admin, kemudian memasukkan username dan password default, yaitu username : admin dan password admin. 2. Setelah login, maka admin akan masuk ke halaman admin dan pertama kali yang tampil adalah dashboard admin. Pada dashboard admin terdapat panel informasi mengenai datadata yang tersedia. 3. Untuk proses sewa, admin bisa melihat panel “MENUNGGU PEMBAYARAN”, “MENUNGGU KONFIRMASI”, “BELUM DIKEMBALIKAN”, dan “TOTAL SEWA”. Masing-masing panel mempunyai maksud informasi tersendiri. 27 4. Panel “MENUNGGU PEMBAYARAN”, bisa diakses juga melalui menu Sewa=>Menunggu Pembayaran. Maksud dari menu ini adalah, menu ini akan menampilkan data sewa yang masih menunggu pembayaran dari user. Pada menu ini admin bisa mengupdate data sewa yang masih menunggu pembayaran menjadi “CANCEL” jika user tidak melakukan pembayaran sesuai batas waktu yang ditentukan, yaitu H-1 dari tanggal sewa dengan cara memilih icon edit pada kolom Aksi. 5. Panel “MENUNGGU KONFIRMASI”, bisa diakses juga melalui menu Sewa => Menunggu Konfirmasi. Maksud dari menu ini adalah, menu ini akan menampilkan data sewa yang sudah dilakukan pembayaran oleh user (user sudah mengupload bukti pembayaran). Admin akan memvalidasi apakah bukti pembayaran yang diupload oleh user valid dan sesuai dengan biaya sewa, atau malah bukti yang diupload user tidak valid. Pada menu ini admin bisa mengupdate status dari data sewa dengan memilih icon 28 edit pada kolom Aksi setelah memvalidasi bukti pembayaran dari user, jika bukti pembayaran dari user valid, maka data sewa bisa diupdate statusnya menjadi “SUDAH DIBAYAR”, jika ternyata bukti pembayaran yang diupload user tidak valid, maka status sewa bisa diupdate menjadi “MENUNGGU PEMBAYARAN” atau bahkan menjadi “CANCEL”. 6. Panel “BELUM DIKEMBALIKAN”, bisa diakses juga melalui menu Sewa => Pengembalian. Maksud dari menu ini adalah, jika user selesai melakukan transaksi sewa dan mengembalikan mobil yang disewa, maka admin bisa menggunakan menu ini untuk mengupdate data sewa melalui icon edit pada kolom Aksi menjadi “SELESAI” agar mobil tersebut available jika ada user lain yang akan menyewanya. 29 7. Panel “TOTAL SEWA”, bisa diakses juga melalui menu Sewa => Data Sewa. Maksud dari menu ini adalah, menu ini akan menampilkan seluruh data sewa yang sudah dilakukan oleh user. 30 31
