DESAIN WEBSITE KANTOR URUSAN AGAMA KECAMATAN BANYUASIN II MENGGUNAKAN UML-BASED WEB ENGINEERING (UWE)

(1)

DESAIN WEBSITE KANTOR URUSAN AGAMA

KECAMATAN BANYUASIN II MENGGUNAKAN

UML-BASED WEB ENGINEERING (UWE)

Ikhsan Barokat

Wisnu Wardana

STMIK PalComTech Palembang Abstrak

Desain website Kantor Urusan Agama Kecamatan Banyuasin II. Metode penelitian yang dilakukan mulai dengan pemilihan jenis data berupa data primer, teknik pengumpulan data menggunakan metode dokumentasi, alat pengembangan sistem menggunakan model proses berupa Use Case

Diagram dan Activity Diagram, model data berupa Class Diagram dan State transition diagram.

Teknik pengembangan sistem menggunakan metode UML-Based Web Engineering (UWE). Adapun tujuan penelitian ini adalah di bagian Kepegawaian Administrasi Kantor Pelayanan Masyarakat menjadi efisien dan dapat mempermudah masyarakat untuk mendapatkan informasi tentang pendaftaran nikah, rujuk, wakaf, haji dan umroh, dan Informasi yang berkaitan dengan agama Islam. Pada penelitian ini penulis dapat menyimpulkan bahwa telah dihasilkan sebuah media informasi untuk pelayanan terhadap masyarakat Kecamatan Banyuasin II serta menghasilkan laporan berupa laporan data p3n, laporan peristiwa nikah, laporan data calon pengantin, laporan wali nikah, dan saksi nikah.

Kata Kunci : Media Informasi, KUA Banyuasin II, UML-Based Web Engineering

PENDAHULUAN

Kantor Urasan Agama (KUA) merupakan kantor yang melaksanakan sebagian tugas dari Kementrian Agama Republik Indonesia di Kabupaten dan Kotamadya di bidang urusan agama Islam dalam wilayah kecamatan. Sedangkan Kementerian Agama mempunyai tugas yaitu menyelenggarakan sebagian tugas umum pemerintah dan pembangunan di bidang Agama. Kantor Urusan Agama merupakan bagian dari unsur pelaksana sebagian tugas Kementerian Agama yang berhubungan langsung dengan masyarakat di wilayah Kecamatan.

Kantor Urusan Agama Kecamatan Banyuasin II merupakan salah satu kantor pemerintah di tingkat kecamatan yang pengelolahan datanya telah terkomputerisasi. Hal ini terbukti dengan adanya beberapa formulir administrasi di kantor tersebut seperti, Formulir Pendaftaran Nikah dan Formulir Rujuk yang dibuat dengan menggunakan Microsoft Exel. Pengolahan data telah menggunakan komputer, akan tetapi hasil pendataan dan penyediaan media informasi Kantor Urusan Agama Banyuasin II masih belum akurat dan belum lengkap. Seperti informasi Prosedur Pendaftaran Nikah, Prosedur Pendaftaran Rujuk, dan informasi mengenai masalah perwakafan, masyarakat kurang memahami atau mengetahui tentang informasi yang ada di Kantor Urusan Agama Banyuasin II.

Salah satu media informasi yang dapat membantu masyarakat untuk mengenal dan mengetahui berbagai informasi yang ada di Kantor Urusan Agama Banyuasin II yaitu, dengan memanfaatkan teknologi Website. Peran dan fungsi website pada institusi pemerintah seperti di Kantor Urusan Agama Banyuasin II ini, sebagai sarana komunikasi yang efektif. Website yang dibuat ini dapat memberikan informasi, komunikasi, dan transaksi antara masyarakat dan pemerintah dilakukan via internet. Ada beberapa manfaat yang dihasilkan seperti misalnya, komunikasi dalam sistem administrasi berlangsung dalam hitungan jam, bukan hari atau minggu. Pelayanan pemerintah pada masyarakat menjadi sangat cepat,

(2)

dapat dicari dari kantor, rumah, bahkan mobile dimanapun tanpa harus hadir secara langsung. Website di Kantor Urusan Agama Banyuasin II, dapat memberikan dan menjelaskan berbagai informasi yang berkaitan dengan agama Islam kepada masyarakat. Hal ini membantu masyarakat medapatkan kemudahan untuk memperoleh informasi di Kantor Urusan Agama Banyuasin II.

