Anda di halaman 1dari 90

LAPORAN KERJA PRAKTEK

SISTEM INFORMASI NIKAH (SIMKAH)


BERBASIS WEB
STUDI KASUS KUA KECAMATAN PAMEKASAN

Disusun Oleh:

Walidiah Fitriyani (12.04.511.00023)


Aulia Wahyu Permatasari.s (12.04.5.11.00032)

PROGRAM STUDI MANAJEMEN INFORMATIKA


FAKULTAS TEKNIK
UNIVERSITAS TRUNOJOYO MADURA
2014
A

LAPORAN KERJA PRAKTEK


SISTEM INFORMASI NIKAH (SIMKAH)
BERBASIS WEB
STUDI KASUS KUA KECAMATAN PAMEKASAN

Oleh

WALIDIAH FITRIYANI
12.04.511.00023

PROGRAM STUDI MANAJEMEN INFORMATIKA


FAKULTAS TEKNIK
UNIVERSITAS TRUNOJOYO MADURA
2014

LAPORAN KERJA PRAKTEK


SISTEM INFORMASI NIKAH (SIMKAH)
BERBASIS WEB
STUDI KASUS KUA KECAMATAN PAMEKASAN

Oleh

AULIA WAHYU PERMATASARI.S


12.04.511.00032

PROGRAM STUDI MANAJEMEN INFORMATIKA


FAKULTAS TEKNIK
UNIVERSITAS TRUNOJOYO MADURA
2014

LEMBAR PENGESAHAN PROGRAM STUDI


LAPORAN KERJA PRAKTEK
di KANTOR URUSAN AGAMA KECAMATAN PAMEKASAN
Judul :
SISTEM INFORMASI NIKAH KUA PAMEKASAN BERBASIS
WEB

Oleh :
Walidiah Fitriyani

(12.04.511.00023)

Aulia Wahyu Permatasari.s

(12.04.511.00032)

Menyetujui,
Koordinator KP

Pembimbing KP

Sri Herawati, S.Kom, M.Kom


NIP. 19830828.200812.2.002

Wahyudi Setiawan, S.Kom, M.Kom


NIP. 19780926.200604.1.001

Ketua Program Studi

Achmad Yasid, S.Kom, M.Kom


NIP. 19810626 200801 1010

LEMBAR PENGESAHAN INSTANSI


LAPORAN KERJA PRAKTEK
di KANTOR URUSAN AGAMA KECAMATAN PAMEKASAN
Judul :
SISTEM INFORMASI NIKAH KUA PAMEKASAN BERBASIS
WEB

Oleh :
Walidiah Fitriyani

(12.04.511.00023)

Aulia Wahyu Permatasari.s

(12.04.511.00032)

Menyetujui,
Kepala KUA Kecamatan

Pembimbing Lapangan KP

Pamekasan,

Drs. H. Suparman, M.Si


NIP. 1961 1231 1993 031003

H. Mudenar, S.Thj, M.Pd.I


NIP. 1978 0606 2003 121003

ii

KATA PENGANTAR

Pertama-tama kami ucapkan puji syukur kehadirat Allah SWT


atas rahmat dan inayah-Nya sehingga laporan ini dapat diselesaikan.
Selanjutnya sholawat dan salam kami haturkan ke pangkuan Nabi besar
Muhammad SAW, yang telah mengangkat kita dari alam kegelapan
menuju alam yang terang berderang yakni dengan adanya agama islam,
dan berkat beliaulah kita dibimbing ke jalan yang benar dan sekaligus
menyempurnakan akhlak. Begitu juga salam sejahtera semoga
senantiasa tercurahkan keluarga Nabi Muhammad SAW. Para sahabat
dan tabiin serta seluruh ummatnya akhir zaman.
Laporan ini terwujud berkat bantuan beberapa pihak. Untuk itu
kami menyampaikan banyak terima kasih terutama kepada dosen
pembimbing Kerja Praktek, Kordinator Kerja Praktek

yang telah

membimbing dalam penyusunan laporan ini dan kepada seluruh pegawai


Kantor Urusan Agama kecamatan pamekasan atas kesempatan
melaksanakan serta mendapatkan informasi data untuk pembuatan
program dan laporan Kerja Praktek.
Dalam penulisan laporan ini tentu masih banyak kelemahan
dan kekurangannya dan apabila ada kesalahan dalam penulisan maupun
kata-kata, kami minta maaf yang sebesar-besarnya.

Bangkalan,

Desember 2014

Penyusun

iii

ABSTRAKSI
Peran teknologi saat ini juga banyak dibutuhkan di bidang
perkantoran. Dibutuhkan sebuah sistem yang dapat mengelola data
yang ada, salah satunya di Kantor Urusan Agama Kecamatan
Pamekasan. Salah satu tugas Kantor Urusan Agama adalah
mengelola pendaftaran akta nikah. Pengelolaan data yang masih
manual menyebabkan pelayanan yang diberikan Kantor Urusan
Agama Kecamatan Pamekasan kurang optimal, terutama jika
terdapat data lama dibutuhkan dalam waktu tertentu. Oleh karena itu,
dibutuhkan sebuah inovasi yang dapat membantu mengolah data dan
mempermudah pengelolaan data yang sudah ada serta meningkatkan
pelayanan di Kantor Urusan Agama Kecamatan Pamekasan. Salah
satu inovasi yang dapat membantu pengelolaan data adalah Sistem
Informasi Nikah berbasis web. Yang dapat membantu menambah,
menyimpan dan mencari data pendaftar akta nikah.
Kata kunci : Kantor Urusan Agama, Sistem Informasi Nikah Pamekasan

iv

MOTTO
Jadilah seorang murid selama kamu masih memiliki sesuatu untuk
dipelajari. Dan itu berarti seumur hidupmu Henry Doherty

Apapun yang kamu bisa lakukan atau kamu mimpi bisa lakukan,
mulailah itu. Di dalam keberanian terdapat kejeniusan, kekuatan dan
keajaiban. Mulailah sekarang Goethe

Kepala yang baik dan hati yang baik selalu merupakan kombinasi
yang hebat. Namun saat kamu menambahkan lidah atau pena yang
terpelajar, maka kamu memiliki sesuatu yang sangat istimewa
Nelson Mandela

Ucapan Terimakasih
Puji syukur kami haturkan ke hadirat Ilahi rabbi atas segala
kenikmatan yang telah dilimpahkan hususnya yang berupa kesehatan
baik jasmani maupun rohani. Karna tanpa kenikmatan dari-Nya, tidak
mungkin laporan ini bisa terselesaikan.
Penulis sangat bersyukur atas terselesaikannya proyek kerja
praktek ini. Pada kesempatan ini, penulis ingin menyampaikan rasa
hormat dan terima kasih yang sebesar-besarnya kepada:

Ibunda tercinta, yang mengandung penulis selama 9 bulan,


kemudian melahirkan dan merawatnya dengan penuh kasih
sayang.

Ayahanda terkasih, atas jasa yang luar biasa dalam memimpin


keluarga dan pengorbanan yang tiada batas dalam menafkahi
keluarga hususnya kepada penulis hingga mampu merasakan
pendidikan pada perguruan tinggi Universitas Trunojoyo.

Kepada Bapak Wahyudi Setiawan, S.Kom, M.kom.


Dosen Pembimbing Kerja Praktek penulis.

Kepada Ibu Sri Herawati, S.Kom, M.Kom. selaku Koordinator


Kerja Praktek (KP).

Kepada Bapak Achmad Yasid, S.Kom, M.Kom. selaku Ketua


Jurusan Manajemen Informatika.

Kepada keluarga besar Kantor Urusan Agama Kecamatan


Pamekasan atas kesempatan melaksanakan kerja praktek.

Kepada teman-teman HAMMI khususnya angkatan 2012.

selaku

vi

Daftar Isi
Lembar Pengesahan Jurusan ..................................................................... i
Lembar Pengesahan Instansi ................................................................... ii
Kata Pengantar ........................................................................................ iii
Abstraksi ................................................................................................... iv
Motto ........................................................................................................ v
Ucapan Terima Kasih ............................................................................... vi
Daftar Isi .................................................................................................. vii
Daftar Gambar .......................................................................................... ix
Daftar Tabel .............................................................................................. xi
BAB I PENDAHULUAN .......................................................................
1.1 Latar Belakang ..........................................................................
1.2 Rumusan Masalah ....................................................................
1.3 Batasan Masalah .......................................................................
1.4 Tujuan Analisis .........................................................................
1.5 Manfaat Analisis .......................................................................
1.6 Sistematika Penulisan ...............................................................

1
1
2
2
2
2
3

BAB II PROFIL ......................................................................................


2.1 Sejarah Singkat Kua Kecamatan Pamekasan .............................
2.2 Visi dan Misi Kua Kecamatan Pamekasan ................................
2.3 Logo KUA..................................................................................
2.4 Tugas dan Fungsi KUA ..............................................................
2.5 Struktur Organisasi .....................................................................
2.6 Susunan Kepegawaian ...............................................................
2.7 Deskripsi Kerja ..........................................................................

4
4
5
6
8
10
10
11

BAB III TEORI PENUNJANG .............................................................


3.1 Pengertian Sistem ......................................................................
3.2 Pengertian Informasi ................................................................
3.3 Pengertian Sistem Informasi .....................................................
3.4 Macromedia Dreamweaver........................................................

16
16
21
21
22

vii

3.5
3.6
3.7
3.7

Data Base...................................................................................
SQL (Structure Query Language) ............................................
PHP (Hypertext Preprocessor) .................................................
Java Script ................................................................................

23
24
24
25

BAB IV IMPLEMENTASI ....................................................................


4.1 Analisis Kebutuhan Sistem........................................................
4.2 Perancangan Sistem ..................................................................
4.2.1 Use Case Diagram .............................................................
4.2.2 Sequence Diagram .............................................................
4.2.3 Activity Diagram ...............................................................
4.3 CDM & PDM ............................................................................
4.4 Implementasi Program...............................................................

26
26
27
27
29
36
43
46

BAB V PENUTUP .................................................................................. 59


5.1 Kesimpulan ............................................................................... 59
5.2 Saran ......................................................................................... 59
DAFTAR PUSTAKA ............................................................................. 60
LAMPIRAN ............................................................................................ 61
CURRICULUM VITAE ........................................................................ 76

viii

Daftar Gambar
Gambar 2.1 Logo Kementerian Agama 6
Gambar 2.2 Struktur kepengurusan KUA Pamekasan .. .......... 10
Gambar 3.1 Karakteristik Sistem . 17
Gambar 4.1 Use case Simkah .............................. 28
Gambar 4.2 Sequence Diagram Login . 30
Gambar 4.3 Sequence Diagram Menambah Data ...

31

Gambar 4.4 Sequence Diagram Mengubah Data ....

32

Gambar 4.5 Sequence Diagram Menghapus Data ..

33

Gambar 4.6 Sequence Diagram Melihat Data . 34


Gambar 4.7 Sequence Diagram Mencari Data .... 35
Gambar 4.8 Sequence Diagram Cetak Report .... 36
Gambar 4.9 Activity Diagram Login 37
Gambar 4.10 Activity Diagram Menambah Data ...

38

Gambar 4.11 Activity Diagram Mengubah Data . 39


Gambar 4.12 Activity Diagram Menghapus Data ...

30

Gambar 4.13 Activity Diagram Melihat Data .. 41


