Beruflich Dokumente
Kultur Dokumente
Nama : Farhan Kurnia Abadi Dosen Penguji : Ahmad Chamsudin, S.T., M.Eng.
Hari/ Tanggal Ujian : Jum’at / 10 Juli 2020 Kelas :C
4. Buatlah contoh sederhana program PHP untuk perulangan (for, while, do..while) pilih
salah satu!
5. Rancanglah sebuah web/program aplikasi / sistem informasi detail dengan rancangan
databasenya, gambarkan alur sistemnya beserta rancangan tampilan/ desain tampilan
yang diinginkan, jelaskan dengan sejelas jelasnya dan sedetail detailnya!
kemudian klik “New” pada menu sebelah kiri, munculah “Create Database”, masukkan
nama database yang akan dibuat, disini saya membuat nama “perpus” kemudian biarkan isian
disampingnya “Collation” dan klik “Create”.
jumlah kolom dalam contoh ini dibuat 3 kemudian klik “Go”, kemudian buatlah field
seperti gambar berikut, hanya pada kolom “id” kemudian di centang pada “A_I” atau disebut
Auto Increment, nomor akan bertambah jika terdapat record baru, ketika di klik “A_I” ini akan
muncul jendela kecil menanyakan tentang “Primary” key, klik OK saja.
kemudian klik “Save” dan setelah itu terlihat secara keseluruhan tabel perpustakaan yang
telah kita susun, untuk mencoba mengisinya, maka pada menu klik lah “Insert”,
kemudian klik “Go” dan lihatlah hasilnya dengan klik pada menu “Browse”. Sampai tahap
ini berarti database perpustakaan sudah siap.
Tulis kode berikut:
setelah itu carilah folder “xampp”, kemudian cari folder “htdocs” setelah itu buatlah folder baru
dengan nama “koleksiku”, sehingga (dalam laptop saya) terbentuk seperti ini
“d:/xampp/htdocs/koleksiku” simpanlah kode diatas dengan nama “db_connect.php” (simpan
dalam php bukan dalam txt)
kemudian copylah kode berikut,
<?php
include "db_connect.php";
$query=mysqli_query ($kon, "SELECT * FROM tbperpus")or die (mysqli_error());
$jumlah = mysqli_num_rows($query);
echo "<html>";
echo "<head>";
echo "<link href='style.css' type='text/css' rel='stylesheet'>";
echo "</head>";
echo "<title>Perpustakaan Kecil</title>";
echo "<body>";
echo "<font color='darkmagenta' face='Arial' size=3><b><br>Koleksi
Bukuku</b></font><br><br>";
echo "<a href='add.php' style=\"text-decoration: none\"><font face='tahoma' size='1'>Masukkan
buku baru</font></a><br>";
echo "<br><table border=\"0\" cellpadding=\"1\" cellspacing=\"1\" bordercolor=\"blue\"
bgcolor=\"white\">
<tr bgcolor='blue' height=\"30\"><font color='white'>
<th align='center'><font color='white' face='Arial' size=2>No</font></th>
<th align='center'><font color='white' face='Arial' size=2>Judul</font></th>
<th align='center'><font color='white' face='Arial' size=2>Penulis</font></th>
<th align='center'><font color='yellow' face='Arial' size=2>Ubah?</font></th>
</tr>";
$j=0;
while ($row=mysqli_fetch_array($query)) {
echo "<tr><td align='left' bgcolor='#657FFF'>";
echo "<font face='Arial' size=1>";
echo $j+1;
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["judul"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["penulis"];
echo"</font>";
echo"</td>";
echo"<td align='left' bgcolor='#E8D3DF'>";
echo "<a href='delete.php?id=".$row['id']."' style=\"text-decoration: none\"
title=\"Hapus\"><font face='tahoma' size='1'>Hapus</font></a>
<a href='edit.php?id=".$row['id']."' style=\"text-decoration: none\" title=\"Edit\"><font
face='tahoma' size='1'>Edit</font></a>"; $j++; }
echo"</table>";
echo "</body>";
echo "</html>";
?>
simpan kode diatas dengan nama “index.php” dalam folder d:/xampp/htdocs/koleksiku
kemudian bukalah file browser seperti chrome dan ketikkan “http://localhost/koleksiku”
maka jadilah halaman website anda dengan database awal.
Kemudian copylah kode berikut!
body,html {
margin: 0 5px;
font-family: Verdana,sans-serif;
font-size:12px
}
h1 {
font-size:1.4em;
color: #008000;
}
a{
color: #008000;
}
th { text-align: left;
}
td, th {
padding-right: 5px;
}
form dt {
width: 100px;
display: block;
float: left;
clear: left;
}
form dd {
margin-left: 0;
float: left;
}
form #submitbutton {
margin-left: 100px;
}
simpanlah dengan nama “style.css” di direktori d:/xampp/htdocs/koleksiku.
kemudian copy kembali perintah berikut,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tambah buku baru</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<form action="insert_koleksi.php" method="POST">
<font face="Tahoma" color="green" size="1"><b><br>Masukkan buku baru</b></font>
<table align="left">
<tr>
<td><font face="Tahoma" color="black" size="2">judul</font></td>
<td>:</td>
<td><input type="text" name="judul" size="30"></td>
</tr>
<tr>
<td><font face="Tahoma" color="black" size="2">penulis</font></td>
<td>:</td>
<td><input type="text" name="penulis" size="30"></td>
</tr>
<tr>
<td></td><td></td>
<td><input type="submit" value="Add">
<font face="Tahoma" color="green" size="2">
<a href="index.php" style="text-decoration:none">back</font></a>
</td>
</tr>
</table>
</form>
</body>
</html>
kemudian simpanlah dengan nama “add.php” dalam direktori d:/xampp/htdocs/koleksiku.
Kembali copy perintah berikut
<?php
include "db_connect.php";
$judul = $_POST['judul'];
$penulis = $_POST['penulis'];
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
kemudian simpanlah dengan nama “insert_koleksi.php” juga simpan pada direktori
d:/xampp/htdocs/koleksiku
lihat kembali kode berikut, copylah
<?php
include "db_connect.php";
$id = $_GET['id'];
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
?>
kemudian simpan dengan nama “delete.php” dalam d:/xampp/htdocs/koleksiku
setelah itu copy lah kode berikut,
<?php
include "db_connect.php";
$id = $_GET['id'];
$judul = $row['judul'];
$penulis = $row['penulis'];
echo "<html>";
echo "<body>";
echo "<font face='tahoma' color='green' size=4><b>Perbaiki koleksi</b></font>";
echo "<table align='left'>";
echo "<form method=\"post\" action=\"update.php?id=$id\" enctype='multipart/form-data'>";
echo "<br>";
echo "<tr><td><font face='Tahoma' color='black' size=2>judul
</font></td><td>:</td><td><input type='text' name='judul' value='$judul' size='30'>
</td></tr>";
$judul = $_POST['judul'];
$penulis = $_POST['penulis'];
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>
kemudian simpanlah dengan nama “update.php” dalam d:/xampp/htdocs/koleksiku.
Maka akan jadi seperti gambar berikut