SISTEM VOTING ONLINE BERBASIS WEB PADA PEMILIHAN

KETUA DEMAI (DEWAN MAHASISWA INSTITUT)

IAIN RADEN FATAH PALEMBANG

SKRIPSI

Diajukan Untuk Memenuhi Salah Satu Syarat

Guna Memperoleh Gelar Sarjana Sistem Informasi (S.SI) Dalam Ilmu Dakwah
Jurusan Sistem Informasi

OLEH :

M.IMAM NASRUDIN
10540048

JURUSAN SISTEM INFORMASI

FAKULTAS DAKWAH DAN KOMUNIKASI
INSTITUT AGAMA ISLAM NEGERI RADEN FATAH
PALEMBANG 2014
 Halaman Persembahan

Motto
“Tidak ada balasan kebaikan kecuali kebaikan pula”
(Qs.Ar-Rahman 60)

Kupersembahkan Kepada :

1. Kedua orang tuaku tercinta, Ayahanda Mukarom dan Ibunda Sulistin, terima

kasih atas kasih sayang, cinta, doa dan support yang selalu engkau berikan. i

love you forever.

2. Adik ku tercinta Ani Nurjannah, thanks you so much, You always give

support, spirit and motivation.

3. Seluruh keluarga ku tercinta terima kasih atas dukungan serta motivasi kalian.

4. Sahabat-sahabat ku kelas SI B 2010 tanpa terkecuali, selamat berjuang dan

sukses dunia sampai akhirat untuk kita semua, semoga jalinan silaturahmi kita

tetap terjaga.

5. Seseorang yang selalu ada untuk ku yang memberikan semangat disaat-saat

masa sulitku.

6. Almamater
 KATA PENGANTAR

Segala puji dan syukur penulis panjatkan kehadirat Allah Robbul Izzati atas

rahmat, nikmat, taufik serta hidayahnya penulis dapat menyelesaikan penyusunan

skripsi dengan judul “Sistem voting online berbasis web pada pemilihan ketua

DEMAI (dewan mahasiswa institut) IAIN Raden Fatah Palembang”. Sholawat

berserta salam semoga tetap tercurahkan kepada junjungan Nabi besar Muhammad

S.A.W sebagai pembawa rahmat bagi seluruh alam, semoga kelak di yaumul akhir

kita sebagai ummatnya mendapat syafa’at dari beliau.

Penulis menyadari dalam penyusunan skripsi ini masih banyak terdapat

kekurangan, hal ini dikarenakan keterbatasan kemampuan dan kekurangan ilmu yang

penulis miliki. Untuk itu penulis sangat mengharapkan kritik serta saran yang bersifat

membangun dari semua pihak demi kesempurnaan skripsi ini.

Dalam penyusunan skripsi ini penulis banyak mendapatkan bimbingan,

bantuan, dorongan, semangat serta nasehat dari berbagai pihak yang sangat berguna

dalam membangun dari semua pihak yang berguna dalam penyelesaian skripsi ini,

maka dalam kesempatan ini penulis ingin menyampaikan ucapan terima kasih yang

sebesar-besarnya kepada:

1. Keluarga tercinta yang selalu memberi motivasi, semangat, dorongan dan

selalu memberikan doa kepada penulis.
 2. Bapak DR. Kusnadi, MA selaku Dekan Fakultas Dakwah dan Komunikasi
IAIN Raden Fatah Palembang sekaligus Pembimbing Akademik penulis.
3. Ibu Fenny Purwani, M.Kom selaku Ketua Program Studi Sistem Informasi
sekaligus selaku pembimbing I yang telah banyak memberikan bantuan,
bimbingan serta arahan yang bermanfaat demi kesempurnaan skripsi ini.
4. Ibu Rusmala Santi , M.Kom selaku pembimbing II yang juga telah banyak
membantu, memberikan bimbingan, saran serta petunjuk demi kesempurnaan
skripsi ini.
5. Saudara Rizki Kurniawan selaku Ketua SEMAI IAIN Raden Fatah
Palembang beserta seluruh anggotanya yang telah membantu dalam
menyediakan data-data dan informasi yang diperlukan dalam penyusunan
skripsi ini.
6. Sahabat-sahabat ku yang telah memberikan motivasi serta gagasan sehingga
penyusunan skripsi ini berjalan dengan baik.

Akhirnya atas segala bantuan, bimbingan dan motivasi dari berbagai pihak,

penulis ucapkan terima kasih. Semoga skripsi ini dapat bermanfaat dan mendapatkan

ridho dari Allah S.W.T.

Palembang, September 2014

M.Imam Nasrudin
 DAFTAR ISI

HALAMAN JUDUL ................................................................................... i

NOTA PEMBIMBING ............................................................................... ii
HALAMAN PENGESAHAN .................................................................... iii
MOTTO DAN PERSEMBAHAN .............................................................. iv
KATA PENGANTAR ................................................................................ v
DAFTAR ISI ............................................................................................ vii
DAFTAR TABEL .................................................................................... xii
DAFTAR GAMBAR ............................................................................... xiii
ABSTRAK .............................................................................................. xvi

BAB I PENDAHULUAN
A. Latar Belakang ................................................................................ 1
B. Rumusan Masalah ........................................................................... 7
C. Batasan Masalah.............................................................................. 7
D. Tujuan dan Manfaat......................................................................... 8
1. Tujuan Penelitian ...................................................................... 8
2. Manfaat Penelitian .................................................................... 8
E. Metode Penelitian............................................................................ 9
1. Metode Pengumpulan data ........................................................ 9
a. Observasi ........................................................................... 9
b. Wawancara ...................................................................... 10
c. Studi Literatur .................................................................. 10
2. Metode Pengembangan Sistem ............................................... 10
a. Formulasi......................................................................... 11
b. Perencanaan ..................................................................... 12
c. Analisis ............................................................................ 12
d. Rekayasa ......................................................................... 13
e. Implementasi dan Pengujian ............................................ 13
f. Evaluasi oleh konsumen ................................................... 14
F. Sistematika Penulisan .................................................................... 14

BAB II LANDASAN TEORI

A. Demokrasi ..................................................................................... 16
B. Pemilu ........................................................................................... 16
C. E-voting ........................................................................................ 19
1. Pengertian voting .................................................................... 19
 2. Pengertian E-voting ................................................................ 19
3. E-voting di Indonesia .............................................................. 20
4. Internet voting (voting online) ................................................. 20
D. Sistem Informasi ........................................................................... 22
1. Sistem..................................................................................... 22
2. Informasi ................................................................................ 23
3. Sistem informasi ..................................................................... 24
E. Pengertian komputer...................................................................... 25
F. Internet .......................................................................................... 26
G. Web ............................................................................................... 27
1. Pengertian web ....................................................................... 27
2. Web browser ........................................................................... 27
H. AppServ ......................................................................................... 26
1. PHP........................................................................................ 28
a. Pengertian PHP ............................................................... 29
b. Teknik penulisan script php ............................................. 29
2. phpMyAdmin .......................................................................... 30
3. Pengertian MySQL .................................................................. 31
I. HTML ........................................................................................... 32
J. JavaScript ..................................................................................... 33
K. jQuery ........................................................................................... 33
L. CSS (Cassading Style Sheet) .......................................................... 34
M. Dreamweaver ................................................................................ 35
N. UML.............................................................................................. 35
1. Usecase Diagram ................................................................... 36
2. Activity Diagram .................................................................... 37
O. Fushion Chart ............................................................................... 39
P. Tinjauan Pustaka ........................................................................... 40

BAB III ANALISIS DAN DESAIN

A. Gambaran umum SEMAI .............................................................. 43
B. Gambaran umum DEMAI ............................................................. 44
C. Komisi pemilihan umum mahasiswa (KPUM) ............................... 44
D. Struktur Organisasi dan Job Deskripsi KPUM ............................... 45
1. Struktur Organisasi ................................................................. 45
2. Job deskripsi ........................................................................... 45
a. Kpu mahasiswa ................................................................ 45
b. Panitia pemilihan umum mahasiswa ................................. 46
c. Pengawas pemilu mahasiswa ........................................... 47
E. Formulasi ...................................................................................... 47
1. Tujuan pembangunan sistem ................................................... 47
 a. Tujuan bersifat informatif ................................................ 47
