VOTEKNIKA Jurnal Vokasional Teknik Elektronika & Informatika

Transkripsi

1 VOTEKNIKA Jurnal Vokasional Teknik Elektronika & Informatika Vol. 4, No. 1, Juari Juni 2016 ISSN: PERANCANGAN SISTEM INFORMASI PERNIKAHAN DAN STATUS PERNIKAHAN KANTOR URUSAN AGAMA KECAMATAN CANDUANG AGAM BERBASIS WEB DENGAN FRAMEWORK CODEIGNITER Miftahul Ilmi 1, Dharma Liza Said 2, Ahmaddul Hadi 2 Program Studi Pendidik Teknik Informatika Fakultas Teknik Universitas Negeri Padg miftahulilmi12@gmail.com Abstract Chdug s Religious affairs office (KUA) is institutionthat provide the service of marriage, reconciliations, d marriage s consultations for Cdug s sub district residents. In order to help Religious affairs office in registrations d processing, information system is needed to help this registration process c be done everywhere d without attending to the office. Moreover, for wide society, application to show the information of Marriage s status is also needed to avoid deception the status of Marriage.An Information System about marriage d marriage status is designed in web-based with involve lguage programming HTML5, CSS3, JavaScript,Jquery d PHP5 with object oriented-based. Mewhile, the base used is SQL. The design of the system also involves Use Case, Activity Diagram, Context Diagram, Flowchart, Class Diagram, Normalizes d ERD. This system also use the otherwise called in addressing with apply htaccess in the real file address as one of security System.This system information involves three users; Admin, officers dalso bridegrooms. The three levels of users are registered with private account to sign in to the system which has each username d password with MD5 encryption. The main page of the systemwill show the information of Marriages registrt d marriage schedule on Chdug s Religious affairs office. This system will help the KUA s officer d also residents in applying marriage s d show someone s Marriage status. Key words: Information system, Marriage, Reconciliation, Web Programming A. PENDAHULUAN P erkembg teknologi informasi yg sedemiki cepatnya telah membawa dunia memasuki era baru lebih cepat dari yg pernah dibaygk sebelumnya. Perkembg teknologi ini membawa perubah dalam berbagai bidg kehidup. Salah satu hasil dari kemaju teknologi adalah proses pen d pengolah yg terkomputerisasi secaraa online. Perkembg pada sektor telekomunikasi saat ini semakin pesat. Hya deng sebuah komputer d telepon seluler kini kita byak hal dimapun kita berada, sebab kebyak informasi d telah di simp pada base online. Pen pernikah pada Ktor Urus Agama Kecamat Cdug sekarg belum menerapk hal tersebut, sehingga saaat terjadi kerusak pada komputer atau laptop dari pegawai yg tersimp dalam komputer sulit untuk diakses, sedgk perminta baru makin byak yg ng. Seperti yg kita ketahui, pernikah merupak sebuah proses mempersatuk dua org serta dua keluarga ke dalam satu hubung baru yg di jali bersama deng tuju menghindai dari perbuat zina yg sgat dilarg dalam agama. Pernikah ini dalam Islam memiliki byak hukum, yg pertama jaiz, sunat, wajib, makruh d haram. KUA Kecamat Cdug sendiri juga memiliki permasalah, yaitu sistem informasi pernikahnya masih berupa aplikasi desktop, dima pada system ini ter form pendaftar, sampai lapor pernikah. Tetapi semua pada base masih di simp dalam computer d dibutuhk installer untuk melihat d menggunak aplikasi pada computer lain. Sehingga, jika terjadi kerusak 1 Mahasiswa Prodi Pendidik Teknik Elektronika FT-UNP Wisuda Periode Maret Dosen Jurus Teknik Elektronika FT-UNP

2 Percg Sistem Informasi Pernikah D Status Pernikah - Miftahul Ilmi 83 pada komputer atau laptop pegawai dari pernikah yg tercatat ak sulit untuk di temuk, bahk saat penggabung dari tiap computer juga sulit. Pada era cloud computing sekarg hal seperti ini terasa ketinggal zam d memberatk, sebab deng base online dari setiap Ktor Urus Agama (KUA) membtu proses pengurus pendaftar pernikah dari mapun calon mempelai berada. Pembuat aplikasi ini, membutuhk suatu bahasa pemogram dalam memproses. Ada beberapa bahasa pemogram yg biasa digunak oleh programer, tara lain Java, PHP, Pyton, d Ruby. Untuk membuat tampil yg menarik pada aplikasi berbasis web sering digunak bahasa pemogram html, css d javascript. Dalam membuat system informasi KUA berbasis web ini ak digunak bahasa pemogram PHP. Karena aplikasi ini di jalk pada web browser yg terinstall pada sistem operasi d terkoneksi ke jaring internet. SISTEM INFORMASI Menurut O Brien d Marakas (2010 : 4) Sistem informasi adalah suatu kombinasi terartur apapun dari people (org), hardware (pergkat keras), software (pirti lunak), computer networks d communications (jaring komunikasi), d base (basis ) yg mengumpulk, mengubah d menyebark informasi di dalam suatu bentuk orgisasi. PHP PHP adalah bahasa server-side scripting yg didesain khusus untuk web. Pada HTML ditempelk (embed) kode PHP. Kode PHP dieksekusi di sisi server buk di komputer client. Hasil yg ditampilk adalah kode HTML. MYSQL Menurut Team Litbg Madcoms (2011:140), MySQL adalah salah satu program yg digunak sebagai base, d merupak salah satu software untuk base server yg byak digunak. MySQL bersifat Open Source d menggunak SQL. Framework Merupak kergka, rgka, susun. Kergka dibuat agar sesuatu menjadi teratur d bersifat memudahk. Contohnya: kergka kerja, dibuat untuk mengatur d memudahk proses kerja, sehingga org tidak perlu byak berpikir berulg-ulg untuk hal-hal yg kurg penting, cukup ikuti kergka yg ada d fokus pada apa yg ak dihasilk. CodeIgniter CodeIgniter adalah sebuah web application framework yg bersifat open source digunak untuk membgun aplikasi php dinamis. Tuju pengembg CodeIgniter adalah untuk membtu developer untuk mengerjak aplikasi lebih cepat daripada menulis semua code dari awal. CodeIgniter menyediak berbagi macam library yg mempermudah dalam pengembg B. ANALISIS DAN PERANCANGAN SISTEM 1. Percg Sistem Analisis sistem adalah pengurai dari suatu sistem informasi yg utuh ke dalam bagi-bagi komponennya deng maksud untuk mengidentifikasik d mengevaluasi per-masalah, kesempat, hambat yg terjadi d kebutuh yg diharapk sehingga diusulk perbaik. Analisis sistem yg dijelask dalam sistem ini merupak gambar keseluruh tentg percg sistem informasi pernikah d status pernikah ktor urus agama kecamat cdug agam berbasis web deng framework codeigniter. Analisis sistem pada aplikasi ini mencakup: alisis user, alisis prosedur, alisis masalah d solusi, alisis dokumen,serta alisis kebutuh sistem. Analisis user adalah Agar sebuah sistem berjal deng baik d sesuai deng yg diingink maka dibutuhk sebuah alisa mengenai siapa saja yg mengakses sistem. Analisis prosedur ak membahas lgkah-lgkah atau prosedur yg digunak dalam proses pen pernikah pada KUA kecamat Cdug Kab. Agam.Analisis masalah d solusi ini bertuju untuk mengalisis masalah yg ak diberi solusi oleh sistem yg sedg dircg Analisis dokumen yg digunak dalam sistem ini berupa dokumen input ataupun

3 84 JURNAL VOTEKNIKA Vol. 4, No. 1, (2016) dokumen output. Sedgk Analisis kebutuh sistem merupak beberapa kebutuh bah dalam sistem yg ak dipergunak untuk menambah atau membtu jalnya proses pembuat suatu sistem. Di bagi ini ak dibagimenjadi dua bagi yaitu alisis kebutuh fungsional d alisis kebutuh non fungsional. 2. Percg Sistem a. Rcg Diagram Konteks (Context Diagram) Context Diagram (CD) mengambark alir yg masuk kearah sistem d keluar dari sistem, alir dibutuhk untuk mengambark alir sistem. Context diagram yg terdiri dari suatu proses d menggambark rug lingkup suatu sistem.berikut model diagram konteks yg ak dihasilk: c. Activity Diagram Activity Diagram di desain untuk memperlihatk apa yg terjadi selama suatu proses atau operasi berlgsung. Setiap activity dipresentasik deng suatu rounded rectgle. Pemroses pada suatu aktifitas yg telah selesai ak dikirimk ke aktifitas berikutnya secara otomatis untuk aktifitas berikutnya. Adapun aktifitas tersebut digambark dalam activity diagram sebagai berikut: Gambar 2. Diagram konteks b. Use case Diagram Diagram use case menggambark fungsionalitas dari sebuah sistem berdasark sudut pdg actor. Diagram use case sistem ini dilihat pada Gambar 2. Gambar 4. Activity DiagramProses Login d. Class Diagram Diagram kelas merupak kumpul kelas-kelas objek. Whitten, 2004:410 dalam Prabowo (2011:39) mengartik kelas sebagai satu set objek yg memiliki atribut d perilaku yg sama. Class diagram untuk sistem ini dilihat pada Gambar 5. Gambar 3. Use case

4 JURNAL VOTEKNIKA Vol. 3, No. 4, (2016) Gambar 5. Diagram classrcg Basis Data a. Entity Relationship Diagram (ERD) ERD digunak untuk memodelk struktur d hubung tar, karena relatif d kompleks. ERD yg digunak untuk pemodel basis pada aplikasi ini adalah sebagai berikut: C. HASIL DAN PEMBAHASAN 1. Hasil Rcg Hasil dari percg interface diimplementasik pada system informasi pernikah d status pernikah KUA Kecemat Cdug Agam adalah sebagai berikut. a. Halam Guest Merupak yg lgsung di akses setelah membuka Sistem Informasi Pernikah d Status Pernikah KUA kkec. Cdug Agam. Halam merupak yg pertma kali muncul ketika kita membuka sistem informasi pernikah d status pernikah KUA kecamat Cdug Agam. Dima tampil terlihat pada Gambar 7. Gambar 7. Halam Utama Gambar 6. ERD (entity relationship diagram) Proses diatas mengambark relasi tara tabel satu deng table yg lainnya. Pada sistem informasi KUA Kec Cdug pegawai harus login untuk menk hak akses system, d catin harus pendaftar untuk pernikah. Proses diatas menjelask isteri mempunyai wali dalam proses pernikahnya d setiap pernikah memiliki masingmasing satu suami, isteri d seorg pegawai sebagai penghulu Halam menampilk jadwal pernikah yg ak di lakuk, tidak ter aksi apapun pada ini selain menu, jika kita klik menu berda maka ak mengarah ke yg menampilk pernikah yg a terjadi, menu pendaftar ak mengarah ke form pendaftar yg di redirect dari controller daftar. Sedgk profil merupak redirect dari controller dep begitu juga deng cari ID. Sedgk login merupak redirect dari controller login. Halam pendaftar merupak tempat calon pengtin mendaftark diri untuk menikaah. nya di lihat pada Gambar 8.

5 86 JURNAL VOTEKNIKA Vol. 4, No. 1, (2016) Gambar 10. Halam Login Gambar 8. Halam Pendaftar Pada pendaftar ini ter form pendaftar nikah, dima calon pengtin ak mengisik suami, isteri, wali d jadwal pernikah yg di ingink. Setelah semua terisi ter tombol save untuk menyimp. Tombol save mengarah ke function satu pada controller dep, disinilah aksi penyimp ke base terjadi. Halam profil merupak tempat menyampaik persyarat pernikah d informasi yg ingin di tampilk oleh pengelola KUA. profil di lihat pada Gambar 9. Halam login memiliki tiga atribut yaitu : username tempat kita memasukk username, password tampat kita memasukk password d login sebagai button yg ak meljutk ke seljutnya. c. Halam Calon Pengtin Halam pengtin merupak pertama yg muncul setelah calon pengtin login d. catin dilihat pada Gambar 11. Gambar 11. Halam Calon Pengtin Gambar 9. Halam Profil Pada ini pengunjung web bias melihat informasi yg di publis oleh petugas KUA, disini tidak ada satupun button yg di mfaatk. Pada Gambar 11 di lihat tampil nama calon pengtin muncul d ter dua aksi, yaitu edit d.pada edit catin mengedit selain pernikah.halam edit tersebut dilihat pada Gambar 12. b. Halam Login Halam login merupak tempat memasukk username d password agar kita masuk ke system sesuai deng level yg kita miliki. login dilihat pada Gambar 10. Gambar 12. Halam edit