LANDASAN TEORI Sistem

Menurut Kusrini dan Andri Kaniyo (2007:5), sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran yang tertentu.

Menurut Fatta (2007:3), menyatakan bahwa sistem adalah sesuatu kumpulan atau himpunan dari unsur atau variabel-variabel yang saling berinteraksi untuk mencapai tujuan tertentu melalui tiga tahapan yaitu masukan, proses, dan keluaran.

Informasi

Menurut Haryadi (2009:26), informasi adalah data yang telah diolah menjadi bentuk yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat ini atau pada masa yang akan datang. Dengan demikian informasi berarti data yang telah diproses, atau data yang memiliki arti.

Menurut Kusrini dan Andri Koniyo (2007:7), informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ini atau mendukung sumber informasi.

Sistem Informasi

Kusrini dan Andri Koniyo (2007:8), Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi yang menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

Website

Menurut Yuhefizar (2008 : 159), Web adalah suatu metode untuk menampilkan informasi di internet, baik berupa teks, gambar, suara, maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang dapat di akses melalui sebuah browser. Browser adalah perangkat lunak untuk mengakses halaman –halaman web, seperti Internet Explorer, Mozilla Firefox, Opera, dan lain–lain.

Menurut Yuhefizar (2009:2), Website adalah sebuah sistem penyebaran informasi melalui internet. Informasi yang dikirimkan berupa teks, suara (audio), animasi, gambar dan bahkan dalam format video yang dapat diakses melalui sebuah software yang disebut browser, seperti internet explorer, Mozilla firefox, Opera dan lain–lain.

Menurut Wahana Komputer (2010:2), berdasarkan pengoperasiannya secara mendasar website dibagi menjadi website static dan website dynamic.

Internet

Menurut Cristianto dan Wiryana (2002:65), internet adalah suatu jaringan informasi dan komunikasi global melalui suatu protocol yang disebut TCP/IP. Protocol itu sendiri adalah seperangkat standar procedural teknis, sebagaimana halnya untuk komunikasi melalui

(3)

telepon konvensional dikenal protocol PSTN (saat ini mulai dikenal pula telepon seluler, telepon satelit, dan telepon berbasis internet).

Menurut Rasul (2008:3) Internet merupakan kependekan dari interconnected networking. Secara umum internet merupakan jaringan komputer global yang menghubungkan jutaan komputer di seluruh dunia.

Database

Menurut Oktavian (2010:62), database adalah sekumpulan data dan prosedur yang memiliki struktur sedemikian rupa sehingga mudah dalam penyimpanan, mengatur dan menampilkan data.

Menurut Wahana Komputer (2010:23), database adalah sekumpulan file data yang saling berhubungan dan diorganisasikan sedemikian rupa sehingga data-data tersebut dapat diakses dengan mudah dan cepat dan diproses menjadi sebuah informasi yang lebih bermanfaat.

PHP

Menurut Tim Wahana Komputer (2009:3), PHP (Hypertext Preprocessor) adalah bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses dan mengolah data secara dinamis. PHP dapat dikatakan sebagai sebuah server-side embedded script language, artinya semua sintaks dan perintah program yang anda tulis akan sepenuhnya dijalankan oleh server, tetapi dapat disertakan pada halaman HTML biasa. Semua aplikasi yang dibangun menggunakan PHP akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan pada server.

MySQL

