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