4.4.3 Perancangan Halaman Account KaBag Kepala Bagian Logistik
a. Perancangan Input 1. Input login KaBag
Gambar 4.110 Perancangan input
login KaBag
2. Input bulan dan tahun laporan transaksi
HEADER HOME | LAPORAN
EDIT ACCOUNT | LOGOUT
Input Bulan dan Tahun Transaksi
Bulan dan Tahun T ransaksi :
FOOTER
Gambar 4.111 Perancangan input
bulan dan tahun laporan transaksi
3. Input bulan dan tahun laporan pengelolaan
Gambar 4.112 Perancangan input
bulan dan tahun laporan pengelolaan
208
4. Input ganti password KaBag
Gambar 4.113 Perancangan input
ganti password KaBag b. Perancangan Output
1. Output halaman home KaBag
HEADER HOME | LAPORAN
EDIT ACCOUNT | LOGOUT Welcome,
Menu yang dapat Anda akses adalah: Laporan
o Laporan T ransaksi Merupakan menu untuk melihat data laporan transaksi peminjaman peralatan broadcast maupun daftar blacklist PA
[Produser Assistant] pada bulan dan tahun yang ditentukan . o Laporan Pengelolaan
Merupakan menu untuk melihat data laporan pengelolaan peralatan broadcast baik itu maintenance peralatan maupun pembelian peralatan baru pada bulan dan tahun yang ditentukan.
Untuk Panduan dan bantuan dalam mempergunakan Sistem Peminjaman Peralatan Broadcast ini, silahkan telepon ke nomor 021-7654321 atau email ke adminadmin.com
Selamat bekerja FOOTER
Gambar 4.114 Perancangan output
halaman home KaBag
209
2. Output laporan transaksi
Gambar 4.115 Perancangan output
laporan transaksi 3. Output laporan pengelolaan
Gambar 4.116 Perancangan output
laporan pengelolaan
210
4.4.4 Perancangan Halaman Account Administrator
a. Perancangan Input 1. Input login administrator
Gambar 4.117 Perancangan input
login administrator
2. Input PA Produser Assistant
Gambar 4.118 Perancangan input
login PA Produser Assistant
3. Input edit PA
HEADER HO ME | USER | PROGRAM ACARA | PRODUSER | SUPER USER
EDIT ACCOUNT | LOG OUT
EDIT PA
NIK : 2 305
Nama : Su lthon
Alamat : ; ;
Telep on : -
Stat us Black list : NO
Password :
Verifikas i Passwo rd :
NIK Ad min : 1 2345
Program Acara : .5 5,
FO OTER
Gambar 4.119 Perancangan input
edit PA
211
4. Input karyawan logistik
Gambar 4.120 Perancangan input
karyawan logistik 5. Input edit karyawan logistik
Gambar 4.121 Perancangan input
edit karyawan logistik 6. Input program acara
Gambar 4.122 Perancangan input
program acara
212
7. Input edit program acara
Gambar 4.123 Perancangan input
edit program acara 8. Input produser
HEADE R HOME | USER | P ROGRAM A CARA | PROD USER | S UPE R USER
EDIT ACC OUNT | LOGOUT
INPUT PRODUSER
NIK :
Nama :
3
Alamat :
;
Telepon :
FOOTER
Gambar 4.124 Perancangan input
produser 9. Input edit produser
Gambar 4.125 Perancangan input
edit produser
213
10. Input ganti password admin
Gambar 4.126 Perancangan input
ganti password admin 11. Input pencarian data booking
Gambar 4.127 Perancangan input
pencarian data booking 12. Input pencarian data peminjaman
Gambar 4.128 Perancangan input
pencarian data peminjaman 214
13. Input pencarian data pengembalian
Gambar 4.129 Perancangan input
pencarian data pengembalian 14. Input pencarian data peralatan
Gambar 4.130 Perancangan input
pencarian data peralatan
215
15. Input pencarian data peralatan luar
Gambar 4.131 Perancangan input
pencarian data peralatan luar 16. Input bulan dan tahun laporan transaksi
HEADER LAPORAN TRANSAKS I | LAPORAN PENGELOLAAN |
Input Bulan dan Tahun Transaksi
Bulan dan Tahun Transaksi : FOOTER
Gambar 4.132 Perancangan input
pencarian bulan dan tahun laporan transaksi
17. Input bulan dan tahun laporan pengelolaan
Gambar 4.133 Perancangan input
pencarian bulan dan tahun laporan pengelolaan
216
b. Perancangan Output 1. Output halaman home admin
Gambar 4.134 Perancangan output
halaman home admin 2. Output daftar PA
Gambar 4.135 Perancangan output
daftar PA 3. Output konfirmasi hapus PA
Gambar 4.136 Perancangan output
konfirmasi hapus PA
217
4. Output daftar kayawan logistik
Gambar 4.137 Perancangan output
daftar kayawan logistik 5. Output konfirmasi hapus kayawan logistik
Gambar 4.138 Perancangan output
konfirmasi hapus kayawan logistik
6. Output daftar program acara
Gambar 4.139 Perancangan output
daftar program acara
218
7. Output konfirmasi hapus program acara
Gambar 4.140 Perancangan output
konfirmasi hapus program acara
8. Output daftar produser
HEADER HOME | USER | PROGRAM ACARA | PRODUSER | SUPER USER
| Input Produser | NIK Produse r :
+ Data P roduser
Jumlah Produser yang terda ftar : x ED IT ACCOUNT | LOGOUT
. ; ;
- - - - -
FOOTER
Gambar 4.141 Perancangan output
daftar produser 9. Output konfirmasi hapus produser
Gambar 4.142 Perancangan output
konfirmasi hapus produser
219
10. Output halaman monitoring
Gambar 4.143 Perancangan output
halaman monitoring 11. Output halaman super user
Gambar 4.144 Perancangan output
halaman super user 12. Output halaman data booking
Gambar 4.145 Perancangan output
halaman data booking
220
13. Output halaman data peminjaman
Gambar 4.146 Perancangan output
halaman data peminjaman 14. Output halaman data pengembalian
=
Gambar 4.147 Perancangan output
halaman data pengembalian 15. Output halaman data peralatan
Gambar 4.148 Perancangan output
halaman data peralatan 16. Output halaman data request peralatan baru
Gambar 4.149 Perancangan output
halaman data request peralatan baru
221
17. Output halaman data request perbaikan peralatan
Gambar 4.150 Perancangan output
halaman data request perbaikan peralatan
18. Output halaman data history peralatan
Gambar 4.151 Perancangan output
halaman data history peralatan 19. Output halaman data peralatan pihak luar
Gambar 4.152 Perancangan output
halaman data peralatan pihak luar
20. Output halaman data reuest peralatan luar
Gambar 4.153 Perancangan output
halaman data reuest peralatan luar
222
21. Output halaman data history peralatan luar
Gambar 4.154 Perancangan output
halaman data history peralatan luar
223
4.5 System Implementation