Gambar 4.14 Activity Diagram Mencari Data ..... 42
Gambar 4.15 Activity Diagram Cetak Report . 43
Gambar 4.16 CDM (Conceptual Data Model) .. 44
Gambar 4.17 PDM (Physical Data Model) ... 45
Gambar 4.18 Halaman Login Simkah

46

Gambar 4.19 Halaman Menu Utama Simkah

47

Gambar 4.20 Halaman Visi dan Misi KUA Pamekasan

48

ix

Gambar 4.21 Halaman Struktur Periode Kepala KUA . 48


Gambar 4.22 Halaman Struktur Organisasi Pegawai ... 49
Gambar 4.23 Halaman Data Suami .. 50
Gambar 4.24 Halaman Tambah Data Suami .... 51
Gambar 4.25 Halaman Data Istri .. 52
Gambar 4.26 Halaman Tambah Data Istri 53
Gambar 4.27 Halaman Data Penghulu ..... 54
Gambar 4.28 Halaman Tambah Data Penghulu ... 54
Gambar 4.29 Halaman Data Wali Nikah ................................. 55
Gambar 4.30 Halaman Data Saksi ........................................... 56
Gambar 4.31 Halaman Data Maskawin ................................... 57
Gambar 4.32 Halaman Hasil Pencarian Data ....... 57
Gambar 4.32 Halaman Rincian Data ... 58

Daftar Tabel
Tabel 2.1 Tabel Susunan Kepegawaian KUA Kec Pamekasan .... 11

xi

BAB I
PENDAHULUAN

1.1 Latar belakang


Kantor Urusan Agama (KUA) merupakan bagian dari
Kementerian Agama. Urusan Agama merupakan bagian dari unsur
pelaksana sebagian tugas Kementerian Agama yang berhubungan
langsung dengan masyarakat di wilayah Kecamatan. Sebagaimana
ditegaskan dalam Keputusan Menteri Agama Nomor : 571 Tahun
2001, bahwa Kantor Urusan Agama bertugas melaksanakan
sebagian tugas Kantor Kementerian Agama Kabupaten/Kota di
bidang Urusan Agama.
Salah satu tugas kantor urusan agama adalah mengelola
pendaftaran akta nikah. Pengelolaan data yang masih manual
meyebabkan pelayanan yang diberikan Kantor Urusan Agama
Pamekasan kurang optimal, jika terdapat data lama dibutuhkan
dalam waktu tertentu maka diperlukan suatu sistem yang dapat
mengolah data dan mempermudah pengelolaan data yang ada.
Berdasarkan permasalahan diatas, maka perlu adanya sistem
informasi nikah (simkah) yang memiliki tujuan utama membantu
pengelolaan data pendaftar nikah di Kantor Urusan Agama
Pamekasan khususnya dengan memanfaatkan perangkat teknologi
maka pelayanan dapat dilakukan dengan optimal.

1.2 Rumusan masalah


Berdasarkan latar belakang di atas maka dapat dibuat rumusan
masalah yaitu bagaimana membuat dan mendesain sistem informasi
nikah yang membantu pihak pegawai kantor urusan agama dalam
mengelola data para pendaftar nikah?
1.3 Batasan masalah
Berdasarkan survei terhadap permasalahan yang dihadapi oleh
Kantor Urusan Agama Pamekasan maka diperlukannya batasan
masalah sebagai berikut :
1. Pembuatan Simkah hanya terbatas pada pendataan pendaftar
nikah berbasis web.
2. Data yang diteliti seluruhnya merupakan data dari pendataan
pendaftar nikah yang telah terdaftar di kantor urusan agama
pamekasan pada bulan Agustus November 2014.
1.4 Tujuan analisis
Tujuan dari analisis dan desain sistem ini adalah merancang
sistem informasi nikah yang dapat membantu pihak kantor urusan
agama pamekasan untuk mengelola data para pendaftar nikah.
1.5 Manfaat analisis
Manfaat yang dapat diperoleh dari analisis sistem diantaranya:
1. Dapat merancang dan membuat Sistem Informasi Nikah
mengenai Kantor Urusan Agama Pamekasan
2. Memudahkan programmer dalam membuat sistem dengan
adanya desain sistem yang sudah dibuat sesuai data dan
kebutuhan yang ada.

1.6 Sistematika penulisan


Sistematika pembahasan laporan kerja praktek ini dibagi
menjadi 5(lima) bab. Berikut penjelasan tentang masing-masing
bab:

BAB I PENDAHULUAN
Bab ini berisi tentang latar belakang, rumusan masalah, batasan
masalah, tujuan, manfaat dan sistematika pembahasan.

BAB II PROFIL INSTANSI


Bab ini berisi tentang sejarah instansi, visi dan misi, fungsi dan
tugas, organisasi dan tata kerja serta pemanfaatan teknologi
informasi yang telah dilakukan oleh Instansi.

BAB III TEORI PENUNJANG


Bab ini menguraikan teori-teori yang menunjang pembahasan pada
bab berikutnya.

BABIV IMPLEMENTASI
Bab ini berisi penjelasan implementasi yang mencakup hasil analisa
data sekaligus desain sistem yang nantinya dijadikan landasan untuk
menciptakan program.

BAB V PENUTUP
Bab ini merupakan bab terakhir yang berisi tentang kesimpulan dan
saran yang membangun bagi instansi yang terkait.

BAB II
PROFIL KUA PAMEKASAN
2.1. Sejarah Singkat KUA Kecamatan Pamekasan
Kementerian Agama Kabupaten pamekasan diresmikan sekitar
tahun 1958. menempati tempat bersampingan dengan masjid Agung
As-Syuhada. Kantor Urusan Agama Kecamatan pamekasan juga
demikian. pada tahun 1970 kementerian agama pindah, menempati
bekas sekolah PGAN 6 tahunan dengan alamat Jl. Swatantra I
Pamekasan. sedangkan Kantor Urusan Agama pindah ke lokasi
yang sama, cuma posisinya disebalah selatan dengan alamat Jl.
Kabupaten no. 76.Gedung yang dibangun pada Tahun 1969.
dibagun diatas tanah berukuran 10 x 15 m dengan luas bangunan
112 m. ada ruang Kepala, ruang penghulu dan staf, PPAI,
mushollah dan kamar mandi. KUA Kecamatan Pamekasan berada
ditempat yang cukup strategis, karena posisinya berdampingan
lagsung

dengan

Kantor

Kementerian

Agama

Kabupaten

Pamekasan--bahkan masyarakat lebih mengenal KUA daripada


Kankemenag Pamekasan.
KUA Kecamatan Pamekasan sampai hari ini sudah 10 kali
berganti kepemimpinan. karakter dan model kepemimpinan masingmasing telah banyak mewarnai dengan tinta emas-sehingga KUA
berganti tahun dan periode semakin baik. Pada tahun ini
direncanakan untuk melengkapi software dan hardware yang lebih
adaptif-progresif. Hal ini untuk mengimbangi kebutuhan dan
perkembangan teknologi yang terus meroket. Untuk memenuhi

kebutuhannya, saat ini telah diusulkan ke Kantor Kementerian


Agama Wilayah Provinsi Jawa Timur untuk renovasi total.
2.2. Visi dan Misi KUA Kec Pamekasan
KUA Pamekasan memiliki visi dan misi, sebagai berikut :
VISI :
Cepat, Tepat dan Cermat dalam Pelayanan, Ikhlas dan Amanah
Dalam Mengemban Tugas.
MISI :
Meningkatkan

Kualitas

Nilai-Nilai

Ke-Agamaan

Demi

Terwujudnya Masyarakat Madani, Melalui:


1.

Peningkatan Kualitas pelayanan dengan kerja professional,


efektif dan efisien.

2.

Reorentasi

dan

revitalisasi

nilai-nilai

agama

untuk

mewujudkan kehidupan rumah tangga bahagia kekal abadi.


3.

Peningkatan kualitas sarana dan prasarana yang lebih


refresentatif.

4.

Peningkatan kualitas bimbingan manasik haji dan umroh.

5.

Revitalisasi manajemen pengelolaan masjid, zakat, wakaf dan


ibsos.

6.

Menjalin hubungan antar instansi intern dan ekstern.

2.3. Logo KUA

Gambar 2.1 Logo Kementrian Agama (KMA No.58 Tahun 1979)

Bentuk lambang kementerian agama adalah segi lima sama sisi.


Isi lambang kementerian agama adalah :
1.

Bintang terletak di ujung pertemuan tangkai padi dan kapas.

2.

Tangkai kapas dan padi yang melingkar terdapat 17 kuntum


bunga kapas dan 45 butir padi.

3.

Delapan baris tulisan pada dua permukaan lembaran kitab


suci.

4.

Kitab suci di atas alas terletak pada dua permukaan lembaran


kitab suci.

5.

Kitab suci di atas alas terletak di tengah-tengah lambang.

6.

Semboyan Ikhlas Beramal ditulis dalam pita di bawah kitab


suci.

Warna lambang kementerian agama :


1. Dasar berwarna hijau tua.
2. Bintang berwarna kuning emas.
3. Bunga kapas berwarna hijau putih.
4. Delapan baris tulisan dalam kitab suci berwarna hitam.
5. Padi berwarna kuning emas.

6. Kitab suci berwarna kuning emas.


7. Alas kitab suci berwarna hitam.
8. Kalimat Ikhlas Beramal berwarna hitam.
9. Pita berwarna hitam (ganti putih, KMA No. 43/1982).
10. Perisai segi lima sama sisi berwarna kuning.

Makna warna dalam lambang kementerian agama adalah sebagai


berikut :
1. Bintang bersudut lima yang melambangkan sila Ketuhanan
Yang Maha Esa dalam Pancasila, bermakna bahwa Karyawan
Kementerian Agama selalu mentaati dan menjunjung tinggi
norma-norma

agama

dalam

melaksanakan

tugas

pemerintahan dalam Negara Republik Indonesia yang


berdasarkan Pancasila.
2. 17 kuntum bunga kapas, 8 butir tulisan dalam kitab suci dan 45
butir padi bermakna Proklamasi Kemerdekaan Negara
Indonesia. Menunjukkkan kebulatan tekad para Karyawan
Kementerian Agama untuk membela Kemerdekaan Negara
Kesatuan Republik Indonesia yang diproklamasikan pada
tanggal 17 Agustus 1945.
3. Butiran padi dan kapas yang melingkar berbentuk bulatan
bermakna bahwa Karyawan Kementerian Agama mengemban
tugas untuk mewujudkan masyarakat yang sejahtera, adil,
makmur, dan merata.
4. Kitab suci bermakna bahwa pendoman hidup dan kehidupan
yang serasu antara kebahagiaan duniawi dan ukhrowi,

materiil, dan sprirituil dengan ridho Allah SWT Tuhan Yang


Maha Esa.
5. Alas kitab suci bermakna bahwa pendoman hidup dan
kehidupan harus ditempatkan pada proporsi yang sebenarnya
sesuai dengan potensi dinamis dari kitab suci.
6. Kalimat

Ikhlas

Beramal

bermakna

bahwa

Karyawan

Kementerian Agama dalam mengabdi kepada masyarakat dan


Negara berlandaskan niat beribadah dengan tulus dan ikhlas.
7. Perisai yang berbentuk segi lima sama sis dimaksudkan bahwa
kerukunan hidup antar umat beragama di Negara Republik
Indonesia yang berdasarkan Pancasila dilindungi sepenuhnya
sesuai dengan Undang-undang Dasar 1945.
8. Kelengkapan makna lambang Kementerian Agama melukiskan
Motto : Dengan iman yang teguh dan hati yang suci serta
menghayati dan mengamalkan Pancasila yang merupakan
tuntutan dan pegangan hidup dalam kehidupan bermasyarakat
dan bernegara, Karyawan Kementerian Agama bertekat
bahwa mengabdi kepada Negara adalah ibadah.

