• Tidak ada hasil yang ditemukan

Perancangan antar muka 1. Home

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

Dokumen terkait