3.5 Rancangan Layar
3.5.2 Rancangan Layar Admin
3.5.2.1 Rancangan Layar Login
Gambar 3.51 Rancangan Layar Login
Layar login digunakan oleh admin untuk melakukan proses login. Terdapat dua
buah textbox untuk mengisikan username dan password, dan sebuah tombol login untuk
3.5.2.2 Rancangan Layar Home
Gambar 3.52 Rancangan Layar Home
Layar home akan memberikan informasi berupa fungsi dari masing – masing
menu yang tersedia. Terdapat 5 buah menu pada menubar, yang selanjutkan akan
digunakan untuk bernavigasi pada setiap layar. Terdapat juga informasi tentang admin
yang sedang login, waktu dan tombol logout untuk melakukan logout pada kanan atas
3.5.2.3 Rancangan Layar List Employee
Gambar 3.53 Rancangan Layar List Employee
Layar list employee akan menampilkan daftar employee. Terdapat dropdown
menu untuk menentukan dasar pengurutan employee berdasarkan ID atau nama, kotak
search untuk diisikan keyword pencarian dan tombol search untuk mencari employee berdasarkan keyword yang di-input. Juga terdapat tombol add untuk menambahkan data
employee baru. Pada setiap employee pada list terdapat tombol update untuk mengubah data employee dan delete untuk menghapus data employee.
3.5.2.4 Rancangan Layar Add Employee
Gambar 3.54 Rancangan Layar Add Employee
Pada layar add employee akan disediakan form untuk di-input data employee
yang akan ditambahkan. Tersedia tombol add untuk menambahkan employee dan
3.5.2.5 Rancangan Layar Delete Employee
Gambar 3.55 Rancangan Layar Delete Employee
Pada layar delete employee akan ditampilkan data-data dari employee yang akan
dihapus. Tersedia tombol delete untuk mengkonfirmasi penghapusan data employee
3.5.2.6 Rancangan Layar Update Employee
Gambar 3.56 Rancangan Layar Update Employee
Pada layar update akan ditampilkan data dari employee yang akan di-update
dalam bentuk form yang dapat diubah nilainya. Tersedia tombol update untuk
mengkonfirmasi perubahan data employee serta tombol cancel untuk kembali ke list
3.5.2.7 Rancangan Layar List Menu
Gambar 3.57 Rancangan Layar List Menu
Layar list menu akan menampilkan daftar menu. Terdapat dropdown menu untuk
menentukan dasar pengurutan menu berdasarkan ID atau nama, kotak search untuk
diisikan keyword pencarian dan tombol search untuk mencari menu berdasarkan
keyword yang di-input. Juga terdapat tombol add untuk menambahkan data menu baru. Pada setiap menu pada list terdapat tombol update untuk mengubah data menu dan
3.5.2.8 Rancangan Layar Add Menu
Gambar 3.58 Rancangan Layar Add Menu
Pada layar add menu akan disediakan form untuk di-input data menu yang akan
ditambahkan. Tersedia tombol add untuk menambahkan menu dan tombol cancel untuk
3.5.2.9 Rancangan Layar Delete Menu
Gambar 3.59 Rancangan Layar Delete Menu
Pada layar delete menu akan ditampilkan data-data dari menu yang akan dihapus.
Tersedia tombol delete untuk mengkonfirmasi penghapusan data menu serta tombol
3.5.2.10 Rancangan Layar Update Menu
Gambar 3.60 Rancangan Layar Update Menu
Pada layar update akan ditampilkan data dari menu yang akan di-update dalam
bentuk form yang dapat diubah nilainya. Tersedia tombol update untuk mengkonfirmasi
3.5.2.11 Rancangan Layar List Order
Gambar 3.61 Rancangan Layar List Order
Layar list order akan menampilkan daftar order. Terdapat dropdown menu untuk
menentukan dasar pengurutan order berdasarkan ID atau nama, kotak search untuk
diisikan keyword pencarian dan tombol search untuk mencari order berdasarkan
keyword yang di-input. Juga terdapat tombol add untuk menambahkan data order baru. Pada setiap order pada list terdapat tombol view untuk melihat detail dari order.
3.5.2.12 Rancangan Layar Add Order
Gambar 3.62 Rancangan Layar Add Order
Pada layar add order akan disediakan form untuk di-input data order yang akan
ditambahkan. Tersedia tombol add untuk menambahkan order dan tombol cancel untuk
3.5.2.13 Rancangan Layar View Order
Gambar 3.63 Rancangan Layar View Order
Pada layar view order akan ditampilkan detail transaksi dari order beserta dengan
status dari order. Jika status ordered maka akan disediakan tombol cancel untuk
3.5.2.14 Rancangan Layar List Promo
Gambar 3.64 Rancangan Layar List Promo
Layar list promo akan menampilkan daftar promo. Terdapat dropdown menu
untuk menentukan dasar pengurutan promo berdasarkan ID atau nama, kotak search
untuk diisikan keyword pencarian dan tombol search untuk mencari promo berdasarkan
keyword yang di-input. Juga terdapat tombol add untuk menambahkan data promo baru. Pada setiap promo pada list terdapat tombol update untuk mengubah data promo dan
3.5.2.15 Rancangan Layar Add Promo
Gambar 3.65 Rancangan Layar Add Promo
Pada layar add promo akan disediakan form untuk di-input data promo yang akan
ditambahkan. Tersedia tombol add untuk menambahkan promo dan tombol cancel untuk
3.5.2.16 Rancangan Layar Delete Promo
Gambar 3.66 Rancangan Layar Delete Promo
Pada layar delete promo akan ditampilkan data-data dari promo yang akan
dihapus. Tersedia tombol delete untuk mengkonfirmasi penghapusan data promo serta
3.5.2.17 Rancangan Layar Update Promo
Gambar 3.67 Rancangan Layar Update Promo
Pada layar update akan ditampilkan data dari promo yang akan di-update dalam
bentuk form yang dapat diubah nilainya. Tersedia tombol update untuk mengkonfirmasi
3.5.2.18 Rancangan Layar List Service
Gambar 3.68 Rancangan Layar List Service
Layar list service akan menampilkan daftar request service dari customer.
Terdapat dropdown menu untuk menentukan dasar pengurutan request berdasarkan ID
atau status. Pada setiap request pada list terdapat status yang akan di klik ketika dibaca