2.4. Tugas dan Fungsi KUA


Tugas Kementerian Agama adalah melaksanakan sebagian tugas
umum pemerintahan dan pembangunan di bidang agama. Adapun
tugas pokok dan fungsii Kantor Urusan Agama Kecamatan
Pamekasan berdasarkan Keputusan Menteri Agama RI No. 517
Tahun 2001 tentang Penataan Organisasi Kantor Urusan Agama

Kecamatan adalah di wilayah Kecamatan Pamekasan di bidang


Urusan Agama Islam (pasal 2).
Dalam melaksanakan tugas tersebut KUA Kecamatan Pamekasan
menyelenggarakan fungsi :
1.

Menyelenggarakan Statistik dan Dokumentasi.

2.

Menyelenggarakan surat-menyurat, pengurusan surat kearsipan,


pengetikab dan rumah tangga KUA.

3.

Melaksanakan pencatatan nikah dan rujuk mengurus dan


membina masjid, zakat, wakaf, baitul mal dan ibadah sosial,
kependudukan dan pengembangan keluarga sakinah sesuai
dengan kebijakan yang ditetapkan oleh Direktorat Jenderal
Bimbingan Masyarakat Islam dan Penyelenggaraan Haji
berdasarkan peraturan perundang-undangan yang berlaku (pasal
3).

Wilayah kerja Kantor Urusan Agama Kecamatan Pamekasan


meliputi 18 kelurahan, yaitu :
1.

Barurambat Kota (Barkot)

2.

Bettet

3.

Bugih

4.

Gladak Anyar

5.

Jalmak

6.

Jungcangcang

7.

Kangenan

8.

Kolpajung

9.

Kowel

10. Laden

11. Nyalabu Daya/Daja


12. Nyalabu Laok
13. Panempan
14. Parteker
15. Patemon
16. Teja Barat
17. Teja Timur
18. Toronan
2.5. Struktur Organisasi
Organisasi adalah dalam sekelompok orang (dua atau lebih)
yang secara formal dipersatukan dalam suatu kerjasama untuk
mencapai tujuan yang telah ditetapkan.
Adapun Struktur Organisasi terdiri dari:
1.

Kepala KUA.

2.

Penyuluh.

3.

Penghulu.

4.

Staff TU.
Berikut adalah Struktur Organisasi di KUA Pamekasan.
KEPALA
Drs. H. Suparman, M.Si

10

PENGHULU

PENYULUH

STAFF TU

Gambar 2.2 Struktur Organisasi KUA Pamekasan

2.6. Susunan Kepegawaian


Susunan Kepegawaian Kantor KUA Pamekasan dapat dilihat
sebagaimana rincian berikut ini :
NO

JABATAN
STRUKTURAL

NAMA

NIP

1.

Kepala KUA

Drs. H. Suparman, M.Si

1961 1231 1993 031003

2.

Penyuluh

Hj. Sri Mukti, S.Ag, M.Pd.I

1971 0617 2000 032000

Penghulu

H. Mudenar, S.Thj, M.Pd.I

1978 0606 2003 121003

Staff TU

Muhammad Nasir

1959 0129 1987 031002

Staff TU

RA. Lovvinaa .S, S.Pd.I

1974 0410 2003 122002

Staff TU

Yenny .A.S Insani, M.Si

1982 0822 2007 122007

Staff TU

Anna Dewi .A.F, SH

Sukwan

Staff TU

Fajar Kurniawan

Sukwan

Tabel 2.1 Tabel susunan kepegawaian KUA Pamekasan


2.7. Deskripsi Kerja
Setiap organisasi baik itu didalam pemerintahan maupun suatu
perusahaan,setiap elemen pegawai mempunyai tugas dan fungsinya
masing-masing. Berikut adalah rincian tugas pokok dan fungsi seksi
yaitu :

11

a) Kepala KUA
1. Memimpin Kantor Urusan Agama Kecamatan Pamekasan
Kab. Pamekasan
2. Menyusun

RKT/RKO

dan

PKK

KUA

Kecamatan

Pamekasan
3. Menyusun rincian kegiatan KUA Kecamatan Pamekasan
Kab. Pamekasan
4. Menerima pemberitahuan kehendak nikah dan rujuk
5. Memeriksa, meneliti keabsahan berkas persyaratan nikah
calon mempelai berdua dan walinya serta mengumumkan di
papan pengumuman kehendak nikah
6. Memimpin

pelaksanaan

akad

nikah,

menerima

dan

pelaksanakan taukil wali nikah, khotbah nikah, doa nikah


dan menetapkan legalitas hukumnya serta menanda tangani
Akta Nikahnya
7. Bertindak sebagai Wali Hakim
8. Bertanggung jawab atas pelaksanaan administrasi dan arsip
9. Menanggapi dan menyelesaikan persoalan-persoalan yang
muncul di bidang urusan Agama Islam di wilayah
Kecamatan Pamekasan Kab. Pamekasan
10. Memantau dan mengevaluasi kegiatan kepenghuluan
11. Melaksanakan tugas khusus yang diberikan oleh atasab
12. Melakuka koordinatif dengan instansi lain
13. Sebagai atasan langsung/penanggungjawab atas pengelolaan
dana KUA Kecamatan Pamekasan

12

14. Melaksanakan

bimbingan/konseling

dan

penyuluhan

perkawinan, kemasjidan, zakat, wakaf, ibsos, labelisasi


produk pangan halal dan kemitraan ummat.
15. Melaksanakan fungsi sebagai PPAIW
16. Melaporkan pelaksanaan tugas kepada Kepala Kantor
Kementerian Agama Kabupaten Pamekasan

b) Penyuluh
1. Mendata kegiatan Majelis Taklim/keagamaan/masjid
2. Melakukan dan mengembangkan kegiatan bimbingan atau
penyuluhan agama dan pembangunan melalui bahasa agama
3. Mengolah data identifikasi wilayah.
4. Menyusun rencana kerja tahunan.
5. Menyusun rencana kerja operasional.
6. Menyusun konsep materi penyuluhan.
7. Melaksanakan bimbingan/pernyuluhan melalui ttap muka
kepada kelompok binaan.
8. Menyusun laporan bimbingan penyuluhan.
9. Melaksanakan konsultasi.
10. Menjaga kebersihan, ketertiban, keamanan dan kenyamanan
kantor.
11. Melaksanakan tugas lain yang diberikan pimpinan.

c)

Penghulu
1. Membantu menyusun Rencana Kerja Tahunan (RKT) KUA
Kecamatan Pamekasan

13

2. Membuat Rencana Kerja Operasional Penghulu (RKO)


3. Melaksanakan tugas lintas sektoral, apabila diberi tugas olh
atasan
4. Menyimpan/mengarsipkan

surat-surat

penting,

edaran,

juklak, instruksi, peraturan-peraturan, SK, Surat Tugas, dll


5. Memverifikasi kelengkapan berkas kehendak nikah
6. Memimpin

pelaksanaan

akad

nikah,

menerima

dan

melaksanakan taukil wali nikah, khotbah nikah, doa nikah


7. Memeriksa

calon

pengantin

dan

membuat

materi

pengumuman peristiwa NR, serta mempublikasikan melalui


papan pengumuman kehendak nikah
8. Membuat jadwal pelaksanaan akad nikah, baik yang
dilaksanakan di kantor, di luar kantor pada jam kerja
maupun diluar jam kerja
9. Mengolah dan menganalisi tanggapan masyarakat terhadap
pengumuman peristiwa NR
10. Mengumpulkan data kasus pernikahan
11. Memberikan pembinaan pada satgas keluarga sakinah
tingkat kelurahan/desa pada Keluarga Sakinah I dan II
12. Membantu

menyiapkan

bahan

untuk

menyelesaikan

permasalahan-permasalahan di bidang kemasjidan, zakat


dana ibadah social
13. Menerima dan menyetor biaya nikah
14. Membuat laporan dan pembukuan Dana Operasional Kantor
dan PNBP NR

14

15. Memelihara dan mengamankan computer berikut program


dan data-datanya
16. Menjadi bendahara pembantu
17. Penanggung jawab operator simkah

d) Staff TU
1. Membantu

Kepala

KUA/Penghulu

dalam

kegiatan

kepenghuluan
2. Membantu menyiapkan bahan pembinaan keluarga sakinah
dan BP-4 serta membuat laporannya
3. Membantu mengadministrasikan setiap kegiatan pembinaan
dan konseling keluarga sakinah dan BP-4
4. Menerima pendaftaran kehendak nikah
5. Membukukan Penerimaan Biaya Pencatatan Nikah dan
Rujuk
6. Mentatausahakan surat-menyurat
7. Melayani Permohonan Legalisir Surat Nikah
8. Melayani Konsultasi tentang NTCR
9. Membantu penulisan Kutipan Akta Nikah
10. Melaporkan pelaksanaan tugas kepada atasan
11. Memelihara kebersihan dan tata ruang kantor

15

BAB III
TEORI PENUNJANG
3.1 Pengertian Sistem
Sistem berasal dari bahasa Latin (systma) dan bahasa
Yunani (sustma) adalah suatu kesatuan yang terdiri komponen
atau elemen yang dihubungkan bersama untuk memudahkan aliran
informasi, materi atau energy untuk mencapai suatu tujuan. Istilah
ini sering dipergunakan untuk menggambarkan suatu set entitas
yang berinteraksi, dimana suatu model matematika sering kali bisa
dibuat.
3.1.1

Elemen Sistem

Konsep Dasar Sistem


Sistem

: Kumpulan dari elemen-elemen yang berinteraksi

untuk mencapai suatu tujuan tertentu.


Menurut Jerry Fith Gerald : sistem adalah suatu jaringan kerja
dari prosedur-prosedur yang saling berhubungan, berkumpul
bersama-sama

untuk

melakukan

suatu

kegiatan

atau

menyelesaikan suatu sasaran tertentu.


3.1.2

Karakteristik Sistem

Karakteristik

sistem

komponen-komponen,

adalah
batas

sistem
sistem,

yang

mempunyai

lingkungan

sistem,

penghubung, masukan, keluaran, pengolah dan sasaran. Untuk


lebih jelasnya dapat dilihat pada gambar 3 dibawah ini yang
merupakan karakteristik sistem.

16

Gambar 3.1 Karakteristik Sistem

Dari gambar diatas dapat dijelaskan bahwa karakteristik


sistem dapat dibagi menjadi 8 bagian, yaitu :
a.

Komponen
Elemen-elemen yang lebih kecil yang disebut sub
sistem, misalkan sistem komputer terdiri dari sub sistem
perangkat keras, perangkat lunak dan manusia.
Elemen-elemen yang lebih besar yang disebut supra
sistem. Misalkan bila perangkat keras adalah sistem yang
memiliki sub sistem CPU, perangkat I/O dan memori,
maka supra sistem perangkat keras adalah sistem
komputer.

b.

Boundary (Batasan Sistem)


Batas sistem merupakan daerah yang membatasi antara
suatu sistem dengan sistem yang lainnya atau dengan
lingkungan luarnya. Batas sistem ini memungkinkan suatu
sistem dipandang sebagai suatu kesatuan. Batas suatu
sistem menunjukkan ruang lingkup dari sistem tersebut.

c.

Environment (lingkungan Luar Sistem)

17

Lingkungan dari sistem adalah apapun di luar batas


dari

