Parancangan Struktur Menu Perancangan Antarmuka

Gambar 3.29 Struktur Menu Petugas Pelayanan Kecamatan

1.2.2.2 Perancangan Antarmuka

Perancangan antarmuka interface menggambarkan bagaimana perangkat lunak berkomunikasi dengan dirinya sendiri, dengan sistem yang berinteroperasi dengannnya, dan dengan manusia yang menggunakannya. Gambar 3.30 Tampilan Halaman Depan Gambar 3.31 Proses Login Petugas Administrasi Gambar 3.32 Tampilan Menu Administrsi Setelah Login Gambar 3.33 Tampilan Pengolahan Data Penduduk Gambar 3.34 Tampilan Tambah Data Penduduk Gambar 3.35 Tampilan Edit Data Penduduk Gambar 3.36 Tampilan Pengolahan Data User Gambar 3.37 Tampilan Tambah Data User Gambar 3.38 Tampilan Edit Data User Gambar 3.39 Tampilan Pengolahan Laporan Gambar 3.40 Tampilan Laporan Data Penduduk Gambar 3.41 Tampilan Laporan Data Kelahiran Gambar 3.42 Tampilan Laporan Data Kematian Gambar 3.43 Tampilan Laporan Data Penduduk Pindah Gambar 3.44 Tampilan Laporan Data Penduduk Datang Gambar 3.45 Tampilan Laporan Data KK Gambar 3.46 Tampilan Login Untuk Petugas Pelayanan Gambar 3.47 Tampilan Halaman Depan Untuk Petugas Pelayanan Gambar 3.48 Tampilan Pengolahan Data Kelahiran Gambar 3.49 Tampilan Pengolahan Tambah Data Kelahiran Gambar 3.50 Tampilan Pengolahan Edit Data Kelahiran Gambar 3.51 Tampilan Pengolahan Data Kematian Gambar 3.52 Tampilan PengolahanTambah Data Kematian Gambar 3.53Tampilan Pengolahan Edit Kematian Gambar 3.54 Tampilan Pengolahan Data Penduduk Pindah Gambar 3.55 Tampilan Pengolahan Tambah Data Penduduk Pindah Gambar 3.56 Tampilan Pengolahan Edit Data Penduduk Pindah Gambar 3.57 Tampilan Pengolahan Data Penduduk Datang Gambar 3.58 Tampilan Pengolahan Tambah Data Penduduk Datang Klik tombol simpan maka akan menuju ke T21 Ukuran, background, font, warna di sesuaikan HEADER Logo T24 FOOTER Nama Edit Data Penduduk Datang Jenis Kelamin Laki-laki Perempuan RT RW Simpan kelahiran Kematian Penduduk Pindah Penduduk Datang KK Logout No Datang Alamat Tempat lahir Pekerjaan Kewarganegaraan Agama Alamat asal No KTP No KK Gambar 3.59 Tampilan Pengolahan Edit Data Penduduk Datang Gambar 3.60 Tampilan Pengolahan Data KK Gambar 3.61 Tampilan Pengolahan Tambah KK Gambar 3.62 Tampilan Tambah Detail KK Gambar 3.63 Tampilan Aplikasi Kecamatan Gambar 3.64 Tampilan Data Kelurahan Cipaganti Gambar 3.65 Tampilan Data Kelurahan Lebak Siliwangi Gambar 3.66 Tampilan Data Kelurahan Dago Gambar 3.67 Tampilan Data Kelurahan Lebak Gede Gambar 3.68 Tampilan Data Kelurahan Sekeloa Gambar 3.69 Tampilan Data Kelurahan Sadang Serang Gambar 3.70 Tampilan Grafik Penduduk Kelurahan Gambar 3.71 Tampilan Data Penduduk Kelurahan Gambar 3.72 Tampilan Data Kelahiran Penduduk Kelurahan Gambar 3.73 Tampilan Data Kematian Penduduk Kelurahan Gambar 3.74 Tampilan Data Penduduk Pindah Kelurahan Gambar 3.75 Tampilan Data Penduduk Datang Kelurahan Gambar 3.76 Tampilan Data kk Kelurahan

1.2.2.3 Perancangan Output

1. Form Surat Keterangan Lahir Gambar 3.77 Tampilan Surat Keterangan Kelahiran 2. Form Surat Keterangan Kematian Gambar 3.78 Tampilan Surat Keterangan Kematian