Membuat Buku Tamu Dengan PHP Yang Dapat Mencatat IP Pengguna

Posted by Admin on

Thursday, September 21, 2017

Tutorial mengenai pembuatan buku tamu menggunakan PHP dapat kita temui dengan mudah apa bila kita melakukan pencarian menggunakan google. Namun kadang kala aplikasi buku tamu seperti apa yang kita inginkan tentunya tidak begitu saja terakomodir secara optimal. Pada tutorial kali ini kita akan mencoba membuat buku tamu secara statis terlebih dahulu berikut dengan penjelasan tahap demi tahap agar kita mengerti alur dari program tersebut. Secara sederhana kita bisa membuat algoritma mengenai aplikasi buku tamu seperti berikut ini.

Image source: images.google.com

1. Menampilkan Form input nama, pekerjaan, usia, dan komentar

2.1. Pengguna menginput nama lengkap mereka
2.2. Pengguna memilih pekerjan mereka dengan klasifikasi
  - Pelajar
  - Mahasiswa
  - Guru/Dosen
  - PNS
  - Karyawan Swasta
  - Lain-lain
2.3. Pengguna memilih usia mereka dengan klasifikasi
  - < 20 Tahun
  - 20 s/d 30 Tahun
  - > 30 Tahun
2.4. Pengguna memberikan komentar mereka Maksimal 160 Karakter

3. Sistem memproses data yang dikirim oleh pengguna
3.1. Sistem melakukan verifikasi panjang komentar.
3.1.1. Jika panjang komentar > 160 Karakter maka sistem menampilkan pesan
"Panjang komentar melebihi 160 karakter" dan kembali ke tahap 1.
3.1.2. Jika tidak maka akan lanjut ke tahap 3.2
3.2 Sistem Mencatat tanggal, jam dan IP pengguna

4. Sistem Menampilkan Data buku tamu yang baru saja dinput oleh pengguna.
5. Selesai

Dari algoritma sederhana diatas kita mengetahui bahwa ada 3 bagian penting yang menjadi dasar berjalannya suatu sistem terkomputerisasi, yaitu input, proses dan output. bagian input dimulai dari langkah poin 2, bagian proses dimulai dari langkah poin 3 sedangkan bagian output dimulai pada langkah poin 4. Apa bila hal tersebut telah dipenuhi maka kita dapat membuat aplikasi buku tamu sederhana dengan menggunakan bahasa pemrograman PHP. Pertama kita akan membuat form input dengan menggunakan kode HTML yang dapat kita lihat berikut ini.

Source code Halaman Form Buku Tamu

 <!DOCTYPE HTML>  
 <html>  
 <head>  
      <title>Buku Tamu Dengan Mencatat IP Pengguna</title>  
 </head>  
 <body>  
 <h2>Form Pengisian Buku Tamu</h2>  
 <hr>  
 <form action="index.php" method="GET">  
 <table width="100%" border="0">  
 <tr>  
      <td width="120">Nama Lengkap</td>  
      <td width="5">:</td>  
      <td>  
           <input type="text" name="nama" size="30">  
      </td>  
 </tr>  
 <tr>  
      <td width="120">Pekerjaan</td>  
      <td width="5">:</td>  
      <td>  
           <select name="pekerjaan">  
           <option value="Pelajar"> Pelajar </option>  
           <option value="Mahasiswa"> Mahasiswa </option>  
           <option value="Guru/Dosen"> Guru/Dosen </option>  
           <option value="PNS"> PNS </option>  
           <option value="Karyawan Swasta"> Karyawan Swasta </option>  
           <option value="Lain-lain"> Lain-lain </option>  
           </select>  
      </td>  
 </tr>  
 <tr>  
      <td width="120">Usia</td>  
      <td width="5">:</td>  
      <td>  
           <select name="usia">  
           <option value="u1"> < 20 Tahun </option>  
           <option value="u2"> 20 s/d 30 Tahun </option>  
           <option value="u3"> > 30 Tahun </option>  
           </select>  
      </td>  
 </tr>  
 <tr>  
      <td width="120">Komentar</td>  
      <td width="5">:</td>  
      <td>  
           <textarea name="komentar" cols="50" rows="4"></textarea>  
      </td>  
 </tr>  
 <tr>  
      <td width="120"></td>  
      <td width="5"></td>  
      <td>  
           <input type="submit" value="Kirim Komentar">  
      </td>  
 </tr>  
 </table>  
 </form>  
 <hr>  
 <!-- Kode php untuk inisiasi dibawah baris ini -->  
 <!-- Kode php untuk pemrosesan dan output dibawah baris ini -->  
 </body>  
 </html>

