Sistem Voting dengan PHP dan Mysql untuk Admin dan Anggota

Ukuran: px

Mulai penontonan dengan halaman:

Download "Sistem Voting dengan PHP dan Mysql untuk Admin dan Anggota"

Irwan Iskandar
7 tahun lalu
Tontonan:

2 Sistem Voting dengan PHP dan Mysql untuk Admin dan Anggota Oleh: Boy Panjaitan Hai, Kembali lagi dengan saya Boy Panjaitan.Kali ini saya akan memberikan tutorial yang berhubungan dengan PHP. Yap disini kita akan membuat sistem voting baik untuk adminnya maupun anggotanya.oke, karena tutorial ini akan cukup panjang jadi, kita tidak perlu bertele-tele lagi.disini konsepnya kita akan... Hai, Kembali lagi dengan saya Boy Panjaitan. Kali ini saya akan memberikan tutorial yang berhubungan dengan PHP. Yap disini kita akan membuat sistem voting baik untuk adminnya maupun anggotanya. Oke, karena tutorial ini akan cukup panjang jadi, kita tidak perlu bertele-tele lagi. Disini konsepnya kita akan membuat satu halaman untuk admin yang akan membuat Voting dan Anggota yang akan berpartisipasi Pertama kita buat sistem untuk Adminnya. Disini saya akan menggunakan framework Bootstrap untuk designnya. Bisa didownload langsung di Kemudian kita akan membuat dua tabel database, 1 untuk votingnya dan 1 lagi untuk responden Kita buat database pertama, Disini saya menggunakan XAMPP untuk databasenya. Jika anda sudah mengerti cara membuat tabel databasenya bisa langsung diskip saja tahap ini, namun bagi yang belum tau bisa dipelajari Untuk membuat tabelnya pertama kita buat databasenya contohkan saja namanya 'vot' jalankan control panel XAMPP masuk ke phpmyadmin, dengan memasukan alamat di browser anda localhost/phpmyadmin lihat disebelah kiri daftar database yang sudah ada, kemudian pilih new isi nama databasenya tadi vot sekarang database kita sudah berhasil dibuat, lihat didaftar sebelah kiri nama database yang kita buat tadi klik pada database itu, kemudian akan muncul form create table disini kita buat table, misalkan namanya polling. untuk column nya kita buat 7 kemudian klik go isi field nya seperti berikut (buat persis seperti yang saya buat) 1. nomor (type 'int') (index 'PRIMARY') (A_I 'cheklist') 2. isi (type 'text') 3. sangat_baik (type 'int') (length '2') 4. baik (type 'int') (length '2') 5. sedang (type 'int') (length '2')

3 6. buruk (type 'int') (length '2') 7. aktif (type 'varchar') (length '1') untuk penyetingan database sudah selesai, sekarang kita beralih ke koding. kita akan membuat file php, kita buat koneksi kedatabasenya terlebih dahulu $server=mysql_connect("localhost","root",""); $db=mysql_select_db("vot"); Kemudian kita buat tampilan halamannya untuk Admin <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="description" content=""> <meta name="author" content=""> <title>situsduabe Official Website for CE-2B</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> </head> <body> <nav class="navbar navbar-default" id="atas"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" style="background:#fff;color:black;" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="true"> <span class="sr-only">toggle navigation</span> </button> <a class="navbar-brand" href="index.php">polling</a>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="index.php">admin</a></li> <li><a href="anggota.php">anggota</a></li> </ul>

4  </nav> <div class="container"> <center><h1>halaman Administrator Polling</h1></center><hr> <div class="well"> <h2>buat voting baru</h2><hr> <form action="" method="post"> <div class="row" style="margin-bottom:20px"> <div class="col-lg-2 col-xs-12">judul <div class="col-lg-10 col-xs-12"> <textarea name="isi" class="form-control"></textarea> <div class="row"> <div class="col-lg-2 col-xs-12">status <div class="col-lg-10 col-xs-12"> <select name="status"> <option value="t">tidak Aktif</option> <option value="a">aktif </option> </select> <p><p> <input type="submit" name="sub" class="btn btn-success" value="simpan"> </form> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html> Pada script diatas kita sudah membuat form untuk pembuatan voting baru, untuk voting bisa dipilih statusnya antara aktif atau tidak. Kemudian kita akan membuat script untuk memasukkan data ke server. if($_post["sub"]){ mysql_query("insert into polling values('','".$_post["isi"]."','','','','','".$_post["status"]."')"); setelah itu kita akan menampilkan voting yang tersedia dalam bentuk tabel echo "<table class='table table-bordered'>";

5 echo "<tr class='info'> <td>isi</td> <td>sangat Baik</td> <td>baik</td> <td>sedang</td> <td>buruk</td>"; $table=mysql_query("select * from polling order by nomor desc"); while($dbtable=mysql_fetch_assoc($table)){ echo "<tr> <td>".$dbtable["isi"]."</td> <td>".$dbtable["sangat_baik"]."</td> <td>".$dbtable["baik"]."</td> <td>".$dbtable["sedang"]."</td> <td>".$dbtable["buruk"]."</td>"; echo "</table>"; Kita telah selesai untuk Admin, kemudian kita akan mulai dengan membuat tampilan untuk Anggota yang akan memilih polling <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="description" content=""> <meta name="author" content=""> <title>situsduabe Official Website for CE-2B</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> </head> <body> <nav class="navbar navbar-default" id="atas"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" style="background:#fff;color:black;" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="true"> <span class="sr-only">toggle navigation</span> </button> <a class="navbar-brand" href="index.php">polling</a>

6  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="index.php">admin</a></li> <li><a href="anggota.php">anggota</a></li> </ul>   </nav> <div class="container"> <center><h1>responden Voting</h1></center><hr> $data=mysql_query("select * from polling where aktif='a'"); $dbdata=mysql_fetch_assoc($data); echo "<div class='well'> ".$dbdata["isi"]."<p><p> <form action='' method='post'> <input type='radio' id='sb' name='pilih' value='sb'> <label for='sb'>sangat Baik</label><br> <input type='radio' id='b' name='pilih' value='b'> <label for='b'>baik</label><br> <input type='radio' id='s' name='pilih' value='s'> <label for='s'>sedang</label><br> <input type='radio' id='br' name='pilih' value='br'> <label for='br'>buruk</label><br><p><br> <input type='submit' name='subvot' value='selesai' class='btn btn-warning btn-sm'> </form> "; </body> </html> Pada script diatas kita menyisipkan sedikit script PHP yang berfungsi untuk mengambil data dari database, yang mana data itu adalah voting yang berstatus aktif kemudian kita akan membuat script untuk pengiriman hasil voting yang dilakukan anggota if($_post["subvot"]){ where aktif='a'"); if($_post["pilih"]!=""){ $hvot=mysql_query("select * from polling $dbhvot=mysql_fetch_assoc($hvot); if($_post["pilih"]=="sb"){ $j=$dbhvot["sangat_baik"]+1;

7 mysql_query("update polling set sangat_baik='".$j."'"); if($_post["pilih"]=="b"){ $j=$dbhvot["baik"]+1; mysql_query("update polling set baik='".$j."'"); if($_post["pilih"]=="s"){ $j=$dbhvot["sedang"]+1; mysql_query("update polling set sedang='".$j."'"); if($_post["pilih"]=="br"){ $j=$dbhvot["buruk"]+1; mysql_query("update polling set buruk='".$j."'"); <script> window.location="?menu=akun&submenu=profile"; </script> Oke, sekarang kita sudah selesai, pada script ini kita akan mengambil data dari database yaitu jumlah votingannya. jadi setiap anggota melakukan voting maka data itu akan ditambahkan satu, dan begitu seterusnya :) Tentang Penulis Boy Panjaitan I'm Developer

dokumen-dokumen yang mirip

Responsive Sidebar dengan Bootstrap

Responsive Sidebar dengan Bootstrap Oleh: Boy Panjaitan Hai, Berjumpa lagi dengan saya Boy Panjaitan. kali ini saya akan membagikan tutorial tentang CSS lagi.pernahkah anda melihat website dengan sidebar