Tutorial Pembuatan Aplikasi Buku Tamu

Untuk membuat buku tamu dengan PHP dan MY SQL ini ada beberapa langkah yang harus dilewati, yaitu sebagai berikut :

1.  Download terlebih dahulu web server yang akan digunakan, yang dalam hal ini saya sebagai penulis     menggunakan : Wampserver versi 2 yang dapat di download di      http://www.wampserver.com/

2.  Bukalah browser yang anda miliki dan pada address bar tuliskanlah : http://localhost/phpmyadmin/

3.  Buatlah database dengan nama “data”, isikan kolom kosong seperti pada gambar 1 di bawah ini :

 

4.  Buatlah tabel dengan nama “bukutamu” dengan struktur sbb:

 

 

isikan nama table dan jumlah fields serta sesuaikan dengan kebutuhan. Kali ini penulis membuat sebuah tabel dengan struktur sebagai berikut :

 

Jika anda berhasil pada langkah sebelumnya, pada jendela browser anda akan tampak kolom-kolom kosong yang harus anda isi, sesuai dengan kebutuan buku tamu yang anda akan buat, dan dalam ini penulis akan menyesuaikan dengan struktur yang telah di atas

 

 

 

5.  Membuat Listing program, untuk menuliskan program di bawah ini anda bisa menggunakan text editor apa saja, seperti notepad ++ atau apapun, atau anda yang terbiasa menggunakan linux bisa menggunakan gedit atau apapun :

6.  Jika anda termasuk pemula dalam hal ini anda bisa mengikuti apa yang dilakukan penulis .

7.  Buatlah file dengan ekstensi php dengan nama  db.php,    dengan listing kode sebagai berikut, kode sumber ini digunakan untuk melakukan konfigurasi aplikasi buku tamu yang anda buat dengan database :

<?

$db_hostname=”localhost”;

$db_username=”root”;

$db_password=””;

$db_name=”data”;

function connect_db()

{

global

$db_hostname,$db_username,$db_password,$db_name;

mysql_connect($db_hostname,$db_username,$db_password);

mysql_select_db($db_name);

}

?>

8.  Buatlah file dengan ekstensi php dengan nama link.php,  file ini digunakanuntuk sebagai koneksi end  user atau pengunjung web milik andadengan database untuk melihat record yang telah tersimpan atau dalambahasa mudahnya adalah untuk melihat siapa saja yang pernah mengisibuku tamu tersebut : .

<html>

<head>

<title>Untitled Document</title>

</head>

<body>

<form name=”form1″ method=”post” action=””>

<p>

<input name=”imageField” type=”image” src=”

height=”120″ border=”0″>

</p>

<table width=”430″ border=”0″ align=”center”>

<tr>

<td width=”68″><a href=”home.php”>[ Home ] </a>

</td>

<td width=”112″><a href=”bukutamu_form.php”>[

Isi Buku tamu ] </a></td>

<td width=”140″><a href=”bukutamu_list.php”>[

Lihat Buku Tamu ] </a></td>

<td width=”80″>[ About ] </td>

</tr>

</table>

</form>

</body>

</html>

9.  Buatlah file dengan ekstensi php dengan nama  bukutamu_form.php file ini digunakan untuk formulir yang nantinya dibuat oleh anda sebagai form isian yang harus diisi oleh yang datang di web milik anda .

<html>

<head>

<title>Buku Tamu PHP dan MySQL</title>

</head>

<? include_once(“link.php”);?>

<body>

<h2>&nbsp; </h2>

<h2>Formulir buku tamu</h2>

<hr><form method=”post”

action=”bukutamu_saving.php?save=ok”>

<table width=”494″ border=”0″ cellpadding=”0″

cellspacing=”0″>

<tr><td width=”78″>nama </td>

<td>:&nbsp;<input name=”nama” type=”text”

size=”25″ maxlength=”50″></td>

<td width=”406″></td>

</tr>

<tr>  <td>email</td>

<td>:&nbsp;<input name=”email” type=”text”

size=”25″ maxlength=”50″></td>

<td>&nbsp;</td>

</tr>

<tr> <td>komentar </td>

<td rowspan=”3″>&nbsp;&nbsp;<textarea

name=”komentar” cols=”27″

rows=”5″></textarea></td>

</tr>

<tr> <td>&nbsp;</td> </tr>

<tr> <td>&nbsp;</td> </tr>

<tr> <td><input type=”submit” name=”submit”

value=”kirim”></td> <td><input

type=”reset” name=”reset”

value=”batal”></td>

<td>&nbsp;</td><td>&nbsp;</td>

</tr>

</table>

<hr>

</form>

</body>

</html>

 

10. Buatlah file dengan ekstensi php dengan nama bukutamu_saving.php, file ini digunakan untuk menyimpan apa yang anda isi pada formulir buku tamu kedalam tabel yang ada dalam basis data yang telah anda buat sebelumnya :

<?

include_once(“link.php”);

include_once(“db.php”);

$tanggal=date(“d M Y H:m:s”);

if($save==”ok”){

connect_db();

$sqlstr=”INSERT INTO

bukutamu(tanggal,nama,email,komentar)

values(‘$tanggal’,’$nama’,’$email’,’komentar’)”

;

$hasil=mysql_db_query($db_name,$sqlstr);

if ($hasil){

echo “<b> inilah data-data yang tadi anda

simpan:</b>”;

echo “<br>”;

echo “<hr>”;

echo “$tanggal”;

echo “<br>”;

echo “nama : $nama”;

echo “<br>”;

echo “email: $email”;

echo “<br>”;

echo “komentar: $komentar”;

echo “<hr>”;

echo “data berhasil disimpan ke

database!”;

}else {

echo “data gagal disimpan ke database!”;

}

}

11. Buatlah file dengan ekstensi php dengan nama bukutamu_list.php,  file ini digunakan untuk melihat daftar siapa saja yang telah mengisi buku tamu yang anda buat tersebut :

<html>

<head>

<? include_once(“link.php”);?>

<title>daftar buku tamu</title></head>

<body>

<h2>daftar buku tamu pada database kami:</h2>

<hr>

<?

include_once(“db.php”);

connect_db();

$sqlstr=”SELECT*FROM bukutamu”;

$hasil=mysql_db_query($db_name,$sqlstr);

$row=mysql_fetch_row($hasil);

if($row){

do{list($tanggal,$nama,$email,$komentar)=$row;

echo “disimpan pada tanggal:$tanggal”;

echo “<br>”;

echo “<b> nama:</b> $nama”;

echo “<br>”;

echo “<b>email:</b> $email”;

echo “<br>”;

echo “<b> komentar</b>$komentar”;

echo “<hr>”;

}while($row=mysql_fetch_row($hasil));

}

else{

echo “maaf, belum ada tamu!!”;}

?>

<a href=”bukutamu_form.php”>isi buku tamu lagi</a>

</body>

</html>

 

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