sistem

yang

mempengaruhi

operasi

sistem.

Lingkungan luar sistem dapat bersifat menguntungkan dan


dapat juga bersifat merugikan sistem tersebut. lingkungan
luar yang mengutungkan merupakan energi dari sistem
dan dengan demikian harus tetap dijaga dan dipelihara.
Sedang lingkungan luar yang merugikan harus ditahan dan
dikendalikan, kalau tidak akan mengganggu kelangsungan
hidup dari sistem.
d.

Interface (Penghubung Sistem)


Penghubung merupakan media perantara antar sub
sistem. Melalui penghubung ini memungkinkan sumbersumber daya mengalir dari satu subsistem ke subsistem
lainnya. Output dari satu sub sistem akan menjadi input
untuk

subsistem

yang

lainnya

dengan

melalui

penghubung. Dengan penghubung satu subsistem dapat


berinteraksi dengan sub sistem yang lainnya membentuk
satu kesatuan.
e.

Input (Masukan)
Masukan adalah energi yang dimasukkan ke dalam
sistem. Masukan dapat berupa maintance input dan sinyal
input. Maintance input adalah energi yang dimasukkan
supaya sistem tersebut dapat beroperasi. Sinyal input
adalah energi yang dip roses untuk mendapatkan keluaran.

f.

Output (Keluaran)

18

Keluaran adalah hasil dari energi yang diolah dan


diklasifikasikan menjadi keluaran yang berguna dan sisa
pembuangan. Keluaran dapat merupakan masukan untuk
subsistem yang lain atau kepada supra sistem.
g.

Proses (Pengolahan Sistem)


Suatu sistem dapat mempunyai suatu bagian pengolah
atau sistem itu sendiri sebagai pengolahnya. Pengolah
yang akan merubah masukan menjadi keluaran. Suatu
sistem produksi akan mengolah masukan berupa bahan
baku dan bahan-bahan yang lain menjadi keluaran berupa
barang jadi.

h.

Objective and Goal (Sasaran dan Tujuan Sistem)


Suatu sistem pasti mempunyai tujuan atau sasaran.
Kalau suatu sistem tidak mempunyai sasaran, maka
operasi sistem tidak akan ada gunanya. Sasaran dari
sistem

sangat

menentukan

sekali

masukan

yang

dibutuhkan sistem dan keluaran yang akan dihasilkan


sistem. Suatu sistem dikatakan berhasil bila mengenai
sasaran atau tujuannya.
3.1.3

Klasifikasi Sistem
Sistem dapat diklasifikasikan ke melalui beberapa sudut

pandang, diantaranya:

Sistem diklasifikasikan sebagai sistem abstrak (abstract


system) dan sistem fisik (physical sistem).

19

Sistem abstrak adalah sistem yang berupa pemikiran atau


ide-ide yang tidak tampak secara fisik, sedangkan sistem
fisik merupakan sistem yang ada secara fisik.

Sistem diklasifikasikan sebagai sistem alamiah (natural


system) dan sistem buatan manusia (human made system).
Sistem alamiah adalah sistem yang terjadi melalui proses
alam, tidak dibuat oleh manusia.

Sistem

diklasifikasikan

sebagai

sistem

tertentu

(deterministic system) dan sistem tak tentu (probabilistic


system).
Sistem tertentu beroperasi dengan tingkah laku yang
sudah diprediksi. Interaksi diantara bagian-bagiannya
dapat diprediksi dengan pasti, sehingga output dari sistem
dapat diramalkan.
Sistem tak tentu adalah sistem yang kondisi masa
depannya tidak dapat diprediksi karena mengandung
unsur probabilitas.

Sistem diklasifikasikan sebagai sistem tertutup (closed


system) dan sistem terbuka (open system).
Sistem tertutup merupakan sistem yang tidak berhubungan
dan tidak terpengaruh dengan lingkungan luarnya. Secara
teoritis sistem tertutup ini ada, tetapi kenyataannya tidak
ada sistem yang benar-benar tertutup, tetapi yang ada
hanyalah relatively closed system (secara relatif tertutup,
tetapi tidak benar-benar tertutup).

20

Sistem terbuka adalah sistem yang berhubungan dan


terpengaruh dengan lingkungan luarnya. Sistem ini
menerima

input

dan

menghasilkan

output

untuk

lingkungan luar atau subsistem yang lainnya.


3.2 Pengertian Informasi

Data merupakan bentuk yang masih mentah yang belum


berceritra banyak, sehingga perlu diolah lebih lanjut menjadi
suatu model untuk dihasilkan informasi. Data yang diolah
untuk menghasilkan informasi menggunakan suatu model
proses tertentu.

Data yang diolah melalui suatu model menjadi


informasi, penerima kemudian menerima informasi
tersebut, melakukan keputusan berdasarkan informasi
tersebut

dan

melakukan

tindakan,

yang

berarti

menghasilkan suatu tindakan yang lain yang akan


membuat sejumlah data kembali. Data tersebut akan
ditangkap kembali sebagai input, diproses kembali
melalui suatu model dan seterusnya yang merupakan
suatu siklus.
3.3 Pengertian Sistem Informasi
Informasi merupakan hal yang sangat penting bagi manajemen
dalam pengambilan keputusan. Inforamsi diperoleh dari sistem
informasi

(informastion

systems)

atau

disebut

juga

dengan processing system atau information processing system atau

21

information-generating systems. Sistem informasi adalah suatu


sistem di dalam suatu organisasi yang mempertemukan kebutuhan
pengolahan

transaksi

harian,

mendukung

operasi,

bersifat

manejerial dan kegiatan strategi dari suatu organisasi dan


menyediakan pihak luar tertentu dengan laporan-laporan yang
diperlukan.
3.4 Macromedia Dreamweaver
Dreamweaver 8 adalah suatu bentuk program editor web yang
dibuat oleh macromedia. Dengan program ini seorang programmer
web dapat dengan mudah membuat dan mendesain webnya.
Dreamweaver 8 adalah editor yang komplit yang dapat digunakan
untuk membuat animasi sederhana berbentuk layer. Dengan adanya
program ini kita tidak perlu susah menulis script-script format
HTML, PHP, ASP maupun bentuk program yang lainnya.
Sebagai editor Dreamweaver 8 mempunyai sifat yang
WYSIWIG dibaca (Waysiwig), artinya apa yang kamu lihat akan
kamu peroleh (What You See Is What You Get). Dengan kelebihan
ini, seorang programer dapat langsung melihat hasil buatannya
tanpa harus dibuka di browser.
Komponen-komponen pada Dreamweaver adalah Menu Panel
Insert,Menu Panel Common (Utama),Menu Panel Layout,Menu
Panel Text,Menu Panel Table, Menu Panel Frame,Menu Panel
Templates,Menu Panel Character,Menu Panel Media, Menu Panel
Head,Menu Panel Script,Menu Panel Application, Menu Panel
Properties.
3.5 Data Base

22

Database atau basis data adalah kumpulan data yang disimpan


secara sistematis di dalam komputer dan dapat diolah atau
dimanipulasi menggunakan perangkat lunak (program aplikasi)
untuk menghasilkan informasi. Pendefinisian basis data meliputi
spesifikasi berupa tipe data, struktur, dan juga batasan-batasan
data yang akan disimpan. Basis data merupakan aspek yang
sangat penting dalam sistem informasi dimana basis data
merupakan gudang penyimpanan data yang akan diolah lebih
lanjut. Basis data menjadi penting karena dapat menghidari
duplikasi data, hubungan antar data yang tidak jelas, organisasi
data, dan juga update yang rumit.
Proses memasukkan dan mengambil data ke dan dari media
penyimpanan data memerlukan perangkat lunak yang disebut
dengan sistem manajemen basis data (database management
system | DBMS). DBMS merupakan sistem perangkat lunak yang
memungkinkan

user

untuk

memelihara,

mengontrol,

dan

mengakses data secara praktis dan efisien. Dengan kata lain semua
akses ke basis data akan ditangani oleh DBMS. Ada beberapa
fungsi yang harus ditangani DBMS yaitu mengolah pendefinisian
data, dapat menangani permintaan pemakai untuk mengakses data,
memeriksa sekuriti dan integriti data yang didefinisikan oleh DBA
(Database

Administrator),

menangani

kegagalan

dalam

pengaksesan data yang disebabkan oleh kerusakan sistem maupun


disk, dan menangani unjuk kerja semua fungsi secara efisien.
Tujuan utama dari DBMS adalah untuk memberikan tinjauan
abstrak data kepada user (pengguna). Jadi sistem menyembunyikan

23

informasi tentang bagaimana data disimpan, dipelihara, dan tetap


dapat diambil (akses) secara efisien. Pertimbangan efisien di sini
adalah bagaimana merancang struktur data yang kompleks tetapi
masih tetap bisa digunakan oleh pengguna awam tanpa mengetahui
kompleksitas strukturnya
3.6 SQL (Structure Query Language)
MySQL (My Structure Query Language) adalah sebuah
program pembuat database yang bersifat open source, artinya siapa
saja boleh menggunakannya dan tidak dicekal, MySQL sebenarnya
produk yang berjalan pada platfom linux, karena bersifat open
source dia dapat berjalan pada semua platform baik linux maupun
windows.
Selain itu MySQL juga merupakan program database yang
bersifat jaringan sehingga mampu diaplikasi untuk Multi User
(Banyak pengguna). Saat ini database MySQL telah dipakai hampir
semua programer, terutama progamer dibidang pemrograman
website. Kelebihan dari MySQL adalah menggunakan Query
standar milik SQL. Sebagai program penghasil database, MySQL
tidak dapat berdiri sendiri tanpa ada interface lain.
3.7 PHP
PHP adalah sebuah singkatan dari Hypertext Preprocessor.
PHP merupakan script pemrograman berbasis web dan bersifat
server-side

yang

ditambahkan

penulisannya akan tetapi

kedalam tag

HTML

dalam

proses eksekusi codingnya pada sisi

server baru kemudian hasilnnya dikirinkan ke browser. PHP


merupakan bahasa standar dalam dunia website. Dilihat dari

24

sejarahnya PHP diciptakan oleh ide Rasmus Lerdrof sekitar tahun


1994 yang membuat Perl Script untuk dirinya sendiri, script-script
ini selanjutnya dikemas menjadi tool yang disebut Personal Home
Page.
Seiring dengan berjalannya waktu hingga sampai pada versi
PHP4 yang lebih bagus, disini sintax dan perintah sepenuhnya
dijalankan dan dikerjakan oleh server, PHP4 diciptakan terutama
untuk membangun web dan boleh menggunakan query database
yang menggunakan simple task yang boleh diluruskan dengan 3
atau 4 code. Bahkan sekarang hampir seluruhnya database yang ada
bisa didukung oleh PHP.
3.8

J
avaScript
JavaScript pertama kali muncul di Netscape 2.0 dan
dikembangkan lebih lanjut pada Netscape 3.0. walaupun memiliki
nama yang serupa. JavaScript sama sekali tidakberhubungan dengan
Java. Java adalah bahasa pemograman tingkat tinggi untuk
membuat aplikasi cross- platform, sedangkan Java Script hanyalah
scripting language yang terintegrasi dengan web browser untuk
memberikan fleksibilitas tambahan bagi programmer
mengontrol
JavaScript

elemen-elemen
sebenarnya

dalam

cukup

halaman

luas,

tetapi

untuk

web.

Aplikasi

disini

penulis

menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript


yang digunakan untuk mengakses property, method, dan event
handler yang disediakan oleh DOM dan CSS.

