Pages

Minggu, 01 Mei 2011

Membuat Buku Tamu dengan PHP




Ketika kita mengunjungi sebuah website/blog kadang kita melihat menu bertuliskan Guest Book, Buku Tamu, atau Pesan yang mengarah ke halaman di mana kita bisa menulis pesan kepada pengunjung lain atau kepada administrator. halaman tersebut kadang bisa kita dapatkan dengan bantuan jasa situ pembuatan Buku Tamu atau membuat sendiri.

Dengan bantuan PHP dan database MySQL hal ini bisa di wujudkan. Pada Artikel ini kita akan membuat halaman Buku Tamu, halaman tersebut meminta pengunjung untuk memasukkan Nama, EMail, Judul Pesan dan Pesan. Berikut langkahnya yang di buat dengan menggunakan Macromedia Dreamweaver 8.


1. Jalankan Macromedia Dreamweaver atau program lain yang biasa Anda gunakan untuk membuat Web. Kemudian buat file baru

2. Klik tombol Insert -> Table



3. Masukkan 5 pada Rows dan 2 pada Columns


4. Klik OK

5. Susun tabel supaya mirip dengan gambar berikut



6. Klik pada kolum sebelah kanan Nama, kemudian klik Insert -> Form -> Text Field



7. Jika muncul window berjudul Input Tag Accessibility Attributes pilih OK, jika muncul pertanyaan Add form tag?? pilih No

8. Sekarang terdapat Field Teks di samping Nama


9. Lakukan hal yang sama pada bagian E-Mail dan Judul Pesan

10. Jika sudah klik kolom sebelah kanan kolom Pesan



11. Klik Insert -> Form Textarea



11. Jika muncul window berjudul Input Tag Accessibility Attributes pilih OK, jika muncul pertanyaan Add form tag?? pilih No

12. Sekarang terdapat Field Area di samping Pesan



13. Klik kanan pada Text Area kemudian klik Properties


14. Pada Char width isi 28, pada Num Lines 8, pada TextField isi pesan




15. Klik kolom yang berada di bawah Text Area



16. Klik Insert -> Form -> Button




17. Jika muncul window berjudul Input Tag Accessibility Attributes pilih OK, jika muncul pertanyaan Add form tag?? pilih No

18. Sekarang sebuah tombol telah terbentuk




Ini adalah gambar Form yang sudah jadi



Sebuah Form telah kita bentuk, sekarang kita harus mengatur proses kerja Form, ikuti langkah berikut

1. Pindah ke Tab Code


2. Carilah tulisan kode


3. Ketikkan kode <form action="kirimPesan.php" method="post" enctype="multipart/form-data">

pada bagian atas



4. Kemudian carilah tulisan kode


5. Pada bagian bawahnya, ketikkan skrip </form>

6. Cari kode Untitled Document <title>Untitled Document</title> kemudian pada Untitled Document di ganti dengan Buku Tamu

7. Pindah ke tab Design

8. Klik kanan Text Field pada bagian Nama kemudian pilih properties



Pada bagian Text Field isi dengan nama




9. Klik kanan Text Field pada bagian E-Mail kemudian pilih properties


Pada bagian Text Field isi dengan email




10. Klik kanan Text Field pada bagian Judul Pesan kemudian pilih properties


Pada bagian Text Field isi dengan judulPesan



Save file dengan nama form.php


Form dan Prosesnya telah selesai dibuat, sekarang saatnya membuat kode PHP yang akan menyimpan data yang dimasukkan dari halaman Form.


1. Buat sebuah file baru, pilih tab Code kemudian hapus semua kode yang ada

2. Ketik kode di bawah ini

=============================================
<?php
$sql=mysql_connect("localhost","root","");
mysql_select_db("proyekPHP",$sql);

$nama=$_POST['nama'];
$email=$_POST['email'];
$judulPesan=$_POST['judulPesan'];
$pesan=$_POST['pesan'];


$entri=mysql_query("INSERT INTO bukutamu VALUES('$nama','$email','$judulPesan','$pesan')",$sql);

if($entri){

print("Terimakasih $nama, Pesan Anda sudah kami simpan<br>");
include("form.php");
} else {

print("Terdapat kesalahan<br>");

}
?>
==================================================

Save file dengan nama kirimPesan.php


Oke mari kita cek lagi, Form telah dibuat, Skrip PHP telah dibuat, maka langkah terakhir adalah menyiapkan database yang akan menyimpan Pesan yang dimasukkan. Sebelumnya Anda harus menginstal MySQL, biasanya server lokal seperti Xampp sudah menyediakan service install MySQL saat melakukan penginstalan, sehingga tidak menyulitkan Anda untuk mencari MySQL.

Jika MySQL sudah siap, lakukan langkah berikut.

1. Masuk ke localhost



2. Klik phpMyAdmin


3. Pada Create new database masukkan proyekPHP, kemudian klik Create


4. Pada Create new table on database proyekPHP masukkan bukutamu, pada Number of fields masukkan 4, kemudian klik Go



5. Masukkan field dan Type sesuai dengan gambar berikut


6. Jika sudah klik Save


7. Sekarang table bukutamu yang berfungsi untuk menyimpan pesan telah tercipta



Lakukan ceklist!!!

-Form= Sudah
-Skrip PHP=Sudah
-Database=Sudah

Oke semuanya sudah kita buat, sekarang lakukan test.

Apakah semuanya sesuai dengan yang diharapkan?? Jika iya maka Anda telah berhasil membuat buku tamu sendiri, jika tidak, bahas di blog ini melalui kotak komentar yang berada di bawah Artikel ini agar kita semua bisa mengEvaluasi.


Perhatian: Tutorial pada Artikel ini hanya membuat buku tamu dalam tampilan yang sederhana, Anda bisa mengembangkan buku tamu ini agar menjadi lebih baik

0 komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.