83
3.2.6 Perancangan Antarmuka a. Untuk Admin
Pada saat perangkat lunak pertama kali dijalankan, layar akan menampilkan menu pilihan utama yakni menampilkan form user login
dimana pengguna akan mengisi username dan juga password yang mereka sudah miliki, seperti pada Gambar 3.41 Interface Login Sistem Report
Event. Apabila memasukkan username dan juga password-nya admin, maka akan ditampilkan menu admin disebelah kiri pengguna dan juga
intermezzopembukaan pada menu admin.
Gambar 3.41 Interface Login Sistem Report Event
Apabila ingin meng-input-kan data pegawai. Klik menu admin : pegawai maka admin akan memasukkan data-data TL Team Leader, seperti pada Gambar
84 3.42 Interface-Admin-Menu Input Data Pegawai Sistem Report Event.
Diantaranya : memasukkan nama pegawai, username, password, pilih jabatan dan juga jenis kelamin, lalu masukkan alamat pegawai, nomer telepon pegawai dan
juga gaji pegawai. Klik submit apabila sudah yakin dikirim yang nantinya akan ada konfirmasi setelah memasukkan data pegawai.
Gambar 3.42 Interface-Admin-Menu Input Data Pegawai Sistem Report Event
Pada menu disebelah kiri admin, di menu pegawai pilih menu edit pegawai apabila ingin memperbaiki kesalahan dari input-an. Yang nantinya akan muncul
form seperti pada Gambar 3.43 Interface-Admin-Menu Edit Data Pegawai Sistem Report Event. Akan muncul data-data pegawai dimana juga terdapat tulisan edit
yang apabila di klik akan masuk pada form untuk meng-edit.
85 Admin akan memperbaiki beberapa kesalahan dari isian yang dimasukkan
tadi, setelah itu klik submit, yang nantinya akan ada konfirmasi text box.
Gambar 3.43 Interface-Admin-Menu Edit Data Pegawai Sistem Report Event
Pada menu disebelah kiri admin, di menu pegawai pilih menu hapus pegawai apabila ingin menghapus data pegawai. Nantinya akan langsung
ditampilkan data-data pegawai yang telah dimasukkan tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men-centangcheck data
pegawai mana yang akan dihapus. Seperti terlihat pada rancangan Gambar 3.44 Interface-Admin-Menu Hapus Data Pegawai Sistem Report Event. Tetapi apabila
ingin menghapus semua data pegawai maka admin hanya akan men- centangcheck all atau uncheck all. Yang nantinya akan ada konfirmasi untuk
proses penghapusan data pegawai berupa text box.
86
Gambar 3.44 Interface-Admin-Menu Hapus Data Pegawai Sistem Report Event
Lalu apabila memilih menu input nama produk maka akan tampil form seperti yang terlihat pada rancangan Gambar 3.45 Interface-Admin-Menu Input
Nama Produk Sistem Report Event. Dimana admin akan memasukkan nama produk dan juga sample produk yang dipakai dalam event yang besangkutan.
Yang nantinya akan ada konfirmasi proses dari penginputan data nama produk setelah admin klik submit.
Gambar 3.45 Interface-Admin-Menu Input Nama Produk Sistem Report Event
87 Apabila memilih input detail produk maka akan tampil form seperti yang
terlihat pada rancangan Gambar 3.46 Interface-Admin-Menu Input Detail Produk Sistem Report Event. Admin akan memilih nama produk, memasukkan varian
rasa produk, memilih jenis produk dalam bentuk box ataupun kaleng, memasukkan harga produk dan juga gimmickhadiah. Untuk hadiah disini dapat
dimasukkan beberapa hadiah sekaligus setiap produknya yang dipakai dalam event yang besangkutan dengan menge-klik tambah hadiah. Setelah admin klik
submit, maka akan ada konfirmasi proses dari pengisian data detail produk.
Gambar 3.46 Interface-Admin-Menu Input Detail Produk Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu edit produk apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan muncul form
seperti pada Gambar 3.47 Interface-Admin-Menu Edit Nama Produk Sistem
88 Report Event. Akan muncul data-data produk dimana juga terdapat tulisan edit
yang apabila di klik akan masuk pada form untuk meng-edit. Admin akan memperbaiki beberapa kesalahan dari isian nama produk
yang dimasukkan tadi, setelah itu klik submit, yang nantinya akan ada konfirmasi text box untuk meng-edit nama produk.
Gambar 3.47 Interface-Admin-Menu Edit Nama Produk Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu edit detail produk apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan
muncul form seperti pada Gambar 3.48 Interface-Admin-Menu Edit Detail Produk Sistem Report Event. Akan muncul data-data detail produk dimana juga terdapat
tulisan edit yang apabila di klik akan masuk pada form untuk meng-edit. Untuk edit menu detail produk, pilih menu admin dan klik menu produk.
Yang nantinya Admin dapat memperbaiki beberapa kesalahan dari isian detail produk yang dimasukkan tadi, diantaranya : nama produk read-only, varian rasa
89 produk, jenis produk, harga produk, dan hadiah-hadiah yang didapat di masing-
masing produk tersebut. Setelah itu klik submit, yang nantinya akan ada konfirmasi text box untuk meng-edit detail produk.
Gambar 3.48 Interface-Admin-Menu Edit Detail Produk Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu hapus produk apabila ingin menghapus data produk. Nantinya akan langsung ditampilkan data-
data produk yang telah dimasukkan tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men-centangcheck data produk mana yang akan dihapus.
Seperti terlihat pada rancangan Gambar 3.49 Interface-Admin-Menu Hapus Data Produk Sistem Report Event. Tetapi apabila ingin menghapus semua data produk
maka admin hanya akan men-centangcheck all atau uncheck all. Yang nantinya akan ada konfirmasi untuk proses penghapusan data produk berupa text box.
90
Gambar 3.49 Interface-Admin-Menu Hapus Data Produk Sistem Report Event
Pada menu disebelah kiri admin, pilih menu event. Maka akan ditampilkan yang berisi bantuan yang akan memudahkan pengguna dalam pengisian,
pengeditan dan juga penghapusan data pada menu event. Lalu apabila memilih menu input nama event maka akan tampil form
seperti yang terlihat pada rancangan Gambar 3.50 Interface-Admin-Menu Input Nama Event Sistem Report Event. Dimana admin akan memasukkan nama event
yang berlangsung. Yang nantinya akan ada konfirmasi proses dari penginputan data nama event setelah admin klik submit.
91
Gambar 3.50 Interface-Admin-Menu Input Nama Event Sistem Report Event
Apabila memilih input detail event maka akan tampil form seperti yang terlihat pada rancangan Gambar 3.51 Interface-Admin-Menu Input Detail Event
Sistem Report Event. Admin akan memilih nama event, memasukkan tanggal event, memasukkan nama toko dan juga alamat toko event, memasukkan kota
event dan periode event. Kemudian memasukkan nama pegawai yang melaksanakan event tersebut dan juga memasukkan produk apa saja yang ikut
dalam event yang sedang berlangsung. Setelah admin klik submit, maka akan ada konfirmasi proses dari pengisian data detail event.
Gambar 3.51 Interface-Admin-Menu Input Detail Event Sistem Report Event
92 Masuk pada menu edit event, maka nantinya akan ditampilkan pilihan
menu edit event lagi yakni untuk edit nama event dan juga edit detail eventnya. Lalu pada menu disebelah kiri admin, di menu event pilih menu edit event
apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan muncul form seperti pada Gambar 3.52 Interface-Admin-Menu Edit Nama Event Sistem Report
Event. Akan muncul data-data event dimana juga terdapat tulisan edit yang apabila di klik akan masuk pada form untuk meng-edit.
Admin akan memperbaiki beberapa kesalahan dari isian nama event yang dimasukkan tadi, setelah itu klik submit, yang nantinya akan ada konfirmasi text
box untuk mengedit nama event.
Gambar 3.52 Interface-Admin-Menu Edit Nama Event Sistem Report Event
Pada menu disebelah kiri admin, di menu event pilih menu edit detail event apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan muncul
form seperti pada Gambar 3.53 Interface-Admin-Menu Edit Detail Event Sistem
93 Report Event. Akan muncul data-data detail event dimana juga terdapat tulisan
edit yang apabila di klik akan masuk pada form untuk meng-edit. Admin dapat memperbaiki beberapa kesalahan dari isian detail event yang
dimasukkan tadi, diantaranya : tanggal event, nama toko, alamat toko, kota event, periode event dan nama pegawai. Setelah itu klik submit, yang nantinya akan ada
konfirmasi text box untuk mengedit detail event.
Gambar 3.53 Interface-Admin-Menu Edit Detail Event Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu hapus event apabila ingin menghapus data event. Nantinya akan langsung ditampilkan nama-
nama event yang telah dimasukkan tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men-centangcheck data event mana yang akan dihapus.
Seperti terlihat pada rancangan Gambar 3.54 Interface-Admin-Menu Edit Hapus Nama Event Sistem Report Event. Tetapi apabila ingin menghapus semua nama
event maka admin hanya akan men-centangcheck all atau uncheck all. Yang
94 nantinya akan ada konfirmasi untuk proses penghapusan nama event berupa text
box.
Gambar 3.54 Interface-Admin-Menu Edit Hapus Nama Event Sistem Report Event
Pada menu disebelah kiri admin, di menu event pilih menu hapus event, Nantinya akan langsung ditampilkan data-data detail event yang telah dimasukkan
tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men- centangcheck detail data event mana yang akan dihapus. Seperti terlihat pada
rancangan Gambar 3.55 Interface-Admin-Menu Edit Hapus Detail Event Sistem Report Event. Tetapi apabila ingin menghapus semua detail data event maka
admin hanya akan men-centangcheck all atau uncheck all. Yang nantinya akan ada konfirmasi untuk proses penghapusan data event berupa text box.
95
Gambar 3.55 Interface-Admin-Menu Edit Hapus Detail Event Sistem Report Event
b. Untuk TL Team Leader