Membuat polling dengan php dan mysql

Halo teman teman Dumenity, jumpa lagi di tutorial tutorial pemrogramman web dumetschool, oke kali ini kita akan belajar Membuat Sistem Polling dengan PHP dan Database MySQL. Yuk langsung saja kita praktekan teman teman.

Pertama tama kalian bisa buat database nya terlebih dahulu sebagai contoh kita akan membuat aplikasi polling Framework CSS terbaik dengan struktur Databse seperti berikut.

Membuat polling dengan php dan mysql

lalu kita buat folder project nya di htdoct dan buat file dengan nama ffile conn.php dan isi file conn itu sebagai koneksi dengan database yang baru saja kita buat.

<?php 	
	$conn = mysqli_connect("localhost", "dumet", "school", "webmaster");
	if (!$conn) die(mysqli_connect_error());
 ?>

Membuat polling dengan php dan mysql

lalu setelah teman teman bisa buat file dengan nama index.php, dan buat struktur nya seperti berikut.

<?php 
	include 'conn.php';
	$query = mysqli_query($conn, "SELECT * FROM polling");

	if(isset($_POST['submit'])) {
		$id = $_POST['id'];
		mysqli_query($conn, "UPDATE polling SET value=value+1 WHERE id = '$id' ");
		header('location:index.php?'.$id);
	}
 ?>

 <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title> Polling Framework CSS Terbaik </title>
	<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col">
				<h2 class="text-center">Polling Framework CSS Terbaik</h2>
				<hr>
				<div class="row">
					<div class="col-6">
						<p class="lead">Which one is Best CSS Framework</p>
						<hr>
						<form action="" method="post">
							<div>
								<?php foreach($query as $row){ ?>
									<div class="form-group">
										<input name="id" type="radio" aria-valuenow="" class="pollradio" value="<?php echo $row['id'] ?>">
										<?php echo $row['framework'] ?>
									</div>
								<?php } ?>	
							</div>
							<br>
							<button type="submit" name="submit" class="btn btn-primary" id="btn">submit</button>
						</form>

					</div>

					<div class="col-6">
						<p class="lead">Live Polling Framework CSS</p>
						<hr>

						<div class="row mb-3">
							<?php foreach($query as $row){ ?>
								<div class="col-3 mb-3">
										<div><?php echo $row['framework'] ?></div>
								</div>
								<div class="col-8">
									<div class="progress mt-1">
									  <div class="progress-bar <?php 
									  if ($row['value']>50 && $row['value']<100) echo 'bg-success';
									  else if($row['value'] >= 100) echo "bg-primary";
									  else if($row['value'] < 50) echo "bg-danger";

									  ?>" role="progressbar" style="width: <?php echo $row['value'] ?>%;" aria-valuenow="<?php echo $row['value'] ?>" aria-valuemin="0" aria-valuemax="100"><?php echo $row['value'] ?>% <?php echo $row['value'] >= 100 ? 'Completed' : 'Uncompleted' ?></div>
									</div>		
								</div>
							<?php } ?>
						</div>						
						
					</div>

				</div>
			</div>
		</div>
	</div>
</body>
</html>

untuk koding sebetulnya hanya sesimpel itu, dan untuk struktur folder nya sendiri seperti ini, oya karena ini memakai bootstrap css jadi kalian bisa download atau pasang bootstrap CDN nya yah jangan lupa.

Membuat polling dengan php dan mysql

coba kalian jalan kan webrowser masing masing. hasil nya seperti di bawah ini.

Membuat polling dengan php dan mysql

coba kalian submit misalnya yang bootstrap kalian pilih maka otomatis value di sebelah kanan akan bertambah 1%.

Membuat polling dengan php dan mysql

oke sekian tutorial Membuat Sistem Polling dengan PHP & MySQL semoga bermanfaat yah teman teman..