Aplikasi
Electronic Voting
Berbasis Web Untuk Inu-Kirana
Dan Putra-Putri Batik Kabupaten Kediri
Fadelis Sukya
1, Andre Junanta Hamim
2, Joko Santoso
3, Khoirul Anam
4Teknik 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 Inu-Kirana dan Putra Putri Batik Kabupaten Kediri dan dapat dimanfaatkan lebih lanjut.
Kata Kunci—electronic voting, web-based, inu-kirana, putra-putri batik
I. PENDAHULUAN
1.1 Latar Belakang
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 Putra-Putri 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 Rumusan Masalah
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 Metode Penelitian
1.6.1 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.
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
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.
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.
A. Perangkat Keras / hardware Processor : Intel Core i3
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 Fungsionalitas Sistem
2.2.1 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
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 Analisa Kebutuhan
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 Rancangan Flow Diagram
2.3.1.1 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 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.
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 fitur-fitur 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 Inu-Kirana 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 fitur-fitur 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
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 Desain Basis Data
2.3.2.1 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 masing-masing 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 Nama Tipe
1 Id Varchar(5)
2 Nama_lengkap Varchar(100)
3 Username Varchar(100)
4 Password Varchar(100)
2. Tabel Member
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 Nama Tipe
1 Kd_user Varchar(5)
2 Nama_lengkap Varchar(100)
3 Email Varchar(100)
4 Username Varchar(100)
5 Password Varchar(100)
6 Alamat Varchar(200)
3. Tabel Member Voting
a. Nama tabel : tb_member_voting b. Primary key : id
c. Jumlah field : 6
d. Keterangan : Tabel berfungsi menyimpan data Voting pada Member
TABEL III MEMBER VOTING
No Nama Tipe
1 Id Int(5)
2 kd_user Char(5)
3 V_inu Int(1)
4 V_kirana Int(1)
5 V_putra_batik Int(1)
6 V_putri_batik Int(1)
4. 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
TABEL IV PESERTA INU-KIRANA
No Nama Tipe
1 Kd_peserta_ik Varchar(11) 2 Nama_lengkap Varchar(100) 3 Nama_panggilan Varchar(3) 4 Jenis_kelamin Varchar(9)
5 Tinggi_badan Int(5)
6 Ttl Date
7 Umur Int(5)
8 Pekerjaan_pendidikan Varchar(100)
9 No_hp Varchar(15)
10 Domisili Varchar(200)
11 S_domisili Varchar(9)
12 K_f_close_up Varchar(9) 13 K_f_seluruh_badan Varchar(9)
14 K_pas_foto Varchar(9)
15 S_belum_nikah Varchar(9)
16 S_sehat Varchar(9)
17 S_izin_ortu Varchar(9)
18 K_formulir Varchar(9)
19. Foto Varchar(9)
5. Tabel Peserta Putra-Putri Batik 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
No Nama Tipe
1 Kd_peserta_ppb Varchar(12) 2 Nama_lengkap Varchar(100)
3 Sekolah Varchar(100)
4 Alamat Varchar(200)
5 No_hp Varchar(15)
6 Jenis_kelamin Varchar(9)
7 Tinggi_badan Int(5)
8 Tgl_lahir Date
9 Umur Int(5)
10 K_fc_ktp Varchar(9)
11 K_foto_4r Varchar(9)
12 K_no_peserta Varchar(9)
13 S_sehat Varchar(9)
14 K_formulir Varchar(9)
15 Foto Varchar(9)
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 VI SKOR INU-KIRANA
No Nama Tipe
1 Id_voting_ik Int(5)
2 Kd_peserta_ik Char(11)
3 Jml_voting Int(5)
7. Tabel Skor Putra-Putri Batik a. Nama tabel : tb_skor_ppb b. Primary key : id_voting_ppb c. Jumlah field : 3
TABEL VII SKOR PUTRA-PUTRI BATIK
No Nama Tipe
1 Id_voting_ppb Int(5)
2 Kd_peserta_ppb Char(11)
3 Jml_voting Int(5)
2.3.3 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 2 Interface Login Member
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 3 Dashboard Beranda
Pada Gambar 3 terdapat tampilan awal aplikasi berupa beberapa button dan konten tentang tutorial electronic voting.
2.3.3.3 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.
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 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.
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.
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.
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 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 8 Implementasi Halaman Masuk/Daftar
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.
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 E-Voting ini.
Gambar 9 Implementasi Halaman Beranda $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 "<script>alert('Gagal login: Cek username, password!');history.go(-1);</script>";
Berdasarkan perancangan sistem halaman beranda diatas terdapat slide yang memberikan informasi tentang langkah-langkah voting dan lainnya, berikut adalah potongan scriptview dari halaman beranda.
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.
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.
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 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 beranda(){ u();//mencari 3 peserta terbaik
$top_peserta_kirana = 'top_peserta_kirana' => $top_peserta_kirana ); $this->load->view('member/header.php', $data); $this->load->view('member/peserta_ik.php', $data1);
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 .
Gambar 12 Implementasi Halaman Biodata Diri Berdasarkan perancangan sistem halaman biodata diri diatas, berikut adalah potongan scriptview dari halaman biodata peserta.
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.
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 14 Implementasi Halaman Kontak $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'), ); $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'); }
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'); }
$this->load->view('member/header.php', $data); $this->load->view('member/detail_peserta_ik.php', $data_peserta);
Berdasarkan perancangan sistem halaman kontak kami di atas, berikut adalah potongan scriptview dari halaman kontak kami.
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
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 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
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.
Gambar 18 Tampilan Halaman Peserta Inu Kirana
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
public function kontak(){ $data = array(
'name' => $this->session->userdata('username'), 'active_kontak'=>'active'
);
Gambar 19 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.
Gambar 20 Tampilan Halaman Peserta Inu Kirana 2.3.5.3 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.
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.
Gambar 22 Tampilan Pesan Pilih atau Tidak
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 23 Tampilan Halaman Peserta Putra Putri Batik 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 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
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 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 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.
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 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 29 Tampilan Notifikasi Hapus Atau Tidak
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 31 Tampilan Pesan Gagal Simpan Data Tinggi Badan Setelah peserta Putra Batik tersebut memiliki tinggi badan diatas 165 cm, maka dapat terdaftar sebagai peserta Putra-Putri Batik seperti Gambar 32.
Gambar 32 Tampilan Data Peserta Putra Putri Batik
2.3.5.5.5 Pengujian Halaman Edit Peserta Putra Putri
Batik
Gambar 33 tersebut adalah proses admin untuk edit data, pada Gambar 33 tersebut terjadi kesalahan karena terdapat form yang masih kosong. Serta akan muncul notifikasi "Mohon maaf,
cek kembali form yang masih kosong!" apabila tetap ingin menyimpan data tersebut apabila ada form yang masih kosong.
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
2.3.5.5.6 Pengujian Halaman Hapus Peserta Putra Putri
Batik
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 35 Tampilan Notifikasi Hapus Atau Tidak
Gambar 36 Tampilan Data Peserta Putra Putri Batik
III. KESIMPULAN
3.1 Kesimpulan
Aplikasi Electronic Voting berbasis Web untuk Inu-Kirana 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 Putra-Putri 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/cara-memasang-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-untuk-aplikasi-gis, diakses 3 Januari 2016 puku 11.20 WIB). [5]. Syafi’i M, 2013. Belajar PHP.
(http://www.duniailkom.com/tutorial-belajar-php-dasar-untuk-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.
[10]. Betha, Sidik. (2006). Pemrograman Web dengan PHP.Informatika : Bandung.
[11]. Blog, Dobloger. (2014). Pengertian Aplikasi.Diaskes
tanggal 15 April 2014 dari