1
Rancang Bangun Web Komisi Pemilihan Umum Provinsi Jawa Tengah Krismawan Tri Nugroho
Abstract—Provincial Election Commission Web Central Java (Central Java Prov KPU) is a medium to deliver information to the public. Infromasi is DCT (List of Candidates), LPSDK (Reports Receipt of Donation Campaign), news about Java Prov Election Commission, Election Commission of information about the area / city. Damage that occurs in Prov Java web KPU KPU is a problem for Java Prov. Damage occurs because the page administrators are not restricted access. Web design Central Java Prov Commission, aims to assist the Commission Prov Java performance in conveying information to the public. This study was made using a waterfall methodology. Web development using HTML, PHP, CSS, and MySQL. Index Terms—National Election Commission, web, website.
I. PENDAHULUAN1 Kebutuhan akan informasi yang cepat, tepat dan akurat merupakan kebutuhan yang mutlak pada era yang serba cepat saat ini. Keterlambatan penyampaian informasi yang dibutuhkan mengakibatkan tidak relevannya informasi tersebut bagi pihak yang membutuhkannya. Web merupakan salah satu teknologi informasi dan komunikasi yang dapat digunakan sebagai sarana penyampaian informasi. Penduduk Indonesia semakin banyak yang dapat mengkases internet. Menurut Badan Pusat Statistik dari tahun 2010 sampai 2012 persentase penduduk yang pernah mengakses internet dalam 3 bulan terakhir menurut klasisfikasi daerah mengalami peningkatan. Prosentase penduduk mengakses internet pada klasifikasi perkotaan pada tahun 2010 sebesar 17,74 persen, tahun 2011 sebesar 19,53 persen, dan tahun 2012 sebesar 23,04 persen; sedangkan pada klasifikasi pedesaan pada tahun 2010 sebesar 4,16 persen, tahun 2011 5,08 persen dan tahun 2012 sebesar 6,31 persen. Dan persentase penduduk perkotaan dan pedesaan yang pernah menggunakan internet dari tahun 2010 – 2012 secara berturut turut 10,92 persen, 12,28 persen, dan 14,70 persen. Hal tersebut menunjukan bahwa penduduk Indonesia semakin terbiasa terhadap penggunaan internet. [1] Komisi Pemilihan Umum Provinsi Jawa Tengah (KPU Prov Jateng) merupakan lembaga negara yang membantu Komisi Pemilihan Umum (KPU) menyelenggarakan pemilihan umum (pemilu). Dan salah satu tugas KPU Prov
Jateng dalam penyelenggaraan pemilu adalah publikasi Daftar Calon Tetap (DCT) anggota Dewan Perwakilan Rakyat Daerah (DPRD) dan anggota Dewan Perwakilan Daerah dan berbagai hal yang berkaiktan dengan pemilu.[2] Untuk menyampaikan informasi tersebut, tentunya KPU Prov Jateng membutuhkan sarana yang tepat untuk membantu menyampaikan informasi tersebut sehingga dapat samapaikan dengan cepat, tepat dan akurat. Melihat latar belakang penduduk yang semakin memahami dunia internet, tentunya mereka juga sering mengakses web di internet. Oleh karena itu, KPU Prov Jateng memerlukan sebuah web untuk media publikasi informasi. Dengan web, KPU Prov Jateng dapat memperbaharui informasi dengan cepat, tepat, dan akurat sehingga diharapkan informasi teresbut relevan bagi pihak yang memerlukannya. KPU Prov Jateng telah memiliki web yang dibangun oleh para staf KPU Prov Jateng. Web tersebut memiliki halaman administrator, tetapi tidak memiliki halaman login administrator, sehingga masyarakat umum yang mengetahui alamat halaman administrator dapat mengaksesnya. Kelemahan tersebut dimanfaatkan oleh peretas, dan web KPU Prov Jateng diretas.[3] Beberapa gambar yang terdapat pada web telah dihapus oleh peretas. Peretasan ini menghambat penyampaian informasi terhadap masyarakat. Rusaknya web KPU Prov Jateng memberi hambatan pelayanan KPU Prov Jateng terhadap masyarakat. Untuk membantu kinerja KPU Prov Jateng, diperlukan sebuah web untuk memerbaiki sistem pelayanan dalam menyampaikan informasi terkait pemilu terhadap masyarakat. Oleh karena itu, dalam penyusunan tugas akhir ini, penulis mengangkat sebuah judul “Rancang Bangun Web Komisi Pemilihan Umum Provinsi Jawa Tengah”.
perangkat lunak dikirim kepada pelanggan. II. METODE WATERFALL Model sekuensial linier atau waterfall method merupakan paradigma rekayasa perangkat lunak yang tertua dan paling banyak dipakai. Model ini menawarkan pedekatan pengembangan perangakat lunak yang sistematik dan sekuensial yang dimulai pada tingkat kemajuan sistem pada seluruh analisis, desain, kode pengujian, dan pemeliharaan. Model ini disebut dengan waterfall karena penurunan satu fase ke fase lainnya.
E. Operasi dan pemeliharaan Pemeliharaan mencakup koreksi dari berbagai error yang tidak ditemukan pada tahap-tahap terdahulu, perbaikan atas implementasi unit sistem dan pengembangan pelayanan sistem, sementara persyaratan-persyaratan baru ditambahkan. III. IMPLEMENTASI A. DFD Pencarian Data Berita Laporan Data Berita Pencarian Data DCT
Pencarian Data Visitor Laporan Data Administrator Visitor Laporan Data DCT
Pencarian Data Laporan Data LPSDK LPSDK 0 Pencarian Profil KPU Prov Jateng
Data Profil KPU Prov Jateng Info Profil KPU Prov Jateng
Sistem Informasi
Laporan Profil KPU Prov Jateng
Data User Laporan Data User Visitor
Pencarian Data KPUD Laporan Data KPUD Data Visitor Info Data Visitor
Data LPSDK Laporan Data LPSDK
Data Berita
Bag. HTH
Laporan Data Berita
Data DCT
Bag. PDOSDM
Laporan Data DCT
Gambar 1: Siklus Hidup Perangkat Lunak
Data KPUD Laporan Data KPUD
Tahapan-tahapan dari model ini memetakan kegiatankegiatan pengembangan dasari yaitu: [10] A. Analisis dan definisi persyaratan Pelayanan, batasan dan tujuan sistem ditentukan melalui konsulasi dengan user sistem. Persyaratan ini kemudian didefinisikan sercara rinci dan berfungsi sebagai spesifikasi sistem. B. Perancangan sistem dan perangkat lunak Proses perancangan sistem membagi persyaratan dalam sistem perangkat keras atau perangakat lunak. Kegiatan ini menentukan arsitektur sistem secara keseluruhan. Perancangan perangakat lunak melibatkan identifikasi dan deskripsi abstraksi sistem perangakat lunak yang mendasar dan hubungan-hubunganya.
Project Name: KPU Prov Jateng Project Path: e:\nugtit~1\ta\diagram\ Chart File: dfd00002.dfd Chart Name: Context Diagram Created On: Jun-01-2014 Created By: Poedji Modified On: Jun-30-2014 Modified By: Poedji
Gambar 2: Context Diagram
Dat a P ro fi l K PU P ro v Ja te ng In fo P ro fil K PU P ro v Ja te ng Dat a User In fo Dat a User
1
A dm in istra to r
L ap oran Dat a Use r L ap oran P ro fil K PU P ro v Ja te ng
Dat a B e rit a In fo Dat a B erita
Dat a ya ng d ica ri
2 P en ca ri an
B ag . P DO S DM
Dat a d a ta h asil p e ncarian
3
C. Implementasi dan pengujian unit Pada tahap ini, perancangan perangakat lunak direalisasikan sebagai serangkaian program atau unit program. Pengujian unit melibatkan verifikasi bahwa setiap unit telah memenuhi spesifikasinya.
P en ca ri an Dat a In fo Dat a KP UD P el ap oran V isi to r L ap oran Dat a DCT L ap oran Dat a L PS DK L ap oran Dat a K PUD L ap oran Dat a B erita L ap oran Dat a Use r L ap oran Dat a V isi to r L ap oran P ro fil K PU P ro v Ja te ng
Dat a L P SDK Dat a DCT Dat a K P UD Dat a B e rit a Dat a V isito r
Dat a P ro fi l K PU P ro v Ja te ng
L ap oran Dat a B erita L ap oran DCT L ap oran Dat a L PS DK
P ro ject Na m e: P ro ject Pa th : Cha rt Fi le : Cha rt Na m e: Cre ate d O n: Cre ate d B y: M od if ie d O n : M od if ie d B y:
K PU P ro v Ja te ng e :\n ug ti t~1 \t a\d ia g ram \ d fd0 0 00 6. df d DFD L eve l 0 Ju n -0 2-2 0 14 P oe dj i Ju n -3 0-2 0 14 P oe dj i
Gambar 3: DFD Level 0 D. Integritas dan pengujian sistem Unit program atau program individual diintegrasikan dan diuji sebagai sistem yang lengkap untuk menjamin bahwa persyaratan sistem telah dipenuhi. Setelah pengujian sistem,
V isi to r
P en ca ri an d ata ya n g dica ri
L ap oran Dat a V isi to r B ag . HTH
Dat a V isito r P en ca ri an Dat a In fo Dat a B erita V isi to r P en ca ri an Dat a P en ca ri an Dat a L PS DK DCT P en ca ri an Dat a K PUD P en ca ri an P ro fil KP U P ro v Jat en g
P en da ta a n Dat a DCT In fo Dat a DCT Dat a L P SDK In fo Dat a L PS DK Dat a K P UD
L ap oran Dat a K PUD L ap oran P ro fil K PU P ro v Ja te ng
3
1.1 Pendataan Profil KPU Prov Jateng
Data Profil KPU Prov Jateng
Administrator
Info Profil KPU Prov Jateng
Pencarian Data Berita Profil KPU Prov Jateng
Profil KPU Prov Jateng
Visitor 1.2 Pendataan User
Data User
User
User
Info Data User 1.6 Bag. HTH
Data Berita Info Data Berita
Pendataan Berita
Berita
Berita
Bag. HTH 1.7 Pendataan DCT
Data DCT
DCT
DCT
Bag. PDOSDM
Info Data DCT 1.8 Bag. PDOSDM
Data LPSDK Info Data LPSDK
Pendataan LPSDK
Pencarian Profil KPU Prov Jateng
Pendataan KPUD
KPUD
KPUD
Info Data KPUD
Administrator
Data Visitor
Visitor
Info Data Visitor
Project Name: Project Path: Chart File: Chart Name: Created On: Created By: Modified On: Modified By:
Pendataan Visitor
KPU Prov Jateng e:\nugtit~1\ta\diagram\ dfd00010.dfd Pendataan Jun-04-2014 Poedji Jun-27-2014 Poedji
2.2 Pencarian Data DCT
DCT
DCT
LPSDK
LPSDK
KPUD
KPUD
2.5 Pencarian Profil KPU Prov Jateng
Profil KPU Prov Jateng
Profil KPU Prov Jateng
2.6
Pencarian Data Visitor
Pencarian Visitor
Info Data Visitor
Visitor
Visitor
Berita
Berita
2.4 Pencarian Data KPUD
Info Profil KPU Prov Jateng
1.10
2.1 Pencarian Data Berita
2.3 Pencarian Data LPSDK
Pencarian Data Berita Info Data Berita Pencarian Data DCT Info Data DCT Pencarian Data KPUD Info Data KPUD
LPSDK
LPSDK
1.9 Data KPUD
Info Data Berita
Pencarian Data DCT Info Data DCT Pencarian Data Info Data LPSDK LPSDK Pencarian Data KPUD Info Data KPUD Pencarian Info Profil Profil KPU KPU Prov Jateng Prov Jateng
Pencarian Data User Info Data User
Visitor
Visitor
2.7 Pencarian User
User
User
Project Name: KPU Prov Jateng Project Path: e:\nugtit~1\ta\diagram\ Chart File: dfd00009.dfd Chart Name: Pencarian Created On: Jun-04-2014 Created By: Poedji Modified On: Jun-30-2014 Modified By: Poedji
Gambar 4: DFD Level 1 - Pendataan Gambar 6: DFD Level 1 - Pelaporan Laporan Data Berita
Visitor
no
Visitor
nama email
N acc
id_user
id_user
id_user
N
konten
Profil KPU Prov Jateng
parpol
DCT
nama_partai
tanggal
file
file N
jenis Membaca
1
Menginformasika
User
id_user
1
fullname
N
username
User
telp
inserted
sub content
content
judul
id_user
Gambar 7: ERD KPU Prov Jateng
Berita
N
Menerbitkan
status
Gambar 5: DFD Level 1 – Pencarian
file
id_berita
pwd
1
email
KPU Prov Jate ng e:\nugtit~1\ta\d iagram\ erd00008.erd KPU Prov Jate ng Jun-05-2014 Poedji Jul-04-2014 Poedji
KPU Prov Jateng e:\nugtit~1\ta\diagram\ dfd00008.dfd Pelaporan Jun-04-2014 Poedji Jun-30-2014 Poedji
User
N
3.7 Pelaporan Data User
Visitor
Project Name: Project Path: Chart File: Chart Name: Created On: Created By: Modified On: Modified By:
Project Name: Project Path: Chart File: Chart Name: Created On: Created By: Modified On: Modified By:
Laporan Data User
Visitor
LPSDK
dapil
Administrator
N
Laporan Data Visitor
id_profil
N
Profil KPU Prov Jateng
nama
KPUD
Profil KPU Prov Jateng
KPUD
id_user
KPUD
url
3.6 Pelaporan Data Visitor
id_dct
N
3.5 Pelaporan Profil KPU Prov Jateng
komentar
LPSDK
id_kpud
3.4 Laporan Data KPUD
inserted
LPSDK
N
3.3 Pelaporan Data LPSDK
DCT
id_lpsdk
Laporan Data DCT Laporan Data KPUD
DCT
Berita
1
Laporan Data LPSDK
3.2 Pelaporan Data DCT
B. ERD Berita
Mendapat
Bag. PDOSDM
Laporan Data Berita
3.1 Pelaporan Data Berita
id_user
Bag. HTH
Laporan Data Laporan Data DCT LPSDK Laporan Data KPUD Laporan Profil KPU Prov Jateng
C. Relasi Tabel
Gambar 9: Tampilan halaman detail DCT
Gambar 10: Tampilan halaman detail LPSDK Gambar 7: Relasi Tabel KPU Prov Jateng
Tuliskan Implementasi disini
IV. HASIL & PEMBAHASAN Berikut merupakan tampilan dari web yang telah dibangun. A. Halaman Client Berikut adalah tampilan halaman client.
Gambar 11: Tampilan halaman Profil KPU Prov Jateng
Gambar 8: Tampilan halaman berita (halaman beranda).
Gambar 12: Tampilan Tampilan halaman buku tamu
5 B. Halaman Administrator Berikut merupakan tampilan halaman administrator.
Gambar 16: Tampilan halaman Tambah DCT Gambar 13: Tampilan halaman login
Gambar 17: Tampilan halaman Tambah LPSDK
Gambar 14: Tampilan halaman Tambah Berita Gambar 18: Tampilan halaman Tambah User
Gambar 15: Tampilan halaman Tambah Profil KPU Prov Jateng
Gambar 19: Tampilan halaman Setting Akun
[3]
[4]
Gambar 20: Tampilan halaman Buku Tamu
[5]
V. PENUTUP Dari hasil hasil penelitian dan pengamatan yang telah penulis lakukan di KPU Provinsi Jawa Tengah terhadap sisetem yang berjalan, maka dapat diambil suatu kesimpulan sebagai berikut: 1. Sistem dapat diakses secara luas karena sistem berbasis web dan menggunakan database MySQL 2. Masyarakat maupun pihak tertentu dapat lebih mudah mengakses informasi mengenai calon tetap, laporan pernerimaan sumbangan dana kampanye, dan KPU Daerah. 3. Masyarakat dapat mengetahuni kegiatan-kegiatan seputar pemilihan umum maupun KPU melalui berita yang ada. 4. Masyarakat dapat mengetahui informasi tanpa terbatas waktu. 5. Halaman administrator yang lebih aman karena terdapat halaman login. 6. Penyebaran informasi lebih cepat dan mudah, dan dapat dilakukan dimanapun, karena dapat diakses melalui internet. 7. Informasi yang telah terpublikasikan tertata rapi dalam database. Saran yang penulis sampaikan di bagian akhir pembuatan laporan Tugas Akhir ini adalah: 1. Web ini dapat berkembang lagi sehingga dapat menjadi web yang lebih interaktif, dengan ditambahkan form komentar pembaca pada setiap berita yang ada. 2. Web ini dapat didukung oleh operator yang berkompeten. 3. User interface dapat diperbaiki sehingga lebih ergonomis.
REFERENCES [1]
[2]
Badan Pusat Statistik. (2014, Apr.) Badan Pusat Statistik. [Online]. http://www.bps.go.id/tab_sub/view.php?kat=2&tabel =1&daftar=1&id_subyek=02¬ab=9 Komisi Pemilihan Umum. (2014, Mar.) Komisi Pemilihan Umum Provinsi Jawa Tengah. [Online].
[6]
[7]
[8] [9]
[10]
[11]
[12] [13]
[14]
[15]
http://kpu-jatengprov.go.id/index.php/profil/tugasdan-wewenang SOLOPOS. (2014, Apr.) SOLOPOS.com. [Online]. http://www.solopos.com/2013/11/23/diduga-diretaslaman-kpu-jateng-tak-bisa-diakses-467672 Sonny Ariyanto Prabowo, Sholiq, and Feby Artwodini Muqtadiroh, "Rancang Bangun Aplikasi Web Informasi Eksekutif pada Pemerintah Kabupaten XYZ," Jurnal Teknik POMITS, vol. 2, no. 3, pp. 476-480, 2013. Muhammad Said Hasibuan, Andi Desfiandi, Ary Mizary, and Arif, "Sistem Informasi Terintegrasi Astagatra dalam Upaya Menuju E-Government pada Provinsi Lampung," Seminar dan Call For Peper Munas Aptikom, pp. 65-68, Oktober 2010. Yusman and Maryanti, "Rancang Bangun Sistem Informasi PIKADA Berbasis Web di Kabupaten Pidie Provinsi Aceh," Jurnal Litek, vol. 9, no. 2, pp. 133-138, September 2012. Yunita Purnama Sari and Sukardi, "Sistem Informasi Persuratan pada Dinas Pendidikan Kabupaten Pacitan Berbasis Web," IJNS - Acepted Paper, vol. 2, no. 1, pp. 1-8, Juli 2013. Wahana Komputer, Panduan Lengkap Pemrograman HTML 4.1. Yogyakarta: Andi, 2003. Su. Rahmat, Web Designer Must Have Book Cara Cepat Membuat Template Website Tanpa Coding. Jakarta: Mediakita, 2013. Ian Sommerville, Software Engineering (Rekayasa Perangkat Lunak)/Edisi 6/Jilid I, S. T. H. M. Wibi Hardani, Ed. Jakarta: Erlangga, 2001. Puji Puspita Sari, "Sistem Informasi Puskesmas (SIMPUS) pada Puskesmas Rowosari 2 Kabupaten Kendal," Universitas Dian Nuswantoro, Semarang, Skripsi Teknik Informatika 2011. Ir. Fathansyah, Basis Data. Bandung: Informatika Bandung, 2007. Stendy B. Sakur, PHP 5 Pemrograman Berorientasi Objek - Konsep & Implementasi. Yogyakarta: Andi, 2010. Asep H. Suyanto, Step by Step Web Design Theory and Practices, Fl. Sigit Suyantoro, Ed. Yogyakarta: Andi, 2009. Bunafit Nugroho, Database Relasional dengan MySQL. Yogyakarta: Andi, 2005.