b. Tujuan yang bersifat fungsional ....................................... 48
2. Batasan Pengembangan sistem ................................................ 48
3. Analisis kebutuhan sistem ....................................................... 49
a. Sistem yang berjalan ............................................................... 49
1) Skenario pendataan pemilih ............................................. 49
2) Skenario pemilihan kandidat ............................................ 50
3) Skenario perhitungan suara .............................................. 52
b. Analisis permasalahan ............................................................ 53
c. Analisis pemecahan masalah ................................................... 55
F. Perencanaan pengembangan sistem dengan web engineering ......... 56
G. Analisis sistem .............................................................................. 58
1. Analisis isi (Content analysis) ................................................. 58
2. Analisis interaksi (Interaction analysis) .................................. 59
3. Analisis Fungsional (Functional analysis) .............................. 60
a. Diagram aktivitas pendaftaran pemilih ............................. 61
b. Diagram aktivitas pemilih ................................................ 62
c. Diagram aktivitas KPU .................................................... 63
4. Analisis konfigurasi ................................................................ 64
H. Engineering (Desain) .................................................................... 64
1. Content desain (desain isi)` ..................................................... 64
a. Tabel fakultas .................................................................. 65
b. Tabel jurusan ................................................................... 65
c. Tabel suara ...................................................................... 65
d. Tabel Calon DPT ............................................................. 66
e. Tabel daftar pemilih tetap ................................................ 66
f. Tabel panitia .................................................................... 67
g. Tabel kandidat ................................................................. 67
h. Tabel profil kandidat ........................................................ 68
i. Tabel KPU ....................................................................... 69
j. Tabel status ...................................................................... 69
k. Tabel jadwal .................................................................... 69
2. Arsitektur desain ..................................................................... 70
3. Navigation desain ................................................................... 72
4. Interface desain ...................................................................... 73
a. Kerangka desain .............................................................. 73
b. Halaman utama pengunjung ............................................. 74
c. Halaman utama ................................................................ 75
d. Desain halaman KPU : List kandidat ................................ 76
e. Desain halaman KPU : tambah data kandidat ................... 77
f. Desain halaman KPU : detil kandidat ............................... 78
g. Desain halaman KPU : edit kandidat ................................ 79
h. Desain halaman surat suara .............................................. 80
 i. Desain halaman hasil sementara ....................................... 81
j. Desain halaman ingat pilihan ........................................... 82
k. Desain halaman daftar DPT ............................................. 83
l. Desain halaman hasil akhir perhitungan suara .................. 84
m. Desain halaman login ....................................................... 84
n. Daftar grafik pemilih tetap ............................................... 85
o. Desain halaman profil pasangan ....................................... 86

BAB IV IMPLEMENTASI DAN PENGUJIAN

A. Implementasi ................................................................................. 87
1. Halaman Pemilih .................................................................... 87
a. Halaman utama pemilih ................................................. 87
b. Halaman depan pemilih ................................................. 88
c. Halaman pemilihan kandidat .......................................... 89
d. Halaman lihat pilihan ..................................................... 90
e. Halaman daftar kandidat ................................................ 91
f. Halaman lihat daftar panitia ........................................... 92
g. Halaman grafik perhitungan sementara .......................... 93
h. Halaman lihat jadwal ..................................................... 94
i. Halaman presentase pemilih sudah dan belum memilih .. 95
j. Halaman tentang ............................................................ 96
k. Halaman profil kandidat ................................................ 97
2. Halaman KPU......................................................................... 98
a. Halaman login kpu......................................................... 98
b. Halaman utama kpu ....................................................... 98
c. Halaman list kandidat .................................................... 99
d. Halaman input kandidat ............................................... 100
e. Halaman edit kandidat ................................................. 101
f. Halaman detil kandidat ................................................ 102
g. Halaman list profil kandidat ......................................... 103
h. Halaman input profil kanddidat .................................... 104
i. Halaman edit profil kandidat ........................................ 105
j. Halaman detil profil kandidat ....................................... 106
k. Halaman list calon dpt ................................................. 107
l. Halaman input calon dpt .............................................. 108
m. Halaman edit calon dpt ................................................ 109
n. Halaman list panitia ..................................................... 109
o. Halaman edit panitia .................................................... 110
p. Halaman detil panitia ................................................... 111
q. Halaman list data fakultas ............................................ 112
r. Halaman input data fakultas ......................................... 113
 s. Halaman edit data fakultas ........................................... 113
t. Halaman list data jurusan ............................................. 114
u. Halaman input data jurusan.......................................... 115
v. Halaman edit jurusan ................................................... 115
w. Halaman list jadwal pemilihan ..................................... 116
x. Halaman input jadwal pemilihan .................................. 117
y. Halaman edit jadwal pemilihan .................................... 117
B. Testing (Pengujian) ..................................................................... 118
1. Rencana Pengujian ............................................................... 118
2. Hasil Pengujian..................................................................... 119
a. Halaman utama user .................................................. 119
b. Halaman utama pemilih ............................................. 121
c. Halaman admin ......................................................... 125
C. Pembahasan ................................................................................ 132

BAB V PENUTUP
A. Kesimpulan ................................................................................. 138
B. Saran ........................................................................................... 139

DAFTAR LAMPIRAN .................................................................................

 DAFTAR TABEL

Tabel 1.1 Simbol dan deskripsi use case diagram ............................................. 36

Tabel 1.2 Simbol dan deskripsi activity diagram .............................................. 38
Tabel 3.1 jadwal pengembangan sistem ........................................................... 57
Tabel 3.2 Tabel isi informasi ............................................................................ 58
Tabel 3.3 Tabel fungsional sistem .................................................................... 60
Tabel Tabel 3.2 Tabel fakultas ......................................................................... 65
Tabel 3.3 Tabel jurusan .................................................................................... 65
Tabel 3.4 Tabel suara ....................................................................................... 65
Tabel 3.5 Tabel calon DPT .............................................................................. 66
Tabel 3.6 Tabel pemilih tetap ........................................................................... 66
Tabel 3.7 Tabel panitia..................................................................................... 67
Tabel 3.8 Tabel kandidat .................................................................................. 67
Tabel 3.9 Tabel detil kandidat .......................................................................... 68
Tabel 3.10 Tabel KPU ..................................................................................... 69
Tabel 3.11 Tabel status .................................................................................... 69
Tabel 3.12 Tabel jadwal ................................................................................... 69
Tabel 4.1 Rencana pengujian ......................................................................... 118
Tabel 4.2 Pengujian halaman utama user ........................................................ 119
Tabel 4.3 Hasil pengujian halaman utama pemilih ......................................... 121
Tabel 4.4 Hasil pengujian halaman admin ...................................................... 125
 DAFTAR GAMBAR

Gambar 1.1 Alur kerja rekayasa web .............................................................. 11

Gambar 2.1 Transformasi data menjadi informasi .......................................... 24
Gambar 2.2 Konsep sistem informasi ............................................................. 25
Gambar 3.0 Flowchart pendataan pemilih ...................................................... 50
Gambar 3.1 Flowchart pemilihan kandidat ..................................................... 52
Gambar 3.2 Flowchart perhitungan suara ....................................................... 53
Gambar 3.3 Usecase diagram user ................................................................. 59
Gambar 3.4 Diagram aktivitas pendaftaran..................................................... 61
Gambar 3.5 Diagram aktivitas pemilih ........................................................... 62
Gambar 3.6 Diagram aktivitas kpu ................................................................. 63
Gambar 3.7 Struktur menu pemilih ................................................................ 70
Gambar 3.8 Struktur menu kpu ...................................................................... 71
Gambar 3.9 Navigasi desain pemilih .............................................................. 72
Gambar 3.10 Navigasi desain kpu .................................................................. 72
Gambar 3.11 Kerangka desain ....................................................................... 73
Gambar 3.12 Halaman utama pengunjung ...................................................... 74
Gambar 3.13 Desain halaman utama .............................................................. 75
Gambar 3.14 Desain halaman list kandidat ..................................................... 76
Gambar 3.15 Desain halaman kpu : tambah kandidat ..................................... 77
Gambar 3.16 Desain halaman kpu : detil kandidat .......................................... 78
Gambar 3.17 Desain halaman kpu : edit kandidat ........................................... 79
Gambar 3.18 Desain halaman surat suara ....................................................... 80
Gambar 3.19 Desain halaman lihat hasil perhitungan sementara ..................... 81
Gambar 3.20 Desain halaman ingat pilihan .................................................... 82
Gambar 3.21 Halaman list dpt ........................................................................ 83
Gambar 3.22 Desain halaman hasil akhir perhitungan suara ........................... 80
Gambar 3.23 Halaman login admin kpu mahasiswa ....................................... 84
Gambar 3.24 Desain halaman grafik status dpt ............................................... 85
Gambar 3.25 Desain halaman profil pasangan ................................................ 86
Gambar 4.1 Halaman utama pemilih .............................................................. 87
Gambar 4.2 Halaman utama pemilih ............................................................. 88
Gambar 4.3 Halaman pemilihan kandidat ....................................................... 89
Gambar 4.4 Halaman lihat pilihan .................................................................. 90
Gambar 4.5 Halaman lihat daftar kandidat ..................................................... 91
Gambar 4.6 Halaman lihat daftar panitia ........................................................ 92
Gambar 4.7 Halaman grafik ........................................................................... 93
Gambar 4.8 Halaman jadwal .......................................................................... 94
Gambar 4.9 Presentase grafik pemilih ............................................................ 95
Gambar 4.10 Halaman tentang ....................................................................... 96
Gambar 4.11 Halaman profil kandidat ............................................................ 97
Gambar 4.12 Halaman login kpu .................................................................... 98
Gambar 4.13 Halaman utama kpu .................................................................. 98
Gambar 4.14 Halaman list kandidat .............................................................. 99
Gambar 4.15 Halaman input kandidat .......................................................... 100
Gambar 4.16 Halaman edit kandidat ........................................................... 101
Gambar 4.17 Halaman detil kandidat ........................................................... 102
Gambar 4.18 Halaman list profil kandidat .................................................... 103
Gambar 4.19 Halaman input profil kandidat ................................................ 104
Gambar 4.20 Halaman edit profil kandidat ................................................... 105
Gambar 4.21 Halaman detil profil kandidat .................................................. 106
Gambar 4.22 Halaman list dpt ...................................................................... 107
Gambar 4.23 Halaman input calon dpt ......................................................... 108
Gambar 4.24 Halaman edit calon dpt ........................................................... 109
Gambar 4.25 halaman list panitia ................................................................. 109
Gambar 4.26 Halaman edit panitia ............................................................... 110
Gambar 4.27 Halaman detil panitia .............................................................. 111
Gambar 4.28 Halaman list fakultas............................................................... 112
Gambar 4.29 Halaman input fakultas ........................................................... 113
Gambar 4.30 Halaman edit fakultas ............................................................. 113
Gambar 4.31 Halaman list jurusan .............................................................. 114
Gambar 4.32 Halaman input jurusan ........................................................... 115
Gambar 4.33 Halaman edit jurusan .............................................................. 115
Gambar 4.34 Halaman list jadwal ............................................................... 116
Gambar 4.35 Halaman input jadwal pemilihan ............................................ 117
Gambar 4.36 Halaman edit jadwal pemilihan ............................................... 117
Gambar 4.37 Pesan pop up sudah memilih ................................................... 133
Gambar 4.38 Pesan pop up peringatan data ter duplicate .............................. 134
Gambar 4.39 Database yang terenkripsi dengan MD5 .................................. 136
 Abstrak

Komisi pemilihan umum mahasiswa yang kemudian disebut KPUM adalah

lembaga penyelenggara pemilu mahasiswa yang ada pada IAIN Raden Fatah
Palembang. KPUM bertugas untuk menyelengarakan pemilu dalam rangka pemilihan
ketua dewan mahasiswa intitut, dewan eksekutif mahasiswa fakultas dan himpunan
mahasiswa jurusan. Model pemilu yang digunakan oleh KPUM masih menggunakan
metode pemilihan konvensional. Yang mana pada model pemilihan tersebut terdapat
banyak kekurangan seperti dari segi media, biaya, waktu serta keamanan. Seiring
teknologi informasi yang berkembang saat ini sudah digunakan sebagai alternatif
ataupun pengganti dari model pemilihan konvensional yang disering disebut
electronic voting (e-voting). Yang mana pada pada sistem ini pemilihan tidak lagi
menggunakan media kertas sebagai penyampai suara dan semua fungsi dilakukan
secara otomatis oleh sistem. Dengan adanya sistem ini permasalahan yang timbul dari
model pemilihan konvensional dapat teratasi. Metode pengembangan sistem
menggunakan Web Engineering. Sistem dibangun menggunakan bahasa
pemrograman PHP dan database MySQL. Berdasarkan hasil pengujian yang telah
dilakukan sistem voting online berjalan dengan baik. Sistem ini dapat diakses dimana
saja dengan menggunakan web browser yang terkoneksi dengan jaringan internet.

Keyword : e-voting, internet voting, pemilu.

 BAB I
PENDAHULUAN

A. Latar Belakang

Perkembangan teknologi informasi dewasa ini mengalami perkembangan

yang begitu pesat, terutama teknologi informasi berupa komputer. Sudah menjadi

definisi umum teknologi informasi sering kali diindentikkan dengan komputer,

namun sebenarnya istilah teknologi informasi adalah bagian dari mata rantai panjang

dari perkembangan dunia sistem informasi (SI). Istilah teknologi informasi memang

lebih mudah dipahami sebagai pengolahan informasi yang berbasis pada teknologi

komputer yang saat ini teknologinya terus berkembang sehubungan teknologi lain

yang dapat dikoneksikan dengan komputer itu sendiri (Supriyanto 2007:5). Komputer

itu sendiri berasal dari bahasa latin computare yang mengandung arti menghitung.

Namun seiring dengan perkembanganya komputer telah mengalami evolusi baik

dalam bentuk maupun fungsinya, komputer tidak lagi hanya digunakan sebagai alat

perhitungan, tapi komputer saat ini digunakan dalam berbagai bidang perkerjaan

sesuai dengan prosedur atau program yang dimasukkan didalamnya.

Dengan perkembangan komputer baik dari segi bentuk maunpun fungsinya

para ahli dan peneliti berbeda pendapat dalam mendefinisikan terminologi komputer,

namun pada intinya memiliki arti yang sama. Seperti yang di ungkapkan oleh V.C

Hamacher (dalam Supriyanto 2007:3) komputer adalah mesin penghitung elektronik

yang cepat dan dapat menerima informasi input digital kemudian memprosesnya

sesuai dengan program yang tersimpan didalam memory dan dapat menghasilkan

output berupa informasi. Sedangkan menurut Robert H.Blissmer (dalam Supriyanto

2007:3) mendefinisikan komputer sebagai alat elektronik yang mampu melakukan

tugas menerima input, memproses input yang telah dilakukan sesuai dengan

programnya, menyimpan perintah-perintah serta hasil dari pengolahaninput, dan

dapatmenyediakan ouput yang berupa informasi. Dengan demikian dapat diambil

sebuah kesimpulan bahwa komputer adalah alat elektronik yang berguna untuk

memproses inputan sehingga bisa menghasilkan output berupa informasi.

Dengan sedemikian pesatnya perkembangan teknologi informasi Penggunaanya

pun sudah dimanfaatkan dalam berbagai bidang, seperti bidang pendidikan, bidang

perindustian, pemerintahan dan lain sebagainya. Pada bidang pendidikan, komputer

digunakan untuk memudahkan mencari dan menghasilkan bahan-bahan pembelajaran

yang efektif dan efesien melalui internetseperti buku elektronik (e-book),

perpustakaan electronik (e-library) dan pembelajaran jarak jauh (e-leaning). Menurut

Robert Taylor (dalam aji supriyanto 2007:11) peranan komputer dalam bidang

pendidikan ada tiga bagian yaitu sebagai tutor (komputer sebagai pengajar melalui

pendekatan pengajaran berbantukan komputer atau dikenali sebagai computer base

education), tool (komputer sebagai alat untuk memudahkan proses pengajaran), dan

tutee( komputer berperan sebagai alat yang diajar dan bisa melakukan tanya jawab

atau dialog dengan komputer yang biasa disebut computer assist instruction).Selain

itu juga teknologi informasi juga digunakan dalam bidang pemerintahan. Hampir
setiap instansi pemerintahan telah menggunakan komputer, pengunaanya pun

berbeda-beda, ada yang hanya digunakan sekedar untuk mengolah data administrasi

tata usaha, pelayanan masyarakat, pengolahan data penduduk sampai dengan

penggunaan teknologi informasi yang dapat meningkatkan hubungan antara

pemerintah dengan pihak-pihak lain atau yang sering disebut dengan e-government.

Dengan adanya e-government ini sangat berperan penting dalam melakukan

sosialisasi berbagai kebijakan,melakukan pemberdayaan masyarakat termasuk

kerjasama antar pemerintah, masyarakat dan pelaku bisnis. Bahkan dewasa ini

kemajuan teknologi telah dimanfaatkan dalam bidang demokrasi sebagai salah satu

alternatif pengganti pemilihan secara konvensional atau yang lebih dikenal e-voting

(electronik voting).

Menurut Alagufel dan Gnanavel (2013:80), e-voting adalah sistem pemilu

yang memungkinkan pemilih untuk mencatat surat suara mereka dengan metode

secara elektrik dengan aman.Banyak model dari e-voting yang berkembang saat ini,

salah satunya adalah voting yang dilakukan dengan menggunakan koneksi internet

atau sering disebut internet voting. Menurut Lemuria Carter and Ronald Campbell

(2014:29), Internet voting adalah sebuah sistem pemilu yang menggunakan enkripsi

untuk memungkinkan pemilih untuk mengirimkan suara dengan aman dan rahasia

melalui internet. Voting online termasuk dalam kategori internetvoting. Pemanfaatan

teknologi sebagai alternatif voting ini bukan tanpa alasan,banyak keuntungan yang

ditawarkanya, mulai dari efesiensi dana, keakuratan dalam perhitungan jumlah suara,
kecepatan, mencegah kesalahan (human error) dan kemudahan dalam penyampaian

suara yang dilakukan oleh pemilih.

Institut Agama Islam (IAIN) Raden Fatah Palembang adalah perguruan tinggi

islam negeri yang berada di Provinsi Sumatera Selatan tepatnya di Kota Palembang.

Sebagai perguruan tinggi IAIN Raden Fatah Palembang memiliki banyak mahasiswa

yang menimba ilmu didalamnya, selain menimba ilmu mahasiswa juga belajar

berorganisasi. Kampus diibaratkan sebuah miniatur negara, di mana mahasiswa

sebagai warga negaranya. Sebagai sebuah negara tentu didalamnya ada sebuah sistem

pemerintahan. Maka dibentuklah sebuah miniatur sistem pemerintahan yang

digunakan sebagai wadah utuk menyalurkan berbagai aspirasi mahasiswa. Didalam

miniatur sistem pemerintahan tersebut ada lembaga eksekutif dan legislatif.

Dewan Mahasiswa Institut (DEMAI) adalah organisasi intrakampus pada

Institut Agama Islam Negeri (IAIN) Raden Fatah Palembang.Dewan Mahasiswa

Institut dibentuk sebagai lembaga eksekutif yang dahulunya bernama BEMI (Badan

Eksekutif Mahasiswa Institut). BEMI dibentuk sebagai wadah dalam pengembangan

kemampuan mahasiswa dalam berorganisasi. Sistem yang diterapkan di DEMAI

yaitu pemerintahan demokrasi. Model pemerintahan demokrasi adalah pemerintahan

yang didasarkan atas suara dari mahasiswa. Kemudian sebagai pembelajaran proses

demokratisasi kampus maka proses pemilihan ketua DEMAI di pilih secara langsung

oleh seluruh mahasiswa melalui mekanisme pemilihan umum. Pemilihan umum yang

dilakukan dalam rangka memilih ketua DEMAI ini disebut PEMIRA (pemilihan

mahasiswa raya). Didalam pemira ini bukan hanya DEMAI saja yang mengadakan
pemungutan suara tapi juga DEMAF (dewan mahasiswa fakultas) dan HMJ

(himpunan mahasiswa jurusan). Dengan demikian pada saat pemilihan berlangsung

ada tiga pemilihan secara bersamaan yaitu DEMAI, DEMAF dan HMJ.

Dalam pemilihan ketua DEMAI saat ini masih menggunakan pemilihan secara

konvensional. Dimana pemilih harus datang langsung ke tempat pemungutan suara

(TPS) untuk memilih. Sebelum pemilih menyampaikan surat suaranya banyak proses

yang akan di kerjakan, mulai dari pengecekan nomor induk mahasiswa (NIM) yang

dilakukan oleh panitia dan pemilih harus sabar menganti menunggu giliran jika

terdapat banyak pemilih yang datang pada waktu yang bersamaan. Pemilihan secara

konvensional saat ini memang masih relevan, namun pemilihan konvensional

seluruhnya masih menggunakan cara manual. Banyak kekurangan yang ada pada

pemilihan secara konvensional. Beberapa kekurangan pemilihan secara konvensional

yaitu dari segi biaya, waktu, dari segi keamanan dan dari segi media penyampaian

suara. Pemilihan secara konvensional secara keseluruhan memakan banyak waktu

seperti pada proses pemungutan suara dan perhitungan surat suara. Belum lagi jika

ada keraguan dalam perhitungan suara, akan sangat susah jika dilakukan perhitungan

ulang. Kemudian dari segi biaya pemilihan secara konvensional membutuhkan

banyak biaya dalam pelaksanaan pemilihan seperti biaya pencetakan surat suara,

biaya penegakan tenda TPS dan biaya-biaya kebutuhan proses pemilihan. Dari segi

keamanan pemilihan secara konvensional masih menggunakan campur tangan

manusia dalam proses perhitungan hasil perolehan suara sehingga dapat

mempengaruhi hasil perhitungan suara jika terdapat kecurangan yang terjadi saat
perhitungan. Kemudian dari segi media penyampaian suara yaitu menggunakan

media kertas, kertas sangat rentan terhadap kerusakan, seperti jika terkena air atau

sobek maka surat suara dianggap tidak sah belum lagi jika ada kesalahan dalam cara

pencoblosan atau pencontrengan surat suara. Untuk dapat meminimalisir kekurangan

dan masalah yang terjadi pada pemilihan secara konvensional dapat menggunakan e-

votingsebagai alternatif dari pemilihan.

Penelitian e-voting ini sudah pernah dilakukan oleh Aditya Wali Nugroho yang

disusun di Universitas Islam Negeri (UIN) Sunan Kalijaga Yogyakarta dengan judul

skripsi “Perancangan E-Voting Berbasis Web (Studi Kasus Pemilihan Kepala Daerah

Sukoharjo)”, dari hasil penelitian Aditya Wali Nugroho tersebut penulis menemukan

kekurangan dalam perancangan e-voting yang dilakukanya. Pada sistem tersebut tidak

ada grafik hasil perhitungan suara, pemilih masih diharuskan untuk datang langsung

ke tempat pemungutan suara, pemilih harus menghafal kode unik yang diterima

setelah pencoblosan jika ingin melihat hasil dari pemilihan.

Berdasarkan uraian dari permasalahan dan kekurangan yang terjadi pada

pemilihan secara konvensional serta memperbaiki kekurangan sistem e-voting yang

pernah dilakukan maka penulis ingin membangun sistem yang dapat menutupi

ataupun meminimalisir kekurangan yang terdapat pada pemilihan secara

konvensional dan e-voting yang pernah dibangun sebelumnya dengan mengajukan

skripsi dengan judul : “SISTEM VOTING ONLINE BERBASIS WEB PADA

PEMILIHAN KETUA DEMAI (DEWAN MAHASISWA INSTITUT ) IAIN

RADEN FATAH PALEMBANG”.

B. Rumusan Masalah

Rumusan masalah adalah suatu pertanyaan mengenai permasalahan-permasalahan

yang akan dicarikan jawabannya melalui penelitian yang akan akan dilakukan oleh

penulis. Dalam hal ini penulis merumuskan masalah-masalah tersebut sebagai

berikut:

1. Bagaimana merancang dan membangun sistemvoting online pada pemilihan

ketua DEMAI IAIN Raden Fatah Palembang sebagai pengganti metode

pemilihan umum konvensional yang bersifat umum, bebas, jujur adil dan

rahasia?

2. Bagaimana merancang sistem yang dapat memperbaiki kekurangan yang

terjadi pada metode pemilihan konvensional?

C. Batasan Masalah

Agar pembahasan tidak melebar dan terfokus pada tujuan yang diinginkan maka

dijelaskan ruang lingkup dari skripsi ini. Masalah-masalah yang akan dibahas hanya

dibatasi pada masalah-masalah sebagai berikut:

1. Sistem yang akan dibangun memiliki fungsi untuk melakukan pemilihan

secara online dimana pemilih dapat menyampaikan suara melalui sebuah

website dengan hak akses menggunakan username dan password yang telah

didaftarkan.
 2. Sistem dapat memproses dan menampilkan hasil perhitungan suara sementara

dalam bentuk grafik.

3. Hasil perhitungan akhir otomatis terhitung jika waktu yang telah ditentukan

telah habis atau semua pemilih yang terdaftar telah memberikan surat

suaranya.

4. Output dari sistem berupa daftar pemilih yang dapat dilihat berdasarkan

kategori fakultas jurusan yang dapat dilihat oleh admin, pemilih yang berstatus

sudah memilih atau belum memilih yang dapat dilihat oleh admin, grafik

presentase DPT berdasarkan status pemilihan, hasil perhitungan suara

sementara, dan hasil perhitungan akhir yang dapat dilihat oleh pemilih dan

admin.

D. Tujuan dan Manfaat

1. Tujuan penelitian

Tujuan dari penelitian ini adalah untuk merancang dan membangun sistemvoting

online pada pemilihan ketua DEMAI IAIN Raden Fatah Palembang sehingga dapat

meminimalisir kekurangan pada metode pemilihan konvensional.

2. Manfaat penelitian

Adapun manfaat dari penulisan skripsi ini adalah :

1. Membantu pemilu pada pemilihan ketua DEMAI secara online.

2. Memudahkan mahasiswa dalam menggunakan hak pilihnya.

 3. Mengurangi penggunaan pengeluaran biaya operasional pada model

pemilihan secara konvensional. Seperti, biaya pencetakan kertas, biaya

perlengkapan pemilu dan lain-lain.

4. Mengurangi campur tangan manusia yang bisa mempengaruhi hasil dari

pemilihan.

5. Meminimalisir kekurangan yang ada pada pemilihan secara konvensional

dengan menggunakan alternatif voting online sebagai media pemilihan.

E. Metode Penelitian

1. Metode Pengumpulan Data

Pengumpulan data yang diperlukan untuk penulisan skripsi dilakukan dengan cara

sebagai berikut :

1) Observasi

Pada penelitian ini penulis juga melakukan observasi terhadap alur kerja

ataupun proses yang oleh komisi pemilihan umum mahasiswa. Tahapan ini

dilakukan pengamatan terhadap alur atau proses dari pemilihan, dari

pengamatan tersebut penulis mencari kekurangan yang timbul pada model

pemilihan secara konvensional. Kemudian setelah dilakukan pengamatan

tersebut penulis merumuskan masalah-masalah yang terjadi pada model

pemilihan konvensional.
2) Wawancara

Pada penelitian yang penulis lakukan juga menggunakan metode wawancara

untuk mencari informasi mengenai pemilihan umum yang dilakukan pada

DEMAI IAIN Raden Fatah Palembang. Wawancara secara langsung dilakukan

dengan pihak-pihak yang terkait dalam pemilihan umum yang dilakukan. Ada

beberapa pihak yang penulis wawancarai yaitu, pemilih (mahasiswa yang

pernah melakukan pemilihan), pihak KPU mahasiswa dan pihak SEMAI. Pada

wawancara ini penulis mencari informasi ataupun pendapat dari pihak-pihak

tersebut mengenai proses berjalanya pemilu, kelemahan atau masalah yang

sering terjadi pada pemilihan secara konvensional dan tanggapan mengenai

alternatif dari sistem voting online yang akan dibangun.

3) Studi Literatur

Penulis mencari dan mengumpulkan jurnal, skripsi dan buku-buku yang terkait

dengan penelitian yang dilakukan. Bahan – bahan tersebut penulis gunakan

sebagai bahan acuan ataupun referensi dari penelitian dan penulisan skripsi

yang akan dibuat.

2. Metode Pengembangan Sistem

Metode pengembangan sistem yang penulis gunakan adalah metode rekayasa web

(web engineering). Menurut Pressman (2001:769) web enginering atau rekayasa web

adalah proses yang digunakan untuk menciptakan suatu sistem aplikasi berbasis web
yang berkualitas tinggi. Adapun alur kerja dari metode web engineering adalah

sebagai berikut:

Gambar 1.1 Alur Kerja Rekayasa Web [Sumber : Pressman 2001:775]

Pada Gambar 1.1 Alur dari web engineering terdapat enam tahapan. Yaitu

Formulasi, planning, analysis, engineering, page generation & testing dan yang

terakhir customer evaluation. Berikut adalah penjelasan dari tahapan-tahapan web

engineering.

1. Formulasi (Formulation)

Pada tahap formulasi ini menjelaskan perumusan masalah dari informasi yang didapat

penulis pada saat penelitian.Perumusan ini melatarbelakangi dalam pembangunan

sebuah sistem voting onlineberbasis web. Tahap ini bertujuan untuk merumuskan

tujuan dan ukuran dari sistem serta menentukan batasan sistem. Tujuan yang ingin

dicapai dibedakan menjadi dua kategori :

a) Tujuan yang bersifat informatif, yaitu menyediakan suatu informasi tertentu

kepada pengguna berupa teks, gambar, grafik maupun angka.

b) Tujuan yang bersifat fungsional, yaitu kemampuan untuk melakukan suatu

fungsi yang dibutuhkan dalam pemilihan.

2. Perencanaan (Planning)

Perencanaan adalah kegiatan penjadwalan yangdigunakan untuk menghitung estimasi

waktu pengembangan sistem voting online yang akan dibangun dan merencanakan

jadwal dari semua tahapan-tahapan pengembangan.

3. Analisis (Analysis)

Kegiatan dalam tahap analisis adalah Pengumpulan informasi, Mendefenisikan sistem

requirement. Mengulas kebutuhan dengan pihak konsumen. Pada tahap analisis ini

penulis gunakan untuk menentukan persyaratan-persyaratan teknik dan

mengidentifikasi informasi yang akan ditampilkan pada sistem voting online berbasis

web, Menganalisa fungsi atau operasi apa saja yang akan digunakan dan menganalisa

bagaimana pengguna berinteraksi dengan sistem yang akan dibangun. Tahapan

analisis merupakan tahapan dimana sistem yang sedang berjalan dipelajari kemudian

dicari kelemahan ataupun kekurangan dan sistem pengganti diusulkan untuk

menutupi kekurangan atau kelemahan dari sistem yang sedang berjalan.

4. Rekayasa (Engineering)

Pada rekayasa ini penulis melakukan perancangan sistem voting online sesuai dengan

analisis meliputi rancangan sistem, desain antar muka sistem termasuk desain menu-

menu dari sistem yang digunakan untuk berinteraksi dengan user. Membangun

interaksi antara sistem dengan user yang konsisten dan efektif. User interface pada

sistem adalah kesan pertama. Sekalipun nilai isinya baik, kemampuan prosesnya

canggih, layanannya lengkap namun jika user interfacenya buruk maka sistem itu

tidak akan berguna. Perancangan juga dibuat menggunakan Unified modeling

Language (UML) dan juga dilakukan Desain Database.

5. Implementasi dan pengujian

Implementasi dilakukan dengan mengaplikasikan desain sistem voting online

kedalam halaman web berdasarkan hasil perancangan isi, sedangkan implementasi isi

dan fungsi logika dibuat dalambentuk PHP. Setelah tahapan implementasi dalam

bentuk halaman web dilakukan maka dilanjutkan tahap pengujian sistem. Pengujian

meliputi beberapa parameter yang akan menentukan standar aplikasi berbasis web

yang telah dibuat. Hal ini dilakukan untuk mengetahui kemungkinan terjadinya

kesalahan seperti kesalahan pada skrip, halaman, navigasi, tampilan maupun bagian

lainnya. Tahap pengujian penulis menggunakan pendekatan pengujian yaitu dengan

black box testing.

6. Evaluasi oleh Konsumen (Customer Evaluation)

Pada tahap tahap evaluasi penulis bertemu langsung dengan konsumen untuk

menunjukkan hasil dari pembangunan sistem voting online yang telah dilakukan

sekaligus untuk mendiskusikan apakah sistem yang telah dibangun sudah sesuai

dengan yang diinginkan oleh konsumen atau belum. Jika sistem belum sesuai dengan

yang diinginkan oleh konsumen maka akan diadakan perbaikan kembali mulai dari

tahap formulasi.

F. Sistematika Penulisan

Sistematika penyajian skripsi pada sistem voting online DEMAI IAIN Raden Fatah

Palembang adalah sebagai berikut:

BAB I Pendahuluan

Bab I membahas tentang latar belakang masalah, rumusan masalah, batasan

masalah, metode penelitian meliputi metode pengumpulan data dan metode

pengembangan sistem, tujuan dan manfaat penelitian, sistematika penulisan

skripsi.

BAB II Landasan Teori

Bab II membahas tentang teori-teori yang berhubungan dengan skripsi ini yang

digunakan penulis sebagai dasar penyusunan.

BAB III Analisa dan Perancangan

 Bab III membahas tentang bentuk desain dan perancangan sistemvoting

onlinepada DEMAI IAIN Raden fatah. Permodelan yang dipakai untuk

merancang sistem voting online ini adalah UML (Unified Model Language)

yang meliputi Use Case diagram, Activity diagram.

BAB IV Hasil dan Pembahasan

Bab IV membahas tentang hasil dan implementasi sistem voting online yang

telah dibangun.

BAB V Penutup

Bab V membahas tentang kesimpulan dan saran yang penulis ambil dari

penulisan tugas akhir ini.

 BAB II
LANDASAN TEORI

A. Demokrasi

Demokrasi secara umum dapat diartikan sebagai sebuah sistem pemerintahan

dimana rakyat lah yang memengang kendali penuh atas kekuasaan tersebut. Dalam

artian penguasa berasal dari rakyat yang dipilih oleh rakyat dan di bentuk untuk

rakyat. Seperti yang dijelaskan oleh Lane dan Erisson yang dikutip dalam buku Fuad

Fachruddin yang berjudul Agama dan demokrasi sebagai berikut:

Lane dan Erisson (2003) (dalam Fachruddin 2006:25): “Demokrasi itu sendiri

secara harfiah berasal dari bahasa yunani “demos” (masyarakat) dan “kratia” (aturan

atau kekuasaan) dan demokrasi berarti kekuasaan ditangan rakyat atau pemerintahan

oleh dan untuk mayoritas”.

Dari penjelasan tersebut dapat dimengerti bahwa demokrasi itu adalah sistem

pemerintahan dimana pemimpin dipilih oleh rakyat berdasarkan pilihan mayoritas

atau pilihan terbanyak, kemudian untuk mengambil suara atau pilihan dari

masyarakat maka diadakan PEMILU (pemilihan umum).

B. Pemilu

Pemilu (pemilihan umum) dalam kamus besar bahasa indonesia di artikan

sebagai pemilihan yang dilakukan serentak oleh seluruh rakyat disuatu suatu negara
untuk memilih wakil rakyat (http://www.kbbi.web.id/pilih). Hal yang sama juga

dijelaskan pada UU No.3 Tahun 1999 tetang pemilu, Pemilu adalah sarana

kedaulatan rakyat dalam NKRI ( Negara Kesatuan Republik Indonesia) yang

berdasarkan Pancasila dan UUD 1945. Dengan begitu dapat diartikan pemilu adalah

pemilihan yang dilakukan untuk memilih wakil rakyat guna menduduki suatu jabatan

tententu. Pemilu adalah salah satu cara dalam musyawarah untuk menentukan

kepemimpinan yang akan mengisi suatu jabatan tertentu. Pemilihan umum sebagai

wujud dari sebuah sistem pemerintahan demokrasi, dimana aspirasi atau suara

mayoritas yang digunakan untuk menentukan kepemimpinan. Didalam Al-Qur’an

pun dijelaskan bahwa Allah pun menyuruh melakukan musyawarah dalam

menentukan suatu urusan yang dijelaskan dalam Qs.Ali Imron ayat 159:

“Maka disebabkan rahmat dari Allah-lah kamu berlaku lemah lembut terhadap
mereka. Sekiranya kamu bersikap keras lagi berhati kasar, tentulah mereka
menjauhkan diri dari sekelilingmu. Karena itu maafkanlah mereka, mohonkanlah
ampun bagi mereka, dan bermusyawarahlah dengan mereka dalam urusan
itu. Kemudian apabila kamu telah membulatkan tekad, maka bertawakallah kepada
Allah. Sesungguhnya Allah menyukai orang-orang yang bertawakal kepada-
Nya” (QS. Ali Imran [3]: 159).

Dalam ayat tersebut Allah menyuruh Nabi Muhammad untuk bermusyawarah

dalam urusan yang dihadapi kemudian setelah perkara tersebut telah diputuskan maka

Allah menyuruh untuk bertawakal dalam artian menyerahkan semua urusan kepada
Allah. Selanjutnya pada ayat lain juga dijelaskan yaitu pada Qs.Asy-Syura yang

menyebutkan kata musyawarah:

“Dan (bagi) orang-orang yang menerima (mematuhi) seruan tuhannya dan

mendirikan shalat, sedang urusan mereka (diputuskan) dengan musyawarah antar
mereka” (QS. Asy-Syura [42]: 38).

Selain didalam ayat Al-Qur’an Rosullullah juga mengisyaratkan kesetujuanya

mengenai musyawarah yang disebutkan dalam hadist riwayat Imam Ahmad sebagai

berikut:

‫ َلواجْ ت َ َم ْعنَ َما فى‬:‫سل ََم لَ بى َب ْكرَ ََو عُ َم ََر‬

َ ‫علَيْهَ ََو‬
َ ‫للا‬
َُ َ‫صلى‬
َ ‫للا‬
ََ ‫ل‬َُ ‫س ْو‬ ََ ‫قَا‬
ُ ‫ل َر‬
)‫ أحمد‬.‫ااختَلَ ْفتُكُ َما (ر‬
ْ ‫َمشُ ْو َرةَ َم‬

“Telah bersabda Rasulullah SAW. Kepada Abu Bakar dan Umar : “Apabila kalian
berdua sepakat dalam musyawarah, maka aku tidak akan menyalahi kamu
berdua” (HR. Ahmad).

Dengan demikian dalam memutuskan suatu perkara dianjurkan untuk

melakukan musyawarah jika hal tersebut menyangkut dengan banyak kalangan.

Begitupun juga dalam memutuskan wakil rakyat. Pemilu atau vote adalah salah satu

cara yang digunakan untuk menentukan pilihan dari rakyat.

C. E-Voting

1. Pengertian Voting

Voting dalam bahasa indonesia adalah proses pengambilan suara melalui

pemilihan (vote). Voting merupakan metode untuk melakukan atau mengambil

suatu keputusan dengan cara mengambil suara mayoritas atau suara suara

terbanyak.

2. Pengertian E-voting

Pada dasarnya e-voting adalah metode pemilihan yang dilakukan dengan

memanfaatkan alat – alat elektronik dalam melakukan proses pemilihan, dengan

alat elekronik tersebut memungkinkan pemilih dapat menyampaikan suaranya

tanpa mencoblos ataupun mencontreng kertas suara yang relatif mempunyai

prosedur yang panjang, karena banyak proses yang harus dilalui sebelum

melakukan pencoblosan surat suara, alat-alat elekronik tersebut bisa berupa

komputer atau peralatan elektronik lainya yang diciptakan khusus untuk

pengambilan suara. Lebih sederhana e-voting dapat diartikan sebagai pemungutan

suara yang dilakukan dengan menggunakan alat elektronik. Seperti yang

diungkapkan oleh Alaguvel.R and Gnanavel.G (2013: 2:80) : “mendefinisikan e-

voting sebagai proses pemungutan suara apapun di mana pemberian suara dan

hasil penghitungan menggunakan suatu alat elektronik”. E-voting secara umum

juga diartikan sebagai penggunaan teknologi komputer pada pelaksanaan voting

seperti yang dikutip dalam situs www.jembranakab.go.id.

3. E-Voting di Indonesia

E-voting memang sering menjadi perbincangan dalam dunia pemilu. di

Indonesia sendiri juga telah menggunakan teknologi ini. Meskipun hanya dalam

skala kecil dalam artian bukan pemilihan presiden dan wakil presiden. E-voting

masih diterapkan dalam skala desa. Tepatnya di Kabupaten Jembrana-Bali yang

berhasil melakukan penerapan e-voting pada 54 kepala dusun pada Juli 2009.

Proses pemilihan menggunakan e-voting di Jembrana sama seperti pemilihan

konvensional pada umumnya. Secara garis besar proses e-voting yaitu: verifikasi

pemilih yaitu proses pemastian bahwa pemilih terdaftar dalam daftar pemilih tetap

selanjutnya disebut (DPT) kemudian melakukan vote yaitu pemilihan calon yang

tersedia. Berikut adalah alur e-voting pada kabupaten Jembrana pemilih

mendatangi tempat pemungutan suara (TPS) membawa KTP SIAK (sistem

informasi administrasi kependudukan) menuju terminal verifikasi, pada terminal

verifikasi pemilih memferifikasi KTP SIAK, jika terdaftar akan tampil nama dan

foto pemilih setelah itu pemilih menuju terminal pemilihan untuk melakukan

pemilihan kandidat dengan cara menyentuh foto kandidat yang ditampilkan pada

layar, jika waktu sudah selesai, pemenang langsung bisa dilihat oleh masyarakat.

4. Internet Voting ( voting online)

Seperti yang telah diuraikan sebelumnya E-voting adalah proses

pengambilan suara yang dilakukan dengan menggunakan bantuan alat elektronik.

E-voting sendiri memiliki banyak jenis. Seperti penerapan E-voting di Kabupaten

Jembrana - Bali menggunakan kartu identitas dengan chip dan komputer layar

sentuh sebagai sarana pemungutan suara. Selain itu juga ada jenis voting yang

menggunakan internet dalam pengiriman surat suaranya atau sering disebut

dengan i-voting (internet voting). Pada intinya E-voting dan internet voting sama-

sama menggunakan alat elektronik atau komputer dalam penyampaian surat suara.

Hanya saja internet voting merupakan voting yang dilakukan secara online

terhubung dengan internet sehingga memungkinkan pemilih tetap dapat

memberikan surat suaranya tanpa datang langsung ke tempat pemungutan suara,

dengan kata lain pemilih bisa memberikan surat suaranya dimana saja dengan

menggunakan koneksi internet untuk mengirimkan surat suaranya. Voting online

juga bisa disebut dengan internet voting. Berikut ini adalah pendapat ahli tentang

voting online:

Oostveen and Besselaar (dalam Lemuria Carter and Ronald Campbell

(2011: 6:29) mendefinisikan : “internet voting adalah sebuah sistem pemilu yang

menggunakan enkripsi untuk memungkinkan pemilih untuk mengirimkan suara

dengan aman dan rahasia melalui Internet”.

D. Sistem Informasi

1. Sistem

Sistem merupakan suatu komponen-komponen yang saling berinteraksi satu

sama lain untuk mencapai tujuan tententu. Seperti yang diungkapkan oleh

beberapa ahli berikut ini:

Sistem adalah kumpulan dari komponen atau alemen-elemen yang saling

berintergrasi (bersatu) dan berinteraksi (berkomunikasi) untuk mencapai tujuan

tertentu (Supriyanto 2007:238). Johnson berpendapat (dalam syafaruddin

anzizhan): “sistem adalah suatu keterpaduan atau kebulatan yang kompleks atau

kombinasi dari berbagai bagian bersifat kompleks atau kesatuan yang bulat dengan

kata lain suatu keterpaduan dari berbagai bagian yang membentuk satu kesatuan”.

sedangkan menurut Salisbury sistem adalah sekelompok bagian-bagian atau

komponen yang bekerja sama menjadi satu kesatuan fungsi (anzizhan 15). Hal

senada pun diungkapkan oleh Scott (1996) (dalam Al-Fatta 2007: 4) :

“menurutnya sistem terdiri dari unsur-unsur seperti masukan (input), pengolahan

(Processing), serta keluaran( Output)” dan ciri-ciri utama sebuah sistem terdiri

dari unsur-unsur, sistem ditandai dengan adanya saling keterhubungan dan

mempunyai satu fungsi atau tujuan utama (Al Fatta 2007: 4). Dan menurut murdik

dan rose (1993) (dalam Al Fatta 2007: 3) mengartikan : “sistem adalah

seperangkat elemen yang digabungkan antara satu dengan yang lainya untuk suatu

tujuan bersama”.
2. Informasi

Setiap proses yang dilakukan dalam pengolahan data mempunyai tujuan

yaitu menghasilkan informasi. Informasi dapat digunakan untuk mendukung

pengambilan keputusan yang digunakan pada waktu sekarang atau yang akan

datang. Tanpa pengolahan maka data-data tidak akan dapat berguna. Data akan

berguna jika sudah diolah dan menghasilkan keluaran (output) berupa informasi.

Aji Supriyanto menjelaskan Informasi adalah data yang telah diolah menjadi

bentuk yang berarti bagi penerimanya dan bermanfaat dalam mengambil

keputusan saat ini atau mendatang” (Supriyanto 2007: 243).

Dengan demikian hasil output yang berupa informasi sangat tergantung

dengan data-data yang diolahnya. Jika data yang diolah salah maka otomatis hasil

atau ouputnya pun juga salah dan jika informasi yang dihasilkan salah maka

informasi tersebut tidak akan berguna. Bagaimana informasi bisa dikatakan

memiliki manfaat dalam proses pengambilan keputusan? supriyanto (2007:245)

kembali menyebutkan: “ informasi dapat dikatakan memiliki manfaat dalam

pengambilan keputusan apabila informasi tersebut memiliki kualitas dan nilai.

Kriteria kualitas informasi adalah akurat, tepat waktu dan relevan. Akurat

memiliki makna informasi tidak bias atau menyesatkan dan bebas dari kesalahan,

tepat waktu memiliki makna informasi sampai kepada penerima tepat pada waktu

saat dibutuhkan dan relevan memiliki makna informasi mempunyai manfaat bagi
penerima informasi tersebut. Berikut adalah gambar transformasi data menjadi

informasi.

Gambar 2.1 Transformasi data menjadi informasi [Sumber : Pengantar Teknologi

Informasi Supriyanto 144]

3. Sistem Informasi

Menurut Supriyanto (2007:243) menjelaskan bahwa, “ Sistem informasi

adalah suatu sistem yang terdapat didalam sebuah organisasi , mepertemukan

kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial

dan kegiatan stategi dari suatu organisasi dan menyediakan pihak luar tertentu

dengan laporan-laporan yang diperlukan. Kemudian menurut Kertahadi (1995)

(dalam Al Fatta (2007:9) menjelaskan bahwa, “ Sistem Informasi Manajemen

adalah suatu alat yang digunakan untuk menyajikan informasi dengan cara

sedemikian rupa sehingga bermanfaat bagi penerima informasi itu sendiri”.

 Dengan demikian konsep sistem informasi berdasarkan (input, processing, output)

dapat dilihat pada gambar 2.2

Gambar 2.2 Konsep Sistem Informasi [sumber: Hanif Al Fatta 9]

E. Pengertian Komputer

Secara garis besar komputer adalah seperangkat elektronik yang dapat

menerima masukan (input), kemudian dapat melakukan proses pengolahan (procces)

dan dapat menghasilkan keluaran (output) sebagai mana yang telah diungkapkan oleh

beberapa ahli berikut ini:

Menurut V.C Hamacher (dalam Supriyanto 2007:3) dalam bukunya

“Computer Organization” : komputer adalah mesin penghitung electronik
yang cepat dan dapat menerima informasi input digital,kemudian
memprosesnya sesuai dengan program yang tersimpan di memorinya, dan
menghasilkan output berupa informasi”.

Pendapat yang serupa juga dikemukakan oleh Robert H.Blissmer (1985) (dalam

Supriyanto 2007:3), menurutnya dalam buku karangan miliknya yang berjudul

“computer Anual” mendefinisikan komputer sebagai alat elektronik yang mampu

melakukan tugas menerima masukan (input), setelah itu memproses masukan (input)

yang telah dilakukan dan menyimpan perintah-perintah dan hasil dari pengolahan
inputan yang telah dilakukan dan menyediakan keluaran (output) hasil pengolahan

berupa informasi.

F. Internet

Internet adalah sebuah jaringan komputer global dimana pengguna dapat saling

berinteraksi dengan satu sama lain. Seperti yang dijelaskan oleh Aji Supriyanto

sebagai berikut. “Internet adalah sebuah jaringan komputer global yang terdiri dari

jutaan komputer yang saling terhubung dengan menggunakan akses protokol yang

sama untuk berbagi informasi secara bersama” (Supriyanto, 2007:336).

Banyak sebagian orang yang salah mengartikan tentang internet dan web. Ada

yang beranggapan bahwa internet dan web adalah sama. Perlu digaris bawahi bahwa

internet dan web tidak lah sama. Perbedaanya terletak pada cara komunikasi atau cara

pengaksesanya. Internet merupakan kumpulan atau penggabungan jaringan komputer

lokal (LAN) menjadi jaringan komputer global atau WAN. Jaringan tersebut

berkomunikasi dengan protokol IP (internet protocol) dan TCP (tranmission control

protokol) atau UDP ( user datagram protocol) sehingga pengguna dapat mengakses

layanan yang disediakan oleh jaringan tersebut. Sedangkan web adalah sebuah

koleksi keterhubungan dokumen multimedia yang disimpan di internet dan diakses

menggunakan HTTP (Supriyanto 2007: 336).

G. WEB

1. Pengertian Web

Seperti yang pernah disinggung sebelumnya, web adalah koleksi

keterhubungan dokumen multimedia yang disimpan di internet dan di akses

menggunakan protokol http. Lebih jelasnya berikut adalah penjelasan dari para

ahli:

Web adalah metode yang digunakan untuk menampilkan informasi di

intenet melalui web browser yang mempunyai kelebihan untuk menghubungkan

(link) satu dokumen dengan dokumen lainya (hypertext), informasi bisa berupa

teks, gambar, suara dan informasi yang interaktif ( Zuhefizar, 2008:159).

Hal senada juga diungkapkan oleh McLeoad (2007:78): “web adalah

informasi yang dapat diakses melalui internet di mana dokumen-dokumen

hypermedia (file-file komputer) disimpan. Dan menggunakan metode penentuan

alamat yang unik dalam pengambilan data”.

2. Web Browser

Berbeda dengan web, web browser adalah sebuah aplikasi yang digunakan

untuk mengakses halaman web. Ada banyak web browser yang sering dipakai

seperti firefox, Opera, Internet Explorer dan lain sebagainya. Berikut ini adalah

pegertian web browser menurut para ahli:

“Browser Web (web browser) merupakan salah satu jenis program klien

yang dapat mengakses beberapa layanan internet. Untuk mengakses layanan

 tertentu pada jaringan internet, web browser menggunakan konsep URL (uniform

Resources Locator)”( Supriyanto,2007:340).

Browser adalah sebuah software yang digunakan untuk mengakses/

menampilkan halaman web. Browser berkomunikasi dengan web server
melalui protokol HTTP, yang membaca dan menerjemahkan bahasa
HTML dan data lainya dan kemudian menampilkan secara visual
sehingga informasi yang ada dapat dibaca (Suyanto, 2009:71).

Dari kedua pendapat kedua ahli tersebut dapat diambil kesimpulan web

browser adalah program yang berjalan pada sisi client yang digunakan untuk

mengakses layanan internet dan menerjemahkan bahasa HTML kemudian

menampilkanya secara visual .

H. AppServ

AppServ adalah software yang berfungsi untuk menginstal PHP, Apache,

MySQL dan PHPMyAdmin. AppServ memberikan kemudahan dalam mengistal

tanpa harus melakukan konfigurasi. AppServ menawarkan keunggulan dalam

instalasi cepat hanya dalam 1 menit seperti yang dijelaskan dalam situs resminya

(http://www.appservnetwork.com). AppServ mempunyai beberapa versi yang terus

berkembang seiring dengan perkembangan bahasa pemrograman web. Seperti

AppServ 2.5.10 yang didalamnya sudah mendukung PHP versi 5.2.6, database mysql

versi 5.0.51b, Apache versi 2.2.8 serta PhpMyAdmin 2.10.3.

1. PHP

a. Pengertian PHP

PHP adalah bahasa script (program kecil) sisi server yang memungkinkan

Anda menyisipkan instruksi ke dalam halaman web. Perangkat lunak web server

pada umumnya (Apache) akan mengeksekusi halaman yang diminta sebelum

ditampilkan pada web browser (Yank 27). Menurut Diar Puji Oktavian PHP

kepanjangan dari Hypertext Prepocessor. PHP ini adalah sebuah bahasa

pemrograman yang berbasiskan script (kode-kode) yang digunakan untuk

mengolah data dan mengirimkanya kembali ke web browser menjadi kode html

(Oktavian, 2010:31). Menurut Nugroho (2008:144) PHP merupakan bahasa yang

hanya bisa berjalan pada server dan hasilnya dapat dilihat atau ditampilkan pada

client Dan menurut Suprianto (2007: 362) PHP adalah bahasa scripting yang di

letakkan di dalam HTML..

Dari beberapa pendapat dari para ahli di atas penulis mengambil

kesimpulan bahwa PHP (Hypertext Prepoccesor) adalah sebuah bahasa

pemrograman yang berjalan pada sisi server berbentuk script (program kecil) yang

digunakan untuk mengolah data pada sisi server dan mengirimkanya ke dalam web

browser.

b. Teknik Penulisan Script PHP

Pada penulisan script PHP dimulai dengan start tag dan end tag. Berikut

adalah cara penulisan script PHP menurut Bunafit Nugroho (2008:Hal 114):
 <? SKRIP PHP ?>

<?php SKRIP PHP ?>

<% SKRIP PHP %>
<SCRIPT language=”php”> SKRIPT PHP </SCRIPT>

Ketentuan dasar:

Setiap script php harus diawali dengan pembuka php yaitu (<?php) dan

diakhiri dengan penutup (?>), setiap akhir perintah harus diakhiri dengan ( ; ),

semua bentuk variabel harus diawali dengan tanda ($), penulisan comment

diawali dengan tanda (/*) dan diakhiri dengan tanda (*/).

2. PhpMyAdmin

Pada pengelolaan database MySQL dapat menggunakan tools yang bernama

PHPMyAdmin. PHPMyAdmin memberikan kemudahan dalam memanajemen

database, dengan user interface yang userfriendly. Kemudahan yang diberikan

oleh PHPMyAdmin adalah tampilan yang disajikan berupa GUI (General User

Interface) dengan demikian tidak perlu mengetikkan perintah SQL secara manual.

Berikut ini adalah beberapa definisi menurut para ahli mengenai PHPMyAdmin.

PHPMyAdmin adalah suatu aplikasi open source yang berbasis web yang

dibuat menggunakan program PHP. PHPMyAdmin ini digunakan untuk

mengakses database MySQL (Nugroho,2007: 88) dan menurut Su Rahman

(2013:Hal 21), PhpMyAdmin adalah sebuah software berbasis pemrograman php

yang digunakan sebagai administrator MySQL melalui browser (web) yang

digunakan untuk memanagement database.

Dari dua definisi diatas dapat diambil kesimpulan phpMyAdmin adalah

sebuah aplikasi open source yang buat menggunakan pemrograman PHP yang

digunakan untuk memanajemen database MySQL melalui web browser.

3. Pengertian MySQL

MySQL merupakan kepanjangan dari (My Structures Query Language).

MySQL ini sering dibaca dengan mai-se-kuel. MySQL ini adalah sebuah program

pengelola database atau sering disebut dengan DBMS (DataBase Manajement

System) yang bersifat Open Source. Database sendiri menurut Supriyanto

(2007:197): adalah sekumpulan file-file atau data yang mempunyai keterkaitan

atau keterhubungan satu sama lain melalui kunci penghubung (primary key)”.

Sedangkan menurut stephen dan plew (dalam Janner Simarmata & Imam Paryudi,

2013:1) basis data adalah langkah yang digunakan untuk menyimpan suatu data

ataupun informasi. Selain itu juga MySQL adalah program pengakses database

yang bersifat jaringan dengan begitu MySQL dapat digunakan untuk aplikasi yang

digunakan untuk banyak pengguna (Multi User). MySQL menggunakan perintah

standar SQL ( Structured Query Language) yaitu sebuah bahasa permintaan yang

terstruktur (Nugroho,2008: 91).

I. HTML

Banyak pendapat yang diungkapkan oleh para ahli dalam mendefinisikan

HTML, namun pada intinya semua pendapat tersebut sama, hanya penyampaianya

saja yang berbeda-beda. Berikut adalah pendapat beberapa ahli dalam mendefinikan

HTML:

Menurut Willard (2009: 4), meyebutkan bahwa HTML merupakan singkatan

dari Hypertext Markup Language adalah sarana untuk memberitahu web browser

bagaimana Menampilkan suatu halaman pada web browser. Hal yang serupa juga di

ungkapkan oleh Larsen (2014:3) berpendapat bahwa HTML (Hypertext Markup

Language) adalah bahasa markup yang digunakan untuk menjelaskan struktur dari

suatu halaman web. “Html adalah bahasa Word Wide Web yang digunakan untuk

menyusun dan membentuk documen agar dapat ditampilkan pada program browser

(Supriyanto,2007: 355)”.

HTML merupakan bahasa yang digunakan untuk menulis halaman web. HTML

berasal dari bahasa SGML (Standar Generalized Markup Language) yang

penulisanya disederhanakan (Suyanto, 2009: 83).

Dari pendapat para ahli di atas penulis menyimpulkan bahwa HTML adalah

bahasa markup yang digunakan untuk menjelaskan struktur halaman web dan sebagai

sarana untuk menampilkan suatu halaman pada web browser.

J. JavaScript

Menurut McFarland (2012:1) menyebutkan bahwa : “JavaScript adalah bahasa

pemrograman yang memungkinkan untuk mengubah HTML dengan animasi,

interaktivitas, efect visual yang dinamis dan mampu mengirimkan umpan balik

dengan cepat”. JavaScript pada awalnya memiliki nama LiveScript, yang

dikembangkan pertama kali tahun 1995 di Netscape Comunication. Pada Akhir 1995

Netscape Comunication dan Sun Microsystem berkolaborasi dan mengganti nama

LiveScript Menjadi JavaSript. JavaScript itu sendiri adalah bahasa skrip yang

ditempatkan pada kode html dan JavaScript tidak diproses pada sisi server namun

diproses pada sisi client (Suyanto, 2009: 85).

K. jQuery

jQuery dengan java script pada intinya sama, namun jQuery merupakan

kumpulan dari kode ataupun fungsi yang digunakan untuk menyederhanakan kode

dari JavaScript yang panjang, jQuery berisikan kumpulan-kumpulan kode dari

javascript yang siap digunakan. Berikut ini adalah pengertian jQuery menurut para

ahli:

Menurut David McFarland (2012:118) : “jQuery adalah kumpulan kode

JavaScript atau kumpulan Fungsi-fungsi JavaScript yang digunakan untuk

mempermudah penulisan JavaScript”. Hal senada juga didefinisikan oleh

hakim(2014:3): “menurutnya jQuery adalah kumpulan kode ataupun fungsi

JavaScript siap pakai, sehingga mempermudah ataupun mempercepat membuat kode

javascript seperti sloganya yaitu “Write Less, Do More”. Serta menurut Aditama

(2013: 34): “jQuery adalah javascript library yang berisikan kode-kode javascript

yang bertujuan untuk mempersingkat dalam penulisan kode-kode javascript”.

Dari beberapa pendapat para ahli yang telah dijabarkan sebelumnya dapat

diambil kesimpulan jQuery secara sederhana adalah kumpulan kode JavaScript yang

digunakan untuk mempersingkat penulisan kode JavaScript.

L. CSS (Cassading Style Sheet)

CSS merupakan singkatan dari Cassading style sheet. CSS digunakan untuk

membuat program web kita menjadi lebih menarik dan terstruktur (Aditama, 2013:

37). Dan menurut Sulistyawan dkk (2008: 32) : “CSS (cassading style sheet) adalah

bahasa style sheet yang digunakan untuk mengatur style suatu dokumen”. Sedangkan

menurut Ian Pouncey and Richard York (2011:3) : “CSS adalah bahasa dirancang

untuk menggambarkan penampilan dokumen yang ditulis dalam bahasa markup

seperti HTML yang memungkinkan pengguna untuk mengontrol warna teks, gaya

font, jarak antara paragraf, bagaimana mengatur ukuran kolom dan ditata,latar

belakang gambar atau warna yang digunakan, dan berbagai efek visual lainnya)”.dan

menurut Christopher Schmitt et al ix(2005:IX) “CSS adalah standar markup web yang

ditetapkan oleh W3C (web consortium worldwide) yang memungkinkan web

desainer dan pengembang untuk mendefinisikan style dalam halaman web dan untuk

menerapkan template untuk beberapa halaman”.

M. Dreamweaver

Dalam membangun ataupun merancang sebuah website dapat menggunakan

tools atau alat berupa sofware yang dapat memudahkan dalam perancangan. Salah

satunya adalah dengan menggunakan dreamweaver.

Dreamweaver adalah sebuah program editor untuk membuat web yang

diciptakan oleh Macromedia dengan alamat web site www.macromedia.com.

Program ini bersifat WYSIWYG (What You See Is What You Get) dan dengan

program ini pengguna tidak akan susah untuk membuat script dalam format HTML,

PHP, JSP, ASP, JavaScript, CSS dan bentuk program dalam format lainya

(Nugroho,2008: 1).

N. UML

Uml yang singkatan dari unified modeling language adalah salah satu standar

bahasa yang banyak digunakan dalam dunia industri untuk mendifinisikan

requiretment, membuat sebuah analisis dan desain serta menggambarkan arsitektur

dalam pemrograman berorientasi objek (Rosa A.S dan M.Shalahuddin, 2013: 133)

dan menurut Aziz (2005: 116) UML adalah sekumpulan simbol dan diagram untuk

memodelkan software. Menurut Sun Microsystem (dalam Supriyanto, 2007: 222)

UML adalah bahasa berbentuk grafis untuk menggambarkan, menetapkan,

membangun dan mendokumentasikan benda pada perangkat lunak secara intensif.

 Dari tiga pendapat diatas dapat disimpulkan bahwa UML adalah bahasa standar

untuk memodelkan, mendefinisikan requiretment serta menggambarkan arsitektur

dengan simbol ataupun diagram.

1. Use case diagram

Use case diagram adalah pemodelan untuk behavior dari sistem. Use case

digunakan untuk mendeskripsikan sebuah interaksi antara aktor dengan sistem

informasi yang akan dibuat (Rosa A.S dan M.Shalahuddin, 2013: 155).

Berikut adalah simbol dan keterangan dari usecase diagram menurut Rosa dan

M.Shalahuddin (2013:156):

Tabel 1.1 Simbol dan Deskripsi Use case Diagram

Simbol Deskripsi

Use case Fungsionalitas yang disediakan sistem sebagai

unit-unit yang saling bertukar pesan antar unit
Nama usecase atau aktor; biasanya dinyatakan dengan
menggunakan kata kerja awal diawal frase
nama use case

Aktor/ actor Orang, proses atau sistem lain yang

berinteraksi dengan sistem informasi yang
akan dibuat diluar sisten informasi itu sendiri,
jadi walaupun simbol dari aktor adalah gambar
orang belum tentu merupakan orang; biasanya
 dinyatakan menggunakan kata benda di awal
frase nama aktor.

Asosiasi / Association Komunikasi antara aktor dengan use case yang

berpartisipasi pada use case atau use case
memiliki interaksi dengan aktor.

Eksensi /Extend Relasi use case tambahan ke sebuah use case

dimana use case yang ditambahkan dapat
<<Extend>>
berdiri sendiri walau tanpa use case tambahan
itu; mirip dengan prinsip inheritance pada
pemrograman berorientasi objek; biasanya use
case tambahan memiliki nama depan yang
sama dengan use case yang ditambahkan.

Generalisasi / Hubungan generalisas dan spesialisasi (umum-

Generalization khusus) antara dua buah use case dimana
fungsi yang satu adalah fungsi yang lebih
umum dari lainya.

2. Activity Diagram
 Activity diagram adalah diagram aktivitas yang menggambarkan aliran kerja

atau aktivitas dari sebuah sistem atau menu-menu yang ada pada perangkat lunak

(Rosa A.S dan M.Shalahuddin, 2013: 161).

Berikut ini adalah simbol beserta keterangan nya menurut Rosa As Dan

M.Shalahuddin (2013: 162):

Tabel 1.2 Simbol dan Deskripsi Activity Diagram

Simbol Deskripsi

Status awal Status awal aktivitas sistem , sebuah

diagram aktivitas memiliki sebuah
aktivitas awal

Aktivitas Aktivitas yang dilakukan sistem,

aktivitas biasanya diawali dengan
Aktivitas kata kerja.

Percabangan / Decission Asosiasi percabangan dimana jika

ada pilihan aktivitas lebih dari satu.

Penggabungan / Join Asosiasi penggabungan dimana lebih

 dari satu aktivitas digabungkan
menjadi satu.

Status akhir Status akhir yang dilakukan sistem,

sebuah diagram aktivitas memiliki
sebuah status akhir.

Swimlane Memisahkan organisasi bisnis yang

bertanggung jawab terhadap aktivitas
yang terjadi

Nama Swimlane

Atau
ama Swimlane
O. FushionChart

FushionChart Free adalah komponen grafik dalam bentuk flash yang dapat

digunakan untuk membuat animasi grafik berbasis data yang bersifat open-source.

FushionChart dapat membuat grafik lebih cantik, interaktif. FushionChart dapat

digunakan dengan bahasa scipt seperti PHP,ASP, NET, JSP, ColdFushion, JavaScript

(http://docs.fusioncharts.com/free/)

P. Tinjauan Pustaka

Dalam penelitian serta penyusunan skripsi sistem voting online berbasis web

ini, penulis juga menggunakan bahan acuan yang bersumber pada penelitian-

sebelumnya. Hal ini digunakan untuk pembanding serta bahan referensi bagi penulis.
Penelitian e-voting pernah dilakukan oleh mahasiswa bernama Aditya Wali Nugroho

dengan judul skripsi “PERANCANGAN E-VOTING BERBASIS WEB (STUDI

KASUS PEMILIHAN KEPALA DAERAH SUKOHARJO). Skripsi tersebut

membahas mengenai perancangan e-voting yang digunakan untuk pemilihan kepala

daerah sukoharjo dengan dengan menggunakan web site. Skripsi tersebut tersedia dan

dapat di unduh pada situs http://digilib.uin-

suka.ac.id/6324/1/BAB%20I,V,%20DAFTAR%20PUSTAKA.pdf.

Setelah penulis menelaah dan memahami isi dari skripsi yang telah ditulis oleh

aditya wali nugroho mengenai e-voting yang dirancang, penulis menemukan beberapa

kekurangan yang terdapat dalam sistem tersebut. Kekurangan-kekurangan tersebut

adalah sebagai berikut:

1. Pada halaman awal pemilih harus memasukkan nomor KTP (kartu tanda

penduduk) dan password, Penggunaan nomor ktp sebagai kode akses ke

dalam sistem dirasa kurang efisien sebab nomor ktp biasanya berisi 16 digit

angka. Tentu ini sangat menyulitkan pemilih yang harus melihat nomor ktp

terlebih dahulu sebelum memasukkan kedalam form atau halaman karena

tidak mungkin seorang hafal nomor ktp masing-masing, apalagi jika pemilih

sudah lanjut usia.

2. Pada halaman periksa hasil e-voting mengharuskan pemilih menghafal kode

unik yang didapat setelah selesai pemilihan jika ingin memantau hasil suara

dari pemilihan. Kode unik didapat dari 10 digit angka pertama pada KTP
 pemilih yang di enkripsi menggunakan MD5. Kode tersebut sulit untuk

dihafal apalagi kode yang didapat terlalu banyak.

3. Didalam sistem tersebut tidak terdapat hasil perhitungan sementara.

4. Cara penyajian data hasil suara tidak menarik, penyajian data hanya berupa

tabel dengan hasil, tidak terdapat grafik perolehan suara yang disajikan.

5. Sistem pemilihan secara e-voting yang dibangun masih mengharuskan pemilih

untu datang langsung ke TPS yang disediakan. Sehingga e-voting yang

berbasis web tidak diakses melalui komputer pribadi.

6. Tidak ada penjelasan mengenai cara pengaksesan kedalam sistem yang

dibangun saat pemilihan berlangsung. Apakah sistem tersebut dapat diakses

melalui komputer pribadi ( selain komputer yang disediakan oleh panitia

pemilu) ataukah tidak. Karena sistem menggunakan akses secara online dalam

melihat hasil pemilu namun pemilihan masih diharuskan datang ke TPS.

7. Data pemilih pada sistem e-voting yang dibangun menggunakan nomor KTP

sebagai primary key, ini akan menyebabkan redudansi data jika sistem akan

digunakan pada tahun berikutnya pemilih yang telah memilih tahun ini tidak

akan dapat memilih karena nomor ktp sudah terdaftar, jika ingin memasukkan

lagi maka harus menghapus data yang telah tersimpan sebelumnya.

Meskipun demikian, sistem yang dibangun tersebut pun memiliki kelebihan

kelebihan. Diantaranya adalah sebagai berikut:

1. Pada laporan pilkada sistem dapat menyajikan data dalam bentuk format

dokumen micrisoft excel dan pdf.

2. Penggunaan MD5 sebagai tanda terima setelah pemilih melakukan vote

sehingga menghasilkan kode unik dari setiap pemilih.

 BAB III

ANALISIS DAN DESAIN

A. Gambaran Umum SEMAI

Seperti yang telah dijelaskan pada latar belakang struktur organisasi pada

kampus IAIN Raden Fatah Palembang mirip dengan struktur pemerintahan yang ada

di Indonesia dimana ada lembaga legislatif dan eksekutif. Senat Mahasiswa Intitut

selanjutnya disebut SEMAI adalah lembaga legislasi atau dalam pemerintahan

disebut sebagai MPR dan dalam organisasi IAIN disebut dengan MPM (Majelis

Permusyawaratan Mahasiswa). SEMAI adalah badan perwakilan mahasiswa tertinggi

yang diakui dan diizinkan berada dalam lingkungan yang bersifat kekeluargaan dan

cinta almamater yang bertujuan untuk turut serta membina dan meningkatkan disiplin

belajar mahasiswa. Melancarkan dan mensukseskan pelaksanaan program

TRIDHARMA perguruan tinggi dan aktif berperan dalam pelaksanaan kegiatan ko-

kurikuler dan ekstra kurikuler. SEMAI memegang kekuasaan membentuk Undang-

Undang Organisasi Mahasiswa Intitut Agama Islam Negeri Raden Fatah Palembang

(ORMAWA IAIN RF Palembang) yang kemudian Undang-Undang tersebut

dilaksanakan oleh badan eksekutif mahasiswa seperti DEMAI.

B. Gambaran Umum DEMAI

Dewan mahasiswa institut yang kemudian disebut DEMAI adalah lembaga

eksekutif yang ada pada Organisasi IAIN Raden Fatah Palembang yang sebelumnya

bernama BEMI (Badan Eksekutif Mahasiswa Intitut). Sebagai sebuah miniatur dari

sistem pemerintahan DEMAI dipimpin oleh Ketua yang disebut sebagai presiden dan

wakil ketua yang disebut dengan wakil presiden (WAPRES). Dalam melaksanakan

tugasnya presiden mahasiswa dibantu oleh kepala departemen yang meliputi

departemen dalam negeri, departemen pendidikan, departemen sosial politik hukum

dan HAM, departemen agama, departemen pemberdayaan perempuan dan

departemen kesenian dan olah raga. Dalam menentukan ketua dan wakil ketua

DEMAI dilakukan dengan cara pemilihan umum yang diadakan atau diatur oleh

komisi pemilihan umum mahasiswa (KPUM).

C. Komisi Pemilihan Umum Mahasiswa (KPUM)

Dalam penyelenggaraan pemilu untuk memilih ketua DEMAI diatur oleh

sebuah lembaga komisi pemilihan umum mahasiswa kemudian disingkat menjadi

KPUM. Menurut undang-undang organisasi mahasiswa (ORMAWA) IAIN Raden

Fatah Palembang tahun 2013, komisi pemilihan umum mahasiswa (KPUM) adalah

lembaga penyelenggara pemilu mahasiswa yang bersifat independent, menyeluruh

dan mandiri. Dalam menjalankan tugasnya sebagai lembaga penyelenggara pemilu

KPUM membentuk sebuah panitia pemilihan umum mahasiswa yang mempunyai

tugas untuk menyelenggarakan pemilihan umum mahasiswa ditingkat fakultas dan

panitia pengawas pemilu (PANWASLU) mahasiswa yang bertugas untuk melakukan

pengawasan terhadap seluruh proses penyelenggaraan pemilu mahasiswa.

D. Struktur Organisasi Dan Job Deskripsi KPUM

1. Struktur organisasi

Berdasarkan Undang-Undang ORMAWA IAIN Raden Fatah Palembang tahun

2013 tentang keanggotaan KPU mahasiswa memiliki struktur organisasi sebagai

berikut:

a. Ketua KPU

b. Sekretaris jendral

c. Bendahara

d. Anggota yang terdiri dari divisi (divisi logistik, divisi humas, biro

kesekretariatan sebagai pembantu sekretaris jendral.

2. Job deskripsi

a. KPU mahasiswa

1) Merencanakan dan mempersiapkan penyelengaraan pemilu mahasiswa.

2) Menyusun dan menetapkan tahapan dan jadwal agenda pemilu mahasiswa.
3) Menyusun dan menetapkan tata terbit dan pedoman teknis pelaksanaan
undang-undang dalam penyelenggaraan pemilu mahasiswa.
4) Melakukan verifikasi dan penetapan calon anggota SEMA IAIN RF, pasangan
calon ketua umum-wakil ketua umum peserta pemilwa, calin anggota SEMA-
F serta pasangan calon ketua dan wakil ketua, ketua HMJ.
5) Membentuk dan mengkordinasi panitia pemilu mahasiswa fakultas.
6) Membentuk panwalu mahasiswa.
7) Menerapkan dan mensosialisasikan hasil pemilu mahasiswa.
8) Menetapkan dan mensosialisasikan hasil pemilu mahasiswa kepada
mahasiswa IAIN RF Palembang melalui sidang umum SEMA IAIN RF.
9) Melakukan pendidikan politik kepada mahasiswa IAIN Raden Mahasiswa
Palembang kerkait hal-hal yang berhubungan dengan pendidikan demokrasi
melalui pemilu mahasiswa.
10) Mengambil tindakan yang dianggap perlu demi kelancaran penyelenggaraan
pemilu mahasiswa sesuai dengan undang-undang ormawa dan aturan pemilu
mahasiswa.

b. Panitia pemilihan umum mahasiswa

1) Merencanakan dan mempersiapkan operasionalisasi rancangan

penyelenggaraan pemilu mahasiswa di tingkat fakultas.
2) Melaksanakan tahapan sesuai arahan jadwal dari KPU mahasiswa.
3) Menyusun dan menetapkan aturan dan pedoman teknis pelaksanaan undang-
undang dalam penyelenggaraan pemilu mahasiswa di tingkat fakultas.
4) Mensosialisasikan ketetapan KPU mahasiswa tentang hasil pemilu mahasiswa
di tingkat fakultas masing-masing. Mengambil tindakan yang dianggap perlu
demi kelancaran penyelenggaraan pemilu mahasiswa di tingkat fakultas sesuai
dengan undang-undang dan aturan pemilu mahasiswa yang disetujui oleh
ketua KPU mahasiswa.
 5) Mengambil tindakan yang dianggap perlu demi kelancaran penyelenggaraan
pemilu mahasiswa di fakultas sesui dengan undang-undang dan aturan pemilu
mahasiswa yang disetujui oleh ketua KPU mahasiswa.

c. Pengawas pemilu mahasiswa

1) Mengawasi seluruh tahapan penyelenggaraan pemilu mahasiswa

2) Menerima laporan dugaan pelanggaran dan meneruskan kepada KPU
Mahasiswa.
3) Memberikan rekomendasi kepada KPU mahasiswa mengenai saksi atas
pelanggaran yang dilakukan oleh peserta pemilu mahasiswa.
4) Mengawasi pelaksanaan sanksi.
5) Melaporkan hasil pengawasan kepada KPU mahasiswa, KETUM dan SEMAI.
.

E. Formulasi

Tahapan formulasi adalah tahapan dirumuskanya tujuan dari pembangunan

sistem serta menentukan batasan-batasan pada sistem voting online. Berikut adalah isi

dari tahapan formulasi yang penulis lakukan.

1. Tujuan Pembangunan sistem

Tujuan dari sistem yang akan dibangun tersebut dapat dibedakan menjadi dua

kategori, yaitu tujuan yang bersifat informatif dan bersifat fungsional.

a. Tujuan yang bersifat informatif

 Memberikan informasi mengenai pemilihan ketua DEMAI IAIN

Raden Fatah Palembang secara real time melalui media online yang dapat

diakses menggunakan internet.

b. Tujuan yang bersifat Fungsional

Sistem voting online yang akan dibangun secara fungsional

mempunyai tujuan untuk memudahkan pengguna dalam melakukan pemilihan

ketua DEMAI IAIN Raden Fatah Palembang secara online, sehingga dengan

demikian pengguna dapat melakukan pemilihan dimana saja dan tidak terbatas

oleh ruang dan waktu. Selain itu juga sistem bertujuan untuk memudahkan

perhitungan suara secara otomatis dan menjamin tidak adanya kecurangan yang

dilakukan oleh pengguna, dalam artian pemilih hanya dapat melakukan satu

kali pencoblosan atau pemilihan.

2. Batasan Pengembangan Sistem

Agar pengembangan lebih terfokus pada tujuan yang diinginkan maka

penulis memberikan batasan sistem sebagai berikut:

a. Sistem voting online dapat digunakan untuk mengolah data calon DPT,

data DPT, data panitia, data jurusan, data fakultas, data kandidat, data

profil kandidat,data jadwal pemilihan dan data KPU.

 b. Sistem secara otomatis dapat menhandle semua kegiatan yang ada

didalamnya berdasarkan jadwal yang ditetapkan.

c. Sistem melakukan penjumlahan perolahan suara secara otomatis.

3. Analisis Kebutuhan Sistem

a. Sistem yang berjalan

Pemilihan umum dalam rangka memilih ketua DEMAI pada IAIN Raden

Fatah palembang saat ini masih menggunakan metode pemilihan secara

konvensional, dimana seluruh aktivitas pemilihan masih menggunakan cara

manual. Berikut adalah alur dari sistem yang sedang berjalan saat ini.

1) Skenario Pendataan Pemilih

Pada proses pendataan daftar pemilih tetap (DPT) dilakukan oleh

KPU. Data tersebut diambil dari setiap fakultas dan dari BAAK, data yang

diambil adalah data mahasiswa yang berstatus masih aktif mengikuti

perkuliahan di IAIN Raden Fatah Palembang, kemudian setelah itu data

yang berasal dari fakultas dan BAK disamakan atau disinkronkan, data yang

sama itulah yang akan diambil sebagai data pada daftar pemilih tetap.

Berikut adalah Flowchart dari pendataan pemilih.

 Mulai

Request data Data mahasiswa Data mahasiswa

mahasiswa aktif aktif aktif

Data mahasiswa
aktif

Data mahasiswa
aktif
Cocokan Data

sama

data calon DPT

Selesai

Gambar 3.0 flowchart pendataan pemilih

2) Skenario Pemilihan kandidat

Pemilih mendatangi TPS Mahasiswa yang telah disediakan oleh

panitia pemilihan umum dan menyerahkan KTM atau ATM. Setelah

KTM/ATM diserahkan kepada panitia maka panitia akan melakukan

pengecekan kartu KTM dan panitia juga akan melakukan pencarian nama

dan nim pada daftar pemilih tetap yang digunakan untuk mendata

pemilih.Setelah itu panitia akan memanggil pemilih untuk melakukan

pencoblosan surat suara berdasarkan ATM/KTM yang telah dikumpulkan

sebelumnya dan juga memberi tanda stabilo pada nim pemilih yang ada pada

daftar pemilih tetap.Setelah pemilih mendapatkan panggilan dari panitia

maka pemilih menuju tempat pengambilan surat suara lalu melakukan

pencoblosan di tempat yang telah disediakan dan memasukkan ke dalam

kotak suara.Setelah itu pemilih menuju tempat keluar dari area tps untuk

mengambil KTM yang diserahkan pada awal pemilihan dan mendapatkan

tanda sudah memilih berupa tinta yang celupkan pada jari pemilih. Untuk

penjelasan alur dari pemilihan dapat dilihat pada gambar flowchart

pemilihan sebagai berikut:

 Gambar 3.1 flowchart pemilihan kandidat

3) Skenario Perhitungan Suara

Pada proses perhitungan suara dilakukan oleh beberapa pihak yang

ikut andil didalamnya, yaitu panita, saksi dan panwaslu, saksi dipilih oleh

masing-masing kandidat yang ikut serta dalam pemilu, saksi bertugas untuk

mengawasi dan menjadi saksi dalam perhitungan tentang sah atau tidaknya

surat suara yang dibuka oleh panitia. Setelah surat suara dinyatakan sah

maka panitia akan mencatat hasil pilihan, namun jika surat suara dinyatakan

tidak sah maka suara tidak akan dicatat. Setelah seluruh perhitungan selesai

panitia akan menggabungkan hasil pemilihan dari setiap TPS dan kemudian
 petugas menghitung hasil dari seluruh pemilihan dan mencatatnya ke dalam

arsip hasil pemilihan.

Gambar 3.2 Flowchart Perhitungan Suara

b. Analisis Permasalahan

Dari penelitian yang telah dilakukan oleh penulis, sistem yang sedang

berjalan pada proses pemilihan ketua DEMAI sepenuhnya masih bersifat

konvensional sebagaimana dijelaskan pada latar belakang, yakni proses

pemilihan umum bisa dilakukan jika pemilih datang langsung ke tempat

pemungutan suara (TPS). Cara demikian memang lebih terkesan terbuka dan
nyata bahwa pemilihlah yang menggunakan hak suaranya, begitupun dengan

panitia akan lebih mudah mengawasi jalanya pemilihan. Panitia dapat

mengetahui secara langsung pemilih yang melakukan pemilihan dan dapat

membuktikan secara langsung bahwa pemilih memang termasuk didalam daftar

pemilih tetap (DPT). Meskipun pemilihan menggunakan metode konvensional

sangat positif, namun ada beberapa kekurangan yang dimilikinya, diantaranya

adalah dari segi waktu, tempat, media dan biaya.

Pertama kekurangan pada waktu, pada pemilihan secara konvensional

terkadang menjadi kendala adalah pemilih yang berhalangan untuk datang ke

TPS, mungkin karena bersamaan dengan jadwal kuliah, tugas kelompok

ataupun kesibukan lainya, sehingga pemilih tidak dapat menyampaikan surat

suaranya. Waktu yang digunakan dalam pemilihan ini pun sangat terbatas,

yakni dari pukul 07.30-14.00. Setelah waktu habis panitia akan menutup

pemilihan dan tidak akan menerima pemilih lagi dengan alasan apapun.

Kedua kekurangan pada jenis media yang digunakan, pada model

pemilihan secara konvensional, media pemilihan yang digunakan masih

menggunakan media hard copy dimana surat suara masih disajikan dalam

bentuk kertas. Kertas sangat rentan terhadap kerusakan yang bisa

mengakibatkan tidak sahnya suara, seperti jika kertas sobek ataupun terkena air,

belum lagi jika ada kesalahan pencontrengan atau pencoblosan dari pemilih.

Ketiga kekurangan pada tempat, model pemilihan secara konvensional

membutuhkan tempat tertentu untuk melakukan kegiatan pemilihan. Dalam hal

ini Panitia hanya menyediakan 13 TPS. Jumlah mahasiswa seluruh IAIN bisa

dikatakan sangat banyak, sehingga jumlah TPS yang disediakan dirasa kurang

dan sering terdapat antrian panjang dari pemilih.

Keempat kekurangan pada biaya, pemilihan secara konvensional secara

umum memakan banyak biaya. Mulai dari biaya pengadaan TPS, biaya KTK

dan biaya pengadaan surat suara. Kelima kekurangan pada metode sistem itu

sendiri, sistem pemilihan secara konvensional sepenuhnya masih menggunakan

campur tangan manusia, sehingga sering terjadi kemungkinan kecurangan yang

dilakukan. Baik dari panitia maupun dari pemilih. Menurut ketua SEMAI

melalui wawancara yang penulis lakukan kecurangan juga bisa dilakukan oleh

panitia yaitu dengan cara memberikan surat suara lebih kepada pemilih.

c. Analisis Pemecahan Masalah

Setelah mengetahui permasalahan yang terjadi pada sistem yang berjalan

saat ini, penulis mengusulkan pemecahan masalah dengan membangun sistem

voting online dimana sistem ini adalah sistem pemilihan yang dilakukan dengan

cara mengakes website melalui komputer yang terhubung dengan internet.

Sistem yang akan dibangun juga harus dapat menjamin hal-hal berikut ini:

1) Sistem dapat menjamin tidak akan ada surat suara yang tidak sah.

2) Sistem dapat menjamin keakuratan dan kecepatan dalam perhitungan suara

sehingga dapat menghemat waktu pemilihan.

 3) Sistem dapat menjamin bahwa pemilih hanya dapat melakukan pemilihan

satu kali sehingga terhindar dari kecurangan kelebihan suara.

4) Sistem dapat menjamin pemilih dapat menyalurkan pilihanya meski tidak

datang langsung ke tempat pemungutan suara.

F. Perencanaan Pengembangan Sistem Dengan Web Engineering

Tahapan perencanaan adalah tahapan dimana penulis membuat jadwal yang

akan dijalankan dalam pengembangan sistem voting online. Penjadwalan

Pengembangan dimulai dari tahap analisis hingga menjadi sistem yang utuh.

Penjadwalan kegiatan dari pembangunan sistem voting online ini dapat dilihat pada

tabel 3.1.
 Tabel 3.1 jadwal Pengembangan Sistem

Juni Juli Agustus September

NO KEGIATAN
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Formulasi h
Menentukan Tujuan yang bersifat Informatif
Menentukan Tujuan Yang bersifat Fungsional

2 Perencanaan
Penjadwalan kegiatan
3 Analisis
Analisis informasi
Analisis Interaksi
Analisis fungsional
Analisis konfigurasi

4 Rekayasa
Perancangan Arsitektur
Perancangan Navigasi
Perancangan Interface
5 Implementasi
6 Evaluation
G. Analisis Sistem

1. Analisis isi (Content Analysis)

Pada tahapan ini akan dijelaskan lebih rinci mengenai isi maupun

informasi apa saja yang akan ditampilkan pada sistem voting online yang akan

dibangun. Informasi yang akan ditampilkan dibedakan menjadi dua kategori yaitu

dari sisi pemilih dan dari sisi KPU. Untuk lebih detil mengenai isi dari sistem

voting online dapat dilihat pada tabel 3.2 sebagai berikut:

Tabel 3.2 Tabel Isi Informasi

Pengguna Informasi Format

Informasi daftar data pemilih tetap Teks

Informasi data pasangan Teks dan gambar
Data profil kandidat Teks dan gambar
Pemilih Hasil perhitungan suara sementara Teks, angka, dan grafik
Hasil akhir perhitungan suara Teks dan angka
Informasi data panitia yang terdaftar Teks dan gambar
Informasi jadwal pemilihan Teks
Informasi kandidat yang dipilih Teks dan gambar
Informasi alur pemilihan Teks
Informasi presentase status DPT Teks dan grafik
Informasi data fakultas Teks
KPU Informasi data jurusan Teks
Informasi data calon DPT Teks
 Informasi DPT Text dan gambar
Informasi Panitia Teks dan gambar
Informasi kandidat dan profil Teks dan gambar
kandidat
Informasi data jadwal Teks dan gambar

2. Analisis Interaksi (Interaction Analysis)

pada tahapan ini adalah tahapan dimana penulis akan menggambarkan

interaksi antara user dengan sistem voting online yang akan dibangun.

Penggambaran interaksi tersebut akan dijelaskan dengan menggunakan use case

diagram berikut ini:

 Gambar 3.3 Use case diagram user

Pada gambar 3.3 dijelaskan mengenai interaksi antara user dengan sistem

voting online. aktor pada sistem voting tersebut ada 3 yaitu pemilih, KPU dan user.

User merupakan generalisasi dari aktor pemilih dan KPU. KPU mempunyai akses

untuk mengelola data calon DPT, DPT, kandidat,profil kandidat, panitia, jadwal

,fakultas dan jurusan. Pengelolaan data meliputi penambahan data, pengubahan

data, dan penghapusan data, untuk dapat mengelola data-data tersebut KPU harus

login kedalam sistem. Sedangkan untuk pemilih tidak mendapat akses untuk

mengelola data seperti yang terdapat pada KPU. pemilih hanya dapat melakukan

pengecekan status, pendaftaran ulang, pemilihan kandidat, melihat pilihan, melihat

jadwal pemilihan,melihat data panitia, melihat hasil perhitungan sementara,

melihat hasil akhir dan melihat informasi tentang sistem voting online. Semua

interaksi pemilih dengan sistem yang telah disebutkan tersebut dapat dilakukan

jika pemilih telah login kedalam sistem kecuali untuk pendafataran ulang dan cek

status pada calon DPT.

3. Analisis fungsional (Functional Analys)

Pada tahapan ini penulis menganalisis sistem yang akan dibangun dari segi

fungsionalitas dari sistem itu sendiri. Fungsional dari masing-masing pengguna

berbeda. Rincian mengenai analisis fungsional akan dijabarkan pada tabel 3.3 dan

proses dari alur penggunaanya akan dijelaskan dengan menggunakan diagram

aktivitas (activity diagram):

Tabel 3.3 Tabel Fungsional Sistem

Aktor Uraian
Mengelola data calon DPT
Mengelola data DPT
Mengelola data kandidat
KPU Mengelola data profil kandidat
Mengelola data panitia
Mengelola data jadwal
Mengelola data fakultas
 Mengelola data jurusan
Cek status
Pendaftaran ulang
Pilih kandidat
Lihat profil kandidat
Lihat pilihan
Pemilih
Lihat jadwal
Lihat panitia
Lihat hasil perhitungan sementara
Lihat hasil akhir

Semua operasional ataupun fungsi-fungsi yang telah disebutkan pada tabel 3.3

akan digambarkan kembali dengan menggunakan diagram aktivitas sebagai berikut:

a. Diagram Aktivitas Pendaftaran Pemilih

 Gambar 3.4 Diagram Aktivitas Pendaftaran

Pada Gambar 3.4 diagram aktivitas pendaftaran merupakan aktivitas

pendaftaran yang dilakukan oleh pemilih. Aktivitasnya pendaftaran meliputi

pengecekan nim dan tanggal lahir, jika status terdaftar pemilih dapat melakukan

registrasi.

b. Diagram Aktivitas Pemilih

 Login username dan
password

Gambar 3.5 Diagram Aktivitas Pemilih

Pada gambar 3.5 diagram activity pemilih merupakan penjelasan mengenai

aktivitas pemilih dengan sistem. Pada diagram tersebut memiliki aktivitas sebagai

berikut, pemilih melakukan login kedalam sistem dan setelah pemilih berhasil

melakukan login kedalam sistem, kemudian pemilih akan diarahkan ke halaman

pemilih dan di halaman tersebut pemilih dapat memilih untuk mengerjakan salah

satu aktivitas atau pekerjaan dari menu-menu yang terdapat pada sistem voting

online, seperti menu pilih kandidat (untuk menyimpan pilihan), lihat pilihan (untuk

menampilkan informasi kandidat yang dipilih), lihat hasil sementara (untuk

menampilkan hasil perhitungan sementara), lihat hasil akhir (untuk menampilkan

hasil akhir perhitungan suara), lihat panitia (untuk melihat informasi atau kontak
panitia), lihat grafik DPT (untuk melihat presentase antara pemilih yang sudah

melakukan pemilihan dan yang belum melakukan pemilihan) dan lihat detil

kandidat (melihat profil dari masing-masing pasangan kandidat yang terdaftar).

c. Diagram Aktivitas KPU

Gambar 3.6 Diagram Aktivitas KPU

Pada gambar 3.6 activity diagram KPU memiliki aktivitas mengolah data

calon DPT, data DPT, data kandidat, data profil kandidat, data panitia, data

jurusan, data fakultas, halaman statis, lihat hasil sementara, lihat hasil akhir dan

kelola username.
 4. Analisis konfigurasi

Sistem voting online pada pemilihan ketua DEMAI IAIN Raden Fatah

Palembang ini diakses dengan menggunakan www (word wide web) pada jaringan

internet. Sistem ini mempunyai database yang digunakan untuk penyimpanan data.

Dimana data tersebut digunakan untuk disampaikan kepada user saat mengakses

sistem. Database tersebut memiliki 11 tabel yaitu, tabel calon DPT, tabel DPT,

tabel kandidat, tabel profil kandidat, tabel panitia, tabel suara, tabel status, tabel

fakultas, tabel jurusan, tabel status dan tabel KPU.

H. Engineering (Desain)

1. Content Design ( Desain Isi)

Desain isi adalah tahapan dimana dilakukan desain dari isi informasi dari

sistem voting online yang akan ditampilkan kepada user. Isi informasi yang terdapat

pada sistem voting online akan dijelaskan dan dideskripsikan melalui rancangan

database sebagai berikut:

a. Tabel Fakultas

Tabel 3.2 Tabel Fakultas

Field Type Lenght Keterangan

Kode_Fakultas Char 5 Primary
Fakultas Varchar 20

Tabel fakultas berisi data mengenai fakultas yang ada pada IAIN Raden Fatah

Palembang, dimana setiap fakultas mempunyai kode fakultas masing-masing.

b. Tabel Jurusan

Tabel 3.3 Tabel Jurusan

Field Type Lenght Keterangan

kode_fakultas Char 5
kode_jurusan Char 5 Primary
Jurusan Varchar 20

Pada tabel jurusan berisi informasi mengenai kode jurusan, nama jurusan dan

juga kode fakultas, tabel jurusan mempunyai relasi dengan tabel fakultas, dimana

satu fakultas mempunyai banyak jurusan.

c. Tabel Suara

Tabel 3.4 Tabel Suara

Field Type Lenght Keterangan

Username Varchar 30 Primary
Kode_kandidat Varchar 5
Tahun Year 4

Tabel surat suara digunakan untuk menyimpan pilihan kandidat dari pemilih,

dimana tabel surat suara ini juga digunakan untuk melakukan perhitungan hasil

suara.

d. Tabel Calon DPT

Tabel 3.5 Tabel Calon DPT

Field Type Lenght Keterangan

Nim Char 8 Primary

Tanggal_lahir date
Kode_jurusan Varchar 5
Tahun Year 4

Tabel calon DPT digunakan untuk menyimpan data mahasiswa yang menjadi

calon daftar pemilih tetap yang ditetapkan oleh KPU mahasiswa. Tabel ini juga

sebagai acuan untuk mahasiswa yang melakuan pendaftaran ulang dalam artian
pendaftaran ulang dapat dilakukan jika mahasiswa yang terkait terdaftar dalam

calon DPT.

e. Tabel Daftar Pemilih Tetap

Tabel 3.6 Tabel Pemilih Tetap

Field Type Lenght Keterangan

Nim Char 8 Primary
Nama Varchar 25
Jenis_kelamin Char 2
Username Varchar 30
Password Varchar 30
Kode_status Char 2
Tahun Year 4

Tabel daftar pemilih tetap digunakan untuk menyimpan data registrasi calon

DPT, data tersebut juga sebagai identitas dari daftar pemilih tetap saat melakukan

pemilihan ataupun login kedalam sistem voting online.

f. Tabel Panitia

Tabel 3.7 Tabel Panitia

Field Type Lenght Keterangan

Nim Char 8 Primary
Nama Varchar 30
 Jenis_Kelamin Char 2
Tanggal_lahir date
Kode_Jurusan Char 5
Telp Chart 20
Foto Varchar 30
Tahun Year 4

Tabel panitia ini digunakan untuk menyimpan identitas panitia yang

terdaftar di KPU mahasiswa, identitas tersebut juga digunakan untuk menampilkan

data diri panitia kepada pemilih.

g. Tabel Kandidat

Tabel 3.8 Tabel Kandidat

Field Type Lenght Keterangan

Kode_kandidat Varchar 5 Primary
Nama Varchar 25
Visi Varchar 50
Misi Varchar 50
Foto Varchar 25
Tahun Year 4
 Tabel kandidat digunakan sebagai identitas kandidat yang akan

ditampilkan pada surat suara, dimana pemilih dapat melihat masing-masing

pasangan dan langsung dapat melakukan pemilihan.

h. Tabel profil Kandidat

Tabel 3.9 Tabel Detil Kandidat

Field Type Lenght Keterangan

Kode_kandidat Varchar 5
Status_jabatan Char 5
Nim Char 8 Primary
Nama Varchar 25
Jenis_kelamin Char 2
Tempat_lahir Varchar 25
Tanggal_lahir Date
Alamat Varchar 25
Kode_Jurusan Char 2
SD Varchar 25
SMP Varchar 25
SMA Varchar 25
Prestasi Varchar 25
Foto Varchar 30
Tahun Year 4
 Tabel profil kandidat digunakan untuk menyimpan detil data diri dari

pasangan kandidat yang terdaftar, dengan tabel ini akan lebih memudahkan

pemilih dalam mengenal profil dari masing-masing pasangan calon sehingga dapat

dijadikan sebagai bahan pertimbangan dalam menentukan pilihan.

i. Tabel KPU

Tabel 3.10 Tabel KPU

Field Type Lenght Keterangan

Username Varchar 30 Primary
Password Varchar 30

Tabel KPU digunakan untuk meyimpan username dan password KPU.

Dimana username dan password tersebut digunakan untuk mengakses sistem.

j. Tabel Status

Tabel 3.11 Tabel Status

Field Type Lenght Keterangan

Kode_status Char 5 Primary
Keterangan Varchar 10
 Tabel status digunakan untuk menampilkan status dari DPT sekaligus

digunakan untuk menghitung presentase data berbentuk grafik DPT berdasarkan

kategori status pemilihan.

k. Tabel Jadwal

Tabel 3.12 Tabel Jadwal

Field Type Lenght Keterangan

Awal_pemilihan Date
Akhir_pemilihan Date
Tahun Year 4 Primary

Tabel jadwal ini digunakan untuk menyimpan data jadwal pemilihan dimana

terdapat awal pemilihan dan akhir pemilihan, tabel ini bertujuan untuk

memberikan batas waktu akses ke dalam sistem voting online.

 2. Arsitektur desain

Gambar 3.7 Struktur menu pemilih

Pada gambar 3.7 merupakan desain dari struktur menu yang ada pada halaman

pemilih. Di halaman tersebut terdapat menu dan sub menu yang dapat dipilih oleh

pemilih.
 Gambar 3.8 Struktur Menu KPU

Pada gambar 3.8 merupakan desain dari struktur menu yang ada pada halaman

KPU. Di halaman tersebut terdapat menu dan sub menu yang dapat dipilih oleh

pemilih.
3. Navigation Desain

Gambar 3.9 Navigasi Desain Pemilih

Gambar 3.10 Navigasi Desain KPU

4. Interface Desain

a. Kerangka Desain

Header

Menu Content

Footer

Gambar 3.11 Kerangka Desain

Pada gambar kerangka desain 3.11 halaman terbagi atas empat area, yaitu

header, menu, content dan footer. Header yang biasanya digunakan untuk

meletakkan judul tentang sistem dan logo yang digunakan untuk menampilkan

logo tentang sistem. Menu yang berisikan daftar menu yang digunakan untuk

berinteraksi dengan sistem. Content yaitu halaman yang digunakan untuk

menampilkan hasil interaksi antara pengguna dengan sistem atau bisa juga isi dari

setiap menu yang dipilih oleh penggunadan footer adalah area halaman judul yang
berada dibawah yang biasanya berisi tentang informasi kecil mengenai sistem itu

sendiri.

b. Halaman Utama Pengunjung

Username Password

LOGO

Registrasi:
Cek Status
DPT Nama
Nim Lengkap
Jenis Kelamin
Tanggal Lahir
Alamat
cek
Username

Password
Re-Password

Register

Copy Right © 2014

Gambar 3.12 Halaman Utama Pengunjung

Pada gambar 3.12 merupakan halaman pengunjung dimana pada halaman

tersebut terbagi menjadi tiga bagian, yakni login, cek status, dan registrasi.

Halaman cek status digunakan untuk mengecek apakah pengunjung terdaftar

sebagai pemilih tetap, halaman registrasi digunakan untuk melakukan registrasi

ulang bagi user yang terdaftar sebagai pemilih tetap dan halaman login digunakan
untuk melakukan login kedalam sistem bagi pengguna yang telah melakukan

registrasi.

c. Halaman Utama

VotOn Internet
Menuju Pemilihan Yang Demokratis
LOGO Logout

Menu

Copy Right © 2014

Gambar 3.13 Desain Halaman utama

Halaman utama adalah halaman yang pertama kali ditampilkan saat user

masuk ke dalam sistem voting online. Halaman ini berisi ucapan selamat datang

kepada user. Untuk semua user desain halaman yang ditampilkan sama, hanya

berbeda pada list menu yang ditampilkan. List menu tersebut akan ditampilkan

berdasarkan tingkatan atau kategori user. Untuk lebih jelasnya mengenai menu-
menu apa saja yang terdapat di dalam kategori pemilih dapat dilihat pada

perancangan Arsitektur. Disana terdapat struktur menu yang terdapat pada,

struktur menu pemilih dan struktur menu KPU.

d. Desain Halaman KPU :List Kandidat

VotOn Internet
Menuju Pemilihan Yang Demokratis
LOGO Keluar

E-Pemilu List Kandidat

Home
No Kode Nama Visi Misi Foto Aksi
ManajemenKandidat Kandidat Pasangan Pasangan

1 xxx xxx xx xx xx Detil | Edit | Hapus

Manajemen Panitia
2 xxx xxx xx xx xx Detil | Edit | Hapus
Detil Kandidat
3 xxx xxx xx xx xx Detil | Edit | Hapus
Manajemen Jurusan

Manajemen Fakultas

Manajemen Jadwal

Copy Right © 2014

Gambar 3.14 Desain halaman list kandidat

Pada gambar 3.14 merupakan manajemen rancangan halaman list kandidat

untuk KPU. Halaman ini berfungsi untuk menampilkan data kandidat dan juga

halaman yang berisi menu untuk mengelola data kandidat seperti penambahan data

kandidat, pengubahan data kandidat, penghapusan data kandidat serta melihat detil
data kandidat. Desain halaman untuk list data fakultas,list data jurusan, list data

panitia, list data jadwal sama seperti desain halaman list kandidat. Dengan

demikian desain halaman tersebut tidak akan dibahas ataupun ditampilkan kembali

pada skripsi ini, karena desain halaman list kandidat ini sudah mewakili halaman-

halaman lainya.

e. Desain Halaman KPU : tambah data kandidat

VotOn Internet
Menuju Pemilihan Yang Demokratis Keluar
LOGO

E-Pemilu Input Kandidat

Home Nomor Kandidat :

Nama Pasangan :
ManajemenKandidat Visi :
Manajemen Panitia
Misi :
Detil Kandidat
Manajemen Jurusan Foto :
Browse

Manajemen Fakultas
Simpan
Manajemen Jadwal

Copy Right ©2014

Gambar 3.15 Desain Halaman KPU : tambah kandidat

 Pada gambar 3.15 merupakan rancangan halaman tambah kandidat untuk

KPU. Halaman ini berfungsi untuk memasukkan data kandidat yang akan

didaftarkan atau di masukkan ke dalam sistem voting online. KPU diarahkan

kehalaman ini saat memilih menu tambah data pada halaman list data kandidat.

Untuk halaman tambah fakultas, tambah jurusan, tambah panitia, tambah detil

KPU desain halamanya kurang lebih sama dengan desain halaman yang terdapat

pada gambar 3.14 sehingga halaman-halaman tersebut dianggap sudah terwakili.

f. Desain Halaman KPU : Detil Kandidat

VotOn Internet
LOGO Menuju Pemilihan Yang Demokratis keluar
Keluar

E-Pemilu Nomor Kandidat

01
Home
Nama Pasangan : xxxxxxx
ManajemenKandidat FOTOMi Visi : xxxxxxx
xxxxxxx
Manajemen Panitia
Misi : xxxxxx
Detil Kandidat xxxxxxx

Manajemen Jurusan
Ok
Manajemen Fakultas
Manajemen Jadwal

Copy Right ©2014

Gambar 3.16 Desain Halaman KPU : detil kandidat

 Pada gambar 3.16 merupakan rancangan desain halaman detil kandidat untuk

KPU. Halaman ini berfungsi untuk melihat data kandidat yang dipilih secara detil.

Dihalaman ini akan ditampilkan seluruh informasi dari kandidat yang dipilih

seperti foto kandidat, nomor pasangan, nama pasangan, visi serta misi dari

pasangan. Halaman ini telah mewakili untuk halaman detil lainya, seperti detil

panitia, detil jurusan, detil fakultas, detil jadwal maka dengan demikian tidak akan

lagi dibahas atau ditampilkan mengenai desain halaman untuk detil lainya.

g. Desain Halaman KPU: edit kandidat

VotOn Internet keluar

LOGO Menuju Pemilihan Yang Demokratis

E-Pemilu Nomor Kandidat 01

Home
Nama Pasangan : xxx
ManajemenKandidat Visi : Xxxxxxxxxxxxxxx
Manajemen Panitia
Misi : xxxxxxxxxxxxxxx
Detil Kandidat xxxxxxxx
Browse

Manajemen Jurusan Foto :

Update
Manajemen Fakultas
Manajemen Jadwal

Copy Right ©2014

Gambar 3.17 Desain Halaman KPU : edit kandidat

 Pada gambar 3.17 merupakan rancangan desain untuk halaman edit kandidat

yang digunakan oleh KPU. Halaman ini berfungsi untuk mengubah data kandidat

yang dipilih, dihalaman tersebut akan ditampilkan data-data sebelumnya untuk

kemudian dapat dilakukan perubahan-perubahan data. Desain halaman edit

kandidat ini juga sebagai perwakilan desain halaman untuk edit data lainya. seperti

edit data panitia, edit data jadwal, edit data detil kandidat fakultas dan edit data

jurusan.

h. Desain Halaman Surat Suara

VotOn Internet
LOGO Menuju Pemilihan Yang Demokratis
logout

E-Pemilu Surat Suara Digital

Home 1 2
Pemilu
Nama Nama
*Pilih Kandidat
*Ingat Pilihan
pilih Profil pilih Profil
* Hasil Sementara
*Hasil Akhir 3 4
Bantuan
Copy Right ©2014
Keluar

Gambar 3.18 Desain Halaman Surat Suara

 Pada gambar 3.18 desain halaman surat suara digital berisi daftar kandidat

yang terdaftar pada komisi pemilihan umum mahasiswa, dihalaman tersebut

terdapat foto dari calon, nama calon, nomor calon dan tombol pilih untuk setiap

kandidat serta tombol profil. Tombol pilih pada halaman ini digunakan untuk

memilih kandidat yang terdaftar dan hanya dapat diakses oleh pemilih yang telah

terdaftar pada calon DPT yang telah melakukan pendaftaran ulang serta telah

melakukan login ke dalam sistem. Sedangkan tombol profil digunakan untuk

melihat profil dari masing-masing pasangan yang telah terdaftar menjadi calon.

i. Desain Halaman Hasil Sementara

VotOn Internet
Menuju Pemilihan Yang Demokratis logout
LOGO

E-Pemilu Hasil Perhitungan Sementara

Home

ManajemenKandidat

Manajemen Panitia

Detil Kandidat

Manajemen Jurusan
* Pasangan A * Pasangan B * Pasangan C
Manajemen Fakultas

Manajemen Jadwal

Hasil Sementara
Copy Right © 2014

Gambar 3.19 Desain halaman lihat hasil perhitungan sementara

 Pada Gambar 3.18 desain halaman hasil perhitungan sementara digunakan

untuk menampilkan presentase hasil perhitungan suara sementara dari masing-

masing kandidat yang disajikan dalam bentuk grafik 3D berbentuk balok. Selain

itu dihalaman tersebut juga menampilkan jumlah suara yang didapatkan oleh

masing-masing kandidat.

j. Desain Halaman Ingat Pilihan

VotOn Internet
Menuju Pemilihan Yang Demokratis
LOGO

E-Pemilu
Terima Kasih Atas Partisipasi Anda
Home
Anda Telah Memilih
Pemilu
Nomor Urut : 01
*Pilih Kandidat Foto Nama Pasangan : Pasangan A
*Ingat Pilihan
Ok
* Hasil
Sementara

*Hasil Akhir

Bantuan
Copy Right © 2014
Keluar

Gambar 3.20 Desain halaman ingat pilihan

 Pada halaman ingat pilihan berisi ucapan terima kasih untuk pemilih yang

telah ikut andil dalam memberikan suaranya, di halaman tersebut juga berisi

informasi kandidat yang telah dipilih oleh pemilih.

k. Desain Halaman Daftar DPT

VotOn Internet
Menuju Pemilihan Yang Demokratis
Logo

Daftar DPT Tahun 2014

E-Pemilu No Nim Nama JK Jurusan Status
Home
1 Xx Aa L Xx sudah
Pemilu
2 Xx Bb P X belum
*Pilih Kandidat
3 Xx Cc P X sudah
*Ingat Pilihan

* Hasil Sementara 4 Xx Dd P X belum

*Hasil Akhir 5 Xx Ee L Xx sudah

* Lihat DPT 6 Xx Right
Ff © 2014 L Xx sudah
Copy
Bantuan
7 Xxx Gg L Xx belum
Keluar
8 xx hh p Xxx sudah
Gambar 3.21 Halaman List DPT

Pada gambar 3.21 merupakan rancangan desain halaman yang digunakan

untuk menampilkan daftar pemilih tetap yang telah terdaftar pada sistem voting

online. Di halaman tersebut juga dijelaskan status apakah sudah memilih atau

belum dari masing-masing DPT.

l. Desain Halaman Hasil Akhir Perhitungan Suara

VotOn Internet
Logo Menuju Pemilihan Yang Demokratis

Hasil Akhir Perhitungan Suara

E-Pemilu PEMIRA 2014
Home No Nomor Nama Jumlah Suara
Pemilu Pasangan
Kandidat
*Pilih Kandidat
1 01 A 110
*Ingat Pilihan
2 02 B 210
* Hasil Sementara

*Hasil Akhir
3 03 C 321
Copy Right ©2014

* Lihat DPT

Bantuan Gambar 3.22 Desain halaman hasil akhir perhitungan suara

Keluar
Pada gambar 3.22 merupakan desain dari halaman hasil akhir perhitungan

suara, dimana dihalaman tersebut terdapat informasi mengenai daftar kandidat dan

jumlah perolehan suara yang didapat.

m. Desain Halaman Login

Gambar 3.23 Halaman Login Admin KPU Mahasiswa

 Pada Gambar 3.22 Halaman login admin kpu mahasiswa merupakan halaman

yang digunakan untuk masuk ke dalam sistem dengan menggunakan username dan

password.

n. Grafik Daftar Pemilih Tetap

VotOn Voting online

DEMAI IAIN Raden Fatah Palembang
Logo

Copy right © 2014

Gambar 3.24 Desain Halaman Grafik Status DPT

Pada gambar 3.24 desain halaman grafik status DPT ini merupakan halaman

yang digunakan menampilkan presentasi jumlah DPT yang telah melakukan

pemilihan dan yang belum melakukan pemilihan.

 m. Desain halaman profil pasangan

VotOn Internet
LOGO Menuju Pemilihan Yang Demokratis

Nomor Kandidat
01
E-Pemilu Ketua : XXX
FOTO
Nim : XXX
Home Tempat Lahir : XXX
Pemilu Tanggal Lahir : XXX
Jenis Kelamin : XXX
*Pilih Kandidat Fakultas : XXX
Jurusan : XXX
*Ingat Pilihan
Alamat :XXX
* Hasil SD : XXX
Sementara SMP : XXX
SMA : XXX
*Hasil Akhir Prestasi : XXX
* Lihat DPT
Wakil : XXX
Bantuan Nim : XXX
FOTO Tempat Lahir : XXX
Keluar
Tanggal Lahir : XXX
Copy RightJenis
© 2014
Kelamin : XXX
Fakultas : XXX
Gambar 3.25 Desain Halaman
Jurusan profil pasangan
: XXX
Alamat :XXX
SD : XXX
SMP : XXX
Pada gambar 3.25 merupakan desain
SMAyang digunakan
: XXXuntuk melihat profil dari
Prestasi : XXX
masing-masing pasangan kandidat. Di halaman ini memuat informasi mengenai profil

dari calon ketua DEMAI dan calon wakil ketua DEMAI yang dipilih.
 BAB IV
IMPLEMENTASI DAN PENGUJIAN

A. Implementasi

Implementasi adalah tahapan dimana hasil dari perancangan dan desain

diaplikasikan kedalam halaman web atau dengan kata lain implementasi adalah

tahapan mewujudkan desain perancangan sistem menjadi sistem yang nyata.

Implementasi halaman dibagi menjadi dua kategori yaitu, halaman pemilih dan

halaman KPU.

1. Halaman Pemilih

a. Halaman Utama Pemilih

Gambar 4.1 Halaman Utama Pemilih

 Pada gambar 4.1 merupakan halaman utama yang akan pertama kali

ditampilkan kepada pemilih saat membuka sistem. Dihalaman tersebut terdapat

tiga kategori menu utama, yaitu cek status DPT, login dan registrasi ulang.

Halaman cek status dan registrasi ulang digunakan untuk pemilih yang belum

melakukan registrasi ulang. Sedangkan halaman login digunakan untuk pemilih

yang telah melakukan registrasi ulang. Sebelum pemilih melakukan registrasi

ulang, pemilih harus melakukan pengecekan status terlebih dahulu pada halaman

cek status. Selain digunakan untuk melakukan pengecekan status halaman tersebut

juga berfungsi untuk menyimpan session nim dan tanggal lahir yang digunakan

untuk registasi ulang. Apabila status pemilih terdaftar maka dapat melanjutkan

registrasi pada halaman registrasi.

b. Halaman Depan Pemilih

Gambar 4.2 Halaman Utama Pemilih

 Halaman ini merupakan tampilan utama yang disajikan kepada pemilih ketika

telah sukses melakukan login (verifikasi username dan password) pada halaman

depan. Pada halaman ini terdapat halaman yang berisi icon-icon yang merupakan

icon menu cepat untuk menuju aksi yang akan dilakukan pemilih. Selain menu

yang ada pada halaman tersebut, pemilih juga dapat memilih menu lainya pada

menu drop down yang lebih rinci. Pada header halaman sebelah kiri juga terdapat

nama dari pemilih yang telah melakukan login disertai tombol logout untuk keluar

dari sistem.

c. Halaman Pemilihan kandidat

Gambar 4.3 Halaman Pemilihan Kandidat

 Pada halaman ini akan ditampilkan pasangan yang terdaftar pada KPU

mahasiswa. Pada bagian isi terdapat foto dari masing-masing pasangan serta tiga

tombol yang ada pada setiap pasangan yang dapat dipilih oleh pemilih. Tombol

visi misi adalah tombol yang digunakan untuk melihat halaman yang berisi visi

dan misi dari pasangan yang di pilih, tombol profil digunakan untuk mengakses

halaman profil dari kandidat yang dipilih dan tombol pilih digunakan untuk

memberi suara pada kandidat yang dipilih. Halaman ini ini dapat diakses jika

pemilih yang melakukan login belum melakukan pemilihan sebelumnya dan

jadwal awal pemilihan sudah dibuka namun jadwal pemilihan belum berakhir.

d. Halaman lihat pilihan

Gambar 4.4 Halaman lihat pilihan

 Pada gambar 4.4 merupakan halaman lihat pilihan yang digunakan untuk

menampilkan pilihan kandidat yang dipilih oleh pemilih. Selain itu halaman ini juga

digunakan sebagai halaman pengalihan jika pemilih sudah melakukan pemilihan atau

sudah melakukan pemilihan namun mencoba untuk melakukan pemilihan kembali.

Pada halaman ini terdapat foto, nomor pasangan, nama pasangan serta ucapan terima

kasih untuk pemilih karena sudah melakukan ikut andil dalam pemilihan.

e. Halaman daftar kandidat

Gambar 4.5 Halaman lihat daftar kandidat

Pada gambar 4.5 merupakan halaman yang digunakan untuk melihat seluruh

daftar kandidat yang terdaftar pada KPU mahasiswa. Di halaman tersebut

ditampilkan foto dari pasangan kandidat, nomor dan visi misi. Selain itu juga ada

tombol lihat profil dari masing-masing kandidat. Tombol tersebut digunakan untuk

menampilkan detil profil ketua serta wakil ketua dari kandidat yang dipilih.

Halaman ini digunakan untuk mengetahui lebih jauh mengenai kandidat-kandidat

yang telah terdaftar.

f. Halaman lihat daftar panitia

Gambar 4.6 Halaman Lihat Daftar Panitia

Pada gambar 4.6 merupakan halaman yang digunakan untuk menampilkan

data-data panitia yang terdaftar pada KPU mahasiswa. Data yang ditampilkan

meliputi foto panitia, nama panitia, jurusan serta nomor telp panitia. Halaman ini

diperuntuk kan bagi pemilih yang belum mengerti tentang sistem voting online
atau hanya sekedar bertanya mengenai sistem voting online kepada panitia.

Pemilih dapat menghubungi panitia yang ditampilkan pada halaman tersebut jika

terdapat permasalahan.

g. Halaman grafik perhitungan sementara

Gambar 4.7 halaman grafik

sementara
Pada gambar 4.7 merupakan halaman yang digunakan untuk menampilkan

hasil perolehan suara sementara yang didapatkan oleh masing-masing kandidat

dalam bentuk grafik. Grafik balok yang ditampilkan berbentuk 3D dengan

tampilan flash yang interaktif. Selain itu juga untuk mempermudah dalam
membaca grafik tersebut, saat kursor diarahkan pada salah satu warna yang dipilih

juga menampilkan jumlah suara yang didapatkan serta nama dari kandidat.

h. Halaman lihat jadwal

Gambar 4.8 halaman jadwal

Pada gambar 4.8 merupakan halaman yang digunakan untuk menampilkan

jadwal pemilihan. Jadwal tersebut menginformasikan jadwal awal pembukaan

pemilihan dan jadwal akhir dari pemilihan.

i. Halaman Presentase pemilih sudah dan belum memilih

Gambar 4.9 Presentase grafik pemilih

Pada gambar 4.9 merupakan halaman yang digunakan untuk menampilkan

presentase antara pemilih yang sudah melakukan pemilihan dan yang belum

melakukan pemilihan dalam bentuk grafik batang. Selain itu juga ketika kursor

mouse diarahkan pada grafik pemilih yang sudah melakukan pemilihan atau belum

melakukan pemilihan terdapat text yang menginformasikan total dari pemilih yang

sudah melakukan pemilihan dan yang belum melakukan pemilihan. Dengan

demikian akan lebih mudah untuk mengetahui berapa jumlah DPT yang sudah

melakukan pemilihan dan berapa jumlah DPT yang belum melakukan pemilihan.
j. Halaman tentang

Gambar 4.10 Halaman Tentang

Pada gambar 4.10 merupakan halaman yang digunakan untuk menampilkan

informasi mengenai sistem voting online kepada pengguna.

k. Halaman profil kandidat

 Gambar 4.11 Halaman profil kandidat

Pada gambar 4.11 merupakan halaman yang digunakan untuk menampilkan

informasi data diri dari pasangan yang dipilih. Informasi tersebut adalah informasi

mengenai ketua dan wakil ketua dari pasangan.

2. Halaman KPU

a. Halaman Login KPU

Gambar 4.12 halaman login KPU

Pada gambar 4.12 merupakan halaman login KPU mahasiswa, pada halaman

tersebut terdapat tombol login dan texfield username password. Halaman tersebut

digunakan untuk mengakses halaman utama KPU.

b. Halaman utama KPU

Gambar 4.13 Halaman utama KPU

 Pada gambar 4.13 halaman utama KPU adalah halaman pertama kali yang

akan ditampilkan kepada KPU saat berhasil melakukan login ke dalam sistem. Pada

halaman tersebut terdapat icon yang dapat dipilih KPU untuk melakukan pengolahan

data, seperti data calon DPT, data DPT, data panitia data fakultas dan jurusan.

c. Halaman List Kandidat

Gambar 4.14 Halaman list kandidat

Halaman list kandidat merupakan halaman utama yang digunakan untuk

melakukan pengolahan data kandidat yang terdaftar pada KPU mahasiswa.

Dihalaman tersebut selain terdapat daftar nama-nama kandidat juga terdapat

beberapa icon yang berfungsi untuk menambah data kandidat, mengubah data

kandidat, menampilkan data kandidat secara detil dan menghapus data kandidat.
d. Halaman input kandidat

Gambar 4.15 Halaman input kandidat

Pada gambar 4.15 merupakan halaman yang digunakan untuk melakukan

penambahan data kandidat. Di halaman tersebut terdapat form berisi textfield yang

digunakan untuk memasukkan data kandidat seperti kode kandidat, nama

pasangan, foto kandidat serta visi dan misi dari kandidat. Selain itu juga terdapat

satu tombol simpan untuk melakukan penyimpanan ke dalam database.

e. Halaman edit kandidat

Gambar 4.16 Halaman edit kandidat

Pada gambar 4.16 merupakan tampilan dari halaman edit kandidat, pada

halaman tersebut terdapat textfield yang sudah terisi data kandidat yang telah di

masukkan sebelumnya .pengguna dapat melakukan perubahan pada textfield

tersebut dan melakukan penyimpanan ke dalam database.

f. Halaman Detil Kandidat

Gambar 4.17 Halaman detil kandidat

Halaman detil kandidat merupakan halaman yang digunakan untuk melihat

data kandidat yang telah dimasukkan secara rinci. Dengan melihat secara detil

KPU akan lebih mudah dalam melalukan pengoreksian apakah data sudah benar

atau belum.
g. Halaman list profil kandidat

Gambar 4.18 Halaman list profil kandidat

Halaman list profil kandidat merupakan halaman utama yang digunakan

untuk melakukan pengolahan data profil kandidat yang terdaftar pada KPU

mahasiswa. Dihalaman tersebut selain terdapat daftar nama-nama kandidat juga

terdapat beberapa icon yang berfungsi untuk menambah data profil , mengubah

data profil dari kandidat, menampilkan profil kandidat secara detil dan menghapus

profil kandidat.
h. Halaman input profil Kandidat

Gambar 4.19 Halaman input profil kandidat

Pada gambar 4.19 merupakan halaman yang digunakan untuk melakukan

penambahan data profil dari masing-masing kandidat, mulai dari profil ketua dan

profil dari wakil ketua. Di halaman tersebut terdapat form berisi textfield yang

digunakan untuk memasukkan data kandidat serta satu tombol simpan untuk

melakukan penyimpanan ke dalam database.

i. Halaman Edit Profil Kandidat

Gambar 4.20 Halaman edit profil kandidat

Pada gambar 4.20 merupakan tampilan dari halaman edit profil kandidat,

pada halaman tersebut terdapat textfield yang sudah terisi data profil kandidat yang

telah di masukkan sebelumnya .pengguna dapat melakukan perubahan pada

textfield tersebut dan melakukan penyimpanan ke dalam database.

j. Halaman Detil Profil Kandidat

Gambar 4.21 Halaman detil profil kandidat

Halaman detil profil kandidat merupakan halaman yang digunakan untuk

melihat data profil kandidat yang telah dimasukkan secara rinci. Dengan melihat

secara detil KPU akan lebih mudah dalam melalukan pengoreksian apakah data

sudah benar atau belum.

k. Halaman list calon DPT

Gambar 4.22 Halaman list DPT

Pada gambar 4.22 merupakan halaman yang berisi list data dari calon

pemilih tetap yang telah didata oleh KPU mahasiswa. Halaman ini juga menjadi

master halaman dimana di halaman ini terdapat beberapa menu yang digunakan

untuk melakukan pengolahan data calon DPT seperti penambahan data calon DPT,

pengubahan data calon DPT yang telah dimasukkan sebelumnya serta icon untuk

melakukan penghapusan data DPT yang telah terdaftar dalam database. Selain itu

juga terdapat daftar fakultas yang dapat digunakan untuk mengurutkan calon DPT

berdasarkan fakultas.
l. Halaman input calon DPT

Gambar 4.23 Halaman input calon DPT

Pada gambar 4.23 merupakan halaman dari penambahan data DPT, KPU

dapat melaukan penambahan data dalam jumlah banyak sekaligus. KPU hanya

menentukan nim awal dan nim akhir , setelah itu sistem akan menampilkan atau

menambahkan textfield sebanyak rentang nim yang dimasukkan olah KPU

mahasiswa.
m. Halaman Edit calon DPT

Gambar 4.24 Halaman Edit Calon DPT

Pada gambar 4.24 merupakan halaman yang digunakan untuk mengubah data

calon DPT yang dipilih sebelumnya. KPU dapat melakukan perubahan terhadap

tanggal lahir serta jurusan dari calon pemilih.

n. Halaman list panitia

Gambar 4.25 halaman list panitia

 Pada gambar 4.25 adalah tampilan implementasi dari desain sistem list

panitia yang telah dirancang sebelumnya. Pada halaman tersebut terdapat list data

dari panitia yang dimasukkan oleh KPU mahasiswa. Halaman ini juga sama seperti

halaman-halaman master sebelumnya, dimana dihalaman ini terdapat beberapa

fungsi untuk melakukan pengolahan data panitia, seperti penambahan data,

pengubahan data panitia, melihat detil data data panitia serta penghapusan data

panitia.

o. Halaman edit panitia

Gambar 4.26 Halaman Edit Panitia

Pada halaman edit panitia terdapat textfield yang telah terisi data panitia

sebelumnya. KPU dapat merubah data tersebut lalu menyimpanya kembali ke

database panitia.
p. Halaman detil panitia

Gambar 4.27 Halaman Detil Panitia

Pada gambar 4.27 merupakan halaman detil panitia, halaman tersebut

menampilkan data panitia secara detil kepada KPU mahasiswa. Dengan tampilan

sedemikian rupa KPU mahasiswa akan lebih mudah dalam melakukan pengecekan

data panitia yang dipilih dan dapat melakukan koreksi apakah data yang telah

dimasukkan sudah benar atau belum.

q. Halaman list data fakultas

Gambar 4.28 Halaman List Fakultas

Pada gambar 4.28 merupakan halaman list data fakultas, yang berisi data

kode fakultas dan nama fakultas, halaman ini juga digunakan untuk melakukan

pengolahan data fakultas, seperti penambahan data fakultas, pengubahan data

fakultas dan penghapusan data fakultas.

r. Halaman input data fakultas

Gambar 4.29 Halaman input fakultas

Pada gambar 4.29 merupakan halaman yang digunakan untuk melakukan

penambahan data fakultas. Data fakultas tersebut meliputi kode fakultas dan nama

fakultas.

s. Halaman edit data fakultas

Gambar 4.30 Halaman Edit Fakultas

 Pada gambar 4.30 adalah halaman yang digunakan untuk melakukan

pengubahan data fakultas yang dipilih oleh KPU mahasiswa sebelumnya untuk

dilakukan pengubahan data, pengubahan data hanya sebatas pengubahan nama

fakultas saja.

t. Halaman list data jurusan

Gambar 4.31 Halaman List Jurusan

Pada gambar 4.31 merupakan master halaman dari data jurusan. Selain

digunakan untuk menampilkan daftar jurusan yang telah dimasukkan sebelumya

halaman ini juga digunakan untuk melakukan pengolahan data seperti penambahan

data, pengubahan data serta penghapusan data jurusan yang dipilih.

u. Halaman Input data jurusan

Gambar 4.32 Halaman Input Jurusan

Pada halaman ini digunakan untuk melakukan penambahan data jurusan. Data

jurusan meliputi kode fakultas, kode jurusan dan nama jurusan.

v. Halaman Edit jurusan

Gambar 4.33 Halaman Edit Jurusan

 Pada halaman edit jurusan merupakan halaman yang digunakan untuk

merubah data jurusan yang dipilih. Pengubahan data meliputi pengubahan data

fakultas dan nama jurusan. Sedangkan untuk kode jurusan tidak dapat dilakukan

pengubahan.

w. Halaman list jadwal pemilihan

Gambar 4.34 halaman list jadwal

Pada gambar 4.34 merupakan halaman untuk menampilkan data jadwal

pemilihan yang diatur oleh KPU mahasiswa. Jadwal tersebut adalah jadwal awal

pembukaan dan jadwal akhir penutupan pemilihan. Jadwal pemilihan digunakan

untuk memberikan batasan kepada pemilih mengenai waktu pemilihan. Dalam

tahun yang sama jadwal hanya ditetapkan satu kali saja, jadi tahun adalah sebagai

primary key dari jadwal pemilihan.

x. Halaman input jadwal pemilihan

Gambar 4.35 halaman input jadwal pemilihan

Pada gambar 4.35 merupakan halaman yang digunakan untuk melakukan

penambahan jadwal pemilihan. Penambahan data meliputi penentuan jadwal awal

pemilihan dan jadwal penutupan pemilihan.

y. Halaman edit jadwal pemilihan

Gambar 4.36 Halaman Edit Jadwal Pemilihan

 Pada gambar 4.36 merupakan halaman yang digunakan untuk melakukan

pengubahan jadwal pemilihan. Pengubahan data terdiri dari pengubahan data

penentuan awal pemilihan dan waktu akhir pemilihan, sedangkan data tahun tidak

dapat dilakukan pengubahan , data tahun digunakan sebagai patokan atau primary

key.

B. Testing (Pengujian)

Testing adalah proses yang digunakan untuk mencari bug yang ada pada

sistem dan juga digunakan untuk menguji fungsi-fungsi pada sistem yang telah

dibangun apakah sudah berjalan dengan baik. Dengan ditemukanya bug ataupun

kekurangan-kekurangan yang ada pada sistem maka akan lebih memudahkan dalam

mengetahui spesifikasi dan juga mempermudah untuk melakukan perbaikan sistem.

1. Rencana Pengujian

Tabel 4.1 Rencana Pengujian

Aktor Item pengujian

KPU Manajemen Calon DPT
Manajemen DPT
Manajemen Kandidat
Manajemen Profil Kandidat
Manajemen Panitia
Manajemen Jadwal
 Manajemen Fakultas
Manajemen Jurusan
Pemilih Pemilihan
Tampilkan grafik sementara
Hasil akhir perhitungan
Lihat pilihan
Lihat Panitia
Lihat daftar kandidat
Lihat profil kandidat
Lihat jadwal
Halaman Utama user cek NIM dan tanggal lahir
Pengujian registrasi
Login

2. Hasil Pengujian

Setelah melakukan pengujian terhadap sistem seperti pada rencana pengujian

maka didapatkan hasil dari pengujian tersebut. Hasil pengujian akan dibahas dengan

rincian pada tabel berikut ini. Pengujian dilakukan dengan menggunakan metode

blackbox. Dimana pada metode blackbox ini sistem diuji tanpa memperhatikan

proses yang ada pada sistem namun pengujian hanya memperhatikan hasil masukan

dan keluaran dari sistem.

 a. Halaman Utama User

Tabel 4.2 Pengujian Halaman Utama User

Metode Pengujian Kondisi Hasil Yang diharapkan Hasil

Memasukkan nim Nim dan Tampil pop up “anda OK

dan tanggal lahir Tanggal Lahir terdaftar pada daftar calon
serta klik tombol cek diisi lengkap pemilih tetap, silahkan
dan benar dan melakukan registrasi ulang”
belum pernah
melakukan
registrasi ulang
Nim dan tanggal Tampil pop up “anda OK
lahir benar dan terdaftar pada daftar calon
pernah pemilih tetap, silahkan login
melakukan kembali”
registrasi ulang
sebelumnya.
Nim dan tanggal Tampil pesan “maaf anda OK
lahir diisi tidak terdaftar pada daftar
lengkap namun calon pemilih tetap”
tidak benar
Nim atau Tampil Pesan “harus nim atau OK
tanggal Lahir tanggal lahir harus diisi
tidak diisi
Nim dan tanggal Tidak dapat diisi huruf OK
lahir diisi
dengan huruf
Memasukkan Salah satu Tampil pesan untuk username OK
Username dan textfield tidak minimal 5character dan untuk
password pada form diisi password minimal 8 character
login
Semua Text Tampil pesan maaf username OK
Field diisi atau password anda salah,
 namun tidak mau ulang?
benar
Memasukkan Sistem tidak akan OK
nim dan tanggal menampilkan yang
dengan huruf diinputkan oleh pemilih
Username dan Masuk ke halaman utama OK
Password di isi pemilih
dan benar
Memasukkan data Tidak Muncul pesan pada setiap OK
pendaftaran ulang memasukkan textfied yang tidak diisi,
data pada text textfield nama muncul pesan
field lalu mohon isi nama minimal 3
menekan tombol huruf, textfield username
register muncul pesan username
minimal 5 character dan
textfield password muncul
pesan password minimal 8
character
Memasukkan Muncul pesan pop up OK
semua data pada “lakukan pengecekan nim dan
textfield namun tanggal lahir pada daftar
tidak mengecek pemilih tetap terlebih
nim terlebih dahulu”.
dahulu
Sudah Muncul Pesan pop up OK
melakukan password yang anda
pengecekan nim masukkan tidak sama,
dan mengisi silahkan ulangi lagi.
seluruh textfield
namun
password yang
dimasukkan
tidak sama
 b. Halaman Utama Pemilih

Tabel 4.3 Hasil Pengujian Halaman Utama Pemilih

Metode Pengujian Kondisi Hasil yang diharapkan Hasil

Melakukan Pemilih belum Menampilkan pop up OK

pemilihan kandidat pernah gunakan hak pilih anda
melakukan dengan bijak, kemudian
pemilihan mengarahkan ke halaman
sebelumnya dan yang berisi foto kandidat
waktu pemilihan yang terdaftar.
telah dibuka
Pemilih belum Menampilkan pop up OK
pernah “pemilihan belum dibuka”.
melakukan Dan otomatis akan diarahkan
pemilihan pada halaman jadwal
namun waktu pemilihan
awal pemilihan
belum sampai
Pemilih belum Menampilkan pop up “maaf OK
pernah pemilihan telah ditutup, anda
melakukan tidak dapat melakukan
pemilihan pemilihan”, dan sistem akan
namun jadwal mengarahkan pada halaman
pemilihan telah jadwal pemilihan
berakhir
Pemilih sudah Menampilkan pesan pop up OK
melakukan “anda sudah melakukan
pemilihan dan pemilihan sebelumnya, dan
waktu pemilihan sistem akan melakukan
belum berakhir pengalihan halaman ke
atau sudah halaman ingat pilihan
berakhir
Melihat Pilihan yang Pemilih belum Menampilkan pesan pop up OK
pernah “anda belum melakukan
pernah dilakukan melakukan pemilihan, silahkan gunakan
pemilihan hak suara anda”, dan sistem
sebelumnya. akan mengalihkan user
kehalaman pemilihan
kandidat
Pemilih telah Menampilkan halaman ingat OK
melakukan pilihan yang berisi data
pemilihan kandidat yang dipilih oleh
sebelumnya user.
Melihat Hasil Akhir Waktu Menampilkan pesan pop up OK
pemilihan pemilihan belum “maaf hasil akhir perhitungan
berakhir dan suara belum dapat
masih ada DPT dilakukan”, sistem akan
yang belum mengalihkan pemilih
melakukan kehalaman perhitungan
pemilihan, sementara.
namun pemilih
sudah
melakukan
pemilihan
Waktu Menampilkan halaman hasil OK
pemilihan belum perolehan suara yang
berakhir namun didapatkan oleh masing-
semua pemilih masing kandidat.
telah melakukan
pemilihan
Waktu Menampilkan halaman hasil OK
pemilihan sudah perolehan suara yang
berakhir namun didapatkan oleh masing-
masih ada masing kandidat.
pemilih yang
belum
melakukan
pemilihan
Waktu Menampilkan halaman hasil OK
pemilihan perolehan suara yang
 berakhir dan didapatkan oleh masing-
semua pemilih masing kandidat.
telah melakukan
pemilihan
Melihat hasil Pemilih belum Menampilkan pesan pop up OK
perhitungan melakukan maaf anda harus melakukan
sementara pemilihan pemilihan kandidat terlebih
kandidat,jadwal dahulu.sistem akan
pemilihan belum mengalihkan kehalaman
berakhir pemilihan kandidat
Pemilih belum Menampilkan pesan pop up OK
melakukan maaf pemilihan telah berakhir
pemilihan anda akan diarahkan ke
namun jadwal halaman hasil akhir
pemilihan belum perhitungan suara
berakhir
Pemilih sudah Menampilkan Halaman grafik OK
melakukan perolehan suara yang
pemilihan didapatkan oleh masing-
kandidat,jadwal masing kandidat.
pemilihan belum
berakhir dan
masih ada DPT
yang belum
melakukan
pemilihan
Pemilih sudah Menampilkan pesan pop up OK
melakukan maaf pemilihan telah berakhir
pemilihan anda akan diarahkan ke
namun jadwal halaman hasil akhir
pemilihan sudah perhitungan suara
berakhir dan
masih ada
pemilih yang
belum
melakukan
 pemilihan
Pemilih sudah Menampilkan pesan pop up
melakukan maaf pemilihan telah berakhir
pemilihan dan anda akan diarahkan ke
jadwal halaman hasil akhir
pemilihan belum perhitungan suara
berakhir namun
semua DPT
telah melakukan
pemilihan
Melihat data panitia Data panitia ada Menampilkan semua data OK
pada database panitia yang terdaftar
Data panitia Menampilkan pesan pop up OK
belum ada di “maaf data panitia yang anda
database minta belum tersedia” dan
sistem secara otomatis akan
mengarahkan pada halaman
utama Quick Acces Menu.
Melihat daftar Belum ada data Menampilkan pesan pop up OK
kandidat yang kandidat yang maaf data belum tersedia
terdaftar dimasukkan
oleh KPU
Data kandidat Menampilkan data kandidat OK
sudah ada pada yang terdaftar pada KPU
database mahasiswa.
Memilih menu Menampilkan pesan pop up OK
lihat profil pada maaf data profil kandidat
kandidat yang yang anda pilih belum
dipilih namun tersedia, sistem akan
data profil mengarahkan ke halaman
kandidat belum profil kandidat.
ada
Memilih menu Menampilkan profil dari OK
lihat profil ketua dan wakil kandidat
kandidat yang yang dipilih oleh user.
 dipilih dan data
profil kandidat
tersebut telah
ada pada
database
Logout Memilih menu Sistem akan mengarahkan OK
logout kehalaman utama user

c. Halaman Admin

Tabel 4.4 Hasil Pengujian Halaman Admin

Metode Pengujian Kondisi Hasil yang diharapkan Hasil

Menambahkan data Data belum Menampilkan pesan OK
kandidat terisi dan klik kesalahan pada setiap
tombol simpan textfield yang belum terisi
Memasukkan Menampilkan sistem tidak OK
kode kandidat akan menampilkan input kode
dengan angka, kandidat, menampilkan pesan
memasukkan nama pasangan minimal 3
nama pasangan huruf
kurang dari 3
huruf.
Tidak Menampilkan pesan harap isi OK
memasukkan semua data dengan lengkap
gambar
Memasukkan Menampilkan pesan pop up OK
kode kandidat “data sudah ada, atau cek
yang sama kembali kode kandidat yang
dengan data anda masukkan”.
sebelumnya Menampilkan kembali
halaman input kandidat
 Memasukan Menampilka pesan pop up OK
data dengan data berhasil disimpan dan
benar mengarahkan kehalaman list
kandidat.
Mengubah data Mengosongkan Menampilkan pesan pop up OK
kandidat semua textfield pada setiap textfield mohon
lalu menekan diisi.
tombol simpan
Mengisi semua Menampilkan pesan pop up OK
textfield namun data berhasil diubah, namun
tidak foto kandidat tetap sama
memasukkan
foto kandidat
Mengisi semua Menampilkan pesan pop up OK
textfield dan data berhasil diubah, foto
memasukkan kandidat berubah
foto kandidat
Mengisi semua Menampilkan pesan “maaf OK
textfield dan format foto harus jpg,jpeg
memasukkan atau png, kemudian sistem
foto namun akan mengarahkan kembali
format foto ke halaman pengeditan.
bukan jpg,jpeg
atau png
Menghapus data Mengklik icon Menampilkan pesan data OK
kandidat delete pada list berhasil dihapus dan sistem
kandidat mengarahkan kembali ke
halaman list kandidat
Memasukkan data Mengosongkan Menampilkan pesan data OK
profil kandidat salah satu wajib diisi pada textfield
textfield yang yang kosong
ada pada
halaman input
profil kandidat
Memasukkan Menampilkan pesan “maaf OK
 semua data pada data sudah ada atau periksa
texfield namun kembali nim yang anda
ada nim yang masukkan”.
sama sudah
pernah
dimasukkan
Memasukkan Menampilkan pesan pop up OK
status jabatan “data wakil atau ketua untuk
yang sama pada kandidat tersebut sudah ada”
kandidat yang dan sistem mengarahkan
sama kehalaman input profil
kandidat kembali.
Memasukkan Menampilkan pesan pop up “ OK
semua textfield maaf foto harus berformat
dengan benar jpg, jpeg atau png”. Dan
namun sistem akan mengarahkan
memasukkan kembali kehalaman input
foto profil profil kandidat.
kandidat bukan
dalam format
jpg, jpeg atau
png
Mengubah data Tidak mengisi Menampilkan pesan data OK
profil kandidat salah satu atau wajib diisi pada setiap
seluruh textfield textfield yang kosong
Mengisi seluruh Menampilkan pesan pop up
textfield dan data berhasil diubah dan
menekan tombol kembali menampilkan list
ubah profil kandidat.
Menghapus data Mengklik icon Menampilkan pesan pop up OK
profil kandidat delete pada list data berhasil dihapus dan
data profil akan menampilkan list profil
kandidat kandidat kembali
Melihat detil profil Mengklik icon Menampilkan seluruh data OK
kandidat lihat detil pada profil kandidat yang dipilih
list data profil
 kandidat
Mengklik Mengarahkan kembali ke OK
tombol ok pada halaman list profil kandidat.
halaman detil
profil kandidat
Memasukkan data Tidak Menampilkan pesan pop up “ OK
calon DPT memasukkan masukkan nim 8 angka
nim awal dan
nim akhir
Memasukkan Menampilkan pesan pop up “ OK
nim awal dan masukkan nim 8 angka
nim akhir
namun kurang
dari 8 angka
Memasukkan Menampilkan pesan pop up OK
nim awal dan “pastikan nim akhir lebih
nim akhir besar”
namun nim awal
lebih besar dari
nim akhir
Memasukkan Tidak dapat memasukkan OK
nim bukan huruf atau character
angka
Memasukkan Gagal menyimpan nim OK
nim yang telah
ada sebelumnya
dan menekan
tombol simpan
register
Memasukkan Menampilkan pesan pop up OK
semua textfield data berhasil disimpan, sistem
dengan benar akan mengalikan ke halaman
list calon DPT
Mengubah data Tidak Menampilkan pesan pop up OK
memasukkan data berhasil disimpan,
calon DPT tanggal lahir namun tidak mengubah
tanggal lahir sebelumnya
Memasukkan Menampilkan pesan pop up OK
tanggal lahir data berhasil diubah.
Mengahapus data Mengklik icon Menampilkan pesan pop up OK
calon DPT delete pada list data berhasil dihapus,
calon DPT kemudian sistem akan
mengarahkan kembali ke
halaman list calon DPT.
Mereset password Mengklik icon Menampilkan pesan apakah OK
DPT reset passwod yakin akan mereset password
pada list DPT DPT? Jika ya muncul pesan
berhasil direset jika tidak
kembali ke list DPT
Menghapus data Mengklik icon Menampilkan pesan pop up OK
DPT delete pada list data berhasil dihapus, sistem
data DPT akan mengarahkan kembali
ke halaman list DPT
Melihat detil DPT Mengklik icon Menampilkan halaman detil OK
detil pada list DPT yang dipilih
DPT
Memasukkan data Tidak Menampilkan pesan pada OK
panitia memasukkan setiap textfield yang belum
data pada salah diisi
satu textfield
lalu menekan
tombol simpan
Memasukkan Menampilkan pesan pop up OK
nim yang sudah data tersebut sudah ada, atau
ada pada cek kembali nim yang anda
database masukkan
sebelumya
Memasukan nim Tidak menampilkan inputan OK
atau telp selain user pada textfield nim atau
 angka telp
Memasukkan Menampilkan pesan pop up OK
foto bukan foto harus dalam format jpg,
dalam format jpeg atau png.
jpg, jpeg dan
png.
Memasukkan Menampilkan pesan pop up OK
foto dengan file foto yang anda masukkan
ukuran lebih terlalu besar, ukuran foto
dari 100Kb maximal 100Kb.
Memasukkan Menampilkan pesan pop up OK
semua data data berhasil disimpan, sistem
dengan benar mengarahkan ke halaman list
data panitia.
Menampilkan detil Mengklik icon Menampilkan data panitia OK
panitia detil panitia
Menghapus data Mengklik icon Menampilkan pesan pop up OK
panitia delete panitia data berhasil dihapus, sistem
akan mengarahkan ke
halaman list panitia
Mengubah data Tidak mengisi Menampilkan pesan pop up OK
panitia salah satu lengkapi data pada setiap
textfield lalu textfield yang masih kosong
menekan tombol
ubah
Mengisi seluruh Menampilkan pesan pop up OK
textfield namun data berhasil disimpan, sistem
tidak mengisi mengarahkan kembali
foto kehalaman list panitia
Mengisi seluruh Menampilkan pesan pop up, OK
textfield namun foto harus berformat jpg, jpeg
foto bukan atau png, sistem
bertype jpg, jpeg mengarahkan kembali ke
atau png. halaman edit panitia
 Mengisi seluruh Menampilkan pesan pop up , OK
textfield, foto file foto yang anda masukkan
berformat terlalu besar, ukuran
jpg,jpeg atau maksimal 100Kb, sistem
png namun kembali mengarahkan ke
ukuran lebih halaman edit panitia
dari 100kb
Mengisi seluruh Menampilkan pesan pop up OK
textfield foto data berhasil diubah. Sistem
berformat jpg, mengarahkan ke halaman list
jpeg atau png data panitia
dan ukuran tidak
lebih dari 100Kb
Memasukkan data Textfield tidak Menampilkan pop up harap OK
fakultas terisi lengkapi data pada setiap
textfield yang masih kosong
Textfield terisi Menampilkan pesan pop up OK
namun kode data fakultas telah ada atau
fakultas ada periksa kembali kode fakultas
yang sama yang anda masukkan
Memasukkan Menampilkan pesan pop up OK
kode fakultas data berhasil disimpan, sistem
dan nama akan mengarahkan
fakultas dengan kehalaman list fakultas
benar
Mengubah data Nama fakultas Menampilkan pesan pada OK
fakultas tidak terisi textfield fakultas harap diisi
Mengisi textfield Menampilkan pesan pop up OK
nama fakultas data berhasil diubah, sistem
dengan benar akan mengarahkan kembali
kehalaman list fakultas
Menghapus data Mengklik icon Menampilkan pesan pop up OK
fakultas delete pada list data berhasil dihapus, sistem
fakultas akan mengarahkan kembali
ke list fakultas.
Memasukkan data Tidak mengisi Menampilkan pesan OK
jurusan salah satu atau kesalahan pada setiap
seluruh textfield textfield yang belum terisi
yang tersedia data
pada halaman
input jurusan
dan mengklik
tombol simpan
Mengisi seluruh Menampilkan pesan pop up OK
textfield yang data berhasil disimpan
tersedia dengan kemudian sistem akan
benar dan mengarahkan ke halaman list
mengklik jurusan
tombol simpan
Mengisi seluruh Menampilkan pesan pop up OK
textfield namun data yang anda masukkan
kode jurusan telah ada atau cek kembali
yang kode jurusan yang anda
dimasukkan masukkan
sudah ada
Mengubah data Tidak mengisi Menampilkan pesan OK
jurusan nama jurusan kesalahan pada textfield yang
lalu menekan masih kosong
tombol ubah
Mengisi nama Menampilkan pesan pop up OK
jurusan lalu data berhasil diubah. Sistem
menekan tombol mengarahkan kembali ke
ubah halaman list jurusan
Menghapus data Mengklik icon Menampilkan pesan pop up OK
jurusan delete pada list data berhasil dihapus. Sistem
jurusan akan mengarahkan kembali
kehalaman list jurusan.
Menambah jadwal data jadwal awal Menampilkan pesan pop up OK
pemilihan pemilihan dan jadwal pemilihan berhasil
akhir pemilihan diubah
sudah diisi
 namun Data
jadwal untuk
pemilihan tahun
sekarang sudah
ada sudah ada
kemudian
mengklik
tombol simpan
Textfield waktu Menampilkan pesan OK
awal pemilihan kesalahan pada textfield yang
dan waktu akhir belum terisi
pemilihan tidak
diisi kemudian
mengklik
tombol simpan
Memasukan Menampilkan pesan pop up OK
jadwal awal dan Jadwal akhir pemilihan harus
akhir namun lebih kecil dari awal
jadwal awal pemilihan.
lebih besar dari
jadwal akhir
Menghapus jadwal Mengklik icon Menampilkan pesan pop up OK
pemilihan delete pada list data berhasil dihapus, sistem
jadwal mengarahkan kembali ke list
pemilihan jadwal pemilihan
Mengubah jadwal Textfield waktu Menampilkan pesan OK
pemilihan awal pemilihan kesalahan pada textfield yang
dan waktu akhir belum terisi
pemilihan tidak
diisi kemudian
mengklik
tombol ubah
Memasukan Menampilkan pesan OK
jadwal awal dan kesalahan pada textfield yang
akhir namun belum terisi
jadwal awal
 lebih besar dari
jadwal akhir
Mengisi data Menampilkan pesan data OK
dengan benar berhasil diubah

C. Pembahasan

Sistem voting online yang telah dibangun merupakan sistem pemilihan yang

dapat diakses melalui web yang terhubung dengan jaringan internet. Sistem voting

online ini memberikan banyak kemudahan baik kepada pemilih maupun KPU

mahasiswa, selain memberikan kemudahan kepada pemilih atau KPU mahasiswa

sistem voting online yang telah dibangun juga memiliki fungsi-fungsi yangdapat

mengatasi kekurangan-kekurangan yang ada pada sistem pemilihan secara

konvensional. Berikut adalah fungsi-fungsi yang terdapat pada sistem voting online

yang telah dibangun.

1. Fungsi untuk menghandle menampilkan surat suara. Pada saat pemilih telah

melakukan login kedalam sistem dan akan mengakses halaman pemilihan,

sistem akan mengecek status pemilih terlebih dahulu. Jika pemilih berstatus

sudah pernah melakukan pemilihan maka sistem tidak akan menampilkan

halaman pemilihan dan menampilkan pesan pemberitahuan bahwa pemilih

telah melakukan pemilihan sebelumnya.

 Gambar 4.37 Pesan pop up sudah memilih

Dengan fungsi yang sedemikian rupa maka kecurangan yang bisa terjadi pada

pemilihan secara konvensional seperti pemilih dapat melakukan pencoblosan

surat suara lebih dari satu tidak akan bisa terjadi pada sistem voting online yang

telah dibangun.

2. Sistem voting online yang telah dibangun dapat diakses melalui web yang

terhubung dengan jaringan internet sehingga memungkinkan pemilih untuk

tetap dapat melakukan pemilihan tanpa harus datang langsung ketempat

pemungutan suara, dengan demikian akan lebih memudahkan pemilih dalam

penyampaian suara dimana pada pemilihan secara konvensional tidak dapat

dilakukan jika pemilih tidak hadir langsung ke tempat pemungutan suara

berlangsung.

3. Fungsi untuk mengelola daftar calon pemilih tetap (calon DPT). Pada sistem

voting online menyediakan fungsi untuk melakukan pengiinputan banyak data

 sekaligus dan menyediakan handle terhadap data yang dimasukkan sehingga

tidak ada data yang terduplikasi (data ganda), dimana pada sistem pemilihan

secara konvensional masih bisa terjadi data ganda yang dimasukkan disebabkan

data diketik secara manual tanpa ada handle.

Gambar 4.38 Pesan pop up peringatan data ter duplicate

4. Fungsi untuk melakukan perhitungan suara. Pada sistem voting online yang

telah dibangun dapat melakukan perhitungan suara secara otomatis yang

terhindar dari campur tangan manusia sehingga dengan demikian manipulasi

data hasil perhitungan suara yang dapat dilakukan pada sistem pemilihan secara

konvensional tidak dapat dilakukan lagi.

5. Fungsi untuk menampilkan grafik presentase pemilih yang telah melakukan

pemilihan dan yang belum melakukan pemilihan. Dengan adanya fungsi ini

dapat memberikan informasi mengenai jumlah pemilih yang belum melakukan

pemilihan dan pemilih yang belum melakukan pemilihan.

6. Fungsi untuk menampilkan hasil akhir perhitungan suara dengan cepat. Sistem

secara otomatis akan menampilkan hasil akhir dari perhitungan suara jika

memenuhi beberapa keadaan. Seperti jika jadwal pemilihan telah berakhir

namun pemilih ada yang belum melakukan pemilihan maka hasil akhir akan

ditampilkan atau jika jadwal pemilihan belum berakhir namun semua pemilih

telah melakukan pemilihan maka hasil akhir perhitungan suara akan langsung

ditampilkan.dengan demikian fungsi tersebut dapat memperbaiki kekurangan

pada sistem pemilihan secara konvensional dimana perhitungan suara dilakukan

ketika jadwal telah berakhir dan perhitungan masih dilakukan dengan cara

manual sehingga memakan waktu yang cukup lama.

7. Sistem voting online akan menyimpan suara yang dilakukan oleh pemilih

dengan aman tanpa ada yang mengetahui pemilihan selain pemilih itu sendiri,

karena data suara tidak ditampilkan pada siapapun. selain juga data suara

dienkripsi menggunakan MD5 dan terbebas dari kesalahan yang pada sistem

pemilihan secara konvensional terkadang terdapat surat suara yang tidak sah

pada saat perhitungan suara yang dapat mempengaruhi suara dari kandidat.

Gambar 4.39 database yang terenkripsi dengan MD5

8. Sistem voting online dapat menampilkan hasil rekap jumlah data calon pemilih

tetap, calon pemilih yang ikut dalam pemilihan dan pemilih yang tidak ikut

dalam pemilihan pada akhir perhitungan suara sehingga akan memberikan

kesan keterbukaan, yang pada sistem pemilihan secara konvensional sulit untuk

melakukan perhitungan jumlah suara, perhitungan jumlah seluruh DPT dan

total DPT yang tidak melakukan pemilihan.

9. Sistem voting online yang dibangun menyediakan informasi detil mengenai

kandidat yang terdaftar, sehingga memudahkan pemilih dalam mengenal serta

mempertimbangkan pilihannya. Dimana pada pemilihan secara konvensional

pengenalan hanya dilakukan saat kampanye sehingga informasi yang

disampaikan kurang maksimal.

10. Pada sistem pemilihan secara konvensional informasi hasil pemilihan tidak

dapat langsung disampaikan kepada masing-masing pemilih karena informasi

disampaikan melalui kertas, dan tidak semua mahasiswa tahu mengenai

informasi hasil pemilihan secara langsung, hal tersebut dapat diatasi dengan

menggunakan sistem voting online. Sistem voting online dapat menyampaikan

hasil dari perhitungan suara secara real time sehingga informasi yang

disampaikan akan lebih cepat sampai kepada pemilih.

 BAB V
PENUTUP

A. Kesimpulan

Berdasarkan penelitian sistem voting online yang telah dilakukan, maka

dapat diambil kesimpulan sebagai berikut:

1. Untuk dapat mengaplikasikan sistem voting online diperlukan web hosting

sehingga sistem dapat diakses dimanapun dengan menggunakan web browser

yang terhubung dengan koneksi internet.

2. Dengan adanya sistem voting online yang dibangun dapat memudahkan

pemilih dalam melakukan pemilihan, hal ini disebabkan pemilihan dapat

dilakukan secara online, dimana pemilih hanya membutuhkan koneksi

jaringan internet untuk melakukan pemilihan, sehingga pemilihan secara

online diharapkan dapat meningkatkan animo mahasiswa untuk ikut andil

dalam pemilihan ketua DEMAI IAIN Raden Fatah Palembang.

3. Dengan menggunakan pemilihan menggunakan sistem voting online

kemungkinan kecurangan yang terjadi pada pemilihan secara konvensional

seperti kecurangan dalam proses perhitungan suara dan kecurangan dalam

pencoblosan tidak dapat dilakukan, karena sistem bebas dari campur tangan

manusia serta didalam sistem tersebut sudah terdapat handle untuk

menghindari kemungkinan terjadi kecurangan-kecurangan tersebut.

 4. Dengan menggunakan sistem voting online penggunaan kertas sebagai media

penyampaian suara tidak lagi digunakan. Hal ini dapat menghemat biaya

pemilihan.

5. Perhitungan suara pada sistem voting online dilakukan secara otomatis sesuai

dengan jadwal yang telah ditetapkan sebelumnya. Dengan demikian maka

jadwal pemilihan yang telah ditetapkan oleh KPU mahasiswa dapat berjalan

tepat waktu sesuai dengan jadwal yang telah direncanakan.

6. Dengan menggunakan sistem voting online akan memudahkan pemilih dalam

memantau informasi mengenai hasil perhitungan sementara, hasil perhitungan

akhir dan informasi jumlah pemilih. Hal tersebut akan memberikan kesan

keterbukaan kepada pemilih.

B. Saran

Untuk keperluan penelitian ataupun pengembangan sistem berikutnya, ada

beberapa saran yang dapat dilakukan yaitu:

1. Dalam penelitian ini sistem yang telah dibangun belum menambahkan

keamanan URL (Uniform Resource Locator). keamanan enkripsi URL yang

kuat diperlukan oleh sistem untuk menghindari sql injection. Untuk itu

diperlukan penelitian lebih lanjut.

2. Pada pembangunan sistem voting online yang telah dilakukan belum

menambahkan menu untuk menampilkan laporan dalam bentuk pdf. Seperti

laporan data pemilih tetap dan laporan hasil perhitungan suara.

3. Pada penelitian ini informasi profil kandidat masih menggunakan teks dan

gambar sebagai penyampaian informasi kepada pemilih, belum menggunakan

media dalam bentuk video. Dengan menggunakan media video dalam

mengenalkan profil dari masing-masing kandidat akan lebih memudahkan

pemilih untuk mengetahui masing-masing kandidat lebih dalam.

 DAFTAR PUSTAKA

Aditama.R 2013, Sistem informasi akademik kampus berbasis web dengan php.
Yogyakarta: Lokomedia
Al Fatta.H 2007,Analisis dan Perancangan sistem informasi untuk keunggulan
bersaing perusahaan dan organisasi modern.Yogyakarta: Andi Offset
Anzizhan.S 2008, Sistem pengambilan keputusan. Jakarta, Grasindo
Aziz.M.F 2005, Object oriented prograsmming language dengan php5. Jakarta :
PT.Alexmedia Computindo
Carter.L,C.Ronald 2014, The Impact Of Trust and Relative Advantage on Internet
Voting Diffusion. (Universidad De Talca-Chile , 2011). 6(3) : 28-42. [internet,
diunduh 1 Juli 2014]. Tersedia pada:
http://www.scielo.cl/pdf/jtaer/v6n3/art04.pdf
Christopher 2005, Professional CSS Cassading Style Sheet For Web Design.
Indianapolis : Willey Publishing,Inc
Fahruddin.F 2006, Agama dan Pendidikan Demokrasi : Pengalaman Muhamadiyah
dan Nahdhatul Ulama. Jakarta : INSEP
Hakim.L 2014, Proyek Super wow dengan PHP dan jQuery.Yogyakarta : Lokomedia
http://.kbbi.web.id/pemilu. [internet, diakses 22 Juni 2014]
Larsen.R 2014, Beginning html & css. (Indianapolis : Willey Publishing, Inc, 2013).
[internet, diunduh 11 Juli 2014]. http://www.it-ebooks.info/book/1927/
McFarland.S.D 2012, JavaScript & jQuery : The Missing Manual Second Edition.
United States Of America : O’RELLY.[internet, diunduh 11 Juli 2014]. Tersedia
pada : http://it-ebooks.info/book/363/
McLeod. R, George P.S 2007, Sistem informasi manajemen. Jakarta: Salemba Empat
Nugroho.B 2008, Latihan membuat aplikasi web php dan mysql dengan
dreamweaver mx (6, 7, 2004) dan 8. Jogjakarta: Gava Media
Oktavian.D.P 2010, Menjadi programmer jempolan menggunakan php. Yogyakarta :
MediaKom
Pouncey, Ian dan Y.Richard 2011, Beginning css casading style sheets for web
design.Indianapolis: Wiley Publishing, Inc. [internet, diunduh 11 Juli 2014].
Tersedia pada: http://www.it-ebooks.info/book/753/
Pressman.R.S 2001, Software engineering: a practitioner’s approach. New York :
McGraw Hill. [internet, Diunduh pada 1 Juni 2014]. Tersedia pada:
http://www.academia.edu/2492406/Software_Engineering_A_Practitioner_Appr
oach_by_Roger_S._Pressman
R.Alagufel, Granavel.G 2013, Offile and Online E-Voting System with embedded
Security For Real Time Aplication. (International Journal Of Engineering
Research). 2(2) : 79-85. [internet, diunduh 1 Juli 2014]. Tersedia
pada:https://www.academia.edu/3184886/Offline_and_Online_E-
Voting_System_with_Embedded_Security_for_Real_Time_Application
Rahman.S 2013, Cara gampang bikin cms php tanpa ngoding.Jakarta: Media Kita
Rosa.AS, Shalahudin.M 2013, Rekayasa perangkat lunak terstruktur dan berorientasi
objek. Bandung : Informatika
SEMA IAIN.2013.Undang-Undang Organisasi Mahasiswa (ORMAWA) IAIN Raden
Fatah Palembang.Palembang
Sulistyawan 2008, Modifikasi blog multiply dengan css. Jakarta : PT.Alex Media
Computindo
Supriyanto.A 2007, Pengantar teknologi informasi, Jakarta: Salemba Infotek
Suyanto.A.H 2009, Step by step web design : Theory and Practice. Yogyakarta :
Andi
Willard.W 2009, TML: A Beginner's guide, 4th edition,(united states of america:the
megraw-hill companies . [internet, diunduh 11 Juli 2014]. Tersedia pada:
http://it-ebooks.info/book/1912/
Yank.K 2012, PHP & MySql Novice to Ninja.United States of America : SitePoint
Pty. Ltd.[internet, diunduh 11 Juli 2014]. http://it-ebooks.info/read/732/
Yuhefizar 2008, 10 Jam Menguasai Internet : TEKNOLOGI DAN APLIKASINYA.
Jakarta: PT.Alex Media Computindo