25

BAB IV
Implementasi
4.1 Analisa Kebutuhan Sistem
4.1.1 Kebutuhan Software
Untuk

mengoperasikan

dan

pemeliharaan

sistem

dibutuhkan perangkat lunak (software) yang dapat menunjang


kinerja sistem. Software yang dibutuhkan untuk perancangan
dan pengoperasian sistem seperti: Windows XP atau
Windows 7 sebagai sistem operasi utama yang terdapat dalam
komputer atau laptop; Web browser seperti Google Chrome,
Mozilla Firefox, Opera atau Internet Explorer

untuk

menjalankan sistem; Macromedia Dreamweaver untuk design


user interface; MySQL untuk data base manajemen sistem
(DBMS); Power Designer untuk perancangan basis data.
4.1.2 Kebutuhan Hardware
Selain software juga dibutuhkan beberapa perangkat
keras (Hardware) yang dapat menunjang kinerja sistem, agar
sistem dapat berjalan sesuai dengan keinginan maka
perangkat keras yang dibutuhkan antara lain : seperangkat
komputer atau laptop dengan spesifikasi processor Intel
Pentium IV 520 dengan spec 2.0 Ghz, Memori DDRAM 512
MB, Hard Disk 80 GB 7200 RPM Seagate Baracuda dan
mainboard.

26

4.2 Perancangan Sistem


4.2.1 Use Case Diagram
Use case adalah rangkaian/uraian sekelompok yang
saling terkait dan membentuk sistem secara teratur yang
dilakukan atau diawasi oleh sebuah aktor. Use case digunakan
untuk membentuk tingkah laku benda/thing dalam sebuah
mode serta direalisasikan oleh sebuah collaborator, umumnya
use case digambarkan dengan sebuah elips dengan garis ynag
solid,

biasanya

mengandung

nama.

Use

case

menggambarkan proses system (kebutuhan sistem dari sudut


pandang user).
Use case diagram dari sistem informasi nikah
(simkah) akan di jelaskan melalui gambar 4.1 berikut ini

27

uc Use Case Packages


SIMKAH

Login

Menambah Data

Mengubah Data

Menghapus Data

Admin

Melihat Data

Mencari Data

Cetak report

Gambar 4.1 Use Case SIMKAH

Pada gambar 4.1 diatas dijelaskan bahwa admin dapat


m

28

4.2.2 Sequence Diagram


Sequence diagram (diagram urutan) adalah suatu
diagram yang memperlihatkan atau menampilkan interaksiinteraksi antar objek di dalam sistem yang disusun pada
sebuah urutan atau rangkaian waktu. Sequence diagram
biasanya dipakai untuk memodelkan : Deskripsi tentang
system yang ada pada sebuah / beberapa use case pada use
case diagram, yang menggambarkan hubungan antara actor
dan use case diagram. Logika dari method (operation,
function atau procedure). Logika dari service (high level
method).
4.2.2.1

Login

Sequence diagram login ditunjukkan pada gambar 4.2


berikut ini :
sd Login Sequence

Basic Path
Admin mengakses simkah. Sistem
menampilkan halaman login
simkah. Admin memasukkan data
pada field username dan
password. Admin menekan tombol
Login. Sistem memeriksa apakah
username yang dimasukkan ada.
Jika ada, maka sistem memeriksa
apakah password yang dimasukkan
sesuai. Jika sesuai, maka sistem
akan memulai session dan
menampilkan halaman simkah.
Alternate
Username tidak ada
Sistem menampilkan pesan
peringatan bahwa username atau
password salah. Sistem akan
menampilkan kembali halaman
utama sehingga Admin dapat
mengisi kembali data tersebut
dengan benar.

Admin
Simkah
mengakses url()

Halaman Login

Login

Halaman Simkah

mengisi username dan password()

cek username()

cek password()

tampilkan login berhasil()

Tampilkan pesan gagal login()

29

Gambar 4.2 Sequence Diagram Login

Berdasarkan Gambar 4.2 dapat dijelaskan bahwa saat


admin mengakes url terdapat halaman login, dimana
admin diminta mengisi username dan password.
Kemudian sistem akan mengecek apakah username dan
password benar, jika salah maka akan tampil peringatan
login gagal dan admin diminta mengisi username dan
password kembali.
4.2.2.2

Menambah Data

Sequence diagram menambah data dapat dijelaskan


melalui gambar 4.3 berikut ini :
sd Menambah Data Sequence

Basic Path
Admin berada di halaman input data. Sistem
menampilkan berbagai jenis data yang dipilih.
Admin menekan tombol tambah. Sistem
menampilkan halaman tambah data. Admin
menekan tombol simpan. Sistem memeriksa
apakah semua field sudah terisi. Jika sudah terisi
maka sistem akan memeriksa apakah data yang
digunakan sudah ada atau belum. Jika belum
ada, maka sistem akan menyimpan data yang
telah diisi. Sistem akan menampilkan kembali
halaman data suami/istri/penghulu sesuai
dengan dimana data diinputkan.

Admin

Halaman Utama
Simkah

Halaman Input
Data
Suami/Istri/Penghulu

Halaman Data
Suami/Istri/Penghulu

memilih menu input data()

Tampilkan Field Tamabah Data


Baru()
Mengisi field yang tersedia()

Cek field()
Membuat Data Baru()

Alternate
Field belum diisi
Proses penyimpanan tidak dilanjutkan. Sistem
menampilkan kembali halaman lihat data
suami/istri/penghulu. Sistem menampilkan pesan
peringatan pada field yang belum diisi. Admin
bisa mengisi kembali field yang belum diisi.
Jika data materi yang di upload sudah ada
Proses penyimpanan tidak lanjutkan. Sistem
menampilkan pesan bahwa data sudah ada.
Sistem menampilkan kembali halaman tambah
data. Admin kembali mengisi field tambah data
baru.

Data
Suami/Istri/Penghulu

Tampilkan()

Tampilkan peringatan pesan belum diisi()


klik batal()

tampilkan()

Admin menekan tombol batal. Proses tidak


dilanjutkan. Sistem mengosongkan semua field
yang telah diisi. Sistem kembali menampilkan
halaman data suami/istri/penghulu.

Gambar 4.3 Sequence Diagram Menambah Data

30

Berdasarkan Gambar 4.3 dapat dijelaskan bahwa saat


admin memilih halaman input data suami atau istri atau
penghulu, dimana admin harus mengisi field-field yang
tersedia. Jika admin menekan tombol ok, maka sistem
akan mengecek apakah semua field sudah terisi atau
belum jika belum maka akan ada pesan peringatan field
masih belum diisi. Selain itu, sistem juga akan
mengecek apakah data baru yang diinputkan sudah
tersedia atau belum di data base sehingga tidak terdapat
duplikat data.

4.2.2.3

Mengubah Data

Sequence diagram mengubah data dapat dijelaskan pada


gambar 4.4 berikut ini :

31

sd Mengubah Data Sequence

Basic Path
Admin berada di halaman
materi Admin menekan
tombol Ubah. Sistem
memeriksa data yang
tersimpan pada database.
Sistem menampilkan halaman
update data. Admin memilih
data yang akan di ubah.
Admin menekan tombol
simpan. Sistem memeriksa
apakah semua field sudah
terisi. Jika sudah terisi maka
sistem akan menyimpan data
yang telah diisi. Sistem akan
menampilkan halaman lihat
data suami/istri/penghulu.

Admin

Halaman Lihat
Data
Suami/Istri/Penghulu
klik ubah data()

Halaman update
Data
data
Suami/Istri/Penghulu
suami/istri/penghulu

Tampilkan Data()
memeriksa data()

mendapat informasi update data()

mengisi field yang akan diubah()

klik simpan()

Alternate
Field belum diisi
Proses penyimpanan tidak
dilanjutkan. Sistem
menampilkan pesan
peringatan pada field yang
belum diisi. Admin bisa
mengisi kembali field yang
belum diisi.

cek field()
menyimpan data()

Tampilkan()

klik batal()

tampilkan()

Admin menekan tombol batal.


Proses tidak dilanjutkan.
Sistem mengosongkan semua
field yang telah diisi. Sistem
kembali menampilkan
halaman lihat data
suami/istri/penghulu.

tampilkan pesan peringaran pada field yang belum diisi()

Gambar 4.4 Sequence Diagram Mengubah Data

Berdasarkan Gambar 4.4 dapat dijelaskan bahwa admin


berada dihalaman lihat data dimana sistem menampilkan
data yang sudah tersedia di database. Admin dapat
memilih data yang akan di edit, kemudian admin dapat
menekan tombol edit. Sistem akan menampilkan data
yang akan di edit. Jika sudah selesai maka admin
menekan tombol selesai dan sistem akan mengecek pada
database apakah data yang di edit sudah terdapat atau
tidak.
4.2.2.4

Menghapus Data

Sequence diagram menghapus data dapat dijelaskan


melalui gambar 4.5 berikut ini :

32

sd Menghapus Data Sequence

Basic Path
Admin berada di halaman
lihat data
suami/istri/penghulu. Admin
menekan tombol hapus pada
data yang ingin dihapus.
Sistem akan menampilkan
pesan peringatan apakah data
ingin dihapus atau tidak. Jika
memilih ya, sistem akan
memeriksa materi yang akan
dihapus datanya pada
database. Sistem
menampilkan pesan bahwa
data sudah dihapus. Sistem
menampilkan kembali
halaman lihat data
suami/istri/penghulu.

Admin

Halaman data
Data
Suami/Istri/Penghulu Suami/Istri/Penghulu
klik hapus()

ya()

mendapatkan informasi data Suami/Istri/Penghulu()

data terhapus()

tidak()

tampilkan pesan peringatan apakah data ingin dihapus atau tidak()


Alternate
Admin memilih tidak.
Sistem menampilkan kembali
halaman lihat data
suami/istri/penghulu.

tampilkan pesan data sudah dihapus()

Gambar 4.5 Sequence Diagram Menghapus Data

Berdasarkan Gambar 4.5 dapat dijelaskan bahwa admin


berada dihalaman lihat data dimana sistem menampilkan
data yang sudah tersedia di database. Admin dapat
memilih data yang akan di hapus, kemudian admin dapat
menekan tombol delete. Sistem akan mengkonfirmasi
apakah data benar akan dihapus.

4.2.2.5

Melihat Data

Sequence diagram melihat data dapat dijelaskan melalui


gambar 4.6 berikut ini :

33

sd Melihat Data Sequence

Basic Path
Admin selesai
melakukan login.
Sistem menampilkan
halaman utama. Admin
memilih menu lihat
data
suami/istri/penghulu.
Sistem akan mengecek
data yang terdapat
dalam database
kemudian
menampilkannya.

Admin

Halaman Simkah

Halaman Data
Suami/Istri/Penghulu

Data
Suami/Istri/Penghulu

mengakses url()

Tampilkan data()

mendapat informasi data()

tampilkan()

Gambar 4.6 Sequence Diagram Melihat Data

Berdasarkan Gambar 4.6 dapat dijelaskan bahwa admin


berada dihalaman lihat data dimana sistem menampilkan
data yang sudah tersedia di database.
4.2.2.6

Mencari Data

Sequence diagram mencari data ditunjukkan melalui


gambar 4.7 berikut ini :
sd Mencari Data Sequence

Basic Path
Admin berada di
halaman lihat data
suami/istri/penghulu.
Admin menuliskan
tanggal bulan tahun
dari data yang akan
di cari pada
searching kemudian
admin menekan
tombol cari. Sistem
akan mengecek
apakah data yang
dicari tersimpan di
database. Jika ada
maka sistem akan
menampilkan data,
namun jika tidak ada
maka sistem akan
menampilkan data
kosong

