36
3.3.1. Perancangan Antarmuka User
Perancangan tampilan aplikasi bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun sehingga akan mempermudah dalam mengimplementasikan
aplikasi. Perancangan ini akan diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan. Rancangan sistem informasi berbasis web yang dibuat dapat dilihat pada
gambar berikut :
3.3.1.1. Perancangan Tampilan Home
Perancangan tampilan Home ini adalah tampilan awal atau tampilan utama dari sistem informasi yang akan dibuat.
T01
Copyright © 2013 Kecamatan Arjasari
LOGO PEMERINTAH KABUPATEN BANDUNG
KECAMATAN ARJASARI
Jalan Raya Arjasari Km. 11 Telp.Fax. 022 5940822 Arjasari 40379 Hari, Tanggal Bulan Tahun
SLIDE SHOW Home
Staff dan Pegawai Penduduk
Selamat Datang | Login
SLIDE
CONTENT ·
Klik Home menuju T01
·
Klik Staff dan Pegawaoi menuju T02
·
Klik Penduduk menuju T03
·
Klik Profil menuju T04
·
Klik Login menuju T06 Profil
Gambar 3.12 Perancangan Tampilan Home untuk User
37
3.3.1.2. Perancangan Tampilan DataKaryawan
Perancangan tampilan lihat data karyawan ini dipergunakan oleh user untuk melihat data karyawan. seperti NIP Karyawan, Nama Karyawan, Bagian Karyawan, NIP Atasan
Karyawan dan Nama Atasan Karyawan.
T03
Copyright © 2013 Kecamatan Arjasari
LOGO PEMERINTAH KABUPATEN BANDUNG
KECAMATAN ARJASARI
Jalan Raya Arjasari Km. 11 Telp.Fax. 022 5940822 Arjasari 40379 GAMBAR
Hari, Tanggal Bulan Tahun Home
Staff dan Karyawan Penduduk
Profil Selamat Datang | Login
·
Klik Home menuju T02
·
Klik Staf dan Karyawan menuju T03
·
Klik Penduduk menuju T05
·
Klik Login menuju T01
·
Klik First menuju record yang pertama
·
Klik Previous menuju record sebelumnya
·
Klik Next menuju record selanjutnya
·
Klik Last menuju record yang terakhir
·
Klik angka 123 menuju record ke-n
Cari Berdasarkan Atribut Karyawan
Cari NO
NIP NAMA KARYAWAN
BAGIAN 1
2 3
4 5
6 7
8 9
10 First
Previous Next
Last 1
2 3
NIP ATASAN NAMA ATASAN
Gambar 3.13 Perancangan Tampilan Lihat Data Staff dan karyawan untuk User
38
3.3.1.3. Perancangan Tampilan Lihat Data Penduduk
Perancangan tampilan lihat data penduduk ini dipergunakan oleh user untuk melihat data penduduk. id_penduduk,no_ktp, nama_penduduk, jenis_kelamin, tempat_lahir,
tanggal_lahir, agama, status, pekerjaan, alamat, kelurahan dan data penduduk yang lainnya.
T05
Copyright © 2013 Kecamatan Arjasari
LOGO PEMERINTAH KABUPATEN BANDUNG
KECAMATAN ARJASARI
Jalan Raya Arjasari Km. 11 Telp.Fax. 022 5940822 Arjasari 40379 GAMBAR
Hari, Tanggal Bulan Tahun Home
Staff dan Karyawan Penduduk
Profil Selamat Datang | Login
·
Klik Home menuju T02
·
Klik Staf dan Karyawan menuju T03
·
Klik Penduduk menuju T05
·
Klik Login menuju T01
·
Klik First menuju record yang pertama
·
Klik Previous menuju record sebelumnya
·
Klik Next menuju record selanjutnya
·
Klik Last menuju record yang terakhir
·
Klik angka 123 menuju record ke-n
Cari Berdasarkan Atribut Penduduk
Cari NO
ID PENDUDUK NO KTP
NAMA PENDUDUK 1
2 3
4 5
6 7
8 9
10 First
Previous Next
Last 1
2 3
JENIS KELAMIN TANGGAL LAHIR
Gambar 3.14 Perancangan Tampilan Lihat Data Penduduk untuk User
39
3.3.2. Perancangan Antarmuka Admin
Kategori