. .

Membuat Form “BUKUTAMU” dengan PHP dan MySQL

Seringkali bagi yang belum pernah membangun web bertanya “Bagaimana membuat form bukutamu sehingga orang lain bisa mengisi komentar web kita?”. Hal ini tidak lah sulit, namun sebelumnya kita harus paham dengan database dan web server.

Berikut ini tahapan yang akan kita praktekkan untuk membuat form ‘bukutamu’ dengan koneksi database.
1.  Gunakan Web Browser (Mozilla/IE/Opera/Chrome) dan ketik alamat
‘localhost/webku’, jika belum ada folder webku silahkan dibuat terlebih dahulu di
c:\xampp\htdocs\
2.  Create database dengan nama ‘onlinedatabase’ seperti gambar berikut:

3.  Create table dengan nama ‘bukutamu’ seperti gambar berikut:

Selanjutnya tentukan strukturnya seperti berikut:

Jika menggunakan perintah SQL seperti berikut:

CREATE TABLE `onlinedatabase`.`bukutamu` (
`idbukutamu` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
 `nama` VARCHAR( 100 ) NOT NULL ,
 `email` VARCHAR( 100 ) NOT NULL ,
 `komentar` TEXT NOT NULL ,
 `tglkirim` DATE NOT NULL ,
 `flag` ENUM( 'Y', 'N' ) NOT NULL)


Mungkin ada yang bertanya pada saat menulis field ‘flag’, “apa fungsi field ‘flag’?”
“Flag” ini nanti dipakai jika:
Nilai ‘Y’          : sudah diverifikasi/valid
Nilai ‘N’         : belum diverifikasi/belum valid.
Sehingga kita bisa memfilter mana yang akan ditampilkan dan mana yang tidak
ditampilkan.

3.  Buka Web Editor (Macromedia Dreamweaver)
4.  Lakukan pembuatan Form Bukutamu seperti gambar berikut.

PROPERTIS
1 form Name : form1
2 textfield Name : nama
Char width : 40
3 textfield Name : email
Char width : 50
4 textarea Name : komentar
Char width : 60
Num lines : 5
5 Button Name : kirim
Value : Kirim Komentar

 

5.  Pengetikan Listing Program (CODE)
a. Validasi  (masukan listing diantara <head> …. </head>)

<script language="javascript">
function validasi()
{
 if(document.form1.nama.value.length==0) { alert('Silahkan isi nama anda');return(false);}
 if(document.form1.email.value.length==0) { alert('Silahkan isi email anda');return(false);}
 if(document.form1.komentar.value.length==0) { alert('Silahkan isi komentar anda');return(false);}
}
</script>

b. Proses pengiriman (penyimpanan) –> Masukan listing di baris 1

<?php
//koneksi database
mysql_connect('localhost','root','');
mysql_select_db('onlinedatabase');
//Kondisi jika tombol Kirim Komentar ditekan
if($_POST[kirim])
{
 $tglsekarang=date("Y-m-d");
 $simpan=mysql_query("INSERT INTO `onlinedatabase`.`bukutamu` (`idbukutamu`, `nama`, `email`, `komentar`, `tglkirim`, `flag`) VALUES ('', '$_POST[nama]', '$_POST[email]', '$_POST[komentar]', '$tglsekarang', 'N')") or die ("Perintah Query Salah");
 if($simpan==true)
 {
 echo"<script>alert('Terimakasih sudah mengisi');window.location.href='?halaman=bukutamu1';</script>"; 
 }
 else
 {
 echo"<script>alert('Maaf gagal mengisi');window.location.href='?halaman=bukutamu1';</script>"; 
 }
}
?>

Di tombol Kirim Komentar tambahkan perintah :

onclick="return validasi()"

Untuk menampilkan data yang sudah diinput copy perintah ini dibawah KOMENTAR PENGUNJUNG.

<?php
  $data=mysql_query("SELECT * FROM bukutamu ORDER BY idbukutamu DESC")or die ("Perintah Query Salah");
  while($tampildata=mysql_fetch_array($data))
  {
      echo"$tampildata[komentar] <br>";
      echo"$tampildata[nama], $tampildata[email] <br>";
      echo"<hr>";
  }
  ?>

Silahkan dijalankan di web browser:

http://localhost/onlinedatabase/bukutamu.php

Download Files

PDF Printer    Send article as PDF   

5 Responses to Membuat Form “BUKUTAMU” dengan PHP dan MySQL

  1. EKO PUTRA IGAMA says:

    terima makasih panduan modulnya pak

  2. ardian saputra says:

    terima kasih pak.. akhirnya sukses juga buat guest book pak.

  3. Puri Bali says:

    Jadi ingat saat saat kuliah disini.

    Sukses selalu ya. Tetaplah melahirkan lulusan lulusan yang berkualitas.

    Regards

  4. spesialtips says:

    😀 nambah ilmu nih….

    Postingan keren

    http://www.spesialtips.com

  5. wah seperti itu ya caranya terima kasih telah
    share ilmunya bersama saya, semogga anda mendapatkan balasan yang setimpal

Leave a Reply

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