Kode tersebut diatas akan menampilkan tampilan seperti dibawah ini apabila diakses melalui browser (melalui localhost atau 127.0.0.1 karena nantinya akan ada pemrosesan dengan kode PHP)

Berdasarkan gambar tersebut maka langkah pada algoritma poin 2 dapat kita lakukan, untuk langkah selanjutnya kita membutuhkan sintaks PHP untuk mengakomodir proses-proses tersebut.

Inisiasi variabel dengan PHP

letakan kode ini dibawah komentar

<?php  
 $nama = isset($_GET[nama]) ? $_GET[nama]:'';  
 $pekerjaan = isset($_GET[pekerjaan]) ? $_GET[pekerjaan]:'';  
 $usia = isset($_GET[usia]) ? $_GET[usia]:'';  
 $komentar= isset($_GET[komentar]) ? $_GET[komentar]:'';  
 //menghapus karakter kosong diawal dan akhir value dari variabel  
 $nama = trim($nama);  
 $pekerjaan = trim($pekerjaan);  
 $usia = trim($usia);  
 $komentar = trim($komentar);  
 ?>

Penggalan kode diatas merupakan bagian dari inisiasi variabel yang dikirim oleh pengguna untuk kemudian diproses dengan menggunakan kode-kode dibawah ini.

Kode untuk melakukan pemrosesan

letakan kode ini dibawah komentar

<?php  
 if (!empty($nama) and !empty($pekerjaan) and !empty($usia) and !empty($komentar))  
 {  
 $ip = $_SERVER['REMOTE_ADDR'];  
 $tanggal = date("d/m/Y");  
      if ($usia == "u1") { $rangeusia = " < 20 Tahun "; }  
      if ($usia == "u2") { $rangeusia = " 20 s/d 30 Tahun "; }  
      if ($usia == "u3") { $rangeusia = " > 30 Tahun "; }  
 echo "  
 <table width='100%' border='0'>  
 <tr>  
   <td style='border-bottom:1px solid black;'>  
   <b>$nama</b>   
   [ <i>Pekerjaan: $pekerjaan :: Usia: $rangeusia</i> ]  
   </td>  
 <tr>  
 <tr>  
   <td>  
   Komentar : <br>  
   $komentar  
   </td>  
 <tr>  
 <tr>  
   <td style='border-top:1px solid black;'>  
   <i>Dikirim pada tanggal $tanggal :: IP: <b>$ip</b></i>  
   </td>  
 <tr>  
 </table>  
 ";  
 }  
 ?>

Apa bila kode tersebut diatas telah digabungkan maka kita akan memperoleh hasil seperti dibawah ini.

Melihat dari hasil tersebut, pada bagian IP Address bernilai ::1 dimana itu merupakan IPv6 yang terdapat dikomputer penulis, jika komputer yang digunakan masih menggunakan IPv4 maka yang akan muncul disitu adalah IP 127.0.0.1 Aplikasi buku tamu yang dihasilkan masih berupa data statis dimana akan hilang apabila di refresh. Untuk aplikasi buku tamu menggunakan database akan dibahas kemudian pada web ini.

Jika terdapat kesulitan dalam menggabungkan penggalan kode diatas maka kalian dapat mendownload sourcecode lengkap dengan link dibawah ini:

Link : Download full sourcecode

Terimakasih dan semoga artikel sederhana ini dapat membantu bagi yang baru memulai belajar pemrograman web, khususnya yang menggunakan bahasa pemrograman PHP.