Admin

Halaman Lihat
Lihat Data
Data
Suami/Istri/Penghulu
Suami/Istri/Penghulu
mengisi field pencarian()

menekan tombol cari()

mendapatkan informasi pencarian data()


mengecek apakah data yang dicari tersedia pada database()
Tampilkan data()

34

Gambar 4.7 Sequence diagram mencari data

Berdasarkan Gambar 4.7 di atas dapat dijelaskan bahwa


admin berada dihalaman lihat data dimana sistem
menampilkan data yang sudah tersedia di database.
Admin memasukkan tanggal data yang akan dicari dan
menekan tombol pencarian. Sistem akan mengecek
apakah data yang dicari terdapat dalam database,
kemudian menampilkannya.
4.2.2.7

Cetak Report

Sequence diagram cetak report ditunjukkan melalui


gambar 4.8 berikut ini :
sd Cetak report Sequence

Basic Path
Admin berada di
halaman lihat data
suami/istri/penghulu.
Admin menekan tombol
report di mana data
yang tersimpan dapat di
eksport ke dalam bentuk
pdf atau print. sistem
akan memeriksa data
yang akan di report.
sistem memproses report

Admin

Halaman Lihat
Data
klik tombol report()

Halaman Cetak Data Simkah


Report

Tampilkan data()
klik cetak()

mendapat informasi data()

cetak report()

Gambar 4.8 Sequence diagram cetak report

Berdasarkan Gambar 4.8 di atas dapat dijelaskan bahwa


admin berada dihalaman lihat data dimana sistem
menampilkan data yang sudah tersedia di database.

35

Admin menekan tombol report, sistem akan memproses


report data.
4.2.3 Activity Diagram
Activity diagram merupakan state diagram khusus, di mana
sebagian besar state adalah action dan sebagian besar transisi
di-trigger

oleh

selesainya

state

sebelumnya

(internal

processing).
4.2.3.1

Login

Activity diagram login ditunjukkan pada gambar 4.9


berikut ini :

Akses URL

isi Username & Password

Login
Batal

Username & Password sesuai?

Ya

Halaman utama simkah

Gambar 4.9 Activity Diagram Login

Berdasarkan Gambar 4.9 dapat dijelaskan bahwa saat


admin mengakes url terdapat halaman login, dimana

36

admin diminta mengisi username dan password.


Kemudian sistem akan mengecek apakah username dan
password benar, jika salah maka akan tampil peringatan
login gagal dan admin diminta mengisi username dan
password kembali.
4.2.3.2

Menambah Data

Activity diagram menambah data dapat dijelaskan


melalui gambar 4.10 berikut ini :

menampi l kan hal aman si mkah

Memi l i h menu i nput data

T ampi l kan hal aman tambah data baru

Mengi si Fi el d T ambah Data Baru

Batal

Si mpan

Ya

Gambar 4.10 Activity Diagram Menambah Data

Berdasarkan Gambar 4.10 dapat dijelaskan bahwa saat


admin memilih halaman input data suami atau istri atau
penghulu, dimana admin harus mengisi field-field yang
tersedia. Jika admin menekan tombol ok, maka sistem
akan mengecek apakah semua field sudah terisi atau

37

belum jika belum maka akan ada pesan peringatan field


masih belum diisi. Selain itu, sistem juga akan
mengecek apakah data baru yang diinputkan sudah
tersedia atau belum di data base sehingga tidak terdapat
duplikat data.
4.2.3.3

Mengubah Data

Activity diagram mengubah data dapat dijelaskan pada


gambar 4.11 berikut ini :

Halaman Data

memilih data dan


menekan tombol update

mengisi field

[batal]
simpan

Gambar 4.11 Activity Diagram Mengubah Data

Berdasarkan Gambar 4.11 dapat dijelaskan bahwa admin


berada dihalaman lihat data dimana sistem menampilkan
data yang sudah tersedia di database. Admin dapat

38

memilih data yang akan di edit, kemudian admin dapat


menekan tombol edit. Sistem akan menampilkan data
yang akan di edit. Jika sudah selesai maka admin
menekan tombol selesai dan sistem akan mengecek pada
database apakah data yang di edit sudah terdapat atau
tidak.

4.2.3.4

Menghapus Data

Activity diagram menghapus data dapat dijelaskan


melalui gambar 4.12 berikut ini :

Halaman Lihat Data

Memilih Data

Hapus

[batal]

[ya]

Gambar 4.12 Activity Diagram Menghapus Data

Berdasarkan Gambar 4.12 dapat dijelaskan bahwa admin


berada dihalaman lihat data dimana sistem menampilkan
data yang sudah tersedia di database. Admin dapat
memilih data yang akan di hapus, kemudian admin dapat

39

menekan tombol delete. Sistem akan mengkonfirmasi


apakah data benar akan dihapus.
4.2.3.5

Melihat Data

Activity diagram melihat data dapat dijelaskan melalui


gambar 4.13 berikut ini :

Halaman Utama Simkah

Memilih Menu Lihat Data

Tampilkan Data

Gambar 4.13 Activity Diagram Melihat Data

Berdasarkan Gambar 4.13 dapat dijelaskan bahwa admin


berada dihalaman lihat data dimana sistem menampilkan
data yang sudah tersedia di database.
4.2.3.6

Mencari Data

Activity diagram mencari data ditunjukkan melalui


gambar 4.14 berikut ini :

40

Gambar 4.14 Activity diagram mencari data

Berdasarkan Gambar 4.14 di atas dapat dijelaskan bahwa


admin berada dihalaman lihat data dimana sistem
menampilkan data yang sudah tersedia di database.
Admin memasukkan tanggal data yang akan dicari dan
menekan tombol pencarian. Sistem akan mengecek
apakah data yang dicari terdapat dalam database,
kemudian menampilkannya.
4.2.3.7

Cetak Report

Activity diagram cetak report ditunjukkan melalui


gambar 4.15 berikut ini :

41

Gambar 4.15 Activity diagram cetak report

Berdasarkan Gambar 4.15 di atas dapat dijelaskan bahwa


admin berada dihalaman lihat data dimana sistem
menampilkan data yang sudah tersedia di database.
Admin menekan tombol report, sistem akan memproses
report data.
4.3 CDM & PDM
4.3.1 CDM (Conceptual Data Model)
CDM

(Conceptual

Data

Model)

dipakai

untuk

menggambarkan secara detail struktur basis data dalam


bentuk logic. Struktur ini independen terhadap semua
software maupun struktur data storage tertentu yang

42

digunakan dalam aplikasi ini. CDM terdiri dari objek yang


tidak diimplementasikan secara langsung ke dalam basis data
yang sesungguhnya.
Receptionist

Login

kode_receptionist <pi> Integer


<M>
username
Characters (256)
password
Characters (256)
alamat_receptionist
Characters (256)
no_telp
Characters (256)
Identifier_1 <pi>
...
Suami

Relationship_1username <pi> Characters (256) <M>


password
Characters (256) <M>
Identifier_1 <pi>
...

Penghulu

no_penghulu
<pi> Integer
<M>
Relationship_2
nama_penghulu
Characters (256)
alamat_penghulu
Characters (256)
Relationship_10
Identifier_1 <pi>
Relationship_5
...

no_suami
<pi> Integer
<M>
nama_suami
Characters (50)
Buku
Saksi
Relationship_3
alamat_suami
Characters (256)
Relationship_12 no_saksi
tmp_lahir_suami
Characters (256)
no_aktanikah <pi> Integer <M>
<pi> Integer
<M>
Relationship_13
tgl_lahir_suami
Date
nama_saksi1
Characters (30)
Identifier_1 <pi>
status_suami
Characters (256)
alamat_saksi1
Characters (50)
Relationship_8
pekerjaan_suami
Characters (256)
ttl_saksi1
Characters (30)
pendidikan_suami
Characters (256)
nama_saksi2
Characters (30)
nama_ayah_suami
Characters (256)
alamat_saksi2
Characters (50)
Relationship_4
nama_ibu_suami
Characters (256)
ttl_saksi2
Characters (30)
agama_suami
Characters (256)
Identifier_1 <pi>
Istri
Relationship_9
kwn_suami
Characters (256)
...
no_istri
<pi> Integer
<M>
Identifier_1 <pi>
nama_istri
Characters (256)
...
Mas Kawin
alamat_istri
Characters (256) Relationship_7
tmp_lahir_istri
Characters (256)
no_maskawin
<pi> Integer
<M>
tgl_lahir_istri
Date
jumlah_maskawin
Characters (50)
status_istri
Characters (256)
bayar_maskawin
Characters (50)
Wali
pekerjaan_istri
Characters (256)
Relationship_6
Identifier_1
<pi>
no wali
<pi> Integer
<M>
pendidikan_istri
Characters (256)
...
nama_wali
Characters (30)
nama_ayah_istri
Characters (256)
status_wali
Characters (20)
nama_ibu_istri
Characters (256)
hubungan_wali
Characters (20)
agama_istri
Characters (256)
alamat_wali
Characters (30)
kwn_istri
Characters (256)
Relationship_11
ttl
Characters (30)
Identifier_1 <pi>
Identifier_1 <pi>
...
...

Gambar 4.1 6 CDM (Conceptual Data Model)

43

4.3.2 PDM (Physical Data Model)


PDM (Physical Data Model) merupakan gambaran secara
detail basis data dalam bentuk fisik. Penggambaran rancangan
PDM memperlihatkan struktur penyimpanan data yang benar
pada basis data yang digunakan sesungguhnya.
Login

Receptionist
kode_receptionist
username2
username
password
alamat_receptionist
no_telp
...

username char(256) <pk>


password char(256)

integer <pk>
char(256)
char(256)
char(256)
char(256)
char(256)

Buku
no_aktanikah
no_suami
no_istri
username
no_maskawin
no_penghulu
no wali
...

Suami
no_suami
no_aktanikah
nama_suami
alamat_suami
tmp_lahir_suami
tgl_lahir_suami
status_suami
pekerjaan_suami
pendidikan_suami
nama_ayah_suami
nama_ibu_suami
agama_suami
kwn_suami
...

integer <pk>
integer <fk>
char(50)
char(256)
char(256)
date
char(256)
char(256)
char(256)
char(256)
char(256)
char(256)
char(256)

Wali
no wali
nama_wali
status_wali
hubungan_wali
alamat_wali
ttl
...

integer <pk>
char(30)
char(20)
char(20)
char(30)
char(30)

integer
integer
integer
char(256)
integer
integer
integer

Penghulu

<pk>
<fk2>
<fk3>

no_penghulu
integer <pk>
nama_penghulu char(256)
alamat_penghulu char(256)
...

<fk6>
<fk4>
<fk5>

Saksi
no_saksi
nama_saksi1
alamat_saksi1
ttl_saksi1
nama_saksi2
alamat_saksi2
ttl_saksi2
...

Istri
no_istri
no_aktanikah
no_penghulu
no_suami
no wali
no_saksi
no_maskawin
nama_istri
alamat_istri
tmp_lahir_istri
tgl_lahir_istri
status_istri
pekerjaan_istri
pendidikan_istri
nama_ayah_istri
nama_ibu_istri
agama_istri
kwn_istri
...

integer
integer
integer
integer
integer
integer
integer
char(256)
char(256)
char(256)
date
char(256)
char(256)
char(256)
char(256)
char(256)
char(256)
char(256)