6 JURNAL VOTEKNIKA Vol. 3, No.6, (2016) Pada Gambar 36 dilihat pernikah memiliki status disable agar tidak di hapus atau di gti oleh catin. Button save disini mengarah ke function index act_edit pada controller catin. d. Halam Pegawai d admin Halam Admin merupak deng fitur terlengkap dima semua yg ada pada Pegawai bias di akses pada Admin. Halam pendaftar nikah merupak pegawai administrator yg pertama kali ak di lihat oleh pegawai d admin setelah login d lgsung di olah oleh pegawai d admin.seperti terlihat pada Gambar 13. Gambar 13. Halam Pendaftar Nikah Pada Gambar 13 kita lihat pendaftar nikah berisik pendaftar pernikah yg belun di konfirmasi oleh petugas. Pada pendaftar nikah ter button baru, pencari, baru poligami, aksi edit yg berfungsi untuk mengkonfirmasi d aksi hapus, dima semuya mengarah ke controller apps function pernikah deng aksi masing-masing. Halam pernikah merupak yg menampulk pernikah yg sudah di konfirmasi d memiliki empat sub menu yauitu nikah, rujuk, cerai d poligami. terlihat pada Gambar 14. Gambar 14. Halam Data Pernikah Pada Gambar 14. kita lihat pendaftar nikah berisik pendaftar pernikah yg belun di konfirmasi oleh petugas. Pada pendaftar nikah ter button baru untuk menambah daftar pernikah, pencari mencari pernikah berdasark nik d nama, tambah poligami untuk pendaftar bagi yg dua kali nikah, aksi edit yg berfungsi untuk mengkonfirmasi d aksi hapus. Halam edit pernikah merupak tempat petugas memeriksa calon pengtin d mengisik nomor akta nikah d nomor seri buku nukah serta menetapk jadwal agar tidak bentrok. login dilihat pada Gambar 15. Gambar 15. Edit Data Pernikah Pada Gambar 15. dilihat petugas mengisik yg hya di ketahui oleh petugas KUA. Halam lapor nominatif merupak lapor pernikah yg telah dilakuk. lapor nominatif dilihat pada Gambar 16.

7 88 JURNAL VOTEKNIKA Vol. 4, No. 1, (2016) Gambar 16. Lapor Nominatif Dapat di lihat pada Gambar 16 pernikah yg tellah dilakuk beserta jadwal serta nomor surat-suratnya. Disini ter button cetak yg mengarah ke controller cetak function l_ggota. Halam cetak lapor nominatif merupak cetak lapor pernikah yg telah dilakuk. lapor nominatif dilihat pada Gambar 17. Gambar 18. Data Pernikah Pada Gambar 18 dilihat kita backup, optimize d restore(export) base tpa membuka PHP MY Admin.Fungsi backup ini terletak pada controller Apps function tool. Halam konfigurasi merupak yg berfungsi untuk mengatur nama, alamat serta logo dari KUA jug menggti nama pimpin KUA. konfigurasi dilihat pada Gambar 19. Gambar 17. Cetak Lapor Nominatif Dapat di lihat pada Gambar 17. Cetak pernikah yg tellah dilakuk beserta jadwal serta nomor surat-suratnya. Halam cetak ini ak muncul setelah kita menek button cetak pada lapor Nominatif, querynya diperoleh dari controller cetak. Halam backup hya bias di akses oleh admin dima berfungsi sebagai tempat export d import base. backup dilihat pada Gambar 18. Gambar 19. Halam Konfogurasi Pada Gambar 19 dilihat form konfigurasi KUA mulai dari Nama sampai profil yg ak di tampilk di profil KUA, button simp disini mengarah ke controller appa function nama_kua. Halam Lapor F1 merupak penghitung Nikah, rujuk, cerai d poligami pada tiga wilayah di Kecamat Cdug. konfigurasi dilihat pada Gambar 20. Gambar 20. Lapor F1

8 JURNAL VOTEKNIKA Vol. 3, No.8, (2016) Pada Gambar 20 dilihat Lapor F1 yg mampilk jumlah Nikah, Cerai, Rujuk d poligami, sama seperti lapor Nominatif, button cetak mengarah ke controller cetak. 2. Penguji Penguji merupak uji coba terhadap sistem yg telah dibuat untuk mengetahui apakah sistem sudah berjal deng benar. Penguji ini juga merupak proses evaluasi untuk memastik aplikasi telah memenuhi persyarat d siap untuk digunak d diimplementasik.berikut adalah penjelas mengenai penguji dari masing-masing sistem. 1. Halam Guest Halam ini merupak yg pertama kali ak ditampilk ketika guest mengakses Sistem Informasi Pernikah d Status Pernikah KUA Kec Cdug Agam. Berikut tabel penguji guest. Tabel 1. Tabel Penguji Halam Guest No Kasu s Uji 1 Tamp il halam utam a 2 Pilih home 3 Pilih pe ndaft ar 4 Pilih pr ofil KUA 5 Pilih C ari ID Hasil yg diharapk Melakuk loading lalu tampil index section home pe ndafatar create, read,. pr ofil KUA hala mcari ID pencari Hasil Penguji halama n index section home halama npendaf tar melaku k create, read,, halama nprofil KUA h alam Cari ID melaku k Status 6 Pilih login login pencari halama n login Berdasark tabel penguji diatas disimpulk bahwa keseluruh proses yg diharapak dalam guest berhasil. 2. Halam Admin Halam admin ini ak ditampilk jika login deng hak akses admin berhasil. Berikut tabel penguji admin. Tabel 2. Tabel Penguji Halam Admin No Kasu s Uji 1 Login admin 2 Pilih Home 3 Pilih Baru 4 Pilih gg ota Hasil yg diharapk Admin mengakses admin deng memasukka n username d password terdaftar pada login administrator edit d formtambah d Menampilka n pegawai d Hasil Pengujia n admin administr ator melakuka n edit d formtamb ah melakuka n melakuka n create, read, da n pegawai edit d di Status

9 90 JURNAL VOTEKNIKA Vol. 4, No. 1, (2016) 5 Pilih pernik ah 6 Pilih tools 7 Pilih ko nfigur asi 8 Pilih lapor 9 Pilih logout Menampilka n pernikah d Menampilka n form untuk backup, optimize d restore base. Menampilka n konfigurasi system Menampilka n lapor d print Admin keluar dari sistem pernikah edit d di form d berhasil backup, optimize d restore base Halam konfigura si Menampi lk lapor d print Berdasark tabel penguji diatas disimpulk bahwa keseluruh proses yg diharapak dalam admin berhasil. 3. Halam Pegawai Halam ini diakses jika berhasil login sebagai pegawai KUA. Berikut tabel penguji Pegawai. Tabel 3. Tabel Penguji Halam Pegawai No Kasus Uji 1 Login pegawa i 2 Pilih Home Hasil yg diharapk Pegawai mengakses admin deng memasukk username d password terdaftar pada login administrator Hasil Pengujia n pegawai administr Status 3 Pilih Baru 5 Pilih pernika h 6 Pilih lapor 7 Pilih logout edit d formtambah d Menampilk pernikah d Menampilk lapor d print Admin keluar dari sistem ator melakuk edit d formtamb ah melakuk melakuk create, read, da n pernikah edit d di Menampi lk lapor d print Berdasark tabel penguji diatas disimpulk bahwa keseluruh proses yg diharapak dalam operator Prakerin berhasil. 4. Halam Catin Halam ini tampil jika berhasil login sebagai catin. Berikut ini tabel penguji pada catin. Tabel 4. Tabel Penguji Halam Catin No Kasus Hasil yg Uji diharapk 1 Login Catin mengakse s alumni deng memasukk username d password terdaftar Hasil Penguji Catin d ter informasi pernikah d edit d. Status Berdasark tabel penguji diatas disimpulk bahwa

10 JURNAL VOTEKNIKA Vol. 3, No.10, (2016) keseluruh proses yg diharapak dalam catin berhasil. D. KESIMPULAN DAN SARAN 1. Kesimpul Adapun kesimpul yg diambil dari Percg Sistem Informasi Pernikah d Status Pernikah Ktor Urus Agama Kecamaat Cdug Agam Berbasis Web deng Framework CodeIgniter ini adalah sebagai berikut: 1. Sistem informasi yg dikembgk berbasis web ini membtu Ktor Urus Agama (KUA) Cdug dalam menghimpun, pendaftar d pen pernikah, serta pemberi informasi terkait kepada masyarakat. 2. Sistem informasi ini dikembgk deng teknologi bahasa pemogram terbaru yakni HTML5, CSS3, Javascript, Jquery d framework CodeIgniter. B. Sar Adapun sar dari penulis setelah mercg d membgun Sistem Informasi Pernikah d Status Pernikah Ktor Urus Agama Kecamaat Cdug Agam Berbasis Web deng Framework CodeIgniter ini, tara lain: 1. Mengadak sosialisasi kepada masyarakat terkait pengguna Sistem Informasi Pernikah d Status Pernikah Ktor Urus Agama Kecamaat Cdug Agam Berbasis Web deng Framework CodeIgniter. 2. Memperkenalk Sistem Informasi Pernikah d Status Pernikah Ktor Urus Agama Kecamaat Cdug Agam Berbasis Web deng Framework CodeIgniter ini kepada KUA sekitar Kecamat Cdug. Dalam pengembg berikutnya diharapk KUA lain terlibat lgsung deng sistem ini. E. DAFTAR PUSTAKA MADCOMS, Team LITBANG Aplikasi Web Database deng Dreamweaver d PHP-MySQL. Yogyakarta : Andi. O'brien, James A. d Marakas, George M Introduction To Information Systems - fifteenth Edition. New York : McGraw- Hill. UNP Buku Pdu Penulis Tugas Akhir/Skripsi Universitas Negeri Padg. Padg: UNP.