Menurut Syaukani (2005 : 1), MySQL adalah sebuah server database SQL multiuser dan multi-threaded. Selain itu juga MySQL adalah database server yang sangat ideal untuk data segala ukuran. Kemampuannya yang dapat bekerja dilingkungan Unix maupun Win32 dan sifat yang open source Freeware (dibawah lingkungan GNU (General Public Lincense), MySQL menjadi pilihan yang tepat bagi pengembang aplikais kelas menengah ke bawah dan kelas korporat.

Menurut Anwar (2010:21), MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (Database Manajement System) atau DBMS dari sekian banyak DBMS, Oracle, MS SQL, Postagre SQL, dan lain-lain.

HASIL DAN PEMBAHASAN Model Proses

Model Prose dibuat untuk mengilustrasikan aktivitas-aktivitas yang dilakukan dan bagaimana data berpindah diantara aktivitas-aktivitas yang berjalan.

1. Use Case Diagram

Use-case adalah merupakan model diagram UML yang digunakan untuk menggambarkan requirement fungsional yang diharapkan dari sebuah sistem. Use case

menekankan pada “siapa” melakukan “apa” dalam lingkungan sistem perangkat lunak

(4)

Input Data Profil Input Data Informasi Input Data Galeri Tampilan Halaman Home Tampilan Halaman Profil Tampilan Halaman Informasi Laporan Data Catin Laporan Data Wali Nikah Laporan Data Saksi Nikah Laporan Data P3N <<extend>> <<extend>> <<extend>> Admin Kepala Kantor KUA User (masyarakat) Input Data P3N Tampilan Halaman Galeri Tampilan Halaman Layanan Tampilan Halaman Kontak Login <<include>> <<include>>

Input Galeri Foto Input Galeri Video <<extend>> <<extend>> <<include>> <<include>> Input Data Registrasi Nikah <<include>> Input Data Catin Input Data Wali Nikah Input Data Saksi Nikah <<include>> <<extend>> <<extend>> <<extend>> <<extend>> Input Data Registrasi Nikah <<include>> Info Data P3N <<include>> Input Data Catin Input Data Wali Nikah Input Data Saksi Nikah <<extend>> <<extend>> <<extend>> Input Form Buku Tamu <<extend>> <<include>> <<include>> <<include>> <<include>>

Gambar 1. Use Case Diagram 2. Activity Diagram

Diagram activity menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir.

a. Activity Diagram Admin

Diagram Activity Admin menggambarkan aktivitas dalam sistem yang dilakukan oleh Admin.

Gambar 2. Activity Diagram Admin

b. Activity Diagram User

Diagram Activity User menggambarkan aktivitas dalam sistem yang dilakukan oleh User.

(5)

Gambar 3. Activity Diagram User c. Activity Diagram Kepala Kantor

Diagram Activity Kepala Kantor menggambarkan aktivitas dalam sistem yang dilakukan oleh Kepala Kantor.

Gambar 4. Activity Diagram Kepala Kantor Model Data

Model data adalah sekumpulan tool konseptual untuk mendeskripsikan data, relasi-relasi antar data, sistematik data, dan konsistensi konstrain. Menyatakan hubungan antar rekaman yang tersimpan dalam basis data.

1. Class Diagram

Class diagram yang berisi komponen–komponen himpunan kelas dan himpunan relasi yang masing – masing dilengkapi dengan atribut – atribut. Class diagram dibangun atau dibuat untuk mendokumentasikan dan menggambarkan kelas-kelas dalam pemrograman yang nantinya akan dibangun.

(6)

Gambar 5. Class Diagram 2. State Trantition Diagram (STD)

State Trantition Diagram (STD) merupakan suatu modelling tool yang menggambarkan sifat ketergantungan terhadap waktu pada sistem. STD digunakan untuk mengidentifikasi sebagaimana sistem harus berperilaku seperti risiko dari kejadian eksternal.

(7)

1. Tampilan Halaman Website a. Halaman Index / Home

Halaman index / home adalah halaman halaman awal yang dapat dikunjungi dengan isi informasi - informasi terbaru dari website KUA Banyuasin II.

Gambar 7. Halaman Index / Home

b. Halaman Profil Kantor

Halaman profil kantor adalah halaman yang dapat dilihat oleh pengunjung, yang berisi sejarah, visi, misi, serta struktur organisasi dari KUA Banyuasin II.

Gambar 8. Halaman Profil 1. Tampilan Halaman Website

a. Halaman Index / Home

Gambar 8. Halaman Profil 1. Tampilan Halaman Website

a. Halaman Index / Home

(8)

c. Halaman Informasi dan Artikel

Halaman informasi adalah halaman yang dapat dilihat oleh pengunjung yang berisi informasi–informasi yang ada di KUA Banyuasin II.

Gambar 9. Halaman Informasi dan Artikel

d. Halaman Galeri

Halaman galeri adalah halaman yang dapat dilihat pengunjung yang berisi foto kegiatan KUA Banyuasin II.

Gambar 10. Halaman Galeri c. Halaman Informasi dan Artikel

(9)

e. Halaman Layanan

Halaman layanan adalah halaman yang dapat dilihat oleh masyarakat, yang berisi form registrasi nikah dan data P3N.

Gambar 11. Halaman Layanan

f. Halaman Kontak

Halaman kontak adalah halaman yang dapat dilihat oleh pengunjung yang berisi alamat, email dan nomor telepon Kantor Urusan Agama Banyuasin II.

Gambar 12. Halaman Kontak

(10)

g. Form Login

Form login merupakan tampilan username dan password untuk admin dan kepala kantor untuk masuk kehalanan utama admin, dan hak akses yang berfungsi untuk menjaga keteraturan data dalam mengakses.

Gambar 13. Form Login Admin

h. Halaman Utama Admin

Halaman menu utama admin adalah halaman yang dapat dilihat oleh admin, yang berisi data–data akses yang dimiliki admin.

Gambar 14. Halaman Menu Utama Admin

i. Form Input Artikel

Halaman form input artikel adalah halaman yang dapat dilihat oleh pengunjung, yang berisi informasi dan artikel terbaru dari website Kantor Urusan Agama Banyuasin II.

g. Form Login

(11)

Gambar 15. Form Input Artikel

j. Form Input Galeri

Halaman form input gallery adalah halaman yang dapat dikunjungi oleh masyarakat, yang berisi foto kegiatan Kantor Urusan Agama Banyuasin II.

Gambar 16. Form Input Galeri

k. Form Registrasi Nikah

Form Registrasi nikah berguna berguna untuk melakukan pendaftaran nikah pada websik KUA Banyuasin II.

(12)

Gambar 17. Form Registrasi Nikah

l. Form Input Data P3N

Halaman input Form Data P3N adalah halaman yang dapat dilihat masyrakat, tentang data dan nama P3N yang bertugas di Kantor Urusan Agama Banyuasin II.

Gambar 18. Form Input Data P3N

PENUTUP

Berdasarkan hasil-hasil yang diperoleh dari analisis sistem informasi yang telah dilaksanakan di Kantor Urusan Agama Kecamatan Banyuasin II dapat disimpulkan bahwa didapati Website Kantor Urusan Agama Banyuasin II. Sehingga dapat membantu masyarakat kecamatan banyuasin II khususnya, seluruh masyarakat Kota Palembang, serta masyrakat Indonesia umumnya, untuk mendapatkan informasi–informasi pada Kantor Urusan Agama Banyuasin II. Dengan adanya sistem yang telah terkomputerisasi secara optimal ini akan mempermudah dalam mendapatkan informasi mengenai proses pelayanan yaitu Pendaftaran Nikah dan Rujuk, Informasi Haji dan Umroh, Tata cara pembagian Ahli Waris, Proses Wakaf, dan Informasi yang berkaitan dengan agama Islam lainnya. Mempermudah dalam menyampaikan informasi pelayanan kepada masyarakat serta pembuatan laporan Peristiwa Nikah yang untuk diserahkan kepada Kepala KUA.

PENUTUP

(13)

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta: Andi Offset.

Anwar. 2010. Panduan Menguasai PHP & MySQL. Jakarta: Media Kita.

Christianto, V., I Made Wiryana. 2005. Pengantar Manajemen Proyek Berbasis Internet. Jakarta: PT. Elex Media Komputindo.

Haryadi, Hendi. 2009. Administrasi Perkantoran untuk Manajer dan Staf. Jakarta: Visi Media.

Kusrini. 2007. Strategi Perancangan dan Pengolahan Basis Data. Yogyakarta: Andi Offset. Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP.

Yogyakarta: Mediakom.

Rasul, Juharis. 2008. Teknologi Informasi dan Komunikasi. Jakarta: Quadra.

Syaukani, Muhammad. 2005. Mengelola Data pada MySQL Server Munggunakan Visual

FoxPro8. Jakarta: PT. Elex Media Komputindo.

Wahana Komputer. 2010. SQL Server 2008 Express. Yogyakarta: Andi Offset.

Wahana Komputer. 2010. Membangun Website Tanpa Modal. Yogyakarta: Andi Offset. Yuhefizar. 2008. 10 Jam Menguasai Internet Teknologi dan Aplikasinya. Jakarta: Visi

Media.

Yuhefizar., Moduto., Rahmat, H. 2009. Cara Mudah Membangun Website Interaktif

Menggunakan Content Management System Jomia. Jakarta: PT. Elex Media