Anda di halaman 1dari 4

Membuat Buku Tamu Dengan PHP (bagian 1)

Setelah sekian lama berkutat dengan dasar­dasar dan teori penggunaan PHP, mulai edisi ini 
PCplus   akan   lebih   banyak   membahas   mengenai   aplikasi­aplikasi   web   dengan   PHP.   Kita   mulai 
pembahasan kita dengan buku tamu.
Buku   tamu   merupakan   salah   satu   fitur   standar   yang   terdapat   dalam   situs­situs   di   Internet, 
terutama situs­situs pribadi. Hampir dapat dipastikan, aplikasi buku tamu akan menggunakan database 
yang   fungsinya   adalah   menyimpan   daftar   tamu   yang   pernah   mengunjungi   situs   tersebut   dan 
memberikan   komentarnya.   Untuk   itu   mula­mula   kita   persiapkan   sebuah   database   dengan   struktur 
sebagai berikut:

Field Tipe
Nama Varchar(30)
Email Varchar(40)
Komentar Text

Tabel disimpan dengan nama guest, sedangkan databasenya disimpan dengan nama gsbook. 
Halaman web yang nantinya dirancang akan memiliki 3 halaman, yaitu halaman form buku 
tamu, halaman daftar tamu, dan halaman terima kasih.
Halaman form buku tamu akan berisi form untuk pengisian buku tamu.
Halaman daftar tamu akan berisi daftar tamu yang telah mengisi buku tamu.
Halaman terima kasih akan berisi ucapan terima kasih atas diisinya buku tamu.
Kita mulai perancangan kita dari halaman form buku tamu. Halaman form buku tamu berisi 
form untuk pengisian buku tamu. Pada halaman ini nanti akan ditambahkan suatu skrip yang akan 
melakukan verifikasi terhadap form yang belum diisi. Skrip selengkapnya adalah sebagai berikut:

<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 Situs Kami </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>

Simpanlah file dengan nama bukutamu.html. Halaman form buku tamu akan terlihat seperti 
gambar 1. Yang perlu diingat adalah bahwa walaupun memiliki ekstensi .html, halaman ini harus tetap 
dijalankan di virtual direktori dengan mengetikkan http://localhost/direktori/namafile.html di bagian 
address browser.
Pembahasan   dari   skrip   di   atas   adalah   sebagai   berikut:   pada   bagian   head   terdapat   skrip 
JavaScript, skrip ini digunakan untuk verifikasi terhadap form yang belum diisi.

<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>

Mula­mula  skrip   tersebut   mengambil   nilai   dari   setiap   elemen   form.   Setelah  itu   nilai   setiap 
elemen tersebut diperiksa, jika kosong, maka akan muncul peringatan. Bagian berikutnya merupakan 
form HTML biasa, tetapi pada bagian submit akan ditambahkan sebuah event handler yang mengacu 
pada skrip JavaScript yang terletak di bagian head.

<INPUT TYPE="button" VALUE="Submit" onClick=pesan()>

Halaman berikutnya adalah halaman terima kasih. Halaman terima kasih merupakan halaman 
yang akan menampilkan ucapan terima kasih sekaligus di dalamnya terdapat skrip PHP yang digunakan 
untuk mengolah data yang dimasukkan  pada halaman form buku tamu. Skrip selengkapnya adalah 
sebagai berikut:

<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="table.php? "> Klik di sini </A> untuk melihat daftar para pengisi buku tamu.
</BODY>
</HTML>

Simpanlah file dengan nama guest.php. Halaman terima kasih akan terlihat seperti gambar 2.
Skrip di atas pada prinsipnya hanyalah membuka koneksi ke mysql dan menyimpan data­data 
yang telah dimasukkan ke dalam tabel. Pada bagian bawah terletak sebuah link yang merujuk pada 
halaman daftar tamu. Mengenai link ini belum akan dibahas sekarang karena keterbatasan halaman.
Nah, setidaknya walau belum jadi, aplikasi ini sudah bisa dijalankan. Mula­mula jalankan file 
bukutamu.html, kemudian isikan identitas dan komentar Anda, lalu klik submit. Seandainya ada bagian 
yang belum Anda isi, browser akan memberikan peringatan yang kurang lebih akan terlihat seperti 
gambar 3.
Untuk sementara jika Anda ingin melihat daftar dari para pengunjung, Anda dapat melihatnya 
dari MySQL langsung sebagai berikut:

mysql> use gsbook;

mysql> select * from guest;

Dengan  query  ini,   MySQL  akan   menampilkan  seluruh  daftar   tamu   yang  telah  memberikan 
identitas dan komentarnya.
Minggu depan kita akan bahas bagaimana menampilkan daftar tamu tersebut ke dalam sebuah 
halaman web. Sampai jumpa.