Hallo teman-teman ONPHPID, kali ini ONPHPID akan membuat sebuah Sistem Poling sederhana dengan PHP dan MySQLi, dimana Polling adalah sebuah metode yang digunakan untuk mengetahui pendapat umum, terhadap suatu kasus (case) atau masalah tertentu. Sistem Poling biasa digunakan untuk menilai sesuatu seperti artikel, kepuasan pelanggan, kuesioner bahkan pemilihan pemilu.
Penghitungan Poling dapat dilakukan dengan rumus berikut :
1 |
hasil = (a / n) * 100; |
dimana :
1 2 3 |
a : adalah total suara (vote) dari SEBUAH/SATU pilihan (opsi) n : adalah total suara (vote) dari SELURUH pilihan (opsi) yang ada hasil : adalah hasil bagi dari a dan n di kali 100, yang nantinya akan dinyatakan dalam persen (%) |
Untuk mengimplementasikan rumus di atas ONPHPID membuat sistem poling yang sederhana untuk menetukan siapa yang paling cantik dari gambar berikut :
Bagaimana membuatnya ?
PASTIKAN XAMPP SUDAH BERJALAN
Pertama, kalian bisa membuat database dengan mana “votes”, lalu import table sql yang ada disini.
Kedua, buat sebuah folder project di htdocs
kalian dengan nama “vote”.
Ketiga, buat file baru dengan nama config.php
lalu isi dengan kode koneksi kedatabase dengan new mysqli berikut :
[gists]https://gist.github.com/wichaksono/d4e0b1e7c323b38b1dee76e0acc4b16d[/gists]
keempat, buatlah file index.php
lalu isi dengan kode berikut :
[gists]https://gist.github.com/wichaksono/8822c12e3094971756b19615ffe43d3c[/gists]
untuk melihat hasilnya kalian bisa akses localhost/vote/
melalui browser kesayangan kalian.
Sampai pada langkah ini Gambar Pilihan tidak akan bisa ditampilkan karena kita belum membuat folder penyimpan foto dan belum menyediakan foto untuk ditampilkan.
Kelima, buatlah folder bernama photo
lalu isi folder tersebut dengan gambar berikut
Penamaan foto atau gambar yang kalian unduh berkaitan dengan value dari table vote_opsi didalam database, tepatnya di field “thumbnail”. jadi pastikan nama foto dengan value pada field “thumbnail” ada kesesuaian.
Keenam, buat file vote-count.php
untuk menambahkan vote baru kedalam database. berikut kodenya :
[gists]https://gist.github.com/wichaksono/054b1087bb8cc4004bb7f8cced542e98[/gists]
kemudian buka file index.php
dan tambahkan kode berikut tepat dibawah kode require 'config.php';
1 |
require 'vote-count.php'; |
Nah sampai disini kita sudah bisa menyumbangkan ‘vote’ kita, namun kita belum bisa melihat persentase dari kedua opsi. oleh karenanya kita akan lanjut kelangkat tujuh.
Ketujuh, buat file baru dengan nama functions.php
untuk membuat fungsi penghitungan hasil vote sesuai dengan rumus di atas:
[gists]https://gist.github.com/wichaksono/c526ce8063faa95fc7936b7fafa87152[/gists]
kemudian buka file index.php
tambahkan kode berikut tepat dibawah kode require 'vote-count.php';
1 |
require 'functions.php'; |
masih di file index.php
, cari kode berikut :
1 |
<div class="persentase"></div> |
lalu ubah dengan kode berikut :
1 |
<div class="persentase"><?php echo getPolling( $row['id_opsi'] );?></div> |
nah sekarang kita sudah bisa melihat berapa persentase dari masing-masing opsi. untuk mempercantik kita akan menambahkan css.
Kedelapan, buat file style.css
dan isi dengan kode berikut :
[gists]https://gist.github.com/wichaksono/fbcb0edeb95ca18268e19d30e8f2f403[/gists]
Baik sekian tutorial poling system dari ONPHPID,
source code bisa kalian ambil di sini.
Sekian dan selamat belajar pemrograman php.