BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1
Implementasi Setelah melakukan analisis dan perancangan terhadap sistem kartu
keluarga berbasis web ini, tahap selanjutnya adalah implementasi dan pengujian. Pada sub bab ini dijelaskan implementasi dari system yang telah dibuat yang terdiri dari implementasi basis data dan interface dari apliaksi system tersebut. Untuk memulai dan menjalankan program aplikasi dapat menggunakan browser seperti : Internet Explorer atau Mozilla Firefox dengan cara mengetikkan alamat http://localhost/kramatmulya/.
4.1.1
Implementasi Basis Data Dalam pembuatan basisdata diasumsikan web server telah terinstall dalam
komputer dan penulis membuatnya dengan menggunakan PHPMyadmin. 1.
Membuka halaman Mysql Buka web browser, dan dalam aplikasi ini penulis menggunakan Internet
explorer atau Mozilla Firefox dan ketik http://localhost/phpmyadmin pada kolom address yang terdapat pada web browser internet explorer maka akan tampil halaman PHPMyAdmin seperti yang terdapat pada gambar 4.1
Gambar 4.1 Halaman PHPMyAdmin
67
68
Setelah masuk halaman PHPMyAdmin, maka pada kolom Create New Database ketik nama basisdata yang akan dibuat lalu pilih tombol Create. Untuk membuat basisdata. 2.
Membuat Basisdata Kartu Keluarga Pembuatan basisdata Kartu Keluarga didalam MySql diawali dengan cara
memasukkan atau mengisikan kata kramatmulyadb didalam “Create New Database” dan setelah nama basisdata dibuat maka selanjutnya dapat dibuat tabel-tabel yang diperlukan pada aplikasi ini. Dengan cara memasukkan nama tabel yang mau dibuat dalam create new tabel on database, kemudian isi field yang diinginkan dalam kolom number of fields, dan setelah itu klik tombol go. Maka tabel telah dibuat dengan jumlah field yang telah dimasukkan sebelumnya pada kolom field, Tampilan basisdata terlihat pada gambar 4.2 berikut ini.
Gambar 4.2 Database Kartu keluarga.
3.
Dibawah ini adalah tampilan dari tabel-tabel yang telah dibuat dalam database Kartu keluarga.
69
Gambar 4.3 Isi field dari tabel Admin
Gambar 4.4 Isi field dari tabel Biodata Penduduk
Gambar 4.5 Isi field dari tabel Kepala Keluarga
70
Gambar 4.6 Isi field dari tabel Anggota Keluarga
Gambar 4.7 Isi field dari tabel Kartu Keluarga
71
4.1.2 Tampilan Antarmuka Pada bagian ini akan digambarkan tampilan antarmuka pada web kecamatan kramatmulya. Berikut keterangan dari masing-masing bagian halaman web. 1.
Tampilan antarmuka home adalah tampilan awal setelah pemohon atau admin membuka browser. Pada bagian header terdapat baris menu, dimana menumenu tersebut akan menampilkan ragam informasi. Apabila pemohon/ admin ingin melihat informasi tentang informasi sekitar kecamatan kramatmulya maka pemohon/ admin dapat mengklik menu depan/ home Information. Terlihat pada gambar 4.8 berikut ini.
Gambar 4.8 Tampilan Halaman Awal web Kecamatan kramatmulya. Penggalan list program Halaman Awal web
<strong>
72
2.
Apabila pemohon/ admin ingin melihat informasi tentang berita sekitar kecamatan kramatmulya, kabupaten kuningan, dan sekitarnya maka pemohon/ admin dapat mengklik menu berita. Terlihat pada gambar 4.9 berikut ini.
Gambar 4.9
Tampilan Antarmuka Halaman Berita
Penggalan list program Halaman Berita
<span> <span>Written By: admin on January 22, 2011 <span>No Comment
Ada nuasa lain terjadi pada Rumah Sakit Umum (RSU) El Syifa Kuningan mulai dari muka gedung dengan warna khas hijau ditambah nama identitas lebih jelas. Hal ini menambah kenyamanan dan keharmonisan dengan pasien, menyusul dilantiknya juga jajaran Direksi baru sekaligus persemian gedung baru RSU El Syifa oleh Wakil Bupati Kuningan Drs. H. Momon Rochmana MM, [...]
<small>
73
3.
Apabila pemohon/ admin ingin melihat informasi tentang informasi Kartu Keluarga, syarat-syarat pembuatan dan perpanjangannya maka pemohon/ admin dapat mengklik menu kartu keluarga. Terlihat pada gambar 4.10 berikut ini.
Gambar 4.10 Tampilan Antarmuka Halaman Kartu Keluarga
Penggalan list program halaman Kartu keluarga
<span style="font-size: small;">1.Untuk WNI
- <span style="color: #333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">Surat Pengantar Lurah berdasarkan Surat Pengantar Ketua RT dan Ketua RW
- <span style="color: #333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">KK lama yang sudah ada NIK atau SPMP/SKPD bagi penduduk dari luar Daerah
- <span style="color:#333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">Akta Perkawinan / Buku Nikah
- <span style="color: #333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">Akta Perceraian/ Surat Putusan Cerai
- <span style="color: #333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">Akta Kelahiran
- <span style="color: #333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">Akta Kematian
- <span style="color: #333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">Bukti Kepemilikan / Penguasaan / Penempatan atas tanah dan bangunan atau persil yang sah
- <span style="color: #333333;"><span style="font-family: Arial, serif;"><span style="font-size: small;">SKDLN/SKPLN (bagi WNI yang datang atau pindah dari luar negeri)
74
4.
Apabila pemohon ingin membuat/ mendaftar maka pemohon dapat mengklik menu form pendaftaran. Terlihat pada gambar 4.11 berikut ini.
Gambar 4.11 Tampilan Antarmuka Halaman form Pendaftaran kk
Berikut adalah Penggalan list Program dari Halaman form pendaftaran kk
Data Kepala Keluarga
<iframe src='http://localhost/kramatmulya/form/kepala_keluarga.php' width='350px' height='420px'> Data Anggota Keluarga
<iframe src='http://localhost/kramatmulya/form/anggota_keluarga.php' width='350px' height='630px'>