Aplikasi Buku Tamu Web

Membuat Aplikasi Buku Tamu Dengan PHP

Untuk Membuat aplikasi buku tamu dengan PHP , Langkah pertama yang kita lakukan adalah membuat database , disini saya akan membuat database dengan nama "ebsof" kemudian , membuat sebuah tabel dengan nama "tbl_bukutamu"

1. Membuat Database Aplikasi Buku Tamu Dengan PHP

Berikut ini bentuk database dari tbl_bukutamu yang akan kita gunakan :

2. Membuat Form Aplikasi Buku Tamu 

Setelah kita selesai membuat database dan tbl_bukutamu langkah selanjutnya ialah membuat form buku tamu, anda bisa menggunakan text editor kesayangan anda, buatlah seperti gambar dibawah ini  :

.

atau anda bisa mengcopy code di bawah ini untuk hasil yang lebih cepat :

view plainprint?

1. <form name="form1" method="post" action="bukutamu.php?action=simpan">  
2.   <table width="500" border="0" cellspacing="0" cellpadding="0">  
3.     <tr bgcolor="#FF9900">  
4.       <td height="40" colspan="2"><strong>Form Buku Tamu </strong></td>  
5.     </tr>  
6.     <tr bgcolor="#99FF00">  
7.       <td height="30">Nama</td>  
8.       <td>:   
9.       <input name="nama" type="text" id="nama"></td>  
10.     </tr>  
11.     <tr bgcolor="#99FF00">  
12.       <td height="30">Email</td>  
13.       <td>:   
14.       <input name="email" type="text" id="email"></td>  
15.     </tr>  
16.     <tr bgcolor="#99FF00">  
17.       <td height="30">Komentar</td>  
18.       <td valign="top">:   
19.       <textarea name="komentar" cols="30" rows="5" id="komentar"></textarea></td>  
20.     </tr>  
21.     <tr bgcolor="#99FF00">  
22.       <td height="30">&nbsp;</td>  
23.       <td valign="top"><input type="submit" name="Submit" value="Submit">  
24.       <input type="reset" name="Submit2" value="Reset"></td>  
25.     </tr>  
26.   </table>  
27. </form>  

Simpan code diatas dengan nama "bukutamu.php" ... Sampai disini belum selesai.. Nah Sekarang kita akan membuat script pemeroses bukutamu dengan php ,

3. Membuat Scrip Proses Buku Tamu Dengan PHP
 
Script ini cukup anda tempatkan di bawah kode </form> yang sudah kita buat sebelumnya diatas :

view plainprint?

1. <?php  
2. if ($_GET[action]=="simpan") {  
3. //Membuat Koneksi Ke Database  
4.     mysql_connect("localhost","root","");  
5.     mysql_select_db("db_ebsof");  
6.   
7. //validasi data yang kosong  
8.     if (empty($_POST['nama']) || empty($_POST['email']) || empty($_POST['komentar'])) {  
9.         echo "Data harus Diisi Semua";  
10.     }  
11.     else {  
12.       
13.     $simpan="INSERT INTO tbl_bukutamu SET  
14.                                         nama='$_POST[nama]',  
15.                                         email='$_POST[email]',  
16.                                         komentar='$_POST[komentar]'";  
17.                             mysql_query($simpan);  
18.         echo '<script language="javascript">  
19.  alert("Buku Tamu Berhasil Di Kirim");  
20.  window.location="bukutamu.php";  
21.  </script>';  
22.  exit();  
23.   
24.     }  
25. }  
26. ?>  

Sampai disini kita sudah bisa Melakukan pengiriman data dari Fdorm buku tamu ke dalam database ., Sebelumny jangan lupa di Save.. lo... heeee

Nah.. Bagaimana kita menampilkan buku Tamu nya ? , Lanjut ....ke tahap 4 ...

4. Cara menampilkan /Tampil Buku Tamu dari Database 

Untuk Menampilkan Buku Tamu yang ada di database, kita perlu menambahkan script lagi ..Buatlah table terlebih dahulu,, Letakkan di bagian paling atas sekali pada coding "bukutamu.php" ,  kemudian  Lakukanlah query Tampil Data dengan PHP , Untuk lebih jelasnya berikut ini script nya :

view plainprint?

1. <table width="500" border="0" cellspacing="0" cellpadding="0">  
2.   <tr bgcolor="#FF9900">  
3.     <td><strong>No</strong></td>  
4.     <td><strong>Nama </strong></td>  
5.     <td><strong>Email</strong></td>  
6.     <td><strong>Komentar</strong></td>  
7.   </tr>  
8.   <?php  
9.   //Koneksi Ke database  
10.     mysql_connect("localhost","root","");  
11.     mysql_select_db("db_ebsof");  
12.       
13.     $tampil=mysql_query("SELECT * FROM tbl_bukutamu");  
14.     while ($r=mysql_fetch_array($tampil)) {  
15.     $no++;  
16.   ?>  
17.   <tr bgcolor="#CCCCFF">  
18.     <td><?php echo $no ; ?></td>  
19.     <td><?php echo $r['nama']; ?></td>  
20.     <td><?php echo $r['email']; ?></td>  
21.     <td><?php echo $r['komentar']; ?></td>  
22.   </tr>  
23.   <?php } ?>  
24. </table>  
25. <p>&nbsp;</p>  

Copy script di atas, Di atas script :

view plainprint?

1. <form name="form1" method="post" action="bukutamu.php?action=simpan">  

 Nah Setelah itu.. Simpan File bukutamu.php,

Jika anda berhasil, Maka akan tampil seperti gambar di bawah ini :

Untuk Source Code lengkapnya bisa di download disini  dengan password : www.ebsof.com

Update : 

Aplikasi buku Tamu ini sudah berjalan dengan baik, namun akan lebih sempurna jika menggunakan validasi terhadap email dan komentarnya. Untuk menangkal data yang tidak di inginkan masuk ke dalam database

untuk itu .. saya update pada artikel "Cara Membuat Validasi Komentar dan Email pada aplikasi buku tamu"