Senin, 18 Februari 2013

Membuat Aplikasi Buku Tamu

Aplikasi buku tamu adalah salah satu aplikasi yang paling sering kita lihat pada setiap website. biasanya digunakan untuk mempermudah pengunjung agar bisa mengirimi pesan pada website kita. selain mempermudah pengunjung, aplikasi ini juga akan menguntungkan kita untuk menerima masukkan dari setiap pengunjung. 

Mungkin selama ini anda hanya mengandalkan widget yang ada, untuk menambah fitur pada website anda. salah satunya fitur buku tamu. Tetapi jika anda bekerja pada suatu perusahaan besar, dan anda posisi sebagai programmmer perusahaan tersebut. Tentunya hal ini biasanya tidak diperbolehkan, anda harus bisa membuat buku tamu sendiri. Untuk itulah disini saya membuat tutorial sederhana dalam membuat aplikasi buku tamu menggunakan pemrograman PHP, yang mungkin bisa membantu teman-teman yang membutuhkan.




Langkah pertama anda harus membuat database terlebih dahulu. dan membuat tabel buku tamu yang  digunakan untuk menyimpan data yang akan masuk nanti.
disini saya membuat database bernama PT.CYBER 
nama tabel:   bukutamu, 
dengan field:  nama , email/url , komentar .  saya tidak akan menjelaskan lagi bagaimana cara membuat database dan tabel, karena pada tulisan sebelumny sudah saya jelaskna, 
jika anda belum mengerti, bisa anda baca terlebih dahulu klik di SINI   .
jika tabel telah dibuat seperti gambar dibawah ini.


selanjutnya buatlah program
untuk form buku tamunya.
ketikkan programnya sperti ini:


<!-- Programming : Hadi Kurniawan -->
<html>
<head><title>Aplikasi Buku Tamu</title></head>
<body>
<center>
<h2>APLIKASI BUKU TAMU</h2>
<form action="simpandata.php" method="post">
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="teks" name="nama"></td>
</tr>
<tr>
<td>Email / URL</td>
<td>:</td>
<td><input type="teks" name="email"></td>
</tr>
<tr>
<td>Komentar</td>
<td>:</td>
<td><textarea name="komentar" height="1000"></textarea></td>
</tr>
</table><input type="submit">
<input type="reset" value="reset">
<br><br>
copyright Hadi Kurniawan
</form>
</body>
</html>


simpan dengan nama input.php
Jika program benar, maka akan tampil seperti gambar dibawah ini:

Jika sudah , 
sekarang buatlah program untuk menyimpan data yang akan masuk nanti.


<!-- Programming: Hadi Kurniawan -->
<?php
$nama=$_POST['nama'];
$email=$_POST['email'];
$komentar=$_POST['komentar'];
if($nama=="")
{ echo "nama masih kosong";
include("input.php");
}
elseif($email=="")
{
echo "email masih kosong";
include ("input.php");
}
elseif($komentar=="")
{
echo "komentar masih kosong";
include ("input.php");
}
else{
$koneksi=mysql_connect("localhost","root","");
mysql_select_db("pt.cyber");
$query="insert into bukutamu(nama, email, komentar)
values ('
".$nama."','".$email."', '".$komentar."' )";
echo "data berhasil disimpan <a href=tampilkomentar.php>Lihat Komentar</a>";
mysql_query($query);
mysql_close($koneksi);}
?>


simpan dengan nama:   simpandata.php
untuk menguji program tersebut, apakah sudah benar atau belum, jalankan program yang kita buat pertama tadi, input.php.....

isi form seperti berikut:

lalu klik kirim,   jika berhasil maka akan tampil seperti ini:

Jika anda  mengosongkan form nama, email, atau komentar, 
maka aplikasi buku tamu itu tidak akan bisa terikirm, tetapi akan muncul  peringatan seperti ini:

tetapi jika sudah berhasil,
dan anda klik lihat komentar, tentunya tidak akan menampilkan apa2, 
karena kita belum membuat program untuk menampilkan data yang disimpan,
untuk sementara, coba anda cek pada database anda, apakah data yang diinput tadi sudah tersimpan didatabase atau belum.


jika tampil seperti gambar diatas,
berarti data sudah berhasil disimpan, 

selanjutnya kita tinggal membuat program untuk menampilkan data yang sudah tersimpan didatabase.
ketikkan programnya seperti ini:



<!--  Programming Hadi Kurniawan -->
<html>
<title>Komentar buku tamu</title>
<body bgcolor="#00000">
<center>
<font color="white"><h2><b>KOMENTAR</b></h2>

<a href="input.php"><font color="red" size="4">Kebali Ke Form Input</font></a>
<table width="700" border="1" cellpadding="5" cellspacing="0">
<tr>
<td bgcolor="#b52d2d"><div align="center"><strong>NAMA</strong></div></td>
<td bgcolor="#b52d2d"><div align="center"><strong>EMAIL</strong></div></td>
<td bgcolor="#b52d2d"><div align="center"><strong>KOMENTAR</strong></div></td>

</tr>
<?php

$koneksi = mysql_connect("localhost","root","");
mysql_select_db("pt.cyber");

$query = "select * from bukutamu";

$hasil= mysql_query($query);

while($row=mysql_fetch_array($hasil))
{
echo '<tr>
<td bgcolor="#f5fff8"><div align="center">
';?><?php echo $row[1].'</div></td>
<td bgcolor="#f5fff8"><div align="center">
';?><?php echo $row[2].'</div></td>
<td bgcolor="#f5fff8"><div align="center">
';?><?php echo $row[3].'</div></td>
</tr>
';?>
<?php

}
mysql_close($koneksi);
?>
</table>
| copyright Hadi kurniawan |
</body>
</html>


simpan dengan nama, tampilkomentar.php.

selanjutnya coba anda jalankan lagi. input.php.
isi form, dan klik lihat komentar, jika berhasil maka akan tampil seperti ini


program ini masih sangat sederhana,
anda bisa mengembangkannya sendiiri menjadi lebih profesional,
dengan menambah JQuery, CSS, ataupun Javascript.

semoga tulisan ini bisa bermanfaat buat teman-teman.
jika ada yang kurang mengerti atau butuh bantuan, bisa anda komen langsung aja.
bila ada kesempatan. InsyaAllah saya pasti membantu anda.
salam kenal, dan salam blogger indonesia.  


0 komentar:

Posting Komentar