Professional Documents
Culture Documents
TUGASPW14 41820010083 Aditya Firmansyah
TUGASPW14 41820010083 Aditya Firmansyah
TUGASPW14 41820010083 Aditya Firmansyah
NIM : 41820010083
Index.php
Code :
<?php
include("config.php");
?>
<!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">
<title>Buku Tamu || TutorialPedia.NET</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TUTORIALPEDIA</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.php">Beranda</a></li>
<li><a href="data.php">Data Buku Tamu</a></li>
<li class="dropdown">
<div class="form-group">
<label class="col-sm-2 control-label">WEBSITE</label>
<div class="col-sm-4">
<input type="url" name="website" class="form-control"
placeholder="http://www.tutorialpedia.net">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">JUDUL PESAN</label>
<div class="col-sm-6">
<input type="text" name="judul" class="form-control" placeholder="Senang
banget dengan
tutorialpedia.net" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">ISI PESAN</label>
<div class="col-sm-8">
<textarea name="pesan" class="form-control" placeholder="Hai, saya sangat
senang
dengan tutorial yang ada di tutorialpedia.net. Terima kasih."
required></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"></label>
<div class="col-sm-8">
<input type="submit" name="submit" class="btn btn-primary" value="KIRIM
PESAN">
</div>
</div>
</form>
<?php
//definisikan variabel untuk tiap-tiap inputan
$nama = $koneksi->real_escape_string($_POST['nama']);
$email = $koneksi->real_escape_string($_POST['email']);
$web = $koneksi->real_escape_string($_POST['website']);
$judul = $koneksi->real_escape_string($_POST['judul']);
$pesan = $koneksi->real_escape_string($_POST['pesan']);
$tanggal = date('Y-m-d');
//jika di klik tombol kirim pesan menjalankan script di bawah ini
if($_POST['submit']){
$input = $koneksi->query("INSERT INTO
bukutamu(tanggal,nama,email,website,judul,pesan)
VALUES('$tanggal','$nama','$email','$web','$judul','$pesan')") or
die($koneksi->error);
if($input){
echo '<div class="alert alert-success">Pesan anda berhasil di
simpan!</div>';
}else{
echo '<div class="alert alert-warning">Gagal menyimpan pesan!</div>';
}
}
?>
<hr />
<h2>5 Buku tamu terakhir</h2>
<?php
//menampilkan 5 buku tamu terbaru
$res = $koneksi->query("SELECT * FROM bukutamu ORDER BY id DESC LIMIT 5") or
die($koneksi->error);
if($res->num_rows){
while($row = $res->fetch_assoc()){
echo '
<table class="table table-condensed table-striped">
<tr>
<th width="150">TANGGAL TULIS</th>
<th width="10">:</th>
<td>'.$row['tanggal'].'</td>
</tr>
<tr>
<th width="150">NAMA LENGKAP</th>
<th width="10">:</th>
<td>'.$row['nama'].'</td>
</tr>
<tr>
<th>EMAIL</th>
<th>:</th>
<td>'.$row['email'].'</td>
</tr>
<tr>
<th>WEBSITE</th>
<th>:</th>
<td>'.$row['website'].'</td>
</tr>
<tr>
<th>JUDUL PESAN</th>
<th>:</th>
<td>'.$row['judul'].'</td>
</tr>
<tr>
<th>ISI PESAN</th>
<th>:</th>
<td>'.$row['pesan'].'</td>
</tr>
</table>
';
}
}else{
echo 'Belum ada data buku tamu';
}
?>
<p><a class="btn btn-primary btn-sm" href="data.php">Lihat semua data</a></p>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Data.php
<?php
include("config.php");
?>
<!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">
<title>Buku Tamu || TutorialPedia.net</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
datatarget="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TUTORIALPEDIA</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.php">Beranda</a></li>
<li class="active"><a href="data.php">Data Buku Tamu</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
ariahaspopup="true" aria-expanded="false">Dropdown <span
class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container" style="margin-top: 50px">
<h1>Data Buku Tamu!</h1>
<hr />
<?php
//menampilkan data buku tamu
$res = $koneksi->query("SELECT * FROM bukutamu ORDER BY id DESC") or
die($koneksi->error);
if($res->num_rows){
while($row = $res->fetch_assoc()){
echo '
<table class="table table-condensed table-striped">
<tr>
<th width="150">TANGGAL TULIS</th>
<th width="10">:</th>
<td>'.$row['tanggal'].'</td>
</tr>
<tr>
<th width="150">NAMA LENGKAP</th>
<th width="10">:</th>
<td>'.$row['nama'].'</td>
</tr>
<tr>
<th>EMAIL</th>
<th>:</th>
<td>'.$row['email'].'</td>
</tr>
<tr>
<th>WEBSITE</th>
<th>:</th>
<td>'.$row['website'].'</td>
</tr>
<tr>
<th>JUDUL PESAN</th>
<th>:</th>
<td>'.$row['judul'].'</td>
</tr>
<tr>
<th>ISI PESAN</th>
<th>:</th>
<td>'.$row['pesan'].'</td>
</tr>
</table>
';
}
}else{
echo 'Belum ada data buku tamu';
}
?>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Config.php
<?php
//mengabaikan pesan Notice
error_reporting(E_ALL ^ (E_NOTICE));
//melakukan koneksi ke database dengan MySQLi
$koneksi = new mysqli("localhost", "root", "", "db_bukutamu");
if($koneksi->connect_errno) {
echo "Gagal melakukan koneksi ke MySQL: " . $koneksi->connect_error;
}
?>