Rancang Bangun Web Komisi Pemilihan Umum Provinsi Jawa Tengah.

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\
dfd00002.dfd
Chart File:
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\
dfd00009.dfd
Chart File:
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.