PENGEMBANGAN SISTEM
Gambar 4.17 Diagram level 1 proses ke-3
1. Perancangan ERD
4.4.4 Perancangan Antarmuka
Gambar 4.70 STD Rancangan Sub Menu Ganti Password pada Manajer Lalu Lintas Usaha
4.4.4 Perancangan Antarmuka
Menggambarkan halaman antarmuka yang akan dirancang. a. Rancangan Halaman Login
HEADER Login SIMBuT Password : Username : xxxxx xxxxx Login Reset FOOTER
162 b. Rancangan Halaman Staf Divisi Bukti Tayang
Menggambarkan rancangan halaman Staf divisi Bukti Tayang.
1. Rancangan Halaman Home Staf divisi Bukti Tayang.
BANNER
Home
Jumlah Stok Nama Bahan Baku
Kode Bahan Baku No
xxx xxxxx
xxxxx xx
Selamat Datang Staf – xxxxx
Anda dapat mengakses menu yang tersedia. Selamat Bekerja.
FOOTER xxx xxxxx xxxxx xx xxx xxxxx xxxxx xx Logout Bahan Baku Bukti Tayang Data Master Home Laporan WARNING STOCK !!
List Bahan Baku berikut sudah Memasuki limit stok = 10 item per jenis barang ! WARNING !!
Anda memiliki data pemesanan bukti tayang yang sudah dapat dibuat !
Gambar 4.72 Rancangan Halaman Home Staf divisi Bukti Tayang
2. STD Rancangan Halaman Data Master User Account Staf divisi Bukti Tayang
Data Master User Account
Nama User Password Username
No Level User Aksi
Data Master User Account
Tambah User Account Daftar User Account
BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Siaran Kontrak Account Executive User Account xxxxx xxxxx
xx xxxxx xxxxx Detail Edit Delete xxxxx
xxxxx
xx xxxxx xxxxx Detail Edit Delete xxxxx
xxxxx xx
Halaman x dari x << First | < Previous | x | Next > | Last >>
Jumlah User Account : x orang
xxxxx Detail Edit Delete xxxxx
FOOTER
Gambar 4.73 Rancangan Halaman Data Master User Account Staf divisi Bukti Tayang
163 3. Rancangan Halaman Tambah User Account Staf divisi Bukti
Tayang
Gambar 4.74 Rancangan Halaman Tambah User Account Staf divisi Bukti Tayang
4. Rancangan Halaman Edit User Account Staf divisi Bukti Tayang
164 5. Rancangan Halaman Data Master Account Executive Staf divisi
Bukti Tayang
Data Master Account Executive
No. Telp Nama A/E ID A/E
No No. HP Aksi
Data Master Account Executive
Tambah Account Executive Daftar Account Executive
BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Siaran Kontrak Account Executive User Account xxxxx xxxxx
xx xxxxx xxxxx Detail Edit Delete xxxxx xxxxx xx xxxxx xxxxx xxxxx xxxxx xx Halaman x dari x << First | < Previous | x | Next > | Last >>
Jumlah Account Executive : x orang
xxxxx xxxxx
FOOTER
Detail Edit Delete Detail Edit Delete Alamat Username
xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx
Gambar 4.76 Rancangan Halaman Data Master Account Executive Staf divisi Bukti Tayang
6. Rancangan Halaman Edit Account Executive Staf divisi Bukti Tayang
Edit Account Executive
Nama A/E : ID AE : xxxxx xxxxx Proses Reset No Telp : xxxxx No. Hp : BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Kontrak Account Executive User Account FOOTER Data Account Executive
Alamat : xxxxx xxxxx Batal Siaran
Gambar 4.77 Rancangan Halaman Edit Account Executive Staf divisi Bukti Tayang
165 7. Rancangan Halaman Tambah Account Executive Staf divisi
Bukti Tayang
Gambar 4.78 Rancangan Halaman Tambah Account Executive Staf divisi Bukti Tayang
166 8. Rancangan Halaman Data KontrakStaf divisi Bukti Tayang
Data Kontrak
Mitra Kontrak Tgl Kontrak No Kontrak
No Jenis Kontrak Aksi
BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Siaran Kontrak Account Executive User Account xxxxx xxxxx
xx xxxxx xxxxx Detail Edit Delete xxxxx xxxxx xx xxxxx xxxxx xxxxx xxxxx xx Halaman x dari x << First | < Previous | x | Next > | Last >>
Jumlah Data Kontrak : x data
xxxxx xxxxx
FOOTER
Detail Edit Delete Detail Edit Delete Nama PJ Kontrak
xxxxx xxxxx xxxxx
[ Tambah data kontrak ]
Gambar 4.79 Rancangan Halaman Data KontrakStaf divisi Bukti Tayang
9. Rancangan Halaman Tambah KontrakStaf divisi Bukti Tayang
Tambah Data Kontrak BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Siaran Kontrak Account Executive User Account Nama A/E ID AE xxxxx xxxxx No Telp xxxxx No. Hp Data Account Executive
Alamat xxxxx xxxxx Tgl Kontrak No Kontrak xxxxx Mitra Kontrak xxxxx Jenis Kontrak Data Kontrak Panjang Kontrak :xxx : : : : Tgl Bulan Tahun
Ganti Account Executive
Batal Tambah Reset FOOTER : : : : : xxxxx episode
167 10.Rancangan Halaman Edit KontrakStaf divisi Bukti Tayang
Gambar 4.81 Rancangan Halaman Edit KontrakStaf divisi Bukti Tayang
11.Rancangan Halaman Data SiaranStaf divisi Bukti Tayang
168 12.Rancangan Halaman Tambah SiaranStaf divisi Bukti Tayang
169 13.Rancangan Halaman Edit SiaranStaf divisi Bukti Tayang
Gambar 4.84 Rancangan Halaman Edit SiaranStaf divisi Bukti Tayang
14.Rancangan Halaman Data Pemesanan Bukti TayangStaf divisi Bukti Tayang
Gambar 4.85 Rancangan Halaman Data Pemesanan Bukti Tayang Staf divisi Bukti Tayang
170 15.Rancangan Halaman Data Pembuatan Bukti TayangStaf divisi
Bukti Tayang
Gambar 4.86 Rancangan Halaman Data Pembuatan Bukti Tayang Staf divisi Bukti Tayang
16.Rancangan Halaman Data Pengambilan Bukti Tayang Staf divisi Bukti Tayang
Gambar 4.87 Rancangan Halaman Data Pengambilan Bukti Tayang Staf divisi Bukti Tayang
171 17.Rancangan Halaman Tambah Data Pembuatan Bukti Tayang
Staf divisi Bukti Tayang
Tambah Data Pembuatan BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Tgl Pemesanan No Pemesanan xxxxx xxxxx No Siaran xxxxx Jumlah pemesanan Data Pemesanan Status Pemesanan xxxxx xxxxx Bahan Baku yang digunakan
Batal Tambah Reset FOOTER : : : : : [ Ganti Pemesanan ] No Pembuatan xxxxx Tgl Pembuatan xxxxx Data Pembuatan : : xxxxx Pemesanan Pengambilan Pembuatan
Nama Bahan Baku Jumlah Bahan Baku xxxxx
xxxxx xxxxx
xxxxx xxxxx
xxxxx xxxxx
xxxxx xxxxx
Gambar 4.88 Rancangan Halaman Tambah Data Pembuatan Bukti TayangStaf divisi Bukti Tayang
172 18.Rancangan Halaman Tambah Data Pengambilan Bukti Tayang
Staf divisi Bukti Tayang
Tambah Data Pengambilan BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Tgl Pemesanan No Pemesanan xxxxx xxxxx No Siaran xxxxx Jumlah pemesanan Data Pemesanan Status Pemesanan xxxxx xxxxx Batal Tambah Reset FOOTER : : : : : [ Ganti Pemesanan ] No Pengambilan xxxxx Tgl Pengambilan xxxxx Data Pengambilan : : Pemesanan Pengambilan Pembuatan
Gambar 4.89 Rancangan Halaman Tambah Data Pengambilan Bukti TayangStaf divisi Bukti Tayang
173 19.Rancangan Halaman Data Bahan BakuStaf divisi Bukti
Tayang
Gambar 4.90 Rancangan Halaman Data Bahan BakuStaf divisi Bukti Tayang
20.Rancangan Halaman Tambah Data Bahan BakuStaf divisi Bukti Tayang
Gambar 4.91 Rancangan Halaman Tambah Data Bahan Baku Staf divisi Bukti Tayang
174 21.Rancangan Halaman Edit Data Bahan Baku Staf divisi Bukti
Tayang
Gambar 4.92 Rancangan Halaman Edit Data Bahan Baku Staf divisi Bukti Tayang
22.Rancangan Halaman Data Permintaan Bahan BakuStaf divisi Bukti Tayang
Gambar 4.93 Rancangan Halaman Data Permintaan Bahan BakuStaf divisi Bukti Tayang
175 23.Rancangan Halaman Tambah Data Permintaan Bahan Baku
Staf divisi Bukti Tayang
Tambah Data Permintaan Bahan Baku BANNER Logout Bahan Baku Bukti Tayang Data Master Home Laporan Pengadaan Permintaan Bahan Baku
Stok Bahan Baku Nama Bahan Baku
Kode Bahan Baku No xxxxx xxxxx xx xxxxx xxxxx xxxxx xx xxxxx xxxxx xxxxx xx xxxxx No Permintaan xxxxx Tgl Permintaan xxxxx Data Permintaan : :
Bahan Baku yang akan diminta
xxxxx
Nama Bahan Baku Jumlah Bahan Baku xxxxx
xxxxx xxxxx
xxxxx xxxxx
xxxxx xxxxx
xxxxx xxxxx
Tambah Reset Batal
FOOTER
Gambar 4.94 Rancangan Halaman Tambah Data Permintaan Bahan BakuStaf divisi Bukti Tayang