Kamus Data Perancangan Antar Muka

71 Tabel 4.8. Tabel Admin Nama Field Description Type Size Null Default Extra attributes id_admin Int yes First_name Vachar 100 Last_name Vachar 100 Login Vachar 100 Password Vachar 32 2. Tabel Penduduk Nama Tabel : Penduduk Keterangan : Berisi data penduduk Primary Key : nik Tabel 4.9. Tabel Penduduk Nama Field Description Type Size Null Default Extra attributes Id Bigint 20 yes no_kk Vachar 25 Nik Vachar 25 Nama Vachar 40 Jenis_kelamn Vachar 10 Agama Vachar 20 Rt Vachar 50 yes Null Tanggal_lahir Date 0000-00-00 Tempat_lahir Vachar 50 Umur int 2 yes null Status Vachar 20 Kewarganegaraan Vachar 20 Pekerjaan Vachar 30 Pendidikan Vachar 30 72 3. Tabel KTP Kartu Tanda Penduduk Nama Tabel : KTP Keterangan : Berisi data KTP Primary Key : No KTP Tabel 4.10. Tabel KTP Nama Field Description Type Size Null Default Extra attributes No_ktp Vachar 25 yes Nik Vachar 25 Foto Vachar 50 Tanda_tangan Vachar 50 4. Tabel Kecamatan Nama Tabel : Kecamatan Keterangan : Berisi daftar-daftar nama kecamatan Primary Key : Nip Tabel 4.11. Tabel Kecamatan Nama Field Description Type Size Null Default Extra attributes id_kec Int yes Nama_kecamatan Char 25 5. Tabel Kelurahan Nama Tabel : Kelurahan Keterangan : Berisi daftar-daftar nama kelurahandesa Primary Key : kode_matkul 73 Tabel 4.12. Tabel kelurahan Nama Field Description Type Size Null Default Extra attributes id_kel Int yes Nama_kelurahan Char 25

4.4.6. Perancangan Antar Muka

Perancangan tampilan terdiri dari: 1. Antar Muka Halaman Awal Gambar 4.7. Gambar Antar Muka Halaman Awal Header Footer Serambi Serambi Profil Daerah Berita Galeri E-KTP Visi-Misi Polling Menu 74 2. Antar Muka Halaman Login Gambar 4.8. Gambar Antar Muka Halaman Login Header Footer E-KTP Polling Menu Serambi Profil Daerah Berita Galeri E-KTP Visi-Misi PEMERINTAH KAB. TANJUNG JABUNG TIMUR DINAS KEPENDUDUKAN DAN CATATAN SIPIL Jln. P. Diponegoro Komplek Perkantoran Bukit Menderang Kelurahan Rano Kec. Muara sabak Barat Data base kab. Tanjung Jabung Timur logo Login : Password : 75 3. Antar Muka Halaman Menu Data Penduduk Gambar 4.9. Gambar Antar Muka Menu Data Penduduk Data base kab. Tanjung Jabung Timur Form Input Data Penduduk Lihat Data Penduduk Form Pembuatan KTP Logout PEMERINTAH KAB. TANJUNG JABUNG TIMUR DINAS KEPENDUDUKAN DAN CATATAN SIPIL Jln. P. Diponegoro Komplek Perkantoran Bukit Menderang Kelurahan Rano Kec. Muara sabak Barat logo 76 4. Antar Muka Halaman Input data penduduk Gambar 4.10. Gambar Antar Muka Input Data Penduduk logo Form Input Data Penduduk Data base kab. Tanjung Jabung Timur NIK : No. KK : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tangal lahir : Status Perkawinan : Hub. Keluarga : Kewarganegaraan :: Pekerjaan : Pendidikan : Gol. Darah : Jalan Kecamatan Kelurahan RT Simpan Reset PEMERINTAH KAB. TANJUNG JABUNG TIMUR DINAS KEPENDUDUKAN DAN CATATAN SIPIL Jln. P. Diponegoro Komplek Perkantoran Bukit Menderang Kelurahan Rano Kec. Muara sabak Barat 77 5. Antar Muka Halaman input data pembuatan KTP Gambar 4.11. Gambar Antar Muka Input Data Pembuatan KTP logo Form Input Data Penduduk Data base kab. Tanjung Jabung Timur No. KK : : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tangal lahir : Status Perkawinan : Hub. Keluarga : Kewarganegaraan : : Pekerjaan : Pendidikan : Gol. Darah : Kirim Foto : Jalan Kecamatan Kelurahan RT Simpan Reset PEMERINTAH KAB. TANJUNG JABUNG TIMUR DINAS KEPENDUDUKAN DAN CATATAN SIPIL Jln. P. Diponegoro Komplek Perkantoran Bukit Menderang Kelurahan Rano Kec. Muara sabak Barat Browse 78 6. Antar Muka Halaman Lihat Data Penduduk Gambar 4.12. Gambar Antar Muka Lihat Data Penduduk 79 7. Antar Muka Halaman Cetak KTP Gambar 4.13. Gambar Antar Muka Cetak KTP 8. Antar Muka Halaman logout Gambar 4.14. Gambar Antar Muka Halaman Logout PROVINSI JAMBI KABUPATEN TANJUNG JABUNG TIMUR NO. KTP : Nama : TempatTgl.Lahir : Jenis Kelamin : Gol. Darah : Alamat : RTRW : DesaKel : Kecamatan : Status Perkawinan : Agama : Pekerjaan : Berlaku Hingga : Tanjab Timur, - - Kepala Dukcapil Tanjung Jabung Timur Jakfar, S.Sos Tanda Tangan Pemegang KTP NIP : Anda Sudah Keluar Klik disini Untuk PEMERINTAH KAB. TANJUNG JABUNG TIMUR DINAS KEPENDUDUKAN DAN CATATAN SIPIL Jln. P. Diponegoro Komplek Perkantoran Bukit Menderang Kelurahan Rano Kec. Muara sabak Barat logo Logout Login Foto 80

4.5. Construction

Pada tahap ini, penulis memulai membuat aplikasi dari perancangan yang telah penulis buat sebelumnya. Bahasa pemrograman yang penulis terapkan adalah bahasa pemrograman PHP. Adapun listing kode pemrograman dapat dilihat pada Lampiran C. Adapun tampilan aplikasi dapat dilihat pada gambar di bawah ini: 1. Tampilan Halaman Awal Web Gambar 4.15. Gambar Halaman Awal Web 81 2. Tampilan Login pada Aplikasi Pembuatan KTP Gambar 4.16. Gambar Halaman Login Pembuatan KTP