Minggu 1 Minggu 2 Minggu 3 Minggu 4 Melakukan Pengumpulan Data
3.3. Data Kerja Praktek
3.3.4. Perancangan antar muka 1. Home
Nama perusahaan Username Password Keterangan perusahaan home
- isi username dan password untuk masuk ke menu Z02
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
arsip staff Z01
Highlight
2. Form menu administrator
Nama perusahaan
Tambah Rasip
Keterangan perusahaan home
-klik tambah arsip untuk masuk ke
menu Z03 -klik edit file upload
untuk masuk ke menu Z04 -klik hapus untuk masuk ke menu Z05 -klik view arsip untuk masuk ke menu Z06
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman staff Z02
Edit file upload
Hapus
Vieiw arsip
Gambar 3.13 form menu admin
3. Form tambah arsip
Nama perusahaan
Tambah Rasip
Tambah arsip baru home
-klik tambah arsip untuk masuk ke
menu Z03 -klik edit file upload
untuk masuk ke menu Z04 -klik hapus untuk masuk ke menu Z05 -klik view arsip untuk masuk ke menu Z06
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman staff Z03
Edit file upload
Hapus
Vieiw arsip
4. Form edit arsip
Nama perusahaan
Tambah Rasip
Edit file upload home
-klik tambah arsip untuk masuk ke
menu Z03 -klik edit file upload
untuk masuk ke menu Z04 -klik hapus untuk masuk ke menu Z05 -klik view arsip untuk masuk ke menu Z06
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman staff Z04
Edit file upload
Hapus
Vieiw arsip
Gambar 3.15 form edit arsip
5. Form hapus arsip
Nama perusahaan
Tambah Rasip
Hapus arsip home
-klik tambah arsip untuk masuk ke
menu Z03 -klik edit file upload
untuk masuk ke menu Z04 -klik hapus untuk masuk ke menu Z05 -klik view arsip untuk masuk ke menu Z06
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman staff Z05
Edit file upload
Hapus
Vieiw arsip
6. Form view arsip
Nama perusahaan
Tambah Rasip
View arsip home
-klik tambah arsip untuk masuk ke
menu Z03 -klik edit file upload
untuk masuk ke menu Z04 -klik hapus untuk masuk ke menu Z05 -klik view arsip untuk masuk ke menu Z06
Klik cetak barcod untuk masuk ke Z07
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman staff Z06
Edit file upload
Hapus
Vieiw arsip
Cetak barcode
Gambar 3.17 form view arsip
7. Form cetak barcode
Nama perusahaan
Tambah Rasip
Cetak barcode home
-klik tambah arsip untuk masuk ke
menu Z03 -klik edit file upload
untuk masuk ke menu Z04 -klik hapus untuk masuk ke menu Z05 -klik view arsip untuk masuk ke menu Z06
Klik cetak barcod untuk masuk ke Z07 - klik menu cari untuk
masuk ke menu Z08
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman Z07
Edit file upload
Hapus
Vieiw arsip
Cetak barcode
Cari
8. Form cari arsip
Nama perusahaan
Tambah Rasip
Cari arsip home
-klik tambah arsip untuk masuk ke
menu Z03 -klik edit file upload
untuk masuk ke menu Z04 -klik hapus untuk masuk ke menu Z05 -klik view arsip untuk masuk ke menu Z06
Klik cetak barcod untuk masuk ke Z07 - klik menu cari untuk
masuk ke menu Z08 - klik menu peminjaman untuk masuk ke menu Z09
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman Z08
Edit file upload
Hapus
Vieiw arsip
Cetak barcode
Cari
Gambar 3.19 form cari arsip
9. Form peminjaman
Nama perusahaan
Tambah
Data peminjaman home
-klik tambah untuk masuk ke menu Z10 -klik hapus untuk masuk ke menu Z11 -klik lihat peminjaman
masuk ke menu Z12 -klik cari untuk masuk
ke menu Z13
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman Z09
Hapus
Lihat peminjaman
cari
10. Form tambah peminjaman
Nama perusahaan
Tambah
Tambah peminjaman home
-klik tambah untuk masuk ke menu Z10 -klik hapus untuk masuk ke menu Z11 -klik lihat peminjaman
masuk ke menu Z12 -klik cari untuk masuk
ke menu Z13
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman Z10
Hapus
Lihat peminjaman
cari
Gambar 3.21 form tambah peminjaman
11. Form hapus peminjaman
Nama perusahaan
Tambah
Hapus peminjaman home
-klik tambah untuk masuk ke menu Z10 -klik hapus untuk masuk ke menu Z11 -klik lihat peminjaman
masuk ke menu Z12 -klik cari untuk masuk
ke menu Z13
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman Z11
Hapus
Lihat peminjaman
cari
12. Form lihat peminjaman
Nama perusahaan
Tambah
Lihat peminjaman home
-klik tambah untuk masuk ke menu Z10 -klik hapus untuk masuk ke menu Z11 -klik lihat peminjaman
masuk ke menu Z12 -klik cari untuk masuk
ke menu Z13
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman Z12
Hapus
Lihat peminjaman
cari
Gambar 3.23 form lihat peminjaman
13. Form cari peminjaman
Nama perusahaan
Tambah
Cari peminjaman home
-klik tambah untuk masuk ke menu Z10 -klik hapus untuk masuk ke menu Z11 -klik lihat peminjaman
masuk ke menu Z12 -klik cari untuk masuk
ke menu Z13
Warna background : hijau Ukuran Font : 18 Jenis Font : Tahoma
peminjaman Z13
Hapus
Lihat peminjaman
cari
3.3.5. Implementasi
1. Tampilan Home dan login
Gambar 3.25 Tampilan Home dan login
2. Tampilan menu administrator
3. Tampilan tambah arsip baru
Gambar 3.27 Tampilan tambah arsip baru
4. Tampilan edit arsip
5. Tampilan hapus arsip
Gambar 3.29 Tampilan hapus arsip
6. Tampilan view arsip
7. Tampilan cetak barcode
Gambar 3.31 Tampilan cetak barcode
8. Tampilan hasil cetak barcode
Gambar 3.32 Tampilan hasil cetak barcode
9. Tampilan cari arsip
10. Tampilan peminjaman arsip
Gambar 3.34 Tampilan peminjaman arsip
11. Tampilan tambah peminjaman arsip
12. Tampilan hapus peminjaman arsip
Gambar 3.36 Tampilan hapus peminjaman
13. Tampilan lihat peminjaman arsip
14. Tampilan cari peminjaman arsip
BAB 4
KESIMPULAN DAN SARAN