Gambar diatas merupakan gambar setelah admin login maka admin dapat memasuki menu dimana dapat menghapus,mengedit dan menambah data, pada
flowchart diatas ketika admin masuk kehalaman edit penduduk admin hanya dapat menghapus penduduk selanjutnya ketika admin menghapus data dalam maka data
dalam database juga ikut terhapus begitu juga dengan pembuatan KK dan KTP, hanya saja halaman lain admin dapat memperbarui data dan menambah data.
3.7 Perancangan Antarmuka
Adapun tampilan antarmuka yang telah dibuat user agar lebih menarik dan mempermudah dalam penggunaan nya :
3.7.1 Desain menu
Menu merupakan bagian terpenting dalam sebuah aplikasi, karena dengan menu dapat lebih mudah memahami perintah apa saja yang terdapat dalam aplikasi
tertentu. Pada aplikasi data penduduk kelurahan ini menu terletak pada header yang terdiri dari menu halaman utama, data penduduk, visi dan misi, KTP, KK,
dan Kontak. Pada halaman utama terdapat profil kelurahan, peta kelurahan dan batas wilayah.
Pada halaman utama terdapat jquery slider yang berguna menampilkan foto. Selanjutnya terdapat profil kelurahan pada halaman utama. Selanjutnya
terdapat menu visi dan misi keanggotaan dalam kelurahan Titi Rantai. Menu data penduduk akan menunjukkan daftar penduduk yang ada pada kelurahan Titi
Universitas Sumatera Utara
Rantai serta bagi penduduk yang belum terdaftarkan nama nya akan diberikan form pendaftaran melalui menu KTP dan terdapat juga menu pendaftaran KK bagi
anggota keluarga yang baru masuk kelurahan Titi Rantai. Menu Kontak bertujuan bagi para penduduk untuk memberikan pesan terhadap kelurahan.
3.7.2 Pendesaian Tampilan
Pada langkah pendesaian tampilan, dirancang tampilan tampilan grafis yang dapat dibuat sebagai antarmuka pemakai aplikasi. Hal-hal yang perlu dipertimbangkan
adalah : 1.
Bagaimana membuat form form yang efektif serta sesuai dengan kebutuhan.
2. Bagaimana mengatur tata letak form layout, baik itu pewarnaan serta
penentuan property kontrol-kontrol pada form yang akan mempengaruhi segi estetika sebuah antarmuka pemakai.
3.7.3 Perancangan Input
Perancangan input meliputi data masukan untuk diolah sistem. Dimana hal-hal berikut ini dijadikan patokan dalam perancangan input :
1. Jenis data yang diinput, apakah data numerik atau karakter.
Universitas Sumatera Utara
2. Pengkodean dan pengurutan data, dengan menggunakan suatu kunci
primer. 3.
Dialog untuk membuat user dalam menyediakan input, berupa keterangan agar user tidak salah dalam melakukan input data validasi
pemeriksaan kesalahan, berupa untuk pemeriksaan apakah data yang di input sudah sesuai dengan kebutuhan sistem.
4. Metode untuk menampilkan validasi input jika kesalahan dalam input
data.
3.7.4 Perancangan Tampilan
