July 21, 2024

Membuat Buku Tamu (Bagian 1)

1 min read

Assalamu’alaikum Wr. Wb

Pada kesempatan ini saya akan membahas mengenai cara pembuatan script Buku Tamu atau istilah keren-nya adalah Guestbook.

Guestbook atau buku tamu sering dipakai di website untuk fasilitas interaksi dengan pengunjung yang memungkinkan pengunjung website dapat memberikan masukan atau komentar tentang isi website tersebut, baiklah langsung saja kita bahas ya.

Sebagai gambaran, dalam kasus ini akan dibuat beberapa komponen sebagai berikut :

  • Database penyimpanan
  • Form input
  • Script koneksi
  • Script simpan
  • Script untuk menampilkan komentar
  • Script untuk menghapus komentar (tambahan)
  • Form dan script untuk edit data komentar (tambahan)

Menyiapkan Database

Untuk membuat database yang digunakan untuk menyimpan data komentar, silahkan buat terlebih dahulu dengan ketentuan sebagai berikut :

Nama Database : PalComTech

Nama Tabel : tb_bukutamu

Jumlah Filed : 6 => id_komen, tanggal, nama, email, website, komentar

gambar database

Membuat Form Buku Tamu

Selanjutnya buat form dengan action ke simpan_bukutamu.php dan simpan dengan nama form_bukutamu.php serta masukkan dalam folder Buku Tamu.

tampilan database

Membuat Script Koneksi

Untuk membuat script koneksi ketikkan script berikut, simpan dengan nama koneksi_db.php, simpan satu folder dengan form_bukutamu.php.

<?php

$host = "localhost"; // nama host webserver

$user = "root"; // username webserver

$pass = "123456"; // password webserver

$db = "PalComTech"; // nama database

mysql_connect($host, $user, $pass) or die ("Koneksi gagal...".mysql_error()); // script untuk mengkoneksikan mysql & database

mysql_select_db($db) or die ("Database Belum dibuat, silahkan buat database terlebih dahulu...".mysql_error()); // script untuk mengecek / menentukan database yg digunakan

?>

Menyimpan Komentar

Setelah script koneksi selesai dibuat, silahkan ketik script simpan berikut dan simpan dengan nama simpan_bukutamu.php

  <?php

include "koneksi_db.php";

$tanggal = date("d-m-y");

$nama = $_POST["nama"];

$email = $_POST["email"];

$website = $_POST["website"];

$komentar = $_POST["komentar"];

if(empty($nama) || empty($email) || empty($website) || empty($komentar)){

echo "<script>alert('Semua komponen form harus diisi...');window.history.go(-1);</script>";

exit();

}

$simpan = mysql_query("insert into tb_bukutamu (tanggal, nama, email, website, komentar) value ('$tanggal','$nama','$email','$website','$komentar')");

if(!$simpan){

echo "<script>alert('Gagal disimpan, silahkan coba beberapa saat lagi...');window.history.go(-1);</script>";

}else{

echo "<script>alert(Komentar Anda, berhasil disimpan...');window.location.href='tampil_bukutamu.php';</script>";

}

?>

Selanjutnya jalankankan form bukutamu di webserver (localhost) hingga tampil seperti gambar beriut :

clip_image016

Pastikan muncul pesan berhasil disimpan seperti gambar berikut.

clip_image018

Tetapi, apabila muncul pesan gagal disimpan atau terdapat pesan error, silahkan cek kembali penulisan script hingga tidak ada kesalahan atau pesan error lagi.

Menampilkan Komentar

Selanjutnya silahkan buat tabel yang digunakan untuk menampilkan data komentar yang telah di input melalui form, simpan dengan nama tampil_bukutamu.php.

menampilkan database

Setelah selesai membuat tabel, blok tabel tersebut seperti gambar dibawah ini.

tampilan bukutamu

Selanjutnya klik tab code yang terdapat pada sisi kiri atas hingga tampil seperti gambar berikut, tuliskan script php diatas kode <tr>

sisip script

Ketikkan kode php seperti gambar berikut :

cek bukutamu

Selanjutnya klik tab Design dan blok baris tabel seperti gambar berikut.

komentar pengunjung

Langkah selanjutnya klik tab Code dan ketikkan script untuk menampilkan nama user, tanggal dan komentar seperti gambar berikut :

kode script

Selanjutnya lengkapi script untuk menampilkan nama dan komentar yang telah disimpan.

script lengkap

Lanjutkan penulisan script untuk menampilkan jumlah komentar pengunjung.

bukutamu akhir

Setelah semua script diatas selesai diketik jalankan file tampil_bukutamu di webserver (localhost) atau dengan mengklik link Lihat Komentar yang ada di form bukutamu, apabila tidak ada kesalahan akan tempil seperti gambar berikut :

clip_image052

0 thoughts on “Membuat Buku Tamu (Bagian 1)

  1. mas efry,.script yg bentuk image itu bisa tolong di share kan ke bentuk text gag,,soalnya agak burem,,sya sudah coba tapi gag bisa jlan yang untuk menampilkan komentarnya,,jadi bisa tolong share yang berupa teks gag gan untuk smua script tampil buku tamu itu…thx..

    tlong share ke imel sya klo bisa ya mas..
    thx,,,

  2. Maaf, saya kebetulan lg beljar php, saya coba langkah2 yang mas bikin…tapi kok nggak keluar2 ya yg tampil_bukutamunya.. apakah ada yg miss?

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.