BAB III MENU DAN CARA PENGGUNAAN
3.1 Struktur Menu
Adapun struktur menu pada Rancang BangunAplikasi Pencarian dan Penyewaan Rental Mobil Berbasis Android adalah sebagai berikut:
1. Form Login 2. Form Pendaftaran 3. Form OTP Verifikasi c. Data Pembayaran 6. Menu Pelanggan
a. Data Profile b. Data Booking 3.2 Penggunaan Aplikasi
Pada bagian ini akan dijelaskan mengenai tata cara memasukkan data sebagai data sumber melalui alamat situs yang telah disediakan, setiap kapan data harus dimutakhirkan, tata cara penggunaan laporan statis dan dinamis.
3.2.1 Cara Membuka Aplikasi
Untuk memulai akses terhadap aplikasi Rental Cars ini:
1. Bukalah aplikasi Rental Cars melalui smartphone android.
2. Akan muncul tampilan halaman awal aplikasi Rental Cars.
seperti pada Gambar 3.1.
3.2.2 Halaman Daftar
Daftar halaman beranda adalah halaman tampilan pertama dari aplikasi yang sedang berjalan. Halaman ini memiliki nama, email, password, nomor telepon, dan alamat untuk mendaftar pada halaman dashboard, seperti pada
Gambar 3. 1 Halaman Pendaftaran
Gambar 3.1.
Pada halaman pendaftaran pelanggan dan biro setelah melengkapi form yang tersedia dapat menekan tombol daftar seperti pada gambar 3.2.
Gambar 3. 2 Tombol Daftar
Halaman kode Otp adalah halaman aplikasi yang membantu Anda mendapatkan kode sebelum masuk ke halaman login. Halaman ini memiliki kode OTP dan divalidasi seperti pada Gambar 3.3.
Pada halaman Konfirmasi Kode OTP, pendaftar memasukkan kode yang benar yang dikirim melalui email. Setelah mengisi form kode OTP yang tersedia, Anda dapat mengklik tombol Confirm seperti pada Gambar 3.4.
Gambar 3. 4 Tombol Verifikasi Gambar 3. 3 Halaman Kode OTP
3.2.4 Halaman Login
Halaman login office merupakan halaman tampilan untuk menjalankan aplikasi. Halaman ini memiliki alamat email dan password untuk login ke halaman menu office, seperti pada Gambar 3.5.
Pada halaman login pelanggan dan biro setelah melengkapi form yang tersedia dapat mengklik tombol login seperti pada Gambar 3.6.
Gambar 3. 6 Tombol Login Gambar 3. 5 Halaman Login
3.2.5 Halaman Biro Data Mobil
Halaman ini digunakan untuk biro menampilkan informasi yaitu data mobil untunk pelanggan. Pada halaman ini biro dapat menampilkan data mobil seperti pada Gambar 3.7.
Jika biro menekan gambar mobil maka halaman detil mobil ditampilkan, seperti pada gambar 3.8.
Gambar 3. 7 Tampilan Data Mobil
Gambar 3. 8 Tampilan Detil Mobil
Tampilan detail mobil menunjukkan nama mobil, harga sewa mobil per hari, dan detail mobil. Rincian mobil meliputi pelat bahan bakar dan kapasitas, dan ada tiga tombol untuk memperbarui foto mobil, memperbarui data mobil, dan menghapus mobil. Seperti pada Gambar 3.9.
Gambar 3. 9 Tombil Ubah Gambar Mobil
Pada Gambar 3.9 jika tombol ubah gambar di tekan maka akan menampilkan tampilan seperti pada Gambar 3.10.
Gambar 3. 10 Tampilan Ubah Foto Mobil
pick image akan di arahkan ke gallery dan memilih foto untuk dilakukan pergantian foto mobil, setelah foto berhasil di tampilkan pada gambar yang tersedia maka tekan tombol simpan.
Gambar 3. 11 Tombol Ubah Data Mobil
Pada Gambar 3.11 jika di tekan akan menampilkan halaman ubah data seperti pada Gambar 3.12 di bawah ini.
Gambar 3. 12 Tampilan Ubah Data Mobil
Pada Gambar 3.12 di atas terdapat tampilan ubah data mobil dimana terdapat form data mobil jika di rasa form sudah benar maka bisa di tekan tombol simpan.
3.2.6 Halaman Biro Tambah Mobil
Halaman ini digunakan untuk biro menambahkan mobil. Pada halaman ini berisi brand, merk, type, plat nomer, kapasitas, bahan bakar dan harga seperti pada Gambar 3.13.
Gambar 3. 13 Tampilan Tambah Data Mobil
3.2.10 Halaman Menu Pelanggan
Halaman ini digunakan oleh pelanggan untuk menampilkan informasi yaitu data kendaraan pelanggan. Pada halaman ini, pelanggan dapat melihat daftar mobil dan riwayat sewa seperti pada Gambar 3.14.
Gambar 3. 14 Tampilan Menu Pelanggan
3.2.11 Halaman Daftar Pilihan Mobil
Halaman ini digunakan oleh pelanggan untuk menampilkan informasi, yaitu daftar pilihan kendaraan pelanggan. Pada halaman ini, pelanggan dapat melihat daftar kendaraan, standar kendaraan, dan kapasitas muat kendaraan. Seperti pada Gambar 3.15.
Gambar 3. 15 Tampilan Data Mobil Pelanggan
Halaman ini membantu Anda memesan atau menyewa mobil dari pilihan mobil untuk pelanggan Anda. Pada halaman ini, Anda harus memasukkan tanggal pengambilan, tanggal pengembalian, masa sewa, waktu pengembalian, dan menampilkan daftar mobil, kriteria mobil, dan kapasitas muat mobil saat Anda mengklik Simpan. Seperti pada Gambar 3.16.
Gambar 3. 16 Tampilan Booking Mobil
Jika Pelanggan Sudah mengisi inputan diatas maka akan mucul tampilan seperti Gambar 3.17.
Gambar 3. 17 Tampilan Form Booking Sudah diisi
Jika pelanggan sudah mengisi form booking lalu akan muncul detail transaksi pembayaran yang belum dibayar seperti Gambar 3.18.
Gambar 3. 18 Tampilan Riwayat Pemesanan
3.2.13 Halaman Pembayaran Pelanggan
Halaman ini digunakan untuk membayar sewa mobil yang dipesan oleh pelanggan. Pada halaman ini, pelanggan harus mengunggah kwitansi jika diklik, memilih gambar dan menyimpannya seperti pada Gambar 3.19.
Gambar 3. 19 Form Pembayaran Pelanggan
Jika Pelanggan sudah melakukan pembayaran maka muncul tampilan seperti pada Gambar 3.20.
Gambar 3. 20 List Data Pembayaran Kosong Jika sudah di bayar
3.2.14 Halaman Biro Terima Pembayaran
Halaman ini digunakan untuk biro untuk menerima pemabayaran dari .Pada halaman ini pelanggan harus mengaplod bukti bayar yang valid jika sudah biro bisa menerima pembayaran tersebut seperti pada Gambar 3.21.
Gambar 3. 21 Tampilan Terima Pembayaran
Jika Biro menolak pembayaran maka akan muncul seperti Gambar 3.22.
Gambar 3. 22 Tampilan Tolak Pembayaran
3.2.15 Halaman Transaksi Selesai
Halaman ini digunakan untuk biro untuk menampilkan informasi transaksi selesai .Pada halaman ini berisi nama penyewa, jenis mobil, nama mobil, tanggal ambil dan tanggal kembail seperti pada Gambar 3.23.
Gambar 3. 23 Tampilan Transaksi Selesai
Tampilan login admin adalah halaman tampilan dari website yang dijalankan. Pada halaman ini terdapat Email dan Password untuk melakukan login ke halaman menu admin. Seperti pada Gambar 3.24.
3.2.17 Halaman Gagal Login Admin
Tampilan gagal login ini akan dimuncul pada saat email atau password yang diinputkan salah maka halam admin akan menampilkan invalid login dan meng inputkan ulang email dan password yang benar seperti Gambar 3.25.
Gambar 3. 24 Halaman Login Admin
Gambar 3. 25 Tampilan Login Gagal
3.2.18 Halaman Menu Admin
Pada halaman menu admin ini digunakan untuk menampilkan informasi dan data dari setiap menu yaitu dasboard, master mobil, master user, transaksi dan pembayaran. Seperti pada Gambar 3.26.
Gambar 3. 26 Tampilan Menu Dashboard Admin 3.2.19 Halaman Data Master Mobil
Halaman ini berfungsi hanya untuk mengecek dan melihat setiap data dari daftar mobil yang di inputkan oleh setiap biro. Seperti pada Gambar 3.27.
Gambar 3. 27 Tampilan Data Master Mobil
3.2.20 Halaman Data Master User
Halaman Data user ini berfungsi untuk mengecek dan melihat data setiap biro dan pelaggan yang sudah aktif. Dimana juga terdapat tombol disable dan aktifkan akun yang berfungsi untuk hak akses admin dalah disable dan mengaktifkan akun user. Seperti pada Gambar 3.28.
Gambar 3. 28 Tampilan Data Master User 3.2.21 Halaman Transaksi
Halaman ini digunakan untuk melihat data dari pelanggan dan biro saat melakukan transaksi penyewaan mobil. Seperti pada Gambar 3.29.
Gambar 3. 29 Tampilan Mencari Transaksi Berdasarkan Tanggal
3.2.22 Halaman Transaksi
Pada halaman ini berfungsi untuk menampil Transaksi dari setiap inputan yang dipilih. Seperti pada Gambar 3.30.
3.2.23 Halaman Pembayaran
Halaman pembayaran ini berfungsi untuk melihat dan mengcek data transaksi pembayaran. Seperti pada Gambar 3.31.
Gambar 3. 31 Tampilan Pembayaran Gambar 3. 30 Tampilan Pilihan Transaksi
3.2.24 Halaman Laporan Data Master Mobil
Pada halaman ini yaitu menampilkan hasil laporan dari data master mobil.
Seperti pada Gambar 3.32.
Gambar 3. 32 Laporan Data Master Mobil 3.2.25 Halaman Laporan Data Master User
Pada halaman ini yaitu menampilkan hasil laporan dari data master user yang ada pada aplikasi rental cars seperti pada Gambar 3.33.
Gambar 3. 33 Laporan Data Master User
3.2.26 Halaman Laporan Pembayaran
Pada halaman ini yaitu menmpilkan hasil laporan dari pembayaran pelanggan yang sudah melakukan transaksi, Seperti pada Gambar 3.34.
Gambar 3. 34 Laporan Pembayaran 3.2.27 Halaman Laporan Transaksi
Pada halaman ini yaitu menmpilkan hasil laporan dari setiap transaksi.
Seperti pada Gambar 3.35.
Gambar 3. 35 Laporan Transaksi