Aplikasi Electronic Voting Berbasis Web
24
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Aplikasi Electronic Voting Berbasis Web Untuk Inu-Kirana
Dan Putra-Putri Batik Kabupaten Kediri
Fadelis Sukya1, Andre Junanta Hamim2, Joko Santoso3, Khoirul Anam4
Teknik Informatika – Politeknik Kediri
Jl. Mayor Bismo No. 27 Kediri
Email : fadeliss@gmail.com1
Abstract— Inu-Kirana and Putra-Putri Batik Kediri an event
activity held by the Kediri district government, especially the
Department of Culture and Tourism aims to empower Kediri
Tourism Kediri and batik conservation through tourism ambassador
and the ambassador Batik Kediri. Inu-Kirana for election are held
every 2 years while the Son-Daughter Batik elections are held once
every year. In the selection of Inu-Kirana and Putra-Putri Batik
Kediri still use some social media as a means to determine the winner
of many participants, so the need for a system that can handle the
problems in determining the winner.
Work began with data collection information about Inu-Kirana
and Putra-Putri Batik and manufacture of a series of processes of
registration and the electoral process. A series of trials conducted to
test the correctness of the application and suitability of the
application to the needs of event organizers. In the end, the
application is successfully used as a medium of registration and
election Inu-Kirana and Putra Putri Batik Kediri and can be
exploited further.
Keyword— electronic voting, web-based, inu-kirana, putra-putri
batik
Intisari— Inu-Kirana dan Putra-Putri Batik Kabupaten Kediri
merupakan ajang kegiatan yang diadakan oleh Pemerintah
Kabupaten Kediri khususnya Dinas Kebudayaan dan Pariwisata
Kabupaten
Kediri
bertujuan
untuk
memberdayakan
Kepariwisataan dan pelestarian batik Kabupaten Kediri melalui
Duta Wisata dan Duta Batik Kabupaten Kediri. Untuk pemilihan
Inu-Kirana diadakan setiap 2 tahun sekali sedangkan untuk
pemilihan Putra-Putri Batik diadakan setiap tahun sekali. Dalam
pemilihan Inu-Kirana dan Putra-Putri Batik Kabupaten Kediri
masih menggunakan beberapa social media sebagai sarana untuk
menentukan pemenang dari sekian banyak peserta, sehingga
perlu adanya sebuah sistem yang dapat menangani permasalahan
dalam menentukan pemenang.
Pengerjaan dimulai dengan pengumpulan data informasi
tentang Inu-Kirana dan Putra-Putri Batik dan pembuatan
serangkaian proses pendaftaran dan proses pemilihan.
Serangkaian uji coba dilakukan untuk menguji kebenaran
aplikasi dan kesesuaian aplikasi dengan kebutuhan
penyelenggara kegiatan. Pada akhirnya, aplikasi berhasil
dipergunakan sebagai media pendaftaran dan pemilihan InuKirana dan Putra Putri Batik Kabupaten Kediri dan dapat
dimanfaatkan lebih lanjut.
I. PENDAHULUAN
1.1
Perkembangan ilmu pengetahuan dan teknologi yang
sangat pesat mendorong manusia untuk meningkatkan bahkan
menciptakan suatu teknologi baru yang bermanfaat bagi
manusia lainnya. Perkembangan dan kemajuan yang pesat ini
dialami oleh negara-negara yang menguasai teknologi
informasi, sehingga mengakibatkan negara-negara dengan
infrastruktur teknologi informasi yang kurang canggih akan
tertinggal jauh di belakang.
Tuntutan kemajuan zaman yang sejalan dengan
perkembangan teknologi informasi, ditandai dengan
perkembangan teknologi komputer dan teknologi komunikasi
serta transportasi, membuat setiap lembaga/instansi dituntut
memiliki infrastruktur teknologi informasi, sebagai tuntutan
kemajuan zaman. Di era globalisasi, seluruh sistem pelayanan
menggunakan peralatan yang bersifat efisien waktu dan tenaga.
Perkembangan teknologi informasi sehingga mendorong para
konsumen untuk memanfaatkan media internet sebagai
penyedia berbagai layanan informasi.
Salah satunya adalah pelayanan yang terjadi Di
Kabupaten Kediri. Dalam setiap tahun dan setiap 2 tahun sekali
terdapat sebuah kegiatan untuk mencari para Duta Wisata serta
mencari pelestari batik yang masih remaja. Kegiatan setiap
tahun dan setiap 2 tahun tersebut yaitu ajang pencarian PutraPutri Batik dan Duta Wisata Inu Kirana.
Selama ini dalam pemilihan Putra-Putri Batik serta Duta Wisata
Inu Kirana masih menggunakan beberapa social media sebagai
sarana untuk menentukan para pemenang melalui votting. Hal
tersebut belum cukup baik untuk menentukan pemenang dari
sekian banyak peserta. Sehingga perlu adanya sebuah sistem
yang dapat menangani permasalahan dalam menentukan
pemenang. Dengan adanya sistem ini diharapkan dalam
pemilihan Putra-Putri Batik maupun pemilihan Duta Wisata
tidak terlalu fokus pada social media karena sudah ada sistem
yang dapat membantu dalam pemilihan pemenang dari sekian
banyak peserta.
1.2
Kata Kunci— electronic voting, web-based, inu-kirana, putra-putri
batik
pISSN: 2252 – 486X
eISSN: 2548–4710
Latar Belakang
Rumusan Masalah
Dari latar belakang yang telah dikemukaan diatas,
muncul beberapa rumusan masalah yaitu bagaimana
merancang dan membuat aplikasi Electronic Votting Berbasis
Web Untuk Pekan Budaya Dinas Kebudayaan dan Pariwisata
Kab. Kediri.
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
25
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
1.3
Batasan Masalah
Beberapa batasan-batasan masalah dalam melakukan
penelitian ini adalah sebagai berikut :
1. Dalam sistem aplikasi yang akan dibuat ini mencakup
informasi tentang Duta Wisata Inu Kirana dan Putra-Putri
Batik.
2. Pemilihan pemenang untuk Duta Wisata dan Putra-Putri
Batik ditentukan dengan cara voting.
3. Untuk dapat melakukan voting, pengunjung terlebih dahulu
harus mendaftar sebagai member.
4. Setiap member diberikan hak untuk voting satu peserta Inu,
Kirana, Putra Batik dan Putri Batik.
1.4
Tujuan Penelitian
Tujuan penelitian ini untuk membangun aplikasi
Electronic Votting Berbasis Web Untuk Pekan Budaya Dinas
Kebudayaan dan Pariwisata Kab. Kediri agar memanfaatkan
aplikasi khusus yang dapat digunakan untuk menampilkan
sejumlah informasi terkait dengan Duta Wisata dan Putra-Putri
Batik sampai dengan menentukan pemenang dari sekian
banyak peserta dengan cara votting.
1.5
Manfaat Penelitian
Manfaat yang diperoleh melalui penelitian ini adalah
sebagai berikut :
1. Bagi Pengguna
Bagi para pengguna aplikasi pemesanan mebel ini akan
memudahkan dalam pencarian informasi terkait dengan
Duta Wisata dan Putra-Putri Batik.
2. Bagi Perkembangan IPTEK
Dengan adanya penelitian ini diharapkan nantinya dapat
memperkaya perkembangan dan penyebaran sistem
informasi yang sudah banyak berkembang di era ini.
1.6
1.6.1
Metode Penelitian
Pengumpulan Data
Pengumpulan data dapat dilakukan dengan cara studi
lapangan dengan meminta data yang dibutuhkan dan
wawancara langsung dengan pihak yang terkait.
1.6.2
Analisa Kebutuhan
Analisa kebutuhan mempunyai fungsi untuk
mengetahui fitur-fitur yang perlu ditambahkan dan dibutuhkan
pada sistem setelah data terkumpul.
1.6.3
Perancangan Sistem
Setelah melakukan analisa kebutuhan dan mengetahui
apa yang dibutuhkan dan diperlukan, tahapan ini harus
melewati tahap perancangan sistem terlebih dahulu, agar
mempermudah dalam proses pembuatan sistem ini, dana agar
langkah-langkah sistem lebih terstruktur. Pertama, membuat
arsitektur sistem, flowchart, DFD, kemudian ERD.
Hamin, Santoso, Anam
1.6.4
Implementasi
Implementasi database, yaitu membuat database pada
Mysql sesuai dengan rancangan database yang telah dibuat,
serta implementasi antarmuka pengguna, atau membuat
anatarmuka pada Macromedia Dreamweaver, tampilan juga
disesuaikan seperti rancangan yang dibuat. Setelah merancang
tampilan, kemudian melakukan koding pada aplikasi.
Kemudian dikoneksikan antara database dengan tampilan
antarmukan pengguna.
1.6.5
Uji Coba
Seletah implementasi selesai, uji coba sangat diperlukan.
Untuk mengetahui proses-proses yang perlu diperbaiki.
II. ANALISA DAN PERANCANGAN SISTEM
2.1
Analisa dan Perancangan Sistem
Pada tahap Analisa dan Perancangan Sistem disini
berisi tentang analisa kebutuhan DFD (Data Flow Diagram)
dan Prancangan basis data.
2.1.1
Analisa Sistem Yang Sedang Berjalan
Analisa sistem dapat di definisakan sebagai suatu proses
penguraian dari suatu sistem informasi yang utuh kedalam
bagian-bagian komponen sistem dengan maksud untuk
mengidentifikasikan dan mengevaluasi permasalahan permasalahan, kesempatan – kesempatan, hambatan-hambatan
yang terjadi dan kebutuhan-kebutuhan yang diharapkan,
sehingga dapat diusulkan perbaikan-perbaikan yang akan
dilakukan pada aplikasi tersebut. Analisa sistem yang sedang
berjalan merupakan suatu gambaran tentang sistem yang
diamati yang sedang berjalan saat ini, sehingga kelebihan dan
kekurangan dari sistem juga dapat memudahkan dalam
perancangan sistem yang baru.
Aplikasi Electronic Votting Berbasis Web untuk Pekan
Budaya Dinas Kebudayaan dan Pariwisata Kab. Kediri ini
adalah sebuah kegiatan yang dilakukan untuk membantu proses
mulai dari pendaftaran, informasi sampai voting peserta Inu
Kirana serta Putra-Putri Batik. Aplikasi ini dibangun supaya
dalam votting Inu Kirana dan Putra-Putri Batik tidak selalu
bergantung pada aplikasi social media yang sudah banyak di
pasaran, serta supaya lebih fokus untuk memantau proses
votting karena hanya memantau pada satu website saja. Dalam
hal ini aplikasi ini membantu seperti dalam proses pendaftaran
yang masih menggunakan buku manual serta penyebaran
pengumuman/iklan yang masih bertumpu pada social media
yang ada.
2.1.2
Analisa Prosedur yang sedang Berjalan
Analisa prosedur sistem yang akan dibahas adalah
prosedur prosedur pemilihan duta wisata Inu Kirana dan Putra
Putri Batik. Adapun prosedur pemilihan Inu Kirana dan Putra
Putri Batik:
pISSN: 2252 – 486X
eISSN: 2548–4710
26
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
1. Admin dapat menambahkan data peserta, mengedit data,
dan menghapus data peserta.
2. Admin dapat lagsung mengetahui hasil voting untuk peserta
Inu Kirana dan Putra Putri Batik.
3. Admin menentukan pemenang duta wisata Inu Kirana dan
Putra Putri Batik dengan cara voting.
Member dapat melakukan proses voting satu kali untuk
peserta Inu, Kirana, Putra Batik dan Putri Batik.
3. Admin
Admin dapat melakukan proses tambah, edit dan hapus
peserta Inu-Kirana dan Putra-Putri Batik.
2.2.2
2.1.3
Analisa Tools yang Diperlukan
Analisa tool terdiri dari 2 yaitu software dan hardware.
Hardware adalah salah satu komponen dari sebuah komputer
yang besifat nyata yang berfungsi untuk mendukung proses
komputerasi. Dan software adalah sekumpulan data elektronik
yang disimpan dan diatur oleh komputer,data elektronik yang
disimpan oleh komputer itu dapat berupa program atau
instruksi yang akan menjalankan suatu perintah.
Analisa kebutuhan di perlukan untuk mengetahui fitur –
fitur apa saja yang ada dalam sistem, dan juga untuk mngetahui
kebutuhan dari pengguna yang menggunakan aplikasi yang
dibuat.
2.3 Alur Kerja Sistem
2.3.1
2.3.1.1
A. Perangkat Keras / hardware
Processor
: Intel Core i3
Harddisk
: 500 Gb
Memory
: 2 Gb
VGA
: 128 Mb
Monitor
: 15’’
B. Perangkat Lunak
Software disebut juga sebagai perangkat lunak, maka
sifatnya pun berbeda dengan hardware atau perangkat keras,
jika perangkat keras adalah komponen yang nyata yang dapat
diliat dan disentuh oleh secara langsung manusia. maka
software atau Perangkat lunak tidak dapat disentuh dan dilihat
secara fisik, software memang tidak tampak secara fisik dan
tidak berwujud benda namun bisa untuk dioperasikan,
Pemesanan software di aplikasi ini tidak begitu banyak namun
menghadirkan interface dan fungsi – fungsi yang luar biasa dan
bisa dikatakan bagus sehingga banyak menarik user untuk
mengakses aplikasi tersebut. Di bawah ini adalah perangkat
lunak yang di butuhkan antara Lain :
Macromedia Dreamweaver 8 : Software Macromedia
Dreamweaver versi 8 ini digunakan untuk pembuatan
interface aplikasi itu sendiri.
Php : Berfungsi atau digunakan sebagai salah satu bahasa
pemrograman web
MySql : Berfungsi atau digunakan sebagai Database server.
Google Chrome : Berfungsi atau digunakan sebagai Web
browser.
2.2.1
Fungsionalitas Sistem
Analisa Pengguna
Pengguna yang terdapat dalam Aplikasi Electronic
Voting berbasis Web untuk Inu-Kirana dan Putra-Putri Batik
Kabupaten Kediri ini ada 3 :
1. Pengunjung
Pengunjung dalam aplikasi ini hanya dapat melihat daftar
peserta dan perolehan voting untuk 3 peserta tertinggi.
2. Member
pISSN: 2252 – 486X
eISSN: 2548–4710
Rancangan Flow Diagram
Diagram Level Konteks Aplikasi
Diagram konteks dibawah ini merupakan alur data dari
peserta menuju ke admin setelah itu admin memasukkan data
ke dalam sistem aplikasi untuk dilakukan proses voting oleh
member.
Gambar 1 DFD Level Konteks Aplikasi
Berdasarkan Gambar 2.1 yaitu diagram konteks
merupakan gambar struktur hierarki menu diatas dapat dilihat
bahwa aplikasi Electronic Voting ini tediri dari 3 menu utama
yaitu Admin, Member, dan Pengunjung yang semuanya
berhubungan ke Sistem Eletronic Voting.
2.3.1.2
2.2
Analisa Kebutuhan
DFD Level 1 Member
DFD level 1 member ini merupakan perkembangan dari
diagram konteks dengan alur data yang lebih detail yang
mengharuskan admin masuk ke login dahulu sebelum masuk
sistem untuk mengisikan data atau record. Begitupun dengan
member hampir sama dengan admin, namun perbedaannya
terletak pada fitur admin yang dapat mengelola data peserta dan
data informasi, sedangkan member hanya bisa mengelola data
voting (melakukan aksi voting) untuk mengisikan data atau
record.
Dalam DFD level 1 ini admin memiliki beberapa hak
yaitu dapat menambah, mengedit dan menghapus data peserta
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
27
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Inu Kirana dan data peserta Putra Putri Batik, selain itu admin
juga dapat menghapus data member namun dan dapat melihat
perolehan voting untuk peserta Inu Kirana dan peserta Putra
Putri Batik. Sedangkan member dapat melakukan voting untuk
memberikan dukungan terhadap peserta Inu Kirana dan Putra
Putri Batik. Member juga dapat melihat biodata peserta Inu
Kirana dan Putra Putri Batik.
Dalam aplikasi ini member hanya diberikan hak pilih
untuk memilih satu peserta Inu, Kirana, Putra Batik dan Putri
Batik, setelah hak pilih tersebut digunakan oleh member maka
member sudah tidak dapat melakukan voting terhadap peserta
Inu Kirana maupun peserta Putra Putri Batik.
2.3.1.3
DFD Level 1 Pengunjung
DFD level 1 pegunjung ini merupakan perkembangan
dari diagram konteks dengan alur data yang lebih detail yang
mengharuskan admin masuk ke login dahulu sebelum masuk
sistem untuk mengisikan data atau record. Pengunjung hanya
bisa melihat informasi peserta saja.
Dapat diketahui fitur-fitur yang dimiliki oleh Admin,
yaitu dapat melakukan managemen pada data peserta dan data
informasi peserta. Sedangkan fitur pengunjung hanya dapat
melihat informasi peserta.
2.3.1.4
DFD Level 2 Data Peserta Inu-Kirana
DFD level 2 Data Inu-Kirana ini merupakan
perkembangan dari DFD level 1 dengan menambahkan fiturfitur seperti input, delete dan edit data dari tabel pada database
yang telah dibuat.
Admin terlebih dahulu harus melakukan login. Apabila
proses login berhasil, admin dapat masuk ke dalam proses
pengolahan data Inu-Kirana. Apabila tidak berhasil harus
melakukan proses login ulang. Di dalam pengolahan data InuKirana terdapat 3 proses yaitu, input, delete dan edit data.
Admin dapat melihat data peserta yang telah tersimpan dalam
database, memasukkan data yang baru, menghapus data yang
sudah tidak terpakai, dan juga mengubah isi dari data peserta
yang sudah ada. Semua proses tersebut berhubungan dengan
database pada mysql.
2.3.1.5
DFD Level 2 Data Peserta Putra-Putri Batik
DFD level 2 Data Putra-Putri Batik ini merupakan
perkembangan dari DFD level 1 dengan menambahkan fiturfitur seperti input, delete dan edit data dari tabel pada database
yang telah dibuat.
Admin terlebih dahulu harus melakukan login. Apabila
proses login berhasil, admin dapat masuk ke dalam proses
pengolahan data peserta. Apabila tidak berhasil harus
melakukan proses login ulang. Di dalam pengolahan data
peserta terdapat 3 proses yaitu, input, delete dan edit data
peserta. Admin dapat melihat data peserta yang telah tersimpan
dalam database, memasukkan data yang baru, menghapus data
peserta yang sudah tidak terpakai, dan juga mengubah isi dari
Hamin, Santoso, Anam
data peserta yang sudah ada. Semua proses tersebut
berhubungan dengan database pada mysql.
2.3.1.6
DFD Level 2 Voting
DFD level 2 Voting ini merupakan perkembangan dari
DFD level 1 dengan menambahkan fitur input untuk
menambahkan jumlah voting peserta.
Pengunjung terlebih dahulu harus melakukan login
untuk menjadi Member. Apabila proses login berhasil,
pengunjung dapat masuk ke dalam proses voting peserta.
Apabila tidak berhasil harus melakukan proses login ulang. Di
dalam pengolahan data voting hanya ada proes input. Satu
member hanya bisa memberikan satu voting kepada satu
peserta, namu bisa memberikan voting lebih dari satu peserta.
Proses votin juga berhubungan dengan database pada mysql.
2.3.2
2.3.2.1
Desain Basis Data
Entity Relationship Database
ERD dibawah ini menunjukkan informasi yang dibuat,
disimpan dan digunakan dalam Aplikasi Electronic Voting
Berbasis Web untuk Inu-Kirana dan Putra-Putri Batik
Kabupaten Kediri. ERD juga untuk digunakan sebagai proses
kerja aplikasi.
ERD yang memiliki beberapa entitas diantaranya,
Admin, Member, Peserta_PPB, dan Perserta_IK . Admin dapat
mengelola data Member dan Peserta. Member dapat memilih
Peserta untuk memulai proses voting pada sistem. Peserta
memiliki data skor hasil dari proses voting.
2.3.2.2
Struktur Tabel
Di dalam Aplikasi Electronic Votting Berbasis Web
untuk Pekan Budaya Dinas Kebudayaan dan Pariwisata Kab.
Kediri ini dibutuhkan suatu database yang berguna sebagai
tempat penyimpanan seluruh data. Semua data tersebut intinya
akan di simpan dalam database, dan aplikasi database yang
digunakan yaitu Mysql. Untuk spesifikasi lebih detailnya akan
dijelaskan di bawah ini beserta field dan tipe data pada masingmasing table.
1.
Tabel Admin
a. Nama tabel : tb_admin
b. Primary key : id
c. Jumlah field : 5
d. Keterangan : Tabel berfungsi untuk menyimpan login
admin
TABEL I ADMIN
No
1
2
3
4
5
Nama
Id
Nama_lengkap
Username
Password
Alamat
Tipe
Varchar(5)
Varchar(100)
Varchar(100)
Varchar(100)
Varchar(100)
pISSN: 2252 – 486X
eISSN: 2548–4710
28
2.
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Tabel Member
12
13
14
15
16
17
18
19.
a. Nama tabel : tb_member
b. Primary key : kd_user
c. Jumlah field : 6
d. Keterangan : Tabel berfungsi untuk menyimpan data
member
TABEL II MEMBER
No
1
2
3
4
5
6
3.
Nama
Kd_user
Nama_lengkap
Email
Username
Password
Alamat
Tipe
Varchar(5)
Varchar(100)
Varchar(100)
Varchar(100)
Varchar(100)
Varchar(200)
5.
a. Nama tabel
: tb_peserta_ppb
b. Primary key
: kd_peserta_ppb
c. Jumlah field
: 15
d. Keterangan
: Tabel berfungsi menyimpan data
pendaftaran Peserta Putra-Putri Batik
TABEL V PESERTA PUTRA-PUTRI BATIK
a. Nama tabel
: tb_member_voting
b. Primary key
: id
c. Jumlah field
:6
d. Keterangan
: Tabel berfungsi menyimpan data
Voting pada Member
No
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
TABEL III MEMBER VOTING
4.
Nama
Id
kd_user
V_inu
V_kirana
V_putra_batik
V_putri_batik
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Tabel Peserta Putra-Putri Batik
Tabel Member Voting
No
1
2
3
4
5
6
K_f_close_up
K_f_seluruh_badan
K_pas_foto
S_belum_nikah
S_sehat
S_izin_ortu
K_formulir
Foto
Tipe
Int(5)
Char(5)
Int(1)
Int(1)
Int(1)
Int(1)
Nama
Kd_peserta_ppb
Nama_lengkap
Sekolah
Alamat
No_hp
Jenis_kelamin
Tinggi_badan
Tgl_lahir
Umur
K_fc_ktp
K_foto_4r
K_no_peserta
S_sehat
K_formulir
Foto
Tipe
Varchar(12)
Varchar(100)
Varchar(100)
Varchar(200)
Varchar(15)
Varchar(9)
Int(5)
Date
Int(5)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Tabel Peserta Inu-Kirana
a. Nama tabel
: tb_peserta_ik
b. Primary key
: kd_peserta_ik
c. Jumlah field
: 19
d. Keterangan
: Tabel berfungsi menyimpan data
pendaftaran Peserta Inu-Kirana
6.
Tabel Skor Inu-Kirana
a. Nama tabel
: tb_skor_ik
b. Primary key
: id_voting_ik
c. Jumlah field
:3
d. Keterangan
: Tabel berfungsi menyimpan data
voting pemilihan Inu-Kirana
TABEL IV PESERTA INU-KIRANA
No
1
2
3
4
5
6
7
8
9
10
11
Nama
Kd_peserta_ik
Nama_lengkap
Nama_panggilan
Jenis_kelamin
Tinggi_badan
Ttl
Umur
Pekerjaan_pendidikan
No_hp
Domisili
S_domisili
pISSN: 2252 – 486X
eISSN: 2548–4710
Tipe
Varchar(11)
Varchar(100)
Varchar(3)
Varchar(9)
Int(5)
Date
Int(5)
Varchar(100)
Varchar(15)
Varchar(200)
Varchar(9)
TABEL VI SKOR INU-KIRANA
No
1
2
3
7.
Nama
Id_voting_ik
Kd_peserta_ik
Jml_voting
Tipe
Int(5)
Char(11)
Int(5)
Tabel Skor Putra-Putri Batik
a. Nama tabel
: tb_skor_ppb
b. Primary key
: id_voting_ppb
c. Jumlah field
:3
d. Keterangan
: Tabel berfungsi menyimpan data
voting pemilihan Putra-Putri Batik
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
29
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
2.3.3.3
TABEL VII SKOR PUTRA-PUTRI BATIK
No
1
2
3
2.3.3
Nama
Id_voting_ppb
Kd_peserta_ppb
Jml_voting
Tipe
Int(5)
Char(11)
Int(5)
Rancangan Interface Inu-Kirana
Dalam halaman ini memiliki konten tentang daftar peserta
Inu-Kirana dan Skor Votting 3 teratas serta bisa dilihat
selanjutnya untuk Skor Votting dari semua peserta. Untuk
member ada satu tambahan fitur yaitu fitur Votting untuk 1 Inu
dan 1 Kirana.
Perancangan Interface
Setelah merancang database, tahap selanjutnya adalah
merancang tampilan antarmuka untuk pengunjung dan member.
Hal ini dilakukan untuk memudahkan pengunjung dalam
mengoperasikan aplikasi electronic voting ini.
2.3.3.1
Rancangan Interface Login Admin
Admin dapat menggunakan sistem aplikasi apabila sudah
login dengan benar yaitu sesuai dengan username dan password
yang di inputkan dan cocok dengan konfigurasi username serta
password di database.
Gambar 4 Rancangan Interface Inu-Kirana
Selanjutnya ada interface Inu-Kirana Pada Gambar 4
menjelaskan beberapa tampilan daftar peserta Inu dan Kirana,
juga terdapat Top 3 Inu dan Top 3 Kirana. Button Inu-Kirana
terdapat pada menu Daftar Peserta.
2.3.3.4
Gambar 2 Interface Login Member
Rancangan Interface Putra-Putri Batik
Dalam halaman ini memiliki konten tentang daftar peserta
Putra-Putri Batik dan Skor Votting 3 teratas serta bisa dilihat
selanjutnya untuk Skor Votting dari semua peserta. Untuk
member ada satu tambahan fitur yaitu fitur Votting untuk 1
Putra Batik dan 1 Putri Batik.
Pada Gambar 3.8 Dapat melihat perancangan interface
login terdapat username dan password di awal login member
untuk voting.
2.3.3.2
Rancangan Dashboard Beranda
Pada halaman ini merupakan halaman utama yang dapat
dilihat admin serta semua pengunjung yang berisi menu-menu
yang dapat memberi informmasi tentang Inu-Kirana serta
Putra-Putri Batik Kabupaten Kediri.
Gambar 5 Interface Putra-Putri Batik
Selanjutnya ada interface Putra-Putri
Batikpada
Gambar 5 menjelaskan beberapa tampilan daftar peserta Putra :
dan Putri Batik, juga terdapat Top 3 Pputra Batik dan Top 3
Putri Batik. ButtonPutra-Putri Batik terdapat pada menu Daftar
Peserta.
Gambar 3 Dashboard Beranda
Pada Gambar 3 terdapat tampilan awal aplikasi berupa
beberapa button dan konten tentang tutorial electronic voting.
Hamin, Santoso, Anam
2.3.3.5
Rancangan Interface Tentang Kami
Halaman tentang kami menampilkan informasi tentang
Dinas Kebudayaan dan Pariwisata Kabupaten Kediri yang
menjadi pengelola website E-Voting ini, disamping itu juga
pada halaman ini menampilkan peta wisata Kabupaten Kediri.
pISSN: 2252 – 486X
eISSN: 2548–4710
30
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Gambar 8 Implementasi Halaman Masuk/Daftar
Gambar 6 Interface Tentang Kami
Interface Tentang Kami pada Gambar 6 menjelaskan
tentang profil Dinas Kebudayaan dan Pariwisata Kabupaten
Kediri, namun didalam halaman ini terdapat juga Peta Wisata
Kabupaten Kediri untuk memudahkan pengunjung menemukan
destinasi lokasi wisata yang ada di Kabupaten Kediri.
2.3.3.6
Rancangan Interface Kontak
Halaman kontak pada website E-Voting memberikan
informasi mengenai alamat, nomor telepon, email dan akun
media sosial milik Dinas Kebudayaan dan Pariwisata
Kabupaten Kediri.
Gambar 7 Interface Kontak
Interface Kontak pada Gambar 7 menjelaskan tentang
bagaimana penunjung dapat menghubungi admin, bisa melalui
kontak langsung ke kantor dinas atau melalui media sosial yang
tertera pada tampilan Kontak.
2.3.4
Implementasi Sistem
Desain dan perancangan yang telah dibuat kemudian di
realisasikan ke dalam pembuatan website E-Voting . Berikut ini
adalah tampilan dari hasil desain dan perancangan website.
2.3.4.1
Berdasarkan perancangan sistem diatas terdapat dua
jenis form, form yang terdapat pada sisi kanan untuk daftar
pengunjung yang belum memiliki akun dan form pada sisi kiri
untuk masuk pengunjung yang sudah memiliki akun, berikut
adalah potongan scriptview dari halaman masuk/daftar Member.
$data = array('username' =>
$this->input->post('username', TRUE),
'password' => md5($this->input->post('password',
TRUE))
);
$this->load->model('m_master');
$hasil = $this->m_master->user('tb_member',
$data);
if ($hasil->num_rows() == 1) {
foreach ($hasil->result() as $sess) {
$sess_data['logged_in'] = 'Sudah Loggin';
v}redirect('c_member');
}
Else
{
echo "alert('Gagal login: Cek username,
password!');history.go(-1);";
}
2.3.4.2
Implementasi Halaman Beranda
Halaman beranda member merupakan halaman utama
ketika member masuk kedalam halaman ini. Pada halaman ini
terdapat tampilan slide tentang alur voting dari website EVoting ini.
Implementasi Halaman Daftar/Masuk
Halaman masuk/daftar merupakan antarmuka bagi
pengunjung yang ingin mendaftar sebagai member. Pada
halaman ini pengunjung dapat mendaftar dahulu atau masuk
sebagai member, setelah pengunjung terdaftar sebagai member
maka pengunjung yang sudah memiliki akun dapat melakukan
proses voting peserta Inu Kirana dan Putra Putri Batik.
Gambar 9 Implementasi Halaman Beranda
pISSN: 2252 – 486X
eISSN: 2548–4710
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
31
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Berdasarkan perancangan sistem halaman beranda
diatas terdapat slide yang memberikan informasi tentang
langkah-langkah voting dan lainnya, berikut adalah potongan
scriptview dari halaman beranda.
public function beranda(){
$data = array(
'name' => $this->session->userdata('username'),
'active_index'=>'active'
);
$this->load->view('member/header.php', $data);
$this->load->view('member/index.php');
$this->load->view('member/footer.php');
}
2.3.4.3
Implementasi Halaman Peserta Inu Kirana
Halaman peserta Inu Kirana ini terdapat 2 konten, konten
pada sisi kanan berisi daftar peserta Inu dan Kirana sedangkan
pada sisi kiri terdapat 3 daftar peserta yang memperoleh skor
tinggi baik di peserta Inu dan Kirana.
peserta terbaik
$data = array(
'name' => $this->session->userdata('username'),
'active_peserta_ik'=>'active' );
$data1 = array(
'data_ik_lk' => $cari_lk,
'data_ik_pr'=> $cari_pr,
'v_inu' => $hak_voting[0]['v_inu'],
'v_kirana' => $hak_voting[0]['v_kirana'],
'top_peserta_inu' => $top_peserta_inu,
'top_peserta_kirana' => $top_peserta_kirana );
$this->load->view('member/header.php', $data);
$this->load->view('member/peserta_ik.php',
$data1);
$this->load->view('member/footer.php');
}
2.3.4.4
Implementasi Halaman Peserta Putra Putri Batik
Halaman peserta Putra Putri Batik ini merupakan halaman
yang menampilkan daftar peserta Putra Putri Batik. Pada
halaman ini terdapat 2 konten, konten pada sisi kanan berisi
daftar peserta Putra dan Putri Batik sedangkan pada sisi kiri
terdapat 3 daftar peserta yang memperoleh skor tinggi baik di
peserta Putra Batik maupun Putri Batik.
Disamping itu juga terdapat tombol untuk melihat data
voting dari seluruh peserta Putra Putri Batik, tombol tersebut
berada dibawah daftar 3 peserta dengan skor tertinggi Putra
Batik dan Putri Batik.
Gambar 10 Implementasi Halaman Inu Kirana
Berdasarkan perancangan sistem pada halaman
peserta Inu Kirana diatas terdapat daftar peserta Inu dan Kirana.
Pada konten yang atas merupakan peserta Inu dan bawahnya
adalah peserta Kirana, berikut adalah potongan scriptview dari
halaman peserta Inu Kirana.
public function peserta_ik(){
$this->load->model('m_member');
$username = $this->session->userdata('username');
$passwd = $this->session->userdata('password');
$detail_user =
$this->m_member->detail_user($username, $passwd);
$kd_user = $detail_user[0]['kd_user'];
$cari_lk = $this->m_member->lihat_ik_lk('Lakilaki');//mencari peserta laki-laki
$cari_pr =
$this->m_member->lihat_ik_pr('Perempuan');//menca
ri peserta perempuan
$hak_voting =
$this->m_member->user_voting($kd_user);//mencari
hak voting user
$top_peserta_inu=$this->m_member->top_peserta_in
u();//mencari 3 peserta terbaik
$top_peserta_kirana =
$this->m_member->top_peserta_kirana();//mencari 3
Hamin, Santoso, Anam
Gambar 11 Implementasi Halaman Putra Putri Batik
Berdasarkan perancangan sistem pada halaman
peserta Putra Putri Batik diatas terdapat daftar peserta Putra dan
Putri Batik. Pada konten bagian atas berisi peserta Putra Batik
dan bawahnya adalah peserta Putri Batik, berikut adalah
potongan scriptview dari halaman peserta Putra Putri Batik.
public function peserta_ppb(){
$this->load->model('m_member');
$username = $this->session->userdata('username');
$passwd = $this->session->userdata('password');
$detail_user =
$this->m_member->detail_user($username, $passwd);
$kd_user = $detail_user[0]['kd_user'];
$cari_lk = $this->m_member->lihat_ppb_lk('Lakilaki');//mencari peserta laki-laki
$cari_pr =
pISSN: 2252 – 486X
eISSN: 2548–4710
32
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
$this->m_member->lihat_ppb_pr('Perempuan');//m
encari peserta perempuan
$hak_voting =
$this->m_member->user_voting($kd_user);//menca
ri hak voting user
$top_peserta_putra=
$this->m_member->top_peserta_putra();//mencari
3 peserta terbaik
$top_peserta_putri =
$this->m_member->top_peserta_putri();//mencari 3
peserta terbaik
$data1 = array(
'data_ppb_lk' => $cari_lk,
'data_ppb_pr'=> $cari_pr,
'v_putra_batik' => $hak_voting[0]['v_putra_batik'],
'v_putri_batik' => $hak_voting[0]['v_putri_batik'],
'top_peserta_putra' => $top_peserta_putra,
'top_peserta_putri' => $top_peserta_putri );
$data = array(
'name' => $this->session->userdata('username'),
'active_peserta_ppb'=>'active' );
$this->load->view('member/header.php', $data);
$this->load->view('member/peserta_ppb.php',
$data1);
$this->load->view('member/footer.php');
}
2.3.4.5
Implementasi Halaman Biodata Peserta
Halaman biodata peserta ini menampilkan informasi
masing-masing peserta, biodata peserta tersebut meliputi
alamat, tanggal lahir, umur, jenis kelamin dan sebagianya .
$this->load->view('member/header.php', $data);
$this->load->view('member/detail_peserta_ik.php',
$data_peserta);
$this->load->view('member/footer.php');
2.3.4.6
Implementasi Halaman Tentang Kami
Halaman tentang kami menampilkan informasi tentang
Dinas Kebudayaan dan Pariwisata Kabupaten Kediri yang
enjadi pengelola website E-Voting ini, disamping itu juga pada
halaman ini menampilkan peta wisata Kabupaten Kediri.
Gambar 13 Implementasi Halaman Tentang Kami
Berdasarkan perancangan sistem halaman tentang kami
diatas, berikut adalah potongan scriptview dari halaman tentang
kami.
public function tentang_kami(){
$data = array(
'name' => $this->session->userdata('username'),
'active_tentang_kami'=>'active'
);
$this->load->view('member/header.php', $data);
$this->load->view('member/tentang_kami.php');
$this->load->view('member/footer.php');
}
2.3.4.7 Implementasi Halaman Kontak
Halaman kontak pada website E-Voting memberikan
informasi mengenai alamat, nomor telepon, email dan akun
media sosial milik Dinas Kebudayaan dan Pariwisata
Kabupaten Kediri.
Gambar 12 Implementasi Halaman Biodata Diri
Berdasarkan perancangan sistem halaman biodata diri
diatas, berikut adalah potongan scriptview dari halaman
biodata peserta.
$id_peserta = $this->uri->segment(3);
$this->load->model('m_member');
$data_peserta['data'] =
$this->m_member->detail_peserta($id_peserta,
'kd_peserta_ik', 'tb_peserta_ik');
$data = array(
'name' => $this->session->userdata('username'), );
pISSN: 2252 – 486X
eISSN: 2548–4710
Gambar 14 Implementasi Halaman Kontak
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
33
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Berdasarkan perancangan sistem halaman kontak kami di
atas, berikut adalah potongan scriptview dari halaman kontak
kami.
public function kontak(){
$data = array(
'name' => $this->session->userdata('username'),
'active_kontak'=>'active'
);
$this->load->view('member/header.php', $data);
$this->load->view('member/kontak.php');
$this->load->view('member/footer.php');
}
2.3.5
Pembahasan Sistem
Bagian ini menjelaskan tentang hasil penelitian dan
pengujian yang dilakukan terhadap Aplikasi Electronic Voting
berbasis Web untuk Inu-Kirana dan Putra-Putri Batik
Kabupaten Kediri yang telah dibangun. Pengujian sistem
dilakukan untuk membuktikan bahwa fitur-fitur sistem dapat
berjalan dengan baik dengan indikator pencapaian sebagai
berikut :
1. Sistem dapat menampilkan peserta Inu Kirana dan Putra
Putri Batik.
2. Sistem dapat menampilkan biodata diri peserta Inu Kirana
dan Putra Putri Batik.
3. Sistem dapat menampilkan daftar 3 peserta yang
memperoleh voting terbanyak.
4. Sistem dapat memberikan layanan pendaftaran pengunjung.
5. Admin dapat menambah, mengedit, menghapus data
peserta Inu Kirana dan Putra Putri Batik.
2.3.5.1
Pengujian Halaman Masuk/Daftar
Gambar 16 Tampilan Halaman Masuk
Kemudian setelah username dan password yang
dimasukkan sesuai dengan akun yang dimiliki maka akan
muncul pesan selamat datang di halaman member seperti pada
Gambar 17.
Gambar 17 Tampilan Pesan Selamat Datang
2.3.5.2
Pengujian Halaman Inu Kirana
Pada Halaman Inu Kirana terdapat sejumlah peserta Inu
dan Kirana, member hanya diberikan hak pilih masing-masing
satu untuk peserta Inu dan Kirana. Gambar 18 menjelaskan
bahwa member yang masuk masih memiliki hak voting pada
salah satu peserta Inu ataupun peserta Kirana dengan masih
terlihatnya tombol "Dukung" pada peserta.
Halaman masuk/daftar merupakan halaman untuk
pengunjung yang ingin mendaftar atau masuk ke dalam
halaman member untuk dapat melakukan voting. Pada Gambar
15 pengunjung mendaftar sebagai member untuk melakukan
voting terhadap peserta Inu Kirana dan Putra Putri Batik.
Gambar 18 Tampilan Halaman Peserta Inu Kirana
Gambar 15 Tampilan Halaman Daftar
Setelah mendaftar sebagai member maka dapat masuk
ke dalam halaman member dengan memasukkan username dan
password ke dalam form sebelah kiri seperti pada Gambar 16
Hamin, Santoso, Anam
Setelah memilih/menekan tombol "Dukung" pada salah
satu peserta, maka selanjutnya akan muncul notifikasi
kepastian memilih "Peringatan: Anda hanya diberikan hak
untuk memberikan dukungan satu peserta Inu, apa anda yakin
memilih peserta Rahman Cahyana(nama peserta) ?". Apabila
yakin selanjutnya tekan tombol "OK" apabila tidak yakin maka
tekan "Cancel" seperti pada Gambar 19
pISSN: 2252 – 486X
eISSN: 2548–4710
34
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Gambar 19 Tampilan Pesan Pilih Atau Tidak
Gambar 22 Tampilan Pesan Pilih atau Tidak
Berdasarkan Gambar 20 tersebut member telah memilih
salah satu peserta dengan nama Rahman Cahyana ditandai
dengan hilangnya tombol "Dukung" pada peserta serta
bertambahnya nilai votting pada peserta tersebut.
Berdasarkan gambar tersebut member telah memilih
salah satu peserta dengan nama Siska Dwi Indrayati ditandai
dengan hilangnya tombol "Dukung" pada peserta serta
bertambahnya nilai votting pada peserta tersebut seperti pada
Gambar 23.
Gambar 20 Tampilan Halaman Peserta Inu Kirana
2.3.5.3
Gambar 23 Tampilan Halaman Peserta Putra Putri Batik
Pengujian Halaman Putra Putri Batik
Pada Halaman Putra Putri Batik terdapat sejumlah
peserta Putra dan Putri Batik, member hanya diberikan hak pilih
masing-masing satu untuk peserta Putra dan Putri Batik.
Gambar 21 menjelaskan bahwa member yang masuk masih
memiliki hak votting pada salah satu peserta Putra Batik
Ataupun peserta Putri Batik dengan masih terlihatnya tombol
"Dukung" pada peserta.
2.3.5.4
Pengujian Halaman Biodata Peserta
Pada Gambar 24 yaitu menunjukan biodata diri salah
satu dari peserta kepada member untuk lebih sungguh-sungguh
dalam memilih peserta, karena member hanya diberi 1 hak
votting/memilih untuk 1 peserta Inu, 1 peserta Kirana, 1 peserta
Putra Batik dan 1 peserta Putri Batik.
Gambar 24 Tampilan Halaman Biodata Diri Peserta
Gambar 21 Tampilan Halaman Peserta Putra Putri Batik
Setelah memilih/menekan tombol "Dukung" pada salah
satu peserta, maka selanjutnya akan muncul notifikasi
kepastian memilih "Peringatan: Anda hanya diberikan hak
untuk memberikan dukungan satu peserta Putri Batik, apa anda
yakin memilih peserta Siska Dwi Indrayati(nama peserta) ?".
Apabila yakin selanjutnya tekan tombol "OK" apabila tidak
yakin maka tekan "Cancel" seperti pada Gambar 22.
pISSN: 2252 – 486X
eISSN: 2548–4710
2.3.5.5
Pengujian Halaman Admin
Pengujian
halaman
admin
ditujukan
untuk
membuktikan bahwa sistem ini bisa berjalan sesuai dengan
yang telah dirancang sebelumnya. Pengujian halaman admin
dikatakan berhasil apabila halaman admin dapat ditampilkan
sesuai rancangan yang telah dibuat dan dapat bekerja dengan
baik dan benar
Pengujian merupakan bagian yang penting dakam siklus
pengembangan perangkat lunak. Pengujian dilakukan untuk
menjamin kualitas dan juga mengetahui kelemahan dari
perangkat lunak. Tujuan dari pengujian ini adalah untuk
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
35
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
menjamin bahwa perangkat lunak yang dibangun memiliki
kualitas yang mampu mempresentasikan kajian pokok dari
speseifikasi, analisis, perancangan, pengkodean, dari perangkat
lunak itu sendiri.
Pengujian ini memungkinkan perancang untuk
memperoleh sekumpulan kondisi-kondisi input yang secara
penuh menguji semua kebutuhan fungsional secara program.
2.3.5.5.1
Pengujian Halaman Tambah Peserta Inu
Kirana
Gambar 25 tersebut adalah tampilan pengisian form
pendaftaran Inu Kirana, pada Gambar 25 tersebut terjadi
kesalahan dalam pengisian tanggal lahir dikarenakan usia untuk
Inu Kirana adalah minimal 17 tahun dan maksimal 23 tahun,
sedangkan peserta tersebut belum ber-usia 17 tahun.
Gambar 27 Tampilan Edit Data Peserta Inu Kirana
Gambar 28 adalah hasil dari proses Edit dengan
mengganti tahun lahir, dan data yang telah di-update akan
disimpan pada database serta akan ditampilkan pada halaman
admin pada interface data peserta Inu Kirana.
Gambar 25 Tampilan Pesan Gagal Input Umur
Setelah peserta tersebut ber-usia 17 s/d 23 tahun, maka
dapat terdaftar sebagai peserta Inu Kirana seperti gambar diatas
seperti pada Gambar 26.
Gambar 28 Tampilan Data Setelah Berhasil Diedit
2.3.5.5.3
Pengujian Halaman Hapus Peserta Inu Kirana
Pada halaman ini admin menghapus salah satu peserta
Inu Kirana, sebelum berhasil dihapus maka akan muncul
notifikasi apakah admin yakin untuk menghapus data tersebut
atau tidak, seperti pada Gambar 29.
Gambar 26 Tampilan Data Setelah Berhasil Disimpan
2.3.5.5.2
Pengujian Halaman Edit Peserta Inu Kirana
Pada Gambar 27 dibawah admin mencoba melakukan
proses edit pada salah satu peserta dengan merubah tahun lahir,
apabila tidak bisa maka data peserta tidak akan ter-update,
apabila bisa maka data peserta akan ter-update.
Hamin, Santoso, Anam
Gambar 29 Tampilan Notifikasi Hapus Atau Tidak
Setelah admin proses hapus data peserta selesai maka
admin akan di kembalikan kedalam halaman data peserta Inu
Kirana, seperti pada Gambar 30.
pISSN: 2252 – 486X
eISSN: 2548–4710
36
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
cek kembali form yang masih kosong!" apabila tetap ingin
menyimpan data tersebut apabila ada form yang masih kosong.
Gambar 30 Tampilan Data Peserta Inu Kirana
2.3.5.5.4
Pengujian Halaman Tambah Peserta Putra
Putri Batik
Gambar 31 tersebut adalah pengisian form pendaftaran
Inu Kirana, pada gambar tersebut terjadi kesalahan dalam
pengisian tinggi badan dikarenakan untuk Putra Batik harus
diatas 165 cm dan Putri Batik harus diatas 155 cm, sedangkan
peserta Putra Batik tersebut hanya memiliki tinggi badan 160
cm.
Gambar 33 Tampilan Pesan Gagal Simpan Data Kosong
Setelah form yang kosong tersebut telah diisi maka data
tersebut dapat disimpan dan masuk ke database serta akan
ditampilkan pada halaman admin pada interface data peserta
Putra-Putri Batik, seperti pada Gambar 34.
Gambar 34 Tampilan Data Peserta Putra Putri Batik
Gambar 31 Tampilan Pesan Gagal Simpan Data Tinggi Badan
2.3.5.5.6
Pengujian Halaman Hapus Peserta Putra Putri
Batik
Setelah peserta Putra Batik tersebut memiliki tinggi
badan diatas 165 cm, maka dapat terdaftar sebagai peserta
Putra-Putri Batik seperti Gambar 32.
Pada halaman ini admin menghapus salah satu peserta
Putra Putri Batik, sebelum berhasil dihapus maka akan muncul
notifikasi apakah admin yakin untuk menghapus data tersebut
atau tidak, seperti pada Gambar 35.
Gambar 32 Tampilan Data Peserta Putra Putri Batik
2.3.5.5.5
Pengujian Halaman Edit Peserta Putra Putri
Gambar 35 Tampilan Notifikasi Hapus Atau Tidak
Batik
Setelah admin proses hapus data peserta selesai maka
Gambar 33 tersebut adalah proses admin untuk edit data, admin akan di kembalikan kedalam halaman data peserta Putra
pada Gambar 33 tersebut terjadi kesalahan karena terdapat form Putri Batik, seperti pada Gambar 36.
yang masih kosong. Serta akan muncul notifikasi "Mohon maaf,
pISSN: 2252 – 486X
eISSN: 2548–4710
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
37
[10]. Betha, Sidik. (2006). Pemrograman Web dengan
PHP.Informatika : Bandung.
[11]. Blog, Dobloger. (2014). Pengertian Aplikasi.Diaskes
tanggal
15
April
2014
dari
http://dobloger.blogspot.com/2013/01/pengertianaplikasi-definisi-dan-arti.html
Gambar 36 Tampilan Data Peserta Putra Putri Batik
III. KESIMPULAN
3.1
Kesimpulan
Aplikasi Electronic Voting berbasis Web untuk InuKirana dan Putra-Putri Batik Kabupaten Kediriyang telah di
bahas pada BAB 3menghasilkan sebuah kesimpulan sebagai
berikut:
Aplikasi ini dapat mengelola seluruh data Inu Kirana
dan Putra-Putri Batik sampai dengan proses Voting. Aplikasi
Electronic Voting berbasis Web untuk Inu-Kirana dan PutraPutri Batik Kabupaten Kediridapat digunakan sebagai
informasi mengenai duta wisata serta putra-putri batiik yang
ada di pemerintahan Kabupaten kediri.
IV. REFERENSI
[1]. Alycious
luowis,
2016.
Bootstarp
Template.
(http://www.startbootstrap.com,diakses 28 Oktober 2015
puku 14.00 WIB).
[2]. Suwarno Hendri, 2015. Cara Memasang Google Maps Di
Website.
[3]. (http://www.pintarkomputer.com/2015/03/caramemasang-google-maps-di-website-atau-blog.html,
diakses 7Desember 2015 puku 09.00 WIB).
[4]. Elcicko Basuki, 2015. Tutorial Google Maps Aplikasi
GIS.
(http://elcicko.com/tutorial-google-maps-untukaplikasi-gis, diakses 3 Januari 2016 puku 11.20 WIB).
[5]. Syafi’i
M,
2013.
Belajar
PHP.
(http://www.duniailkom.com/tutorial-belajar-php-dasaruntuk-pemula/,diakses 7 Januari 2016 puku 10.20 WIB).
[6]. Wikipedia,
2013,
Pengertian
XAMPP.
(https://id.wikipedia.org/wiki/XAMPP, diakses 7 Januari
2016 puku 11.20 WIB).
[7]. Jogianto, H.M (1990). Pengenlan Komputer; Dasar Ilmu
Komputer, Pemrograman, Sitem Informasi dan
Intelegensi Buatan. Elex Media Komputindo. Jakarta.
[8]. Peranginangin, K. (2006). Aplikasi Web dengan PHP dan
Mysql. Andi Yogjakarta. Yogyakarta.
[9]. Cahyono, Setiyo. 2006 Panduan Praktis Pemrograman
Database Menggunakan MySQL dan JAVA.Informatika :
Bandung.
Hamin, Santoso, Anam
pISSN: 2252 – 486X
eISSN: 2548–4710
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Aplikasi Electronic Voting Berbasis Web Untuk Inu-Kirana
Dan Putra-Putri Batik Kabupaten Kediri
Fadelis Sukya1, Andre Junanta Hamim2, Joko Santoso3, Khoirul Anam4
Teknik Informatika – Politeknik Kediri
Jl. Mayor Bismo No. 27 Kediri
Email : fadeliss@gmail.com1
Abstract— Inu-Kirana and Putra-Putri Batik Kediri an event
activity held by the Kediri district government, especially the
Department of Culture and Tourism aims to empower Kediri
Tourism Kediri and batik conservation through tourism ambassador
and the ambassador Batik Kediri. Inu-Kirana for election are held
every 2 years while the Son-Daughter Batik elections are held once
every year. In the selection of Inu-Kirana and Putra-Putri Batik
Kediri still use some social media as a means to determine the winner
of many participants, so the need for a system that can handle the
problems in determining the winner.
Work began with data collection information about Inu-Kirana
and Putra-Putri Batik and manufacture of a series of processes of
registration and the electoral process. A series of trials conducted to
test the correctness of the application and suitability of the
application to the needs of event organizers. In the end, the
application is successfully used as a medium of registration and
election Inu-Kirana and Putra Putri Batik Kediri and can be
exploited further.
Keyword— electronic voting, web-based, inu-kirana, putra-putri
batik
Intisari— Inu-Kirana dan Putra-Putri Batik Kabupaten Kediri
merupakan ajang kegiatan yang diadakan oleh Pemerintah
Kabupaten Kediri khususnya Dinas Kebudayaan dan Pariwisata
Kabupaten
Kediri
bertujuan
untuk
memberdayakan
Kepariwisataan dan pelestarian batik Kabupaten Kediri melalui
Duta Wisata dan Duta Batik Kabupaten Kediri. Untuk pemilihan
Inu-Kirana diadakan setiap 2 tahun sekali sedangkan untuk
pemilihan Putra-Putri Batik diadakan setiap tahun sekali. Dalam
pemilihan Inu-Kirana dan Putra-Putri Batik Kabupaten Kediri
masih menggunakan beberapa social media sebagai sarana untuk
menentukan pemenang dari sekian banyak peserta, sehingga
perlu adanya sebuah sistem yang dapat menangani permasalahan
dalam menentukan pemenang.
Pengerjaan dimulai dengan pengumpulan data informasi
tentang Inu-Kirana dan Putra-Putri Batik dan pembuatan
serangkaian proses pendaftaran dan proses pemilihan.
Serangkaian uji coba dilakukan untuk menguji kebenaran
aplikasi dan kesesuaian aplikasi dengan kebutuhan
penyelenggara kegiatan. Pada akhirnya, aplikasi berhasil
dipergunakan sebagai media pendaftaran dan pemilihan InuKirana dan Putra Putri Batik Kabupaten Kediri dan dapat
dimanfaatkan lebih lanjut.
I. PENDAHULUAN
1.1
Perkembangan ilmu pengetahuan dan teknologi yang
sangat pesat mendorong manusia untuk meningkatkan bahkan
menciptakan suatu teknologi baru yang bermanfaat bagi
manusia lainnya. Perkembangan dan kemajuan yang pesat ini
dialami oleh negara-negara yang menguasai teknologi
informasi, sehingga mengakibatkan negara-negara dengan
infrastruktur teknologi informasi yang kurang canggih akan
tertinggal jauh di belakang.
Tuntutan kemajuan zaman yang sejalan dengan
perkembangan teknologi informasi, ditandai dengan
perkembangan teknologi komputer dan teknologi komunikasi
serta transportasi, membuat setiap lembaga/instansi dituntut
memiliki infrastruktur teknologi informasi, sebagai tuntutan
kemajuan zaman. Di era globalisasi, seluruh sistem pelayanan
menggunakan peralatan yang bersifat efisien waktu dan tenaga.
Perkembangan teknologi informasi sehingga mendorong para
konsumen untuk memanfaatkan media internet sebagai
penyedia berbagai layanan informasi.
Salah satunya adalah pelayanan yang terjadi Di
Kabupaten Kediri. Dalam setiap tahun dan setiap 2 tahun sekali
terdapat sebuah kegiatan untuk mencari para Duta Wisata serta
mencari pelestari batik yang masih remaja. Kegiatan setiap
tahun dan setiap 2 tahun tersebut yaitu ajang pencarian PutraPutri Batik dan Duta Wisata Inu Kirana.
Selama ini dalam pemilihan Putra-Putri Batik serta Duta Wisata
Inu Kirana masih menggunakan beberapa social media sebagai
sarana untuk menentukan para pemenang melalui votting. Hal
tersebut belum cukup baik untuk menentukan pemenang dari
sekian banyak peserta. Sehingga perlu adanya sebuah sistem
yang dapat menangani permasalahan dalam menentukan
pemenang. Dengan adanya sistem ini diharapkan dalam
pemilihan Putra-Putri Batik maupun pemilihan Duta Wisata
tidak terlalu fokus pada social media karena sudah ada sistem
yang dapat membantu dalam pemilihan pemenang dari sekian
banyak peserta.
1.2
Kata Kunci— electronic voting, web-based, inu-kirana, putra-putri
batik
pISSN: 2252 – 486X
eISSN: 2548–4710
Latar Belakang
Rumusan Masalah
Dari latar belakang yang telah dikemukaan diatas,
muncul beberapa rumusan masalah yaitu bagaimana
merancang dan membuat aplikasi Electronic Votting Berbasis
Web Untuk Pekan Budaya Dinas Kebudayaan dan Pariwisata
Kab. Kediri.
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
25
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
1.3
Batasan Masalah
Beberapa batasan-batasan masalah dalam melakukan
penelitian ini adalah sebagai berikut :
1. Dalam sistem aplikasi yang akan dibuat ini mencakup
informasi tentang Duta Wisata Inu Kirana dan Putra-Putri
Batik.
2. Pemilihan pemenang untuk Duta Wisata dan Putra-Putri
Batik ditentukan dengan cara voting.
3. Untuk dapat melakukan voting, pengunjung terlebih dahulu
harus mendaftar sebagai member.
4. Setiap member diberikan hak untuk voting satu peserta Inu,
Kirana, Putra Batik dan Putri Batik.
1.4
Tujuan Penelitian
Tujuan penelitian ini untuk membangun aplikasi
Electronic Votting Berbasis Web Untuk Pekan Budaya Dinas
Kebudayaan dan Pariwisata Kab. Kediri agar memanfaatkan
aplikasi khusus yang dapat digunakan untuk menampilkan
sejumlah informasi terkait dengan Duta Wisata dan Putra-Putri
Batik sampai dengan menentukan pemenang dari sekian
banyak peserta dengan cara votting.
1.5
Manfaat Penelitian
Manfaat yang diperoleh melalui penelitian ini adalah
sebagai berikut :
1. Bagi Pengguna
Bagi para pengguna aplikasi pemesanan mebel ini akan
memudahkan dalam pencarian informasi terkait dengan
Duta Wisata dan Putra-Putri Batik.
2. Bagi Perkembangan IPTEK
Dengan adanya penelitian ini diharapkan nantinya dapat
memperkaya perkembangan dan penyebaran sistem
informasi yang sudah banyak berkembang di era ini.
1.6
1.6.1
Metode Penelitian
Pengumpulan Data
Pengumpulan data dapat dilakukan dengan cara studi
lapangan dengan meminta data yang dibutuhkan dan
wawancara langsung dengan pihak yang terkait.
1.6.2
Analisa Kebutuhan
Analisa kebutuhan mempunyai fungsi untuk
mengetahui fitur-fitur yang perlu ditambahkan dan dibutuhkan
pada sistem setelah data terkumpul.
1.6.3
Perancangan Sistem
Setelah melakukan analisa kebutuhan dan mengetahui
apa yang dibutuhkan dan diperlukan, tahapan ini harus
melewati tahap perancangan sistem terlebih dahulu, agar
mempermudah dalam proses pembuatan sistem ini, dana agar
langkah-langkah sistem lebih terstruktur. Pertama, membuat
arsitektur sistem, flowchart, DFD, kemudian ERD.
Hamin, Santoso, Anam
1.6.4
Implementasi
Implementasi database, yaitu membuat database pada
Mysql sesuai dengan rancangan database yang telah dibuat,
serta implementasi antarmuka pengguna, atau membuat
anatarmuka pada Macromedia Dreamweaver, tampilan juga
disesuaikan seperti rancangan yang dibuat. Setelah merancang
tampilan, kemudian melakukan koding pada aplikasi.
Kemudian dikoneksikan antara database dengan tampilan
antarmukan pengguna.
1.6.5
Uji Coba
Seletah implementasi selesai, uji coba sangat diperlukan.
Untuk mengetahui proses-proses yang perlu diperbaiki.
II. ANALISA DAN PERANCANGAN SISTEM
2.1
Analisa dan Perancangan Sistem
Pada tahap Analisa dan Perancangan Sistem disini
berisi tentang analisa kebutuhan DFD (Data Flow Diagram)
dan Prancangan basis data.
2.1.1
Analisa Sistem Yang Sedang Berjalan
Analisa sistem dapat di definisakan sebagai suatu proses
penguraian dari suatu sistem informasi yang utuh kedalam
bagian-bagian komponen sistem dengan maksud untuk
mengidentifikasikan dan mengevaluasi permasalahan permasalahan, kesempatan – kesempatan, hambatan-hambatan
yang terjadi dan kebutuhan-kebutuhan yang diharapkan,
sehingga dapat diusulkan perbaikan-perbaikan yang akan
dilakukan pada aplikasi tersebut. Analisa sistem yang sedang
berjalan merupakan suatu gambaran tentang sistem yang
diamati yang sedang berjalan saat ini, sehingga kelebihan dan
kekurangan dari sistem juga dapat memudahkan dalam
perancangan sistem yang baru.
Aplikasi Electronic Votting Berbasis Web untuk Pekan
Budaya Dinas Kebudayaan dan Pariwisata Kab. Kediri ini
adalah sebuah kegiatan yang dilakukan untuk membantu proses
mulai dari pendaftaran, informasi sampai voting peserta Inu
Kirana serta Putra-Putri Batik. Aplikasi ini dibangun supaya
dalam votting Inu Kirana dan Putra-Putri Batik tidak selalu
bergantung pada aplikasi social media yang sudah banyak di
pasaran, serta supaya lebih fokus untuk memantau proses
votting karena hanya memantau pada satu website saja. Dalam
hal ini aplikasi ini membantu seperti dalam proses pendaftaran
yang masih menggunakan buku manual serta penyebaran
pengumuman/iklan yang masih bertumpu pada social media
yang ada.
2.1.2
Analisa Prosedur yang sedang Berjalan
Analisa prosedur sistem yang akan dibahas adalah
prosedur prosedur pemilihan duta wisata Inu Kirana dan Putra
Putri Batik. Adapun prosedur pemilihan Inu Kirana dan Putra
Putri Batik:
pISSN: 2252 – 486X
eISSN: 2548–4710
26
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
1. Admin dapat menambahkan data peserta, mengedit data,
dan menghapus data peserta.
2. Admin dapat lagsung mengetahui hasil voting untuk peserta
Inu Kirana dan Putra Putri Batik.
3. Admin menentukan pemenang duta wisata Inu Kirana dan
Putra Putri Batik dengan cara voting.
Member dapat melakukan proses voting satu kali untuk
peserta Inu, Kirana, Putra Batik dan Putri Batik.
3. Admin
Admin dapat melakukan proses tambah, edit dan hapus
peserta Inu-Kirana dan Putra-Putri Batik.
2.2.2
2.1.3
Analisa Tools yang Diperlukan
Analisa tool terdiri dari 2 yaitu software dan hardware.
Hardware adalah salah satu komponen dari sebuah komputer
yang besifat nyata yang berfungsi untuk mendukung proses
komputerasi. Dan software adalah sekumpulan data elektronik
yang disimpan dan diatur oleh komputer,data elektronik yang
disimpan oleh komputer itu dapat berupa program atau
instruksi yang akan menjalankan suatu perintah.
Analisa kebutuhan di perlukan untuk mengetahui fitur –
fitur apa saja yang ada dalam sistem, dan juga untuk mngetahui
kebutuhan dari pengguna yang menggunakan aplikasi yang
dibuat.
2.3 Alur Kerja Sistem
2.3.1
2.3.1.1
A. Perangkat Keras / hardware
Processor
: Intel Core i3
Harddisk
: 500 Gb
Memory
: 2 Gb
VGA
: 128 Mb
Monitor
: 15’’
B. Perangkat Lunak
Software disebut juga sebagai perangkat lunak, maka
sifatnya pun berbeda dengan hardware atau perangkat keras,
jika perangkat keras adalah komponen yang nyata yang dapat
diliat dan disentuh oleh secara langsung manusia. maka
software atau Perangkat lunak tidak dapat disentuh dan dilihat
secara fisik, software memang tidak tampak secara fisik dan
tidak berwujud benda namun bisa untuk dioperasikan,
Pemesanan software di aplikasi ini tidak begitu banyak namun
menghadirkan interface dan fungsi – fungsi yang luar biasa dan
bisa dikatakan bagus sehingga banyak menarik user untuk
mengakses aplikasi tersebut. Di bawah ini adalah perangkat
lunak yang di butuhkan antara Lain :
Macromedia Dreamweaver 8 : Software Macromedia
Dreamweaver versi 8 ini digunakan untuk pembuatan
interface aplikasi itu sendiri.
Php : Berfungsi atau digunakan sebagai salah satu bahasa
pemrograman web
MySql : Berfungsi atau digunakan sebagai Database server.
Google Chrome : Berfungsi atau digunakan sebagai Web
browser.
2.2.1
Fungsionalitas Sistem
Analisa Pengguna
Pengguna yang terdapat dalam Aplikasi Electronic
Voting berbasis Web untuk Inu-Kirana dan Putra-Putri Batik
Kabupaten Kediri ini ada 3 :
1. Pengunjung
Pengunjung dalam aplikasi ini hanya dapat melihat daftar
peserta dan perolehan voting untuk 3 peserta tertinggi.
2. Member
pISSN: 2252 – 486X
eISSN: 2548–4710
Rancangan Flow Diagram
Diagram Level Konteks Aplikasi
Diagram konteks dibawah ini merupakan alur data dari
peserta menuju ke admin setelah itu admin memasukkan data
ke dalam sistem aplikasi untuk dilakukan proses voting oleh
member.
Gambar 1 DFD Level Konteks Aplikasi
Berdasarkan Gambar 2.1 yaitu diagram konteks
merupakan gambar struktur hierarki menu diatas dapat dilihat
bahwa aplikasi Electronic Voting ini tediri dari 3 menu utama
yaitu Admin, Member, dan Pengunjung yang semuanya
berhubungan ke Sistem Eletronic Voting.
2.3.1.2
2.2
Analisa Kebutuhan
DFD Level 1 Member
DFD level 1 member ini merupakan perkembangan dari
diagram konteks dengan alur data yang lebih detail yang
mengharuskan admin masuk ke login dahulu sebelum masuk
sistem untuk mengisikan data atau record. Begitupun dengan
member hampir sama dengan admin, namun perbedaannya
terletak pada fitur admin yang dapat mengelola data peserta dan
data informasi, sedangkan member hanya bisa mengelola data
voting (melakukan aksi voting) untuk mengisikan data atau
record.
Dalam DFD level 1 ini admin memiliki beberapa hak
yaitu dapat menambah, mengedit dan menghapus data peserta
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
27
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Inu Kirana dan data peserta Putra Putri Batik, selain itu admin
juga dapat menghapus data member namun dan dapat melihat
perolehan voting untuk peserta Inu Kirana dan peserta Putra
Putri Batik. Sedangkan member dapat melakukan voting untuk
memberikan dukungan terhadap peserta Inu Kirana dan Putra
Putri Batik. Member juga dapat melihat biodata peserta Inu
Kirana dan Putra Putri Batik.
Dalam aplikasi ini member hanya diberikan hak pilih
untuk memilih satu peserta Inu, Kirana, Putra Batik dan Putri
Batik, setelah hak pilih tersebut digunakan oleh member maka
member sudah tidak dapat melakukan voting terhadap peserta
Inu Kirana maupun peserta Putra Putri Batik.
2.3.1.3
DFD Level 1 Pengunjung
DFD level 1 pegunjung ini merupakan perkembangan
dari diagram konteks dengan alur data yang lebih detail yang
mengharuskan admin masuk ke login dahulu sebelum masuk
sistem untuk mengisikan data atau record. Pengunjung hanya
bisa melihat informasi peserta saja.
Dapat diketahui fitur-fitur yang dimiliki oleh Admin,
yaitu dapat melakukan managemen pada data peserta dan data
informasi peserta. Sedangkan fitur pengunjung hanya dapat
melihat informasi peserta.
2.3.1.4
DFD Level 2 Data Peserta Inu-Kirana
DFD level 2 Data Inu-Kirana ini merupakan
perkembangan dari DFD level 1 dengan menambahkan fiturfitur seperti input, delete dan edit data dari tabel pada database
yang telah dibuat.
Admin terlebih dahulu harus melakukan login. Apabila
proses login berhasil, admin dapat masuk ke dalam proses
pengolahan data Inu-Kirana. Apabila tidak berhasil harus
melakukan proses login ulang. Di dalam pengolahan data InuKirana terdapat 3 proses yaitu, input, delete dan edit data.
Admin dapat melihat data peserta yang telah tersimpan dalam
database, memasukkan data yang baru, menghapus data yang
sudah tidak terpakai, dan juga mengubah isi dari data peserta
yang sudah ada. Semua proses tersebut berhubungan dengan
database pada mysql.
2.3.1.5
DFD Level 2 Data Peserta Putra-Putri Batik
DFD level 2 Data Putra-Putri Batik ini merupakan
perkembangan dari DFD level 1 dengan menambahkan fiturfitur seperti input, delete dan edit data dari tabel pada database
yang telah dibuat.
Admin terlebih dahulu harus melakukan login. Apabila
proses login berhasil, admin dapat masuk ke dalam proses
pengolahan data peserta. Apabila tidak berhasil harus
melakukan proses login ulang. Di dalam pengolahan data
peserta terdapat 3 proses yaitu, input, delete dan edit data
peserta. Admin dapat melihat data peserta yang telah tersimpan
dalam database, memasukkan data yang baru, menghapus data
peserta yang sudah tidak terpakai, dan juga mengubah isi dari
Hamin, Santoso, Anam
data peserta yang sudah ada. Semua proses tersebut
berhubungan dengan database pada mysql.
2.3.1.6
DFD Level 2 Voting
DFD level 2 Voting ini merupakan perkembangan dari
DFD level 1 dengan menambahkan fitur input untuk
menambahkan jumlah voting peserta.
Pengunjung terlebih dahulu harus melakukan login
untuk menjadi Member. Apabila proses login berhasil,
pengunjung dapat masuk ke dalam proses voting peserta.
Apabila tidak berhasil harus melakukan proses login ulang. Di
dalam pengolahan data voting hanya ada proes input. Satu
member hanya bisa memberikan satu voting kepada satu
peserta, namu bisa memberikan voting lebih dari satu peserta.
Proses votin juga berhubungan dengan database pada mysql.
2.3.2
2.3.2.1
Desain Basis Data
Entity Relationship Database
ERD dibawah ini menunjukkan informasi yang dibuat,
disimpan dan digunakan dalam Aplikasi Electronic Voting
Berbasis Web untuk Inu-Kirana dan Putra-Putri Batik
Kabupaten Kediri. ERD juga untuk digunakan sebagai proses
kerja aplikasi.
ERD yang memiliki beberapa entitas diantaranya,
Admin, Member, Peserta_PPB, dan Perserta_IK . Admin dapat
mengelola data Member dan Peserta. Member dapat memilih
Peserta untuk memulai proses voting pada sistem. Peserta
memiliki data skor hasil dari proses voting.
2.3.2.2
Struktur Tabel
Di dalam Aplikasi Electronic Votting Berbasis Web
untuk Pekan Budaya Dinas Kebudayaan dan Pariwisata Kab.
Kediri ini dibutuhkan suatu database yang berguna sebagai
tempat penyimpanan seluruh data. Semua data tersebut intinya
akan di simpan dalam database, dan aplikasi database yang
digunakan yaitu Mysql. Untuk spesifikasi lebih detailnya akan
dijelaskan di bawah ini beserta field dan tipe data pada masingmasing table.
1.
Tabel Admin
a. Nama tabel : tb_admin
b. Primary key : id
c. Jumlah field : 5
d. Keterangan : Tabel berfungsi untuk menyimpan login
admin
TABEL I ADMIN
No
1
2
3
4
5
Nama
Id
Nama_lengkap
Username
Password
Alamat
Tipe
Varchar(5)
Varchar(100)
Varchar(100)
Varchar(100)
Varchar(100)
pISSN: 2252 – 486X
eISSN: 2548–4710
28
2.
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Tabel Member
12
13
14
15
16
17
18
19.
a. Nama tabel : tb_member
b. Primary key : kd_user
c. Jumlah field : 6
d. Keterangan : Tabel berfungsi untuk menyimpan data
member
TABEL II MEMBER
No
1
2
3
4
5
6
3.
Nama
Kd_user
Nama_lengkap
Username
Password
Alamat
Tipe
Varchar(5)
Varchar(100)
Varchar(100)
Varchar(100)
Varchar(100)
Varchar(200)
5.
a. Nama tabel
: tb_peserta_ppb
b. Primary key
: kd_peserta_ppb
c. Jumlah field
: 15
d. Keterangan
: Tabel berfungsi menyimpan data
pendaftaran Peserta Putra-Putri Batik
TABEL V PESERTA PUTRA-PUTRI BATIK
a. Nama tabel
: tb_member_voting
b. Primary key
: id
c. Jumlah field
:6
d. Keterangan
: Tabel berfungsi menyimpan data
Voting pada Member
No
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
TABEL III MEMBER VOTING
4.
Nama
Id
kd_user
V_inu
V_kirana
V_putra_batik
V_putri_batik
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Tabel Peserta Putra-Putri Batik
Tabel Member Voting
No
1
2
3
4
5
6
K_f_close_up
K_f_seluruh_badan
K_pas_foto
S_belum_nikah
S_sehat
S_izin_ortu
K_formulir
Foto
Tipe
Int(5)
Char(5)
Int(1)
Int(1)
Int(1)
Int(1)
Nama
Kd_peserta_ppb
Nama_lengkap
Sekolah
Alamat
No_hp
Jenis_kelamin
Tinggi_badan
Tgl_lahir
Umur
K_fc_ktp
K_foto_4r
K_no_peserta
S_sehat
K_formulir
Foto
Tipe
Varchar(12)
Varchar(100)
Varchar(100)
Varchar(200)
Varchar(15)
Varchar(9)
Int(5)
Date
Int(5)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Varchar(9)
Tabel Peserta Inu-Kirana
a. Nama tabel
: tb_peserta_ik
b. Primary key
: kd_peserta_ik
c. Jumlah field
: 19
d. Keterangan
: Tabel berfungsi menyimpan data
pendaftaran Peserta Inu-Kirana
6.
Tabel Skor Inu-Kirana
a. Nama tabel
: tb_skor_ik
b. Primary key
: id_voting_ik
c. Jumlah field
:3
d. Keterangan
: Tabel berfungsi menyimpan data
voting pemilihan Inu-Kirana
TABEL IV PESERTA INU-KIRANA
No
1
2
3
4
5
6
7
8
9
10
11
Nama
Kd_peserta_ik
Nama_lengkap
Nama_panggilan
Jenis_kelamin
Tinggi_badan
Ttl
Umur
Pekerjaan_pendidikan
No_hp
Domisili
S_domisili
pISSN: 2252 – 486X
eISSN: 2548–4710
Tipe
Varchar(11)
Varchar(100)
Varchar(3)
Varchar(9)
Int(5)
Date
Int(5)
Varchar(100)
Varchar(15)
Varchar(200)
Varchar(9)
TABEL VI SKOR INU-KIRANA
No
1
2
3
7.
Nama
Id_voting_ik
Kd_peserta_ik
Jml_voting
Tipe
Int(5)
Char(11)
Int(5)
Tabel Skor Putra-Putri Batik
a. Nama tabel
: tb_skor_ppb
b. Primary key
: id_voting_ppb
c. Jumlah field
:3
d. Keterangan
: Tabel berfungsi menyimpan data
voting pemilihan Putra-Putri Batik
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
29
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
2.3.3.3
TABEL VII SKOR PUTRA-PUTRI BATIK
No
1
2
3
2.3.3
Nama
Id_voting_ppb
Kd_peserta_ppb
Jml_voting
Tipe
Int(5)
Char(11)
Int(5)
Rancangan Interface Inu-Kirana
Dalam halaman ini memiliki konten tentang daftar peserta
Inu-Kirana dan Skor Votting 3 teratas serta bisa dilihat
selanjutnya untuk Skor Votting dari semua peserta. Untuk
member ada satu tambahan fitur yaitu fitur Votting untuk 1 Inu
dan 1 Kirana.
Perancangan Interface
Setelah merancang database, tahap selanjutnya adalah
merancang tampilan antarmuka untuk pengunjung dan member.
Hal ini dilakukan untuk memudahkan pengunjung dalam
mengoperasikan aplikasi electronic voting ini.
2.3.3.1
Rancangan Interface Login Admin
Admin dapat menggunakan sistem aplikasi apabila sudah
login dengan benar yaitu sesuai dengan username dan password
yang di inputkan dan cocok dengan konfigurasi username serta
password di database.
Gambar 4 Rancangan Interface Inu-Kirana
Selanjutnya ada interface Inu-Kirana Pada Gambar 4
menjelaskan beberapa tampilan daftar peserta Inu dan Kirana,
juga terdapat Top 3 Inu dan Top 3 Kirana. Button Inu-Kirana
terdapat pada menu Daftar Peserta.
2.3.3.4
Gambar 2 Interface Login Member
Rancangan Interface Putra-Putri Batik
Dalam halaman ini memiliki konten tentang daftar peserta
Putra-Putri Batik dan Skor Votting 3 teratas serta bisa dilihat
selanjutnya untuk Skor Votting dari semua peserta. Untuk
member ada satu tambahan fitur yaitu fitur Votting untuk 1
Putra Batik dan 1 Putri Batik.
Pada Gambar 3.8 Dapat melihat perancangan interface
login terdapat username dan password di awal login member
untuk voting.
2.3.3.2
Rancangan Dashboard Beranda
Pada halaman ini merupakan halaman utama yang dapat
dilihat admin serta semua pengunjung yang berisi menu-menu
yang dapat memberi informmasi tentang Inu-Kirana serta
Putra-Putri Batik Kabupaten Kediri.
Gambar 5 Interface Putra-Putri Batik
Selanjutnya ada interface Putra-Putri
Batikpada
Gambar 5 menjelaskan beberapa tampilan daftar peserta Putra :
dan Putri Batik, juga terdapat Top 3 Pputra Batik dan Top 3
Putri Batik. ButtonPutra-Putri Batik terdapat pada menu Daftar
Peserta.
Gambar 3 Dashboard Beranda
Pada Gambar 3 terdapat tampilan awal aplikasi berupa
beberapa button dan konten tentang tutorial electronic voting.
Hamin, Santoso, Anam
2.3.3.5
Rancangan Interface Tentang Kami
Halaman tentang kami menampilkan informasi tentang
Dinas Kebudayaan dan Pariwisata Kabupaten Kediri yang
menjadi pengelola website E-Voting ini, disamping itu juga
pada halaman ini menampilkan peta wisata Kabupaten Kediri.
pISSN: 2252 – 486X
eISSN: 2548–4710
30
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Gambar 8 Implementasi Halaman Masuk/Daftar
Gambar 6 Interface Tentang Kami
Interface Tentang Kami pada Gambar 6 menjelaskan
tentang profil Dinas Kebudayaan dan Pariwisata Kabupaten
Kediri, namun didalam halaman ini terdapat juga Peta Wisata
Kabupaten Kediri untuk memudahkan pengunjung menemukan
destinasi lokasi wisata yang ada di Kabupaten Kediri.
2.3.3.6
Rancangan Interface Kontak
Halaman kontak pada website E-Voting memberikan
informasi mengenai alamat, nomor telepon, email dan akun
media sosial milik Dinas Kebudayaan dan Pariwisata
Kabupaten Kediri.
Gambar 7 Interface Kontak
Interface Kontak pada Gambar 7 menjelaskan tentang
bagaimana penunjung dapat menghubungi admin, bisa melalui
kontak langsung ke kantor dinas atau melalui media sosial yang
tertera pada tampilan Kontak.
2.3.4
Implementasi Sistem
Desain dan perancangan yang telah dibuat kemudian di
realisasikan ke dalam pembuatan website E-Voting . Berikut ini
adalah tampilan dari hasil desain dan perancangan website.
2.3.4.1
Berdasarkan perancangan sistem diatas terdapat dua
jenis form, form yang terdapat pada sisi kanan untuk daftar
pengunjung yang belum memiliki akun dan form pada sisi kiri
untuk masuk pengunjung yang sudah memiliki akun, berikut
adalah potongan scriptview dari halaman masuk/daftar Member.
$data = array('username' =>
$this->input->post('username', TRUE),
'password' => md5($this->input->post('password',
TRUE))
);
$this->load->model('m_master');
$hasil = $this->m_master->user('tb_member',
$data);
if ($hasil->num_rows() == 1) {
foreach ($hasil->result() as $sess) {
$sess_data['logged_in'] = 'Sudah Loggin';
v}redirect('c_member');
}
Else
{
echo "alert('Gagal login: Cek username,
password!');history.go(-1);";
}
2.3.4.2
Implementasi Halaman Beranda
Halaman beranda member merupakan halaman utama
ketika member masuk kedalam halaman ini. Pada halaman ini
terdapat tampilan slide tentang alur voting dari website EVoting ini.
Implementasi Halaman Daftar/Masuk
Halaman masuk/daftar merupakan antarmuka bagi
pengunjung yang ingin mendaftar sebagai member. Pada
halaman ini pengunjung dapat mendaftar dahulu atau masuk
sebagai member, setelah pengunjung terdaftar sebagai member
maka pengunjung yang sudah memiliki akun dapat melakukan
proses voting peserta Inu Kirana dan Putra Putri Batik.
Gambar 9 Implementasi Halaman Beranda
pISSN: 2252 – 486X
eISSN: 2548–4710
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
31
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Berdasarkan perancangan sistem halaman beranda
diatas terdapat slide yang memberikan informasi tentang
langkah-langkah voting dan lainnya, berikut adalah potongan
scriptview dari halaman beranda.
public function beranda(){
$data = array(
'name' => $this->session->userdata('username'),
'active_index'=>'active'
);
$this->load->view('member/header.php', $data);
$this->load->view('member/index.php');
$this->load->view('member/footer.php');
}
2.3.4.3
Implementasi Halaman Peserta Inu Kirana
Halaman peserta Inu Kirana ini terdapat 2 konten, konten
pada sisi kanan berisi daftar peserta Inu dan Kirana sedangkan
pada sisi kiri terdapat 3 daftar peserta yang memperoleh skor
tinggi baik di peserta Inu dan Kirana.
peserta terbaik
$data = array(
'name' => $this->session->userdata('username'),
'active_peserta_ik'=>'active' );
$data1 = array(
'data_ik_lk' => $cari_lk,
'data_ik_pr'=> $cari_pr,
'v_inu' => $hak_voting[0]['v_inu'],
'v_kirana' => $hak_voting[0]['v_kirana'],
'top_peserta_inu' => $top_peserta_inu,
'top_peserta_kirana' => $top_peserta_kirana );
$this->load->view('member/header.php', $data);
$this->load->view('member/peserta_ik.php',
$data1);
$this->load->view('member/footer.php');
}
2.3.4.4
Implementasi Halaman Peserta Putra Putri Batik
Halaman peserta Putra Putri Batik ini merupakan halaman
yang menampilkan daftar peserta Putra Putri Batik. Pada
halaman ini terdapat 2 konten, konten pada sisi kanan berisi
daftar peserta Putra dan Putri Batik sedangkan pada sisi kiri
terdapat 3 daftar peserta yang memperoleh skor tinggi baik di
peserta Putra Batik maupun Putri Batik.
Disamping itu juga terdapat tombol untuk melihat data
voting dari seluruh peserta Putra Putri Batik, tombol tersebut
berada dibawah daftar 3 peserta dengan skor tertinggi Putra
Batik dan Putri Batik.
Gambar 10 Implementasi Halaman Inu Kirana
Berdasarkan perancangan sistem pada halaman
peserta Inu Kirana diatas terdapat daftar peserta Inu dan Kirana.
Pada konten yang atas merupakan peserta Inu dan bawahnya
adalah peserta Kirana, berikut adalah potongan scriptview dari
halaman peserta Inu Kirana.
public function peserta_ik(){
$this->load->model('m_member');
$username = $this->session->userdata('username');
$passwd = $this->session->userdata('password');
$detail_user =
$this->m_member->detail_user($username, $passwd);
$kd_user = $detail_user[0]['kd_user'];
$cari_lk = $this->m_member->lihat_ik_lk('Lakilaki');//mencari peserta laki-laki
$cari_pr =
$this->m_member->lihat_ik_pr('Perempuan');//menca
ri peserta perempuan
$hak_voting =
$this->m_member->user_voting($kd_user);//mencari
hak voting user
$top_peserta_inu=$this->m_member->top_peserta_in
u();//mencari 3 peserta terbaik
$top_peserta_kirana =
$this->m_member->top_peserta_kirana();//mencari 3
Hamin, Santoso, Anam
Gambar 11 Implementasi Halaman Putra Putri Batik
Berdasarkan perancangan sistem pada halaman
peserta Putra Putri Batik diatas terdapat daftar peserta Putra dan
Putri Batik. Pada konten bagian atas berisi peserta Putra Batik
dan bawahnya adalah peserta Putri Batik, berikut adalah
potongan scriptview dari halaman peserta Putra Putri Batik.
public function peserta_ppb(){
$this->load->model('m_member');
$username = $this->session->userdata('username');
$passwd = $this->session->userdata('password');
$detail_user =
$this->m_member->detail_user($username, $passwd);
$kd_user = $detail_user[0]['kd_user'];
$cari_lk = $this->m_member->lihat_ppb_lk('Lakilaki');//mencari peserta laki-laki
$cari_pr =
pISSN: 2252 – 486X
eISSN: 2548–4710
32
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
$this->m_member->lihat_ppb_pr('Perempuan');//m
encari peserta perempuan
$hak_voting =
$this->m_member->user_voting($kd_user);//menca
ri hak voting user
$top_peserta_putra=
$this->m_member->top_peserta_putra();//mencari
3 peserta terbaik
$top_peserta_putri =
$this->m_member->top_peserta_putri();//mencari 3
peserta terbaik
$data1 = array(
'data_ppb_lk' => $cari_lk,
'data_ppb_pr'=> $cari_pr,
'v_putra_batik' => $hak_voting[0]['v_putra_batik'],
'v_putri_batik' => $hak_voting[0]['v_putri_batik'],
'top_peserta_putra' => $top_peserta_putra,
'top_peserta_putri' => $top_peserta_putri );
$data = array(
'name' => $this->session->userdata('username'),
'active_peserta_ppb'=>'active' );
$this->load->view('member/header.php', $data);
$this->load->view('member/peserta_ppb.php',
$data1);
$this->load->view('member/footer.php');
}
2.3.4.5
Implementasi Halaman Biodata Peserta
Halaman biodata peserta ini menampilkan informasi
masing-masing peserta, biodata peserta tersebut meliputi
alamat, tanggal lahir, umur, jenis kelamin dan sebagianya .
$this->load->view('member/header.php', $data);
$this->load->view('member/detail_peserta_ik.php',
$data_peserta);
$this->load->view('member/footer.php');
2.3.4.6
Implementasi Halaman Tentang Kami
Halaman tentang kami menampilkan informasi tentang
Dinas Kebudayaan dan Pariwisata Kabupaten Kediri yang
enjadi pengelola website E-Voting ini, disamping itu juga pada
halaman ini menampilkan peta wisata Kabupaten Kediri.
Gambar 13 Implementasi Halaman Tentang Kami
Berdasarkan perancangan sistem halaman tentang kami
diatas, berikut adalah potongan scriptview dari halaman tentang
kami.
public function tentang_kami(){
$data = array(
'name' => $this->session->userdata('username'),
'active_tentang_kami'=>'active'
);
$this->load->view('member/header.php', $data);
$this->load->view('member/tentang_kami.php');
$this->load->view('member/footer.php');
}
2.3.4.7 Implementasi Halaman Kontak
Halaman kontak pada website E-Voting memberikan
informasi mengenai alamat, nomor telepon, email dan akun
media sosial milik Dinas Kebudayaan dan Pariwisata
Kabupaten Kediri.
Gambar 12 Implementasi Halaman Biodata Diri
Berdasarkan perancangan sistem halaman biodata diri
diatas, berikut adalah potongan scriptview dari halaman
biodata peserta.
$id_peserta = $this->uri->segment(3);
$this->load->model('m_member');
$data_peserta['data'] =
$this->m_member->detail_peserta($id_peserta,
'kd_peserta_ik', 'tb_peserta_ik');
$data = array(
'name' => $this->session->userdata('username'), );
pISSN: 2252 – 486X
eISSN: 2548–4710
Gambar 14 Implementasi Halaman Kontak
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
33
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Berdasarkan perancangan sistem halaman kontak kami di
atas, berikut adalah potongan scriptview dari halaman kontak
kami.
public function kontak(){
$data = array(
'name' => $this->session->userdata('username'),
'active_kontak'=>'active'
);
$this->load->view('member/header.php', $data);
$this->load->view('member/kontak.php');
$this->load->view('member/footer.php');
}
2.3.5
Pembahasan Sistem
Bagian ini menjelaskan tentang hasil penelitian dan
pengujian yang dilakukan terhadap Aplikasi Electronic Voting
berbasis Web untuk Inu-Kirana dan Putra-Putri Batik
Kabupaten Kediri yang telah dibangun. Pengujian sistem
dilakukan untuk membuktikan bahwa fitur-fitur sistem dapat
berjalan dengan baik dengan indikator pencapaian sebagai
berikut :
1. Sistem dapat menampilkan peserta Inu Kirana dan Putra
Putri Batik.
2. Sistem dapat menampilkan biodata diri peserta Inu Kirana
dan Putra Putri Batik.
3. Sistem dapat menampilkan daftar 3 peserta yang
memperoleh voting terbanyak.
4. Sistem dapat memberikan layanan pendaftaran pengunjung.
5. Admin dapat menambah, mengedit, menghapus data
peserta Inu Kirana dan Putra Putri Batik.
2.3.5.1
Pengujian Halaman Masuk/Daftar
Gambar 16 Tampilan Halaman Masuk
Kemudian setelah username dan password yang
dimasukkan sesuai dengan akun yang dimiliki maka akan
muncul pesan selamat datang di halaman member seperti pada
Gambar 17.
Gambar 17 Tampilan Pesan Selamat Datang
2.3.5.2
Pengujian Halaman Inu Kirana
Pada Halaman Inu Kirana terdapat sejumlah peserta Inu
dan Kirana, member hanya diberikan hak pilih masing-masing
satu untuk peserta Inu dan Kirana. Gambar 18 menjelaskan
bahwa member yang masuk masih memiliki hak voting pada
salah satu peserta Inu ataupun peserta Kirana dengan masih
terlihatnya tombol "Dukung" pada peserta.
Halaman masuk/daftar merupakan halaman untuk
pengunjung yang ingin mendaftar atau masuk ke dalam
halaman member untuk dapat melakukan voting. Pada Gambar
15 pengunjung mendaftar sebagai member untuk melakukan
voting terhadap peserta Inu Kirana dan Putra Putri Batik.
Gambar 18 Tampilan Halaman Peserta Inu Kirana
Gambar 15 Tampilan Halaman Daftar
Setelah mendaftar sebagai member maka dapat masuk
ke dalam halaman member dengan memasukkan username dan
password ke dalam form sebelah kiri seperti pada Gambar 16
Hamin, Santoso, Anam
Setelah memilih/menekan tombol "Dukung" pada salah
satu peserta, maka selanjutnya akan muncul notifikasi
kepastian memilih "Peringatan: Anda hanya diberikan hak
untuk memberikan dukungan satu peserta Inu, apa anda yakin
memilih peserta Rahman Cahyana(nama peserta) ?". Apabila
yakin selanjutnya tekan tombol "OK" apabila tidak yakin maka
tekan "Cancel" seperti pada Gambar 19
pISSN: 2252 – 486X
eISSN: 2548–4710
34
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
Gambar 19 Tampilan Pesan Pilih Atau Tidak
Gambar 22 Tampilan Pesan Pilih atau Tidak
Berdasarkan Gambar 20 tersebut member telah memilih
salah satu peserta dengan nama Rahman Cahyana ditandai
dengan hilangnya tombol "Dukung" pada peserta serta
bertambahnya nilai votting pada peserta tersebut.
Berdasarkan gambar tersebut member telah memilih
salah satu peserta dengan nama Siska Dwi Indrayati ditandai
dengan hilangnya tombol "Dukung" pada peserta serta
bertambahnya nilai votting pada peserta tersebut seperti pada
Gambar 23.
Gambar 20 Tampilan Halaman Peserta Inu Kirana
2.3.5.3
Gambar 23 Tampilan Halaman Peserta Putra Putri Batik
Pengujian Halaman Putra Putri Batik
Pada Halaman Putra Putri Batik terdapat sejumlah
peserta Putra dan Putri Batik, member hanya diberikan hak pilih
masing-masing satu untuk peserta Putra dan Putri Batik.
Gambar 21 menjelaskan bahwa member yang masuk masih
memiliki hak votting pada salah satu peserta Putra Batik
Ataupun peserta Putri Batik dengan masih terlihatnya tombol
"Dukung" pada peserta.
2.3.5.4
Pengujian Halaman Biodata Peserta
Pada Gambar 24 yaitu menunjukan biodata diri salah
satu dari peserta kepada member untuk lebih sungguh-sungguh
dalam memilih peserta, karena member hanya diberi 1 hak
votting/memilih untuk 1 peserta Inu, 1 peserta Kirana, 1 peserta
Putra Batik dan 1 peserta Putri Batik.
Gambar 24 Tampilan Halaman Biodata Diri Peserta
Gambar 21 Tampilan Halaman Peserta Putra Putri Batik
Setelah memilih/menekan tombol "Dukung" pada salah
satu peserta, maka selanjutnya akan muncul notifikasi
kepastian memilih "Peringatan: Anda hanya diberikan hak
untuk memberikan dukungan satu peserta Putri Batik, apa anda
yakin memilih peserta Siska Dwi Indrayati(nama peserta) ?".
Apabila yakin selanjutnya tekan tombol "OK" apabila tidak
yakin maka tekan "Cancel" seperti pada Gambar 22.
pISSN: 2252 – 486X
eISSN: 2548–4710
2.3.5.5
Pengujian Halaman Admin
Pengujian
halaman
admin
ditujukan
untuk
membuktikan bahwa sistem ini bisa berjalan sesuai dengan
yang telah dirancang sebelumnya. Pengujian halaman admin
dikatakan berhasil apabila halaman admin dapat ditampilkan
sesuai rancangan yang telah dibuat dan dapat bekerja dengan
baik dan benar
Pengujian merupakan bagian yang penting dakam siklus
pengembangan perangkat lunak. Pengujian dilakukan untuk
menjamin kualitas dan juga mengetahui kelemahan dari
perangkat lunak. Tujuan dari pengujian ini adalah untuk
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
35
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
menjamin bahwa perangkat lunak yang dibangun memiliki
kualitas yang mampu mempresentasikan kajian pokok dari
speseifikasi, analisis, perancangan, pengkodean, dari perangkat
lunak itu sendiri.
Pengujian ini memungkinkan perancang untuk
memperoleh sekumpulan kondisi-kondisi input yang secara
penuh menguji semua kebutuhan fungsional secara program.
2.3.5.5.1
Pengujian Halaman Tambah Peserta Inu
Kirana
Gambar 25 tersebut adalah tampilan pengisian form
pendaftaran Inu Kirana, pada Gambar 25 tersebut terjadi
kesalahan dalam pengisian tanggal lahir dikarenakan usia untuk
Inu Kirana adalah minimal 17 tahun dan maksimal 23 tahun,
sedangkan peserta tersebut belum ber-usia 17 tahun.
Gambar 27 Tampilan Edit Data Peserta Inu Kirana
Gambar 28 adalah hasil dari proses Edit dengan
mengganti tahun lahir, dan data yang telah di-update akan
disimpan pada database serta akan ditampilkan pada halaman
admin pada interface data peserta Inu Kirana.
Gambar 25 Tampilan Pesan Gagal Input Umur
Setelah peserta tersebut ber-usia 17 s/d 23 tahun, maka
dapat terdaftar sebagai peserta Inu Kirana seperti gambar diatas
seperti pada Gambar 26.
Gambar 28 Tampilan Data Setelah Berhasil Diedit
2.3.5.5.3
Pengujian Halaman Hapus Peserta Inu Kirana
Pada halaman ini admin menghapus salah satu peserta
Inu Kirana, sebelum berhasil dihapus maka akan muncul
notifikasi apakah admin yakin untuk menghapus data tersebut
atau tidak, seperti pada Gambar 29.
Gambar 26 Tampilan Data Setelah Berhasil Disimpan
2.3.5.5.2
Pengujian Halaman Edit Peserta Inu Kirana
Pada Gambar 27 dibawah admin mencoba melakukan
proses edit pada salah satu peserta dengan merubah tahun lahir,
apabila tidak bisa maka data peserta tidak akan ter-update,
apabila bisa maka data peserta akan ter-update.
Hamin, Santoso, Anam
Gambar 29 Tampilan Notifikasi Hapus Atau Tidak
Setelah admin proses hapus data peserta selesai maka
admin akan di kembalikan kedalam halaman data peserta Inu
Kirana, seperti pada Gambar 30.
pISSN: 2252 – 486X
eISSN: 2548–4710
36
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
cek kembali form yang masih kosong!" apabila tetap ingin
menyimpan data tersebut apabila ada form yang masih kosong.
Gambar 30 Tampilan Data Peserta Inu Kirana
2.3.5.5.4
Pengujian Halaman Tambah Peserta Putra
Putri Batik
Gambar 31 tersebut adalah pengisian form pendaftaran
Inu Kirana, pada gambar tersebut terjadi kesalahan dalam
pengisian tinggi badan dikarenakan untuk Putra Batik harus
diatas 165 cm dan Putri Batik harus diatas 155 cm, sedangkan
peserta Putra Batik tersebut hanya memiliki tinggi badan 160
cm.
Gambar 33 Tampilan Pesan Gagal Simpan Data Kosong
Setelah form yang kosong tersebut telah diisi maka data
tersebut dapat disimpan dan masuk ke database serta akan
ditampilkan pada halaman admin pada interface data peserta
Putra-Putri Batik, seperti pada Gambar 34.
Gambar 34 Tampilan Data Peserta Putra Putri Batik
Gambar 31 Tampilan Pesan Gagal Simpan Data Tinggi Badan
2.3.5.5.6
Pengujian Halaman Hapus Peserta Putra Putri
Batik
Setelah peserta Putra Batik tersebut memiliki tinggi
badan diatas 165 cm, maka dapat terdaftar sebagai peserta
Putra-Putri Batik seperti Gambar 32.
Pada halaman ini admin menghapus salah satu peserta
Putra Putri Batik, sebelum berhasil dihapus maka akan muncul
notifikasi apakah admin yakin untuk menghapus data tersebut
atau tidak, seperti pada Gambar 35.
Gambar 32 Tampilan Data Peserta Putra Putri Batik
2.3.5.5.5
Pengujian Halaman Edit Peserta Putra Putri
Gambar 35 Tampilan Notifikasi Hapus Atau Tidak
Batik
Setelah admin proses hapus data peserta selesai maka
Gambar 33 tersebut adalah proses admin untuk edit data, admin akan di kembalikan kedalam halaman data peserta Putra
pada Gambar 33 tersebut terjadi kesalahan karena terdapat form Putri Batik, seperti pada Gambar 36.
yang masih kosong. Serta akan muncul notifikasi "Mohon maaf,
pISSN: 2252 – 486X
eISSN: 2548–4710
Hamin, Santoso, Anam : Aplikasi Electronic Voting Berbasis ….
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 08, No. 02, Tahun 2016
37
[10]. Betha, Sidik. (2006). Pemrograman Web dengan
PHP.Informatika : Bandung.
[11]. Blog, Dobloger. (2014). Pengertian Aplikasi.Diaskes
tanggal
15
April
2014
dari
http://dobloger.blogspot.com/2013/01/pengertianaplikasi-definisi-dan-arti.html
Gambar 36 Tampilan Data Peserta Putra Putri Batik
III. KESIMPULAN
3.1
Kesimpulan
Aplikasi Electronic Voting berbasis Web untuk InuKirana dan Putra-Putri Batik Kabupaten Kediriyang telah di
bahas pada BAB 3menghasilkan sebuah kesimpulan sebagai
berikut:
Aplikasi ini dapat mengelola seluruh data Inu Kirana
dan Putra-Putri Batik sampai dengan proses Voting. Aplikasi
Electronic Voting berbasis Web untuk Inu-Kirana dan PutraPutri Batik Kabupaten Kediridapat digunakan sebagai
informasi mengenai duta wisata serta putra-putri batiik yang
ada di pemerintahan Kabupaten kediri.
IV. REFERENSI
[1]. Alycious
luowis,
2016.
Bootstarp
Template.
(http://www.startbootstrap.com,diakses 28 Oktober 2015
puku 14.00 WIB).
[2]. Suwarno Hendri, 2015. Cara Memasang Google Maps Di
Website.
[3]. (http://www.pintarkomputer.com/2015/03/caramemasang-google-maps-di-website-atau-blog.html,
diakses 7Desember 2015 puku 09.00 WIB).
[4]. Elcicko Basuki, 2015. Tutorial Google Maps Aplikasi
GIS.
(http://elcicko.com/tutorial-google-maps-untukaplikasi-gis, diakses 3 Januari 2016 puku 11.20 WIB).
[5]. Syafi’i
M,
2013.
Belajar
PHP.
(http://www.duniailkom.com/tutorial-belajar-php-dasaruntuk-pemula/,diakses 7 Januari 2016 puku 10.20 WIB).
[6]. Wikipedia,
2013,
Pengertian
XAMPP.
(https://id.wikipedia.org/wiki/XAMPP, diakses 7 Januari
2016 puku 11.20 WIB).
[7]. Jogianto, H.M (1990). Pengenlan Komputer; Dasar Ilmu
Komputer, Pemrograman, Sitem Informasi dan
Intelegensi Buatan. Elex Media Komputindo. Jakarta.
[8]. Peranginangin, K. (2006). Aplikasi Web dengan PHP dan
Mysql. Andi Yogjakarta. Yogyakarta.
[9]. Cahyono, Setiyo. 2006 Panduan Praktis Pemrograman
Database Menggunakan MySQL dan JAVA.Informatika :
Bandung.
Hamin, Santoso, Anam
pISSN: 2252 – 486X
eISSN: 2548–4710