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 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
No comments:
Post a Comment