//
you're reading...
php&mysql

Membuat Buku Tamu di Website

Sebelumnya, terlebih dahulu kita harus membuat database untuk buku tamu menggunakan MySQL.

Misalkan databasenya kita berinama “gsbook”, sedangkan tabelnya diberi nama “guest”.

mysql> create database gsbook;

mysql> use gsbook;

mysql> create table guest<

nama varchar<30>,

email varchar<40>,

komentar text

>;

Selanjutnya kita akan menulis code html-nya yang akan dihubungkan dengan database di atas.

Yang pertama buat dahulu file html dan beri nama bukutamu.html, berikut ini source code nya :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
</head>
<body>
<HTML>
<HEAD>
<TITLE> Form </TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function pesan() {
var ceknama = document.forms[0].elements[0].value;
var cekemail = document.forms[0].elements[1].value;
var cekkom = document.forms[0].elements[2].value;
if (ceknama.length == 0) {
window.alert(“Anda belum memasukkan nama Anda”);
} else {
if ((cekemail.length == 0) || (cekemail.indexOf(“@”,1) == -1)) {
window.alert(“Periksa kembali alamat email Anda”);
} else {
if ((cekkom.length == 0)) {
window.alert(“Anda belum berkomentar”);
} else {
document.forms[0].submit();
}
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<H1> Selamat Datang di Kusuka-IT.com </H1>
Silakan isi identitas Anda <BR>
<FORM NAME=”identity” METHOD=”post” ACTION=”guest.php”>
<PRE>
Nama : <INPUT TYPE=”text” NAME=”nama”>
Email: <INPUT TYPE=”text” NAME=”email”>
Komentar :
<TEXTAREA NAME=”komentar” ROWS=10 COLS=30>
</TEXTAREA>
<INPUT TYPE=”button” VALUE=”Submit” onClick=pesan()>
</PRE>
</FORM>
</BODY>
</HTML>
</body>
</html>



Kemudian untuk membuat koneksi dengan database yang telah dibuat sebelumnya, buatlah file php dengan nama dbquery.php.

<?php
$hos = “localhost”;
$uname = “hery”;
$pswd= “admin”;
$nama_db = “gsbook”;
$koneksi = mysql_connect($hos,$uname,$pswd) or
die (“Gagal terhubung ke server MySQL!”);
$perintah_sql = “select * from guest”;
mysql_select_db($nama_db, $koneksi) or die(“Gagal memilih database!”);
$hasil_query = mysql_query($perintah_sql, $koneksi) or die (“Gagal memproses query!”);
$jumlah_data = mysql_num_rows($hasil_query);
echo “Jumlah data : $jumlah_data”;
echo “<br>”;
echo “<table border=1>”;
echo “<tr bgcolor=silver>”;
echo “<td>nama</td>”;
echo “<td>email</td>”;
echo “<td>komentar</td>”;
echo “</tr>”;
while ($row=mysql_fetch_array($hasil_query))
{
echo “<tr>”;
echo “<td>$row[0]</td>”;
echo “<td>$row[1]</td>”;
echo “<td>$row[2]</td>”;
echo “</tr>”;
}
echo “</table>”;
?>

 

Selanjutnya untuk melihat siapa saja yang telah mengisi buku tamu, kita buat lagi satu file php dengan nama guest.php.

 

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>terimakasih</title>
</head>
<body>
<HTML>
<HEAD>
<TITLE> Buku Tamu </TITLE>
</HEAD>
<BODY>
<?
$host = “localhost”;
$user = “root”;
$pwd = “”;
$conn = @mysql_connect ($host, $user, $pwd)
or die (“Koneksi Gagal, karena ” . mysql_error());
mysql_select_db(“gsbook”,$conn);
$strSQL = “INSERT INTO guest (nama,email,komentar)
VALUES (‘$_POST[nama]’,’$_POST[email]’,’$_POST[komentar]’)”;
$qry = @mysql_query($strSQL,$conn)
or die (“Query salah, karena: ” . mysql_error());
?>
<H2> Terima kasih atas kesediaan Anda mengisi buku tamu. </H2>
<HR>
<A HREF=”dbquery.php”> Klik di sini </A> untuk melihat daftar para pengisi buku tamu.
</BODY>
</HTML>
</body>
</html>

 

 

Kumpulkan ketiga file di atas ke dalam satu folder, dan letakan di folder htdocs (menggunakan XAMPP). Kemudian panggil melalui localhost menggunakan browser anda. Berikut adalah contoh tampilannya.

bukutamu.html

 

 

 

 

 

 

 

 

 

 

guest.php

 

 

 

 

 

 

 

dbquery.php

 

 

 

 

 

 

 

Semoga panduan ini dapat berguna, bagi yang kurang mengerti silahkan bertanyan lewat komentar. Terimakasih.🙂

 

 

 

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
</head>
<body>
<HTML>
<HEAD>
<TITLE> Form </TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function pesan() {
var ceknama = document.forms[0].elements[0].value;
var cekemail = document.forms[0].elements[1].value;
var cekkom = document.forms[0].elements[2].value;
if (ceknama.length == 0) {
window.alert(“Anda belum memasukkan nama Anda”);
} else {
if ((cekemail.length == 0) || (cekemail.indexOf(“@”,1) == -1)) {
window.alert(“Periksa kembali alamat email Anda”);
} else {
if ((cekkom.length == 0)) {
window.alert(“Anda belum berkomentar”);
} else {
document.forms[0].submit();
}
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<H1> Selamat Datang di Kusuka-IT.com </H1>
Silakan isi identitas Anda <BR>
<FORM NAME=”identity” METHOD=”post” ACTION=”guest.php”>
<PRE>
Nama : <INPUT TYPE=”text” NAME=”nama”>
Email: <INPUT TYPE=”text” NAME=”email”>
Komentar :
<TEXTAREA NAME=”komentar” ROWS=10 COLS=30>
</TEXTAREA>
<INPUT TYPE=”button” VALUE=”Submit” onClick=pesan()>
</PRE>
</FORM>
</BODY>
</HTML>
</body>
</html>

About kusukaitu

nothing special..

Diskusi

3 thoughts on “Membuat Buku Tamu di Website

  1. Kumpulkan ketiga file di atas ke dalam satu folder, dan letakan di folder htdocs (menggunakan XAMPP). Kemudian panggil melalui localhost menggunakan browser anda. Ini bagaimana caranya???

    Posted by Fhariz | 5 April 2011, 7:22 am

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: