Tampilan Halaman Scan Setelah Capture QR Code Tampilan Dialog Box Konfirmasi Data Tampilan Halaman Informasi Bus Tampilan Halaman Maintenance Bus

144

6. Tampilan Halaman Utama Setelah Login

Tidak banyak perbedaan antara halaman utama ketika sebelum login dengan sesudah login. Perbedaannya terletak pada tombol menu login berubah menjadi logout dan juga terdapat ucapan selamat datang kepada user yang telah login terletak pada bagian atas tampilan seperti ditunjukkan pada gambar 4.50. dibawah ini. Gambar 4.50. Tampilan Halaman Utama Home Setelah Login

7. Tampilan Halaman Scan Setelah Capture QR Code

Ketika user ingin mendapatkan informasi rinci dari suatu unit bus maka user harus menscan QR Code yang terdapat pada badan bus, pada proses scan yang dilakukan maka aplikasi akan mengcapture atau menangkap gambar QR Code tersebut untuk kemudian dibaca oleh sistem dan menarik data lengkap dari database. Berikut tampilan pada saat proses capture berlangsung. 145 Gambar 4.51. Tampilan Proses Capture QR Code

8. Tampilan Dialog Box Konfirmasi Data

Setelah QR Code telah tercapture maka sistem akan secara otomatis membaca data dan mengkonfirmasi kepada user dengan menampilkan dialog box seperti pada gambar dibawah ini. Gambar 4.52. Tampilan Dialog Box Konfirmasi Data Yang Telah Di Scan 146

9. Tampilan Halaman Informasi Bus

Halaman informasi bus akan muncul setelah user menscan QR Code pada badan bus, sehingga didapatkan data yang diinginkan dari database dan dimunculkan pada halaman informasi bus. Pada halaman ini terdapat informasi rinci dari suatu unit bus berupa nomor polisi, nomor rangka, nomor mesin, nomor bus atau nomor badan, jumlah kursi penumpang, tahun chasis, merk, karoseri, kapasitas tangki serta nama-nama kru yang bertanggung jawab pada bus tersebut yang terdiri dari nama supir dan pembantu supir. Untuk user operator teknik yang telah login maka ketika muncul halaman ini akan ada tombol next pada bagian kanan bawah untuk melanjutkan ke halaman update maintenance, namun jika user biasa yang tidak login hanya dapat mengakses sampai dengan halaman informasi bus saja tanpa dapat mengakses halaman update maintenance. Gambar 4.53. Tampilan Halaman Informasi Bus 147

10. Tampilan Halaman Maintenance Bus

Halaman maintenance bus ini hanya dapat diakses oleh user yang telah login atau operator teknik yang telah memiliki hak akses untuk login. Setelah user mendapatkan informasi rinci bus yang diinginkan maka langkah selanjutnya adalah mencatat kondisi terakhir ketika bus masuk ke pool maintenance. Form yang diisi berupa status kondisi bus ketika masuk pool maintenance, kilometer terakhir ketika bus masuk pool maintenance, keterangan bisa berupa keluhan dari pengguna atau kerusakan fisik, tanggal masuk ke pool maintenance dan tanggal target penyelesaian perbaikan. Setelah semua telah diisi maka user menekan tombol next untuk masuk ke halaman maintenance detail. Gambar 4.54. Tampilan Halaman Maintenance Update Bus 148

11. Tampilan Halaman Maintenance Detail Bus