DESAIN WEBSITE KANTOR URUSAN AGAMA...

1

DESAIN WEBSITE KANTOR URUSAN AGAMAKECAMATAN BANYUASIN II MENGGUNAKAN

UML-BASED WEB ENGINEERING (UWE)

Ikhsan BarokatWisnu Wardana

STMIK PalComTech Palembang

Abstrak

Desain website Kantor Urusan Agama Kecamatan Banyuasin II. Metode penelitian yang dilakukanmulai dengan pemilihan jenis data berupa data primer, teknik pengumpulan data menggunakanmetode dokumentasi, alat pengembangan sistem menggunakan model proses berupa Use CaseDiagram 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 PelayananMasyarakat menjadi efisien dan dapat mempermudah masyarakat untuk mendapatkan informasitentang pendaftaran nikah, rujuk, wakaf, haji dan umroh, dan Informasi yang berkaitan denganagama Islam. Pada penelitian ini penulis dapat menyimpulkan bahwa telah dihasilkan sebuahmedia informasi untuk pelayanan terhadap masyarakat Kecamatan Banyuasin II sertamenghasilkan laporan berupa laporan data p3n, laporan peristiwa nikah, laporan data calonpengantin, 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 tugasdari Kementrian Agama Republik Indonesia di Kabupaten dan Kotamadya di bidang urusanagama Islam dalam wilayah kecamatan. Sedangkan Kementerian Agama mempunyai tugasyaitu menyelenggarakan sebagian tugas umum pemerintah dan pembangunan di bidangAgama. Kantor Urusan Agama merupakan bagian dari unsur pelaksana sebagian tugasKementerian Agama yang berhubungan langsung dengan masyarakat di wilayahKecamatan.

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

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

2

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

LANDASAN TEORI

SistemMenurut Kusrini dan Andri Kaniyo (2007:5), sistem adalah suatu jaringan kerja dari

prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukansuatu kegiatan atau menyelesaikan suatu sasaran yang tertentu.

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

InformasiMenurut Haryadi (2009:26), informasi adalah data yang telah diolah menjadi bentuk

yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat ini ataupada 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 sudahdiolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalampengambilan keputusan saat ini atau mendukung sumber informasi.

Sistem InformasiKusrini dan Andri Koniyo (2007:8), Sistem informasi adalah suatu sistem di dalam

suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukungoperasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi yang menyediakanpihak luar tertentu dengan laporan-laporan yang diperlukan.

WebsiteMenurut Yuhefizar (2008 : 159), Web adalah suatu metode untuk menampilkan

informasi di internet, baik berupa teks, gambar, suara, maupun video yang interaktif danmempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya(hypertext) yang dapat di akses melalui sebuah browser. Browser adalah perangkat lunakuntuk mengakses halaman – halaman web, seperti Internet Explorer, Mozilla Firefox, Opera,dan lain – lain.

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

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

InternetMenurut Cristianto dan Wiryana (2002:65), internet adalah suatu jaringan informasi

dan komunikasi global melalui suatu protocol yang disebut TCP/IP. Protocol itu sendiriadalah 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 interconnectednetworking. Secara umum internet merupakan jaringan komputer global yangmenghubungkan jutaan komputer di seluruh dunia.

DatabaseMenurut Oktavian (2010:62), database adalah sekumpulan data dan prosedur yang

memiliki struktur sedemikian rupa sehingga mudah dalam penyimpanan, mengatur danmenampilkan data.

Menurut Wahana Komputer (2010:23), database adalah sekumpulan file data yangsaling berhubungan dan diorganisasikan sedemikian rupa sehingga data-data tersebut dapatdiakses dengan mudah dan cepat dan diproses menjadi sebuah informasi yang lebihbermanfaat.

PHPMenurut Tim Wahana Komputer (2009:3), PHP (Hypertext Preprocessor) adalah

bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses danmengolah data secara dinamis. PHP dapat dikatakan sebagai sebuah server-side embeddedscript language, artinya semua sintaks dan perintah program yang anda tulis akansepenuhnya dijalankan oleh server, tetapi dapat disertakan pada halaman HTML biasa. Semuaaplikasi yang dibangun menggunakan PHP akan memberikan hasil pada web browser, tetapiprosesnya secara keseluruhan dijalankan pada server.

MySQLMenurut Syaukani (2005 : 1), MySQL adalah sebuah server database SQL multiuser

