62
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi merupakan kelanjutan dari kegiatan perancangan sistem dan dapat disebut sebagai usaha untuk mewujudkan sistem yang dirancang. Pada tahapan proses ini yang dilakukan adalah implementasi dan pengujian dari sistem yang sudah dirancang. Hasil dari tahapan ini adalah suatu sistem pengolahan data dan informasi yang sudah berjalan dengan baik. 4.2 Perangkat Yang Digunakan Sistem Informasi Electronic Voting Pemilihan Ketua Rukun Warga Secara Realtime Berbasis Web dan Notifikasi Via Email (Studi Kasus di Kota Depok) ini dibuat dengan menggunakan spesifikasi perangkat keras dan perangkat lunak sebagai berikut:
4.2.1
Perangkat Keras
Spesifikasi perangkat keras dalam pembuatan aplikasi ini adalah sebagai berikut: 1.
Komputer dengan spesifikasi minimal Processor Intel Core i3, RAM 4GB
2.
Storage Hardisk 320 GB HDD
3.
Keyboard
4.
Mouse
4.2.2
Perangkat Lunak
Spesifikasi perangkat lunak dalam pembuatan aplikasi ini adalah sebagai berikut: 1.
Sistem Operasi Windows 10
2.
XAMPP versi 3.2.2 untuk local internet dan penyimpanan database
3.
Notepad++ untuk penulisan kode ke program web
4.
Google Chrome sebagai browser untuk menampilkan program
http://digilib.mercubuana.ac.id/
63
4.3 Implementasi Sistem Tahap implementasi sistem merupakan tahap penerapan sistem agar dapat dioperasikan secara optimal sesuai dengan kebutuhan. Rancangan layar yang dibuat pada tahapan perancangan diimplementasikan menjadi bentuk halaman web.
4.4 Tampilan Halaman Web 1.
Halaman Login
Gambar 4-1 Tampilan Halaman Login
Halaman login merupakan halaman awal untuk masuk ke dalam aplikasi. Seluruh user harus melakukan login terlebih dahulu untuk masuk ke dalam aplikasi dan membuka masing-masing menu. Ketika melakukan login, user harus memasukkan data username dan password yang telah terdaftar pada database aplikasi. Halaman ini dibagi menjadi dua halaman sesuai dengan hak akses masing-masing, diantaranya adalah Halaman Login Panitia Pemilih dan Pemilih.
http://digilib.mercubuana.ac.id/
64
2.
Halaman Utama Admin IT
Gambar 4-2 Tampilan Halaman Utama Admin IT
Setelah berhasil melakukan login, admin IT memiliki hak akses untuk mengelola data warga dan user panitia pemilihan. Data warga yang dikelola merupakan data utama yang digunakan dalam proses pemilihan. Admin IT dapat melakukan insert, update, delete terhadap data-data yang akan dimasukkan ke dalam sistem. 3.
Halaman Utama Panitia Pemilihan
Gambar 4-3 Tampilan Halaman Utama Panitia Pemilihan
Setelah berhasil melakukan login, panitia pemilihan memiliki hak akses untuk mengelola data warga, data kandidat, dan jadwal pemilihan. Data yang dikelola merupakan data utama dalam proses pemilihan. Panitia pemilihan dapat melakukan insert, update, delete terhadap data-data yang akan dimasukkan ke dalam sistem.
http://digilib.mercubuana.ac.id/
65
4.
Form Tambah Data Warga Warga dapat melakukan pemilihan ketua RW di lingkungannya apabila data-
datanya telah di daftarkan oleh Panitia Pemilihan ke sistem. Panitia Pemilihan memilih menu Data Warga kemudian klik tombol Insert Data. Maka akan tampil form tambah data warga seperti gambar di bawah ini:
Gambar 4-4 Tampilan Form Tambah Data Warga
5.
Halaman Data Warga
Gambar 4-5 Tampilan Data Warga
Data Warga yang dimasukkan oleh panitia pemilihan ke sistem akan disimpan dan ditampilkan pada halaman data warga. Panitia pemilihan dapat melakukan edit, delete data warga dan melakukan reset password data warga apabila ada warga yang lupa dengan passwordnya.
http://digilib.mercubuana.ac.id/
66
6.
Form Tambah Data Kandidat
Gambar 4-6 Tampilan Form Tambah Data Kandidat
Data Kandidat merupakan salah satu data master yang harus dimasukkan oleh panitia pemilihan. Data kandidat ini yang akan tampil di halaman pemilih untuk dipilih pada saat adanya pemilihan. Panitia pemilihan memilih menu Data Kandidat kemudian klik tombol Insert Data. Maka akan tampil form pengisian data kandidat seperti gambar di atas. 7.
Halaman Data Kandidat
Gambar 4-7 Tampilan Data Kandidat
Data Kandidat yang dimasukkan oleh panitia pemilihan ke sistem akan disimpan dan ditampilkan pada halaman data kandidat. Panitia pemilihan dapat melakukan edit dan delete data kandidat pada data yang sudah dimasukkan sebelumnya.
http://digilib.mercubuana.ac.id/
67
8.
Form Tambah Jadwal Pemilihan
Gambar 4-8 Tampilan Form Tambah Jadwal Pemilihan
Data Jadwal Pemilihan merupakan salah satu data master yang harus dimasukkan oleh panitia pemilihan. Data jadwal pemilihan ini digunakan untuk menentukan panjang waktu pemilihan. Panitia pemilihan memilih menu Jadwal Pemilihan kemudian klik tombol Insert Data. Maka akan tampil form pengisian data kandidat seperti gambar di atas. 9.
Halaman Data Jadwal Pemilihan
Gambar 4-9 Tampilan Data Jadwal Pemilihan
Data Jadwal Pemilihan yang dimasukkan oleh panitia pemilihan ke sistem akan disimpan dan ditampilkan pada halaman Jadwal Pemilihan. Panitia pemilihan dapat melakukan edit dan delete data kandidat pada data yang sudah dimasukkan sebelumnya.
http://digilib.mercubuana.ac.id/
68
10.
Halaman Utama Pemilih
Gambar 4-10 Tampilan Halaman Utama Pemilih
Setelah berhasil melakukan login, pemilih memiliki hak akses untuk merubah password, melihat profil kandidat, tata cara pemilihan, melakukan pemilihan dan memonitoring perolehan suara. 11.
Form Ubah Password
Gambar 4-11 Tampilan Halaman Ubah Password
Pemilih diberi kesempatan untuk merubah password default yang diberikan panitia pemilihan. Untuk merubah password pemilih meng-klik menu ubah password kemudian mengisi seluruh field yang disediakan.
http://digilib.mercubuana.ac.id/
69
12.
Halaman Profil Kandidat
Gambar 4-12 Tampilan Halaman Profil Kandidat
Gambar 4-13 Tampilan Detail Profil Kandidat
Pemilih dapat melihat profil kandidat dengan cara meng-klik menu profil kandidat kemudian klik tombol detail pada salah satu kandidat. Data yang ditampilkan di menu tersebut antara lain nama kandidat, visi misi kandidat, program kerja kandidat, dan foto kandidat.
http://digilib.mercubuana.ac.id/
70
13.
Halaman Tata Cara Pemilihan
Gambar 4-14 Tampilan Halaman Tata Cara Pemilihan
Pemilih dapat melihat tata cara pemilihan dengan cara meng-klik menu tata cara pemilihan. Pada menu ini ditampilkan gambar yang dapat memberikan informasi alur tata cara memilih di web e-voting. 14.
Halaman Pemilihan
Gambar 4-15 Tampilan Halaman Pemilihan
Untuk melakukan pemilihan ketua RW pemilih dapat meng-klik menu E-Voting. Kemudian sistem akan menampilkan foto kandidat calon ketua RW yang dapat dipilih warga dengan cara meng-klik tombol VOTE yang ada di bawah foto kandidat.
http://digilib.mercubuana.ac.id/
71
15.
Halaman Perolehan Suara
Gambar 4-16 Tampilan Halaman Perolehan Suara
Pemilih dapat memonitoring perolehan suara dengan mengakses menu Perolehan Suara. Data yang ditampilkan berupa grafik yang akan berubah setiap beberapa menit sekali.
4.5
Pengujian Sistem Pengujian sistem ini menggunakan metode Black Box Testing, dimana berfokus pada
persyaratan fungsionalitas perangkat lunak. Pengujian dilakukan dengan menjalankan Sistem Informasi Electronic Voting Pemilihan Ketua Rukun Warga Secara Realtime Berbasis Web dan Notifikasi Via Email (Studi Kasus di Kota Depok). Setelah aplikasi dijalankan selanjutnya adalah menguji menu-menu dan tombol-tombol yang terdapat pada tampilan antar muka aplikasi tersebut apakah sudah sesuai dengan tahap perancangan awal. Berikut ini adalah tabel skenario pengujian : Tabel 4-1 Skenario Pengujian
No
1
Antar Muka Yang Diuji
Proses Yang Diuji
Halaman Login
Proses pengcocokan data username dan password yang dimasukkan user dengan database
Status Aplikasi
Skenario Pengujian
Memasukkan username dan password yang sesuai
http://digilib.mercubuana.ac.id/
Hasil Yang Diharapk an
Hasil Pengujian
User berhasil login
Berhasil
72
No
2
Antar Muka Yang Diuji
Proses Yang Diuji
Halaman Login
Proses pengcocokan data username dan password yang dimasukkan user dengan database
3
Halaman Utama Menguji Panitia Menu Pemilihan
4
Halaman Form Tambah Data Warga
5
Halaman Master Data Warga
6
Halaman Form Tambah Data Kandidat
Status Aplikasi
Skenario Pengujian
Hasil Yang Diharapk an
Hasil Pengujian
Memasukkan username dan password yang tidak sesuai
User gagal login
Berhasil
Membuka menu yang tersedia
Halaman data yang tampil sesuai dengan menu yang dibuka
Berhasil
Mengisi Data Warga kemudian klik tombol save
Data Warga berhasil ditambahk an
Berhasil
Menguji Input Data
Tampil Form untuk Diisi Data Warga
Menguji Tombol
Terdapat tombol Mengklik insert tombol yang data, edit, tersedia delete
Seluruh tombol berfungsi
Berhasil
Menguji Input Data
Tampil Form untuk Diisi Data Kandidat
Data Kandidat berhasil ditambahk an
Berhasil
7
Halaman Master Data Kandidat
Menguji Tombol
Terdapat tombol Mengklik insert tombol yang data, edit, tersedia delete
Seluruh tombol berfungsi
Berhasil
8
Halaman Menguji Form Tombol Tambah Panitia Pemilihan
Terdapat Mengklik tombol tombol yang insert tersedia data, edit, delete
Mengisi Data Kandidat kemudian klik tombol save
http://digilib.mercubuana.ac.id/
Seluruh tombol berfungsi
Berhasil
73
Antar Muka No Yang Diuji Halaman Form Tambah 9 Data Jadwal Pemilihan Halaman Master 10 Data Jadwal Pemilihan
Proses Yang Diuji
Status Aplikasi
Skenario Pengujian
Menguji Input Data
Tampil Form yg dapat diisi
Mengisi Data Jadwal Pemilihan kemudian klik tombol save
Jadwal Pemilihan
Menguji Tombol
Terdapat tombol Mengklik insert tombol yang data, edit, tersedia delete
Menguji Tombol
Terdapat tombol detail
Mengklik tombol yang tersedia
Tampil gambar tata cara pemilihan
Mengklik menu tata cara pemilihan
Terdapat tombol vote
Mengklik tombol yang tersedia
Tampil grafik
Mengklik menu perolehan suara
11
Halaman Profil Kandidat
12
Halaman Menguji Tata Cara Tampilan Pemilihan
13
Halaman Menguji Pemilihan Tombol
14
Halaman Perolehan Suara
4.6
Menguji Tampilan
perolehan suara
Hasil Yang Diharapk an Data Jadwal Pemilihan berhasil ditambahk an Seluruh tombol berfungsi Tampil detail profil kandidat Tampil gambar tata cara pemilihan Proses Pemilihan Sukses, suara pemilih tersimpan di database Tampil grafik perolehan suara
Hasil Pengujian
Berhasil
Berhasil
Berhasil Berhasil
Berhasil
Berhasil
Hasil Pengujian Pada pengujian yang dilakukan dapat diperoleh hasil pengujian yang sesuai dengan
rancangan sistem yang telah dibuat. Berikut adalah rangkuman hasil pengujian: 1.
Pengujian telah menunjukkan masukan (input), proses, dan hasil keluaran (output) yang sesuai dengan rancangan pembuatan aplikasi
2.
Aplikasi ini sudah berjalan dengan baik dan benar, hal ini telah dibuktikan dari hasil skenario yang telah dilakukan.
3.
User masuk ke dalam halaman web sesuai dengan hak akses masing-masing yang telah didefinisikan.
4.
Admin IT dapat mengelola data warga dan user panitia pemilihan.
http://digilib.mercubuana.ac.id/
74
5.
Panitia Pemilihan dapat mengelola data kandidat, dan jadwal pemilihan.
6.
Pemilih dapat merubah password, mengakses menu profil kandidat, tata cara pemilihan, melakukan pemilihan dan memonitoring grafik perolehan suara.
7.
Pemilih hanya dapat melakukan pemilihan terhadap salah satu kandidat.
8.
Panitia Pemilihan dapat mengunduh report yang berisi perolehan suara masingmasing kandidat dan daftar pemilih yang sudah atau belum melakukan pemilihan. Berdasarkan hasil pengujian yang telah dilakukan pada Sistem Informasi Electronic
Voting Pemilihan Ketua Rukun dapat disimpulkan bahwa semua fungsi pada sistem ini dapat dijalankan dengan baik.
http://digilib.mercubuana.ac.id/
