Form Halaman Utama Beranda Form Pengolahan data Pengguna Pengguna Form Tambah data Pengguna Form Edit data Pengguna Form Data Dokumen

3.2.3.1 Perancangan Form

Perancangan antarmuka form aplikasi Pengarsipan Dokumen di Balai Beasar Bahan dan Barang Teknik dapat dilihat pada Gambar 3.14 sampa dengan Gambar 3.21.

1. Form Halaman Utama Beranda

Gambar 3.14 Form Halaman Utama Menu Beranda Warna background : Putih Jenis Font : Arial Size : 11 Logo Nama Instansi Alamat Instansi Beranda Pengguna Dokumen Pencarian Dokumen Logout klik beranda untuk menuju ke T01 klik Pengguna untuk menuju ke T02 klik Dokumen untuk menuju ke T05 klik Berbagi Dokumen untuk menuju ke T09 klik Group untuk menuju ke T12 Warna background : Putih Jenis Font : Arial Size : 11 No : T01

2. Form Pengolahan data Pengguna Pengguna

Gambar 3.15 Form Data Pengguna Warna background : Putih Jenis Font : Arial Size : 11 Logo Nama Instansi Alamat Instansi Beranda Pengguna Dokumen Pencarian Dokumen Logout klik Data Pengguna untuk menuju ke T02 klik Tambah Pengguna untuk menuju ke T03 klik tombol Cari dan akan akan menuju ke T02 Warna background : Putih Jenis Font : Arial Size : 11 Data Pengguna Tambah Pengguna ::Semua Data Pengguna No NIP Nama E-Mail No. Hp Group Tipe Aksi No : T02 Cari

3. Form Tambah data Pengguna

Gambar 3.16 Form Tambah Pengguna Warna background : Putih Jenis Font : Arial Size : 11 Logo Nama Instansi Alamat Instansi Beranda Pengguna Dokumen Pencarian Dokumen Logout klik tombol Tambah untuk mmenambhakan dan akan menuju ke T02 Warna background : Putih Jenis Font : Arial Size : 11 Data Pengguna Tambah Pengguna ::Tambah Pengguna Username Password NIP Nama Depan Nama Belakang E-Mail No. Hp Group Tambah No : T03

4. Form Edit data Pengguna

Gambar 3.17 Form Edit data Pengguna Warna background : Putih Jenis Font : Arial Size : 11 Logo Nama Instansi Alamat Instansi Beranda Pengguna Dokumen Pencarian Dokumen Logout klik Edit untuk menyimpan dan akan menuju ke T02 Warna background : Putih Jenis Font : Arial Size : 11 Data Pengguna Tambah Pengguna ::Edit data Pengguna Username Password NIP Nama Depan Nama Belakang E-Mail No. Hp Group Edit No : T04

5. Form Data Dokumen

Gambar 3.17 Form Data Dokumen Gambar 3.18 Form Data Dokumen Warna background : Putih Jenis Font : Arial Size : 11 Logo Nama Instansi Alamat Instansi Beranda Pengguna Dokumen Pencarian Dokumen Group Logout klik Data Dokumen untuk menuju ke T05 klik Tambah Dokumen untuk menuju ke T06 Warna background : Putih Jenis Font : Arial Size : 11 Data Dokumen Tambah Dokumen ::Semua Data Dokumen Down Nip No Dok Nama Dok Asal Dok Tgl Masuk Tgl Keluar Desk Aksi No : T05

6. Form Tambah Dokumen