dan multi-threaded. Selain itu juga MySQL adalah database server yang sangat ideal untukdata segala ukuran. Kemampuannya yang dapat bekerja dilingkungan Unix maupun Win32dan sifat yang open source Freeware (dibawah lingkungan GNU (General Public Lincense),MySQL menjadi pilihan yang tepat bagi pengembang aplikais kelas menengah ke bawah dankelas korporat.

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

HASIL DAN PEMBAHASAN

Model ProsesModel Prose dibuat untuk mengilustrasikan aktivitas-aktivitas yang dilakukan dan

bagaimana data berpindah diantara aktivitas-aktivitas yang berjalan.

1. Use Case DiagramUse-case adalah merupakan model diagram UML yang digunakan untuk

menggambarkan requirement fungsional yang diharapkan dari sebuah sistem. Use casemenekankan pada “siapa” melakukan “apa” dalam lingkungan sistem perangkat lunakakan dibangun.

4

Input DataProfil

Input DataInformasi

Input DataGaleri

TampilanHalaman HomeTampilan

Halaman Profil

TampilanHalaman Informasi

LaporanData Catin

Laporan DataWali Nikah

Laporan DataSaksi Nikah

Laporan DataP3N

<<extend>><<extend>>

<<extend>>

Admin

KepalaKantor KUA

User(masyarakat)

Input DataP3N

TampilanHalaman Galeri

TampilanHalaman Layanan

TampilanHalaman Kontak

Login

<<include>>

<<include>>

Input Galeri Foto Input Galeri Video

<<extend>> <<extend>>

<<include>>

<<include>>

Input DataRegistrasi Nikah

<<include>>

InputData Catin

Input DataWali Nikah

Input DataSaksi Nikah

<<include>>

<<extend>>

<<extend>>

<<extend>>

<<extend>>

Input DataRegistrasi Nikah

<<include>>

Info DataP3N

<<include>>

InputData Catin

Input DataWali Nikah

Input DataSaksi Nikah

<<extend>>

<<extend>>

<<extend>>

Input FormBuku Tamu

<<extend>>

<<include>>

<<include>>

<<include>>

<<include>>

Gambar 1. Use Case Diagram

2. Activity DiagramDiagram activity menggambarkan berbagai alir aktivitas dalam sistem yang

sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkinterjadi, dan bagaimana mereka berakhir.

a. Activity Diagram AdminDiagram Activity Admin menggambarkan aktivitas dalam sistem yang

dilakukan oleh Admin.

Gambar 2. Activity Diagram Admin

b. Activity Diagram UserDiagram Activity User menggambarkan aktivitas dalam sistem yang

dilakukan oleh User.

5

Gambar 3. Activity Diagram User

c. Activity Diagram Kepala KantorDiagram Activity Kepala Kantor menggambarkan aktivitas dalam sistem

yang dilakukan oleh Kepala Kantor.

Gambar 4. Activity Diagram Kepala KantorModel Data

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

1. Class DiagramClass diagram yang berisi komponen – komponen himpunan kelas dan himpunan

relasi yang masing – masing dilengkapi dengan atribut – atribut. Class diagramdibangun atau dibuat untuk mendokumentasikan dan menggambarkan kelas-kelasdalam 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 digunakanuntuk mengidentifikasi sebagaimana sistem harus berperilaku seperti risiko darikejadian eksternal.

Gambar 6. State Trantition Diagram Website

7

1. Tampilan Halaman Website

a. Halaman Index / HomeHalaman 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 KantorHalaman 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

7








7








8

c. Halaman Informasi dan ArtikelHalaman 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 GaleriHalaman galeri adalah halaman yang dapat dilihat pengunjung yang berisi foto

kegiatan KUA Banyuasin II.

Gambar 10. Halaman Galeri

8







8







9

e. Halaman LayananHalaman layanan adalah halaman yang dapat dilihat oleh masyarakat, yang

berisi form registrasi nikah dan data P3N.

Gambar 11. Halaman Layanan

f. Halaman KontakHalaman kontak adalah halaman yang dapat dilihat oleh pengunjung yang

berisi alamat, email dan nomor telepon Kantor Urusan Agama Banyuasin II.

Gambar 12. Halaman Kontak

9







9







10

g. Form LoginForm login merupakan tampilan username dan password untuk admin dan

kepala kantor untuk masuk kehalanan utama admin, dan hak akses yang berfungsiuntuk menjaga keteraturan data dalam mengakses.

Gambar 13. Form Login Admin

h. Halaman Utama AdminHalaman 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 ArtikelHalaman form input artikel adalah halaman yang dapat dilihat oleh

pengunjung, yang berisi informasi dan artikel terbaru dari website Kantor UrusanAgama Banyuasin II.

10









10









11

Gambar 15. Form Input Artikel

j. Form Input GaleriHalaman 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 NikahForm Registrasi nikah berguna berguna untuk melakukan pendaftaran nikah

pada websik KUA Banyuasin II.

11







11







12

Gambar 17. Form Registrasi Nikah

l. Form Input Data P3NHalaman 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 telahdilaksanakan di Kantor Urusan Agama Kecamatan Banyuasin II dapat disimpulkan bahwadidapati Website Kantor Urusan Agama Banyuasin II. Sehingga dapat membantu masyarakatkecamatan banyuasin II khususnya, seluruh masyarakat Kota Palembang, serta masyrakatIndonesia umumnya, untuk mendapatkan informasi–informasi pada Kantor Urusan AgamaBanyuasin II. Dengan adanya sistem yang telah terkomputerisasi secara optimal ini akanmempermudah dalam mendapatkan informasi mengenai proses pelayanan yaitu PendaftaranNikah dan Rujuk, Informasi Haji dan Umroh, Tata cara pembagian Ahli Waris, ProsesWakaf, dan Informasi yang berkaitan dengan agama Islam lainnya. Mempermudah dalammenyampaikan informasi pelayanan kepada masyarakat serta pembuatan laporan PeristiwaNikah yang untuk diserahkan kepada Kepala KUA.

12





PENUTUP


12





PENUTUP


13

DAFTAR PUSTAKA

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

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: VisiMedia.

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 VisualFoxPro8. 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: VisiMedia.

Yuhefizar., Moduto., Rahmat, H. 2009. Cara Mudah Membangun Website InteraktifMenggunakan Content Management System Jomia. Jakarta: PT. Elex MediaKomputindo.

DESAIN WEBSITE KANTOR URUSAN AGAMA...

Documents

Transcript of DESAIN WEBSITE KANTOR URUSAN AGAMA...