<pk>
<fk1>
<fk6>
<fk5>
<fk2>
<fk4>
<fk3>

integer <pk>
char(30)
char(50)
char(30)
char(30)
char(50)
char(30)

Mas Kawin
no_maskawin
integer <pk>
jumlah_maskawin char(50)
bayar_maskawin char(50)
...

Gambar 4.17 PDM (Physical Data Model)

44

4.4 Implementasi
4.4.1 Halaman Login Simkah

Gambar 4.18 Halaman Login Simkah

45

4.4.2 Halaman Menu Utama Simkah

Gambar 4.19 Halaman Menu Utama Simkah

46

4.4.3 Halaman Visi dan Misi KUA Pamekasan

Gambar 4.20 Halaman Visi dan Misi

4.4.4 Halaman Struktur Organisasi KUA Pamekasan


4.4.4.1 Halaman

Struktur

Pergantian

Kepala

KUA

Pamekasan

Gambar 4.21 Halaman Struktur Periode Kepala KUA

47

4.4.4.2 Halaman Struktur Organisasi Pegawai

Gambar 4.22 Halaman Struktur Organisasi Pegawai

48

4.4.5 Halaman Daftar Data


4.4.5.1 Halaman Data Suami

Gambar 4.23 Halaman Data Suami

49

4.4.5.2 Halaman Tambah Data Suami

Gambar 4.24 Halaman Tambah Data Suami

50

4.4.5.3 Halaman Data Istri

Gambar 4.25 Halaman Data Istri

51

4.4.5.4 Halaman Tambah Data Istri

Gambar 4.26 Halaman Tambah Data Istri

52

4.4.5.5 Halaman Data Penghulu

Gambar 4.27 Halaman Data Penghulu

4.4.5.6 Halaman Tambah Data Penghulu

Gambar 4.28 Halaman Tambah Data Penghulu

53

4.4.5.7 Halaman Data Wali Nikah

Gambar 4.29 Halaman Data Wali Nikah

54

4.4.5.8 Halaman Data Saksi

Gambar 4.30 Halaman Data Saksi

55

4.4.5.9 Halaman Data Maskawin

Gambar 4.31 Halaman Data Maskawin

4.4.5.10Halaman Hasil Pencarian Data

Gambar 4.32 Halaman Hasil Pencarian Data

56

4.4.5.11Halaman Rincian Data

Gambar 4.32 Halaman Rincian Data

57

BAB V
PENUTUP
5.1. Kesimpulan
Melakukan analisa dari Sistem Informasi Nikah yang diperoleh
dari pengumpulan dan pengolahan data di Kantor Urusan Agama
Kec. Pamekasan. Kemudian hasil analisa tersbut diinterpretasikan
pada pembuatan sistem pengolahan data simkah yang dapat
memberikan kemudahan para pegawai dalam pengelolaan dan
mendata daftar nikah dapat mengembangkan fasilitas sistem
informasi yang unggul dan mengenal IT.
5.2. Saran
Adapun saran yang dapat diberikan adalah sebagai berikut :

Meningkatkan
teknologi

pemanfaatan

informasi

secara

sarana

dan

prasarana

efektif

dalam

rangka

penyediaan informasi yang terpadu sehingga simkah dapat


dilakukan secara online, sehingga para pendaftar dapat di
data secara online

58

DAFTAR PUSTAKA
[1] http://Kuapamekasan.blogspot.com/p/profil-kua-pamekasan.html
(diakses 15 November 2014)
[2] http://kuakangkung.weebly.com/sekilas-tentang -kua.html (diakses
23 November 2014)
[3] http://webkuasingaparna.blogspot.com/2012/12/bab-ipendahuluan.html (diakses 23 November 2014)
[4] http://kuacilograng.blogspot.com/2009/01/bentuk-isi-warna-danmakna-lambang.html (diakses 23 November 2014)
[5] http://blog.duniascript.com/sekilas-tentang-macromediadreamweaver.html (diakses 30 November 2014)
[6] http://c-tekno.mywapblog.com/pengertian-database-dancontohnya.xhtml (diakses 30 November 2014)
[7] Handyono, Kentdra. 2013. Conseptual Data Model & Physical
Data

Model

(CDM

&

PDM).

http://mistertica.blogspot.com/2013/10/conseptual-data-modelPhysical-data.html?m=1. (diakses 10 november 2014)


[8] Rosenberg, Doug and Matt Stephens. Use Case Driven Object
Modiling withh UML: Theory and Practice. US: Apress.

59

Halaman Lampiran
Pertanyaan di Seminar Kerja Praktek
Apa saja yang anda kerjakan di instansi tempat kerja praktek anda?
Halaman Input Data
<html>
<body>
<table>
<tr><td>
<div id="content-container">
<div id="box">
<table>
<tr><td>
<?php
$hari=date("D");
switch($hari)
{
case "Sun" :
$hari="Minggu";break;
case "Mon" :
$hari="Senin";break;
case "Tue" :
$hari="Selasa";break;
case "Wed" :
$hari="Rabu";break;
case "Thu" :
$hari="Kamis";break;
case "Fri" :
$hari="Jum'at";break;
case "Sat" :
$hari="Sabtu";break;
}
$tanggal=date("d");
$bulan=date("M");
$tahun=date("Y");
printf("<font

60

color=#87CEFA><b> %s, %d %s %d<br>", $hari, $tanggal, $bulan,


$tahun);
?>
<?php
include "../include/connect.php";//sambungkan ke mysql
//query untuk menampilkan kode istri terakhir
//mengambil nilai kode istri tertinggi dari tabel istri
//mengambil no penghulu terbesar dari table penghulu
$query = mysql_query("SELECT MAX(no_istri) AS no_istri FROM
istri");
$istri = mysql_fetch_array($query); //pecah data ke dalam array
$nobaru = $istri['no_istri']+1; //kode max ditambah 1 agar jadi kode
baru
?>
<td></tr>
<p align = "center"><h2><span>INPUT DATA
ISTRI</span></h2></p>

<form name="postform" action="isi_istri.php" method="post">


<tr>
<td width="95">No Istri </td>
<td width="11">:</td>
<td width="163"><input type="text" name="no_istri"
value="<?php echo $nobaru?>" size="15"/></td>
</tr>
<tr>
<td>Nama Istri</td><td>:</td>
<td><input name="nama_istri" type="text"></td>
</tr>
<tr>
<td>Alamat</td><td>:</td>
<td><input name="alamat_istri"
type="text"></td>
</tr>
<tr>

61

<td>Tempat Lahir</td><td>:</td>
<td><input name="tmp_lahir_istri"
type="text"></td>
</tr>
<td> Tanggal Lahir</td><td>:</td>
<td><input name="tgl_lahir_istri" type="text"
value="<?php echo $baris['tgl_lahir_istri']?>"/><a
href="javascript:void(0)"
onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.tgl_
lahir_istri);return false;" ><img name="popcal" align="absmiddle"
style="border:none" src="./calender/calender.jpeg" width="34"
height="29" border="0" alt=""></a></td>
</tr>
<tr>
<td>Status</td><td>:</td>
<td><select name="status_istri">
<option selected="selected" value="0">---pilih--</option>
<option value="perawan">Perawan</option>
<option value="kawin_cerai">Kawin
Cerai</option>
<option value="kawin_talak">Kawin
Talak</option>
<option value="janda">Janda</option>
</td>
</tr>
<tr>
<td>Pekerjaan</td><td>:</td>
<td><textarea
name="pekerjaan_istri"></textarea></td>
</tr>
<tr>
<td>Pendidikan Terakhir</td><td>:</td>
<td><select name="pendidikan_istri">
<option selected="selected" value="0">---pilih--</option>

62

<option value="SD">SD</option>
<option value="SMP">SMP</option>
<option value="SMA">SMA</option>
<option value="D2">D2</option>
<option value="D3">D3</option>
<option value="S1">S1</option>
<option value="S2">S2</option>
</td>
</tr>
<tr>
<td>Nama Ayah Istri</td><td>:</td>
<td><input name="nama_ayah_istri"
type="text"></td>
</tr>
<tr>
<td>Nama Ibu Istri</td><td>:</td>
<td><input name="nama_ibu_istri"
type="text"></td>
</tr>
<tr>
<td>Agama</td><td>:</td>
<td><select name="agama_istri">
<option selected="selected" value="0">---pilih--</option>
<option value="Islam">Islam</option>
<option value="Budha">Budha</option>
<option value="Protestan">Protestan</option>
<option value="HIndu">Hindu</option>
<option value="Katholik">Katholik</option>
<option value="Lainnya">Lainnya</option>
</td>
</tr>
<tr>
<td>Kewarganegaraan</td><td>:</td>
<td><input name="kwn_istri" type="text"></td>
</tr>
<tr><td> Tanggal Nikah</td><td>:</td>
<td><input name="tgl_nikah" type="text"

63

value="<?php echo $baris['tanggal_lahir']?>"/><a


href="javascript:void(0)"
onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.tgl_
nikah);return false;" ><img name="popcal" align="absmiddle"
style="border:none" src="./calender/calender.jpeg" width="34"
height="29" border="0" alt=""></a></td>
</tr>
<tr><td><input name="submit" type="submit"
value="OK"></td></tr>
</table>
</form>
</table>
<!-- PopCalendar(tag name and id must match) Tags should not be
enclosed in tags other than the html body tag. -->
<iframe width=174 height=189
name="gToday:normal:./calender/agenda.js"
id="gToday:normal:./calender/agenda.js"
src="./calender/ipopeng.htm" scrolling="no" frameborder="0"
style="visibility:visible; z-index:999; position:absolute; top:-500px;
left:-500px;">
</iframe>
</div>
</body>
</html>
Halaman Update Data
<?php
include "../include/connect.php";//sambungkan ke mysql
$no_istri = $_GET['noistri'];//mengambil kode istri dari addressbar
//query untuk mengambil data dari table istri
$query = mysql_query("SELECT * FROM istri WHERE no_istri =
'$no_istri'");
$istri = mysql_fetch_array($query);//memecah hasil query ke dalam
array
?>

64

<h2 align="center"><u>Update Data istri</u></h2>


<table width="283" border="0" align="center">
<form name="postform" action="update2_istri.php"
method="post">
<input type="hidden" name="no_istri" value="<?php echo
$istri['no_istri']?>"/>
<tr>
<td width="95">NO </td>
<td width="11">:</td>
<td width="163"><input type="text" name="no_istri"
value="<?php echo $istri['no_istri']?>" disabled="disabled"
size="15"/></td>
</tr>
<tr>
<td>Nama </td>
<td>:</td>
<td><input type="text" name="nama_istri" value="<?php echo
$istri['nama_istri']?>"/></td>
</tr>
<tr>
<td>Alamat </td>
<td>:</td>
<td><input type="text" name="alamat_istri" value="<?php echo
$istri['alamat_istri']?>"/></td>
</tr>
<tr>
<td>Tempat Lahir </td>
<td>:</td>
<td><input type="text" name="tmp_lahir_istri" value="<?php
echo $istri['tmp_lahir_istri']?>"/></td>
</tr>
<tr>
<td>Tanggal Lahir </td>
<td>:</td>
<td><input type="text" name="tgl_lahir_istri" value="<?php echo
$istri['tgl_lahir_istri']?>"/></td>
</tr>
<tr>
<td>Status </td>

65

<td>:</td>
<td><input type="text" name="status_istri" value="<?php echo
$istri['status_istri']?>"/></td>
</tr>
<tr>
<td>Pekerjaan </td>
<td>:</td>
<td><input type="text" name="pekerjaan_istri" value="<?php
echo $istri['pekerjaan_istri']?>"/></td>
</tr>
<tr>
<td>Pendidikan Terakhir</td>
<td>:</td>
<td><input type="text" name="pendidikan_istri" value="<?php
echo $istri['pendidikan_istri']?>"/></td>
</tr>
<tr>
<td>Nama Ayah </td>
<td>:</td>
<td><input type="text" name="nama_ayah_istri" value="<?php
echo $istri['nama_ayah_istri']?>"/></td>
</tr>
<tr>
<td>Nama Ibu </td>
<td>:</td>
<td><input type="text" name="nama_ibu_istri" value="<?php
echo $istri['nama_ibu_istri']?>"/></td>
</tr>
<tr>
<td>Agama </td>
<td>:</td>
<td><input type="text" name="agama_istri" value="<?php echo
$istri['agama_istri']?>"/></td>
</tr>
<tr>
<td>Warganegara </td>
<td>:</td>
<td><input type="text" name="kwn_istri" value="<?php echo
$istri['kwn_istri']?>"/></td>

66

</tr>
<tr><td> Tanggal Nikah</td><td>:</td>
<td><input type="text" name="tgl_nikah"
value="<?php echo $istri['tgl_nikah']?>"/></td>
</tr>

<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Submit" value="Update Data" />
</div></td>
</tr>
</form>
</table>
<!-- PopCalendar(tag name and id must match) Tags should not be
enclosed in tags other than the html body tag. -->
<iframe width=174 height=189
name="gToday:normal:./calender/agenda.js"
id="gToday:normal:./calender/agenda.js"
src="./calender/ipopeng.htm" scrolling="no" frameborder="0"
style="visibility:visible; z-index:999; position:absolute; top:-500px;
left:-500px;">
</iframe>
</div>
Halaman Hapus Data
<?php
include "../include/connect.php";//sambung ke mysql
$no_istri = $_GET['noistri'];//mengambil nosuami dari address bar
//query untuk menghapus data
$query_hapus = mysql_query("DELETE FROM istri WHERE
no_istri = '$no_istri'");
if ($query_hapus){//jika berhasil
//echo "Suami Berhasil dihapus";
?><script>document.location.href="lihat_istri.php"</script><?php
}else{//jika gagal menghapus

67

echo "Gagal : ".mysql_error();


}
?>
Halaman Lihat Data
<?php
include "../include/connect.php"; //sambungkan ke database
//query untuk mengambil data ke mysql
$hasil=mysql_query("select * from istri order by no_istri");
?>
<div align="center"> <!-- tabel rata tengah -->
<h2><u>Data Istri</u></h2>
<form name="form1" method="get"
action="../admin/cari_istri4.php">
<div align="right">Cari :
<input type="text" name="q" id="q"/>
<input type="submit" value="Search"/>
</div>
</form>
<!-- membuat tabel untuk menampilkan data -->
<table width="1000" border="1">
<tr bgcolor="#33FF33"> <!-- <tr> = table rows -->
<th width="48" scope="col">No Istri </th> <!-- <th> = table
header -->
<th width="147" scope="col">Nama </th>
<th width="147" scope="col">Alamat </th>
<th width="102" scope="col">Tempat Lahir </th>
<th width="96" scope="col">Tanggal Lahir </th>
<th width="69" scope="col">Status </th>
<th width="105" scope="col">Pekerjaan </th>
<th width="30" scope="col">Pendidikan Terahir</th>
<th width="138" scope="col">Nama Ayah</th>
<th width="138" scope="col">Nama Ibu</th>
<th width="138" scope="col">Agama</th>
<th width="89" scope="col">Warganegara</th>

68

<th width="89" scope="col">Tgl Nikah</th>


<th width="70" scope="col" colspan="2">Opsi</th>
</tr>
<?php //perulangan untuk menampilkan data dalam beberapa baris
$warna = "";
while ($baris = mysql_fetch_array($hasil)){
include "../include/warna_tabel.php";
//<tr> = table rows
echo "
<tr bgcolor=$warna>
<td>$baris[no_istri]</td>
<td>$baris[nama_istri]</td>
<td>$baris[alamat_istri]</td>
<td>$baris[tmp_lahir_istri]</td>
<td>$baris[tgl_lahir_istri]</td>
<td>$baris[status_istri]</td>
<td>$baris[pekerjaan_istri]</td>
<td>$baris[pendidikan_istri]</td>
<td>$baris[nama_ayah_istri]</td>
<td>$baris[nama_ibu_istri]</td>
<td>$baris[agama_istri]</td>
<td>$baris[kwn_istri]</td>
<td>$baris[tgl_nikah]</td>
<td><a href=rincian_istri.php?noistri=$baris[no_istri]>Lihat
Rincian</a></td>
<td><a href=update_istri.php?noistri=$baris[no_istri]><img
src=../icon/update.png border=0/></a></td>" ?>
<td><a href=hapus_istri.php?noistri=<?php echo $baris['no_istri']?>
onClick="return confirm('Apakah Anda Yakin Hapus data?')"><img
src="../icon/hapus.png" border="0"/></a></td></tr>
<?php
}
?>
</table>
<button style="margin-left:5%" onClick="print_d()">Print
Document</button> </br>
<script>
function print_d(){

69

window.open("../admin/print_istri.php","_blank");
}
</script>
</div>
Halaman Pencarian
<?php
if(isset($_GET['q']) && $_GET['q']){
$conn = mysql_connect("localhost", "root", "");
mysql_select_db("kua");
$q = $_GET['q'];
$sql = "select * from istri where nama_istri like '%$q%' or
alamat_istri like '%$q%' or no_istri like '%$q%' or
tgl_nikah like '%$q%'";
$result = mysql_query($sql);
?>
<style type="text/css">
<!-.style1 { font-family: "Times New Roman", Times, serif;
font-size: 8mm;
font-weight: bold;
}
.style2 {font-family: Arial}
-->
</style>
<div align="center">
<p class="style1">Data Istri</p>
</div>
<p>&nbsp;</p>
<form name="form1" method="get" action="cari_istri4.php">
<div align="right">Cari :
<input type="text" name="q" id="q"/>
<input type="submit" value="Search"/>
</div>
</form>
<table width="1002" border='1'>
<tr bgcolor="#99ffff">
<th width="29"
height="32"><div align="center"

70

class="style2">no_istri</div></th>
<th width="207"><div
align="center" class="style2">nama_istri</div></th>
<th width="269"><div
align="center" class="style2">alamat_istri</div></th>
<th width="269"><div
align="center" class="style2">tmp_lahir_istri</div></th>
<th width="269"><div
align="center" class="style2">tgl_lahir_istri</div></th>
<th width="269"><div
align="center" class="style2">status_istri</div></th>
<th width="269"><div
align="center" class="style2">pekerjaan_istri</div></th>
<th width="269"><div
align="center" class="style2">pendidikan_istri</div></th>
<th width="269"><div
align="center" class="style2">nama_ayah_istri</div></th>
<th width="269"><div
align="center" class="style2">nama_ibu_istri</div></th>
<th width="269"><div
align="center" class="style2">agama_istri</div></th>
<th width="269"><div
align="center" class="style2">kwn_istri</div></th>
<th width="297"><div
align="center" class="style2">tgl_nikah</div></th>
</tr>
<?php
while($istri =
mysql_fetch_array($result)){
?>
<tr>
<td><span class="style2"><?php
echo $istri['no_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['nama_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['alamat_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['tmp_lahir_istri'];?></span></td>

71

<td><span class="style2"><?php
echo $istri['tgl_lahir_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['status_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['pekerjaan_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['pendidikan_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['nama_ayah_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['nama_ibu_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['agama_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['kwn_istri'];?></span></td>
<td><span class="style2"><?php
echo $istri['tgl_nikah'];?></span></td>
</tr>
<?php }?>
</table>
<?php
}
?>
Report Data
<?php
include "../include/connect.php"; //sambung ke mysql
//query untuk mengambil data suami ke mysql
$hasil = mysql_query("SELECT * FROM suami ORDER BY
no_suami");
?>
<html>
<head>
<body>
<center>
<img src='kua4.jpg' /></center>
<div align="center"> <!-- Membuat Table untuk menampilkan data

72

suami-->
<h2><u>Data Suami </u></h2>
<table width="747" border="1">
<tr bgcolor="#33FF33"> <!-- <tr> = table rows -->
<th width="71" scope="col">No </th>
<!-- <th> = table header -->
<th width="165" scope="col">Nama </th>
<th width="120" scope="col">Alamat </th>
<th width="161" scope="col">Tempat Lahir</th>
<th width="137" scope="col">Tanggal Lahir</th>
<th width="161" scope="col">Status</th>
<th width="161" scope="col">Pekerjaan</th>
<th width="161" scope="col">Pendidikan</th>
<th width="161" scope="col">Nama Ayah</th>
<th width="161" scope="col">Nama Ibu</th>
<th width="161" scope="col">Agama</th>
<th width="137" scope="col">Warganegara </th>
</tr>
<?php //perulangan untuk menampilkan data dalam beberapa baris
$warna = '';
while ($baris = mysql_fetch_array($hasil)){
include "../include/warna_tabel.php";
//<tr> = table rows
echo "
<tr bgcolor=$warna>
<td>$baris[no_suami]</td>
<td>$baris[nama_suami]</td>
<td>$baris[alamat_suami]</td>
<td>$baris[tmp_lahir_suami]</td>
<td>$baris[tgl_lahir_suami]</td>
<td>$baris[status_suami]</td>
<td>$baris[pekerjaan_suami]</td>
<td>$baris[pendidikan_suami]</td>
<td>$baris[nama_ayah_suami]</td>
<td>$baris[nama_ibu_suami]</td>
<td>$baris[agama_suami]</td>
<td>$baris[kwn_suami]</td>
";?>

73

<?php
}
?>
</table>
<script>
window.load = print_d();
function print_d(){
window.print();
}
</script>
</body>
</html> <span style="font-family: Times New Roman;"><span
style="white-space: normal;">
</span></span>
</div>

74

CURRICULUM VITAE

Biodata Diri
Nama
NIM
Alamat

: Walidiah Fitriyani
: 120451100023
: Jl.P.Trunojoyo
Pamekasan
E-mail
: dhey.dha2@gmail.com
Tempat, Tanggal lahir : Pamekasan, 9 September 1993
Jenis Kelamin
: Perempuan

Pendidikan
1999 TK Muslimat NU (Pamekasan)
2000 SDI Al-Munawwarah (Pamekasan)
2006 MTsN Tambak Beras (Jombang)
2009 SMA Darul Ulum 2 BPPT (Jombang)
2012 - Universitas Trunojoyo (Bangkalan, Madura)

75

CURRICULUM VITAE
Biodata Diri
Nama
NIM
Alamat

: Aulia Wahyu Permatasari.s


: 12.04.511.00032
: Jl. Veteran Muda No.10 Gg.03
Pamekasan
E-mail
: auliapermatasari@gmail.com
Tempat, Tanggal lahir : Pamekasan, 05 Januari 1994
Jenis Kelamin
: Perempuan

Pendidikan
1999 - TK Al-Quran Nurul Hikmah (Pamekasan)
2000 - SDN Barurambat Kota 2 (Pamekasan)
2006 SMP Negeri 2 Pamekasan (Pamekasan)
2009 SMA Negeri 2 Pamekasan (Pamekasan)
2012 - Universitas Trunojoyo (Bangkalan, Madura)

76

Anda mungkin juga menyukai