115
1. Tampilan Halaman Login User
Form Login merupakan tampilan untuk login. Pengguna yang telah terdaftar diharuskan untuk mengisikan username dan
passwordnya untuk dapat masuk ke dalam sistem, seperti yang ditunjukkan pada gambar 4.22. dibawah ini.
Login Form
Username Password
Logo Perusahaan
Login
Gambar 4.22. Rancangan Halaman Login Web Administrator
2. Perancangan Halaman Utama
Form Home merupakan tampilan utama berisi informasi dan fungsi aplikasi. Terdapat 2 tampilan home pada penelitian ini yaitu
home pada web administrator yang didalamnya terdapat 6 tombol utama dan home pada aplikasi android yang didalamnya terdapat 4
tombol utama. 6 tombol utama pada home web administrator masing-masing
mempunyai fungsi sebagai berikut :
116
MenuAdmin : Untuk menampilkan data diri admin, merubah data admin, menghapus admin dan menambahkan admin baru
MenuOperator : Untuk menampilkan data diri operator, merubah data operator, menghapus operator dan menambahkan
operator baru MenuBus : Untuk menampilkan daftar semua bus, merubah
data bus, menghapus bus dan menambahkan bus baru sekaligus mendapatkan QR Code
MenuMaintenance Bus : Untuk menampilkan semua data mengenai maintenance dari setiap unit bus beserta data
maintenance detail nya, merubah data maintenance, menghapus dan menambah data maintenance
Menu Logout : Untuk keluar dari program
HEADER
FOOTER HOME
Admin Operator
Bus Maintenance Bus
PHP QR Code Generate Logout
Gambar 4.23. Rancangan Halaman Utama Web Administrator
117
3. Perancangan HalamanAdmin
HEADER
FOOTER
Admin Operator
Bus Maintenance Bus
PHP QR Code Generate Logout
No. Admin ID
Username Telepon
Email Menu
Button Tambah Admin
Gambar 4.24. Rancangan Halaman Admin
4. Perancangan HalamanTambah dan Edit Admin
HEADER
FOOTER
Admin Operator
Bus Maintenance Bus
PHP QR Code Generate Logout
ID Admin
Username Password
Telepon Email
Status Author
Admin Utama
Simpan Batal
Gambar 4.25. Rancangan Halaman Tambah dan Edit Admin
118
5. Perancangan HalamanOperator
Kategori