Tugas Membuat Buku Tamu (Web Design)

Langkah-langkah :

1. Membuat database
Contoh : ade_11080965

2. Membuat tabel
Contoh : tb_tamu

isi field seperti gambar dibawah ini :



3. Buat design untuk input data tamu seperti gambar dibawah ini :



listing input buku tamu sebagai berikut :

<body>
<form id="form1" name="form1" method="post" action="save_bk_tamu.php">
<table width="413" height="128" border="0">
<tr>
<td width="224">nama</td>
<td width="27">:</td>
<td width="165"><label>
<input name="nama" type="text" id="nama" />
</label></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><label>
<input name="email" type="text" id="email" />
</label></td>
</tr>
<tr>
<td>Komentar</td>
<td>:</td>
<td><label>
<textarea name="komentar" id="komentar"></textarea>
</label></td>
</tr>
<tr>
<td height="21" colspan="2"><label>
<div align="center">
<input type="submit" name="Submit" value="Submit" />
</div>
</label></td>
<td height="21"><label>
<input name="Reset" type="reset" id="reset" value="Reset" />
</label></td>
</tr>
</table>
</form>
</body>


4. Buat koneksi ke database

Listing koneksi :

<?php
$host='localhost';
$user='root';
$pass='password';
$db='ade_11080965';
$ok=mysql_connect($host,$user,$pass) or die ('gagal konek'.mysql_error());
mysql_select_db($db,$ok);
?>


5. Buat Perintah SQL untuk penyimpanan ke database

Listing :

<?
include "koneksi.php";

$nama= $_POST["nama"];
$email= $_POST["email"];
$komentar= $_POST["komentar"];
$input ="insert into bk_tamu(nama,email,komentar)values('$nama','$email','$komentar')";
$query = mysql_query($input);
if (query)
{
echo "<pre> Nama:$nama</pre>";
echo "<pre> Email:$email</pre>";
echo "<pre> Komentar:$komentar</pre><br>";
echo "data di atas telah disimpan<br>";
echo "<a href= 'input_bk_tamu.php'>back</a>";
}

else
{echo "gagal tersimpan";
echo "<a href=' input_bk_tamu.php'>lihat data</a>";
}
?>


6. Buat design untuk menampilkan tb_tamu ke tabel seperti gambar dibawah ini :

listing :

<form id="form1" name="form1" method="post" action="">
<table width="452" border="2">
<tr>
<td width="26">no</td>
<td width="129">nama</td>
<td width="100">email</td>
<td width="179">komentar</td>
</tr>
<?php
include "koneksi.php";

$sqltampil="SELECT * FROM bk_tamu ORDER BY id";
$qrytampil=mysql_query($sqltampil);
while ($row=mysql_fetch_array($qrytampil))
{
$no++;
?>
<tr>
<td><?php echo $no;?></td>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['email'];?></td>
<td><?php echo $row['komentar'];?></td>
</tr>
<?php } ?>
</table>

</form>


Selesai... ^_^

Subscribe to receive free email updates:

3 Responses to "Tugas Membuat Buku Tamu (Web Design)"

  1. mantap gan...
    HTML + PHP + Mysql ya....

    Salam Kenal,
    www.sinarmandirihelmet.com

    BalasHapus
  2. artikel yang sangat menarik dan unik tuk di pahami, thenk you

    BalasHapus
  3. artikel yang sangat menarik dan unik tuk di pahami, thenk you
    salam sukes aja

    BalasHapus

Berkomentarlah dengan Baik dan Sopan..