Tutorial PHP untuk Pemula: Buku Tamu

Kupas Tuntas Kuliah Jurusan Sistem Informasi

Tutorial PHP untuk Pemula: Buku Tamu

Apaka kabar teman-teman?

Hari ini, saya sedang mempelajari script PHP dari tutorial Abdul Hanan. Yaitu tentang bagaimana membuat Buku Tamu? Saya coba menjelaskannya dengan cara saya sendiri agar terasa lebih mudah dipahami oleh saya juga.

Sebagian dari sciptnya dimodifikasi menurut pemahaman dan kebutuhan saya. Dalam tutorial ini, saya juga sering menggunakan variabel-variabel yang berbeda (script aslinya menggunakan bahasa Indonesia, sedangkan saya menggunakan bahasa Inggris), dan perbedaan lainnya. Saya berharap perbedaan-perbedaan ini tidak akan membuat anda bingung.

Pada tutorial ini, saya menggunakan perangkat lunak:

·         WampServer 2.2

·         Apache 2.2.21

·         PHP 5.3.10

·         MySQL 5.5.20

Pastikan kita sudah menginstal perangkat lunak di atas!

Mari mulai:

1.      Buka WampServer (Start – All Programs – WampServer – start WampServer)

2.      Buka browser Mozila Firefox

3.      Pada address bar, ketik: localhost

4.      Enter

5.      Kita dapat melihat gambar berikut:

6.      Klik PHPMYADMIN

7.      Klik Database – Create New Database

8.      Ketik nama database: 100ori

9.      Klik tombol Create

10.  Hasilnya:

11.  Klik 100ori (nama database kita)

12.  Create table

13.  Isi name: guest_book, number of column: 6

14.  Klik tombol Go

15.  Isi kotak kosong berikut:

Column	Type	Length	Extra
id	Integer	5	Auto_Increment
tanggal	Varchar	20
password	Varchar	16
username	Varchar	30
website	Varchar	100
pesan	Text

Note:

Auto_Increment sama dengan A.I.

16.  Klik tombol Save

17.  Hasilnya:

18.  Buka Macromedia Dreamweaver 8 (Anda juga bisa menggunakan Notepad)

19.  Klik menu PHP seperti gambar di bawah ini (yang dilingkari merah):

20.  Kita akan melihat gambar berikut:

21.  Simpan dengan file name: book_process.php pada directori C:\wamp\www\100ori

22.  Ketik script di bawah ini:

<?php

$db_host = "localhost";

$db_user = "root";

$db_password = "";

$db_name = "100ori";

$conn_db = mysql_connect($db_host, $db_user, $db_password) or die("Database server setting is wrong");

$select_db = mysql_select_db($db_name) or die("Database is not found");

$password = $_POST["password"];

$username = $_POST["username"];

$website = $_POST["website"];

$message = $_POST["message"];

$date = date("d M Y");

if (!$password || !$username || !$message || !$date)

{

header("location: book_display.php?id_message=1");

exit;

}

$query = "INSERT INTO guest_book (date, password, username, website, message)

VALUES ('$date', '$password', '$username', '$website', '$message')";

$result = mysql_query($query);

mysql_close($conn_db);

if ($result)

{

header("location: book_display.php?id_message=2");

exit;

}

else

{

header("location: book_display.php?id_message=3");

exit;

}

?>

23.  Save (Ctrl+S)

24.  Buka Firefox

25.  Klik tombol Open a New Tab (tombol +)

26.  Pada address bar, ketik: localhost

27.  Di your projects, klik folder 100ori

28.  Kita akan melihat gambar berikut:

29.  Buka lagi Dreamweaver

30.  File – New – Dynamic Page – PHP

31.  Lihat Gambar ini:

32.  Klik tombol Create

33.  File – Save

34.  Ketik file name: book_display.php

35.  Ketik: “Guest Book” di antara <title> </title>

36.  Di bawah </head>, jenis script ini:

<?php

$id_message = isset($_GET["id_message"]) ? $_GET["id_message"] : "";

switch($id_message)

      {

      case 2:

                  $display_message= "Data is found";

                  break;

      case 3:

                  $display_message= "Data is not found";

                  break;

      default:

                  $display_message = "";

                  break;

      }

?>

37.  Simpan

38.  Klik tombol Design

39.  Buat desain di bawah ini:

40.  Klik tombol Code

41.  Di bawah script   <table width="37%"  border="1" cellspacing="0" cellpadding="0">, ketik script:

<?php

$db_host = "localhost";

$db_user = "root";

$db_password = "";

$db_name = "100ori";

$conn_db = @mysql_connect($db_host, $db_user, $db_password) or die("Database server setting is wrong");

$select_db = @mysql_select_db($db_name) or die("Database is not found");

$query = "SELECT * FROM guest_book ORDER BY id DESC";

$result = mysql_query($query);

while ($data = mysql_fetch_array($result))

     {

     $display_date = $data["date"];

     $display_password = $data["password"];

     $display_username = $data["username"];

     $display_website = $data["website"];

     $display_message = $data["message"];

    

     echo "<table width='85%' cellpadding='4' cellspacing='1' align='center' bgcolor='#000000'>";

     echo "<tr><td bgcolor='#EEEEEE'>$display_date :: $display_username :: $display_website ::<br>";

     echo "<tr><td bgcolor='#F5F5F5'>$display_message <br></td></tr></table><br />";

     }

mysql_close($conn_db);

?>

42.  Save

43.  Change script  <td><form name="form1" method="post" action="">

Becomes:

<td><form name="guest book" method="post" action="book_process.php" id="guest book">

44.  Simpan

45.  Buka Firefox – Index of/100ori

46.  Refresh

47.  Kita dapat melihat gambar berikut ini:

48.  Klik kanan file book_display.php

49.  Pilih menu Open Link in New Tab

50.  Kita dapat melihat gambar di bawah ini:

51.  Kita akan mengisi formulir di atas dengan data berikut ini

Username: komar

Password: komar1

Website: http://100keyboard.blogpsot.com

Message: This is my first guest book.

Kemudian, isi lagi dengan data di bawah ini:

Username: Tasdik

Password: Tasdik 1

Website: http://100papanketik.blogpsot.com

Message: This is my second message.

52.  Hasilnya:

***

Catatan:

* Script diambil dari Abdul Hanan. Belajar PHP. File name: belajar_php.pdf

* Special thank you untuk Abdul Hanan. Saya sangat berharap Tuhan memberikan pahala yang berlipat ganda kepada sahabat. Aamiin!

Sampai jumpa!

Diterjemahkan dari tutorialku:

Komarudin Tasdik. 2013. PHP Tutorial for Beginners: Guest Book. 100keyboard.blogpsot.com.

Download

"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."

Tips Skripsi Program Studi Sistem Informasi