Rabu, 16 Mei 2012

Buku Tamu PHP dan MySQL

PHP. Bahasa program berbasis halaman web. Sekarang yang anda perlukan untuk memulai coding bisa dilihat di artikel penulis sebelumnya di : Kalkulator PHP. Langsung todo point aja ya, nah

1. Kita perlu membuat database untuk menampung data - data yang dimasukkan dalam form buku tamu. Penulis akan membuat daftar field yang akan dibuat

FieldData TypeLengthExtra
noINT (PRIMARY KEY)4AUTO_INCREMENT
namaVARCHAR30-
emailVARCHAR20-
tglDATE--
jamTIME--
pesanTEXT--

2.Buat script untuk mengkoneksikan antara database MySql dengan PHP, contoh script berada dibawah
<?php

$user="root";
$pass="root";
$server="localhost";
$database="latihan";

mysql_connect("$server","$user","$pass");
mysql_select_db("$database");

?>
 Script diatas adalah contoh. Samakan dalam keadaan kondisi database yang anda punya, misalkan anama user, password, server, dan database. Jika berbeda dari kondisi database anda maka database dan php tidak bisa saling terkoneksi. Simpan file ini dengan nama "koneksi.php" di direktori "C:\xampp\htdocs\latihan".

3. Buat script untuk menciptakan sebuah form berbasis halaman web. Untuk membuat form buku tamu cukup anda meggunakan bahasa pemrograman HTML (Hyper Text Markup Language). Contoh script form buku tamu.

  <html>
    <head>
        <title>Buku Tamu</title>
    </head>

<body>

<form action="aksi_buku_tamu.php" method="post">
<table border="0" align="center">
<caption><b>Buku Tamu</b></caption>
  
    <tr>
        <td>Nama</td>
        <td>:</td>
        <td><input type="text" name="nama" maxlength="30"/></td>
    </tr>

    <tr>
        <td>E-Mail</td>
        <td>:</td>
        <td><input type="text" name="email" maxlength="20"/></td>
    </tr>
  
    <tr>
        <td>Pesan</td>
        <td>:</td>
        <td><textarea name="pesan"></textarea></td>
    </tr>

    <tr>
        <td colspan="3" align="center">
        <input type="submit" value="Kirim" />&nbsp;&nbsp;&nbsp;
        <input type="reset" value="Reset" />
        </td>
    </tr>

</table>
</form>

</body>
</html>
Lalu simpan dengan nama "index.html" di direktori yang sama. nanti hasilnya akan seperti ini
Form Buku Tamu
Form Buku Tamu

4. Untuk memproses agar data yang dimasukkan dapat terkirim ke database dengan baik, maka kita perlu membuatkan sebuah script action untuk mengirim data ke database setelah data dimasukkan dan tombol kirim ditekan. Contoh scriptnya ada dibawah

<?php
echo "<title>Status Pengiriman</title>";
include "koneksi.php";

if($_POST) {
$nama=$_POST['nama'];
$email=$_POST['email'];
$pesan=$_POST['pesan']; } else {
$nama="";
$email="";
$pesan=""; }
$tanggal=date("Y-m-d");
$jam=date("H:i:s", time()+60*60*6);
echo "<center>";

if (!empty($nama) AND !empty($email) AND !empty($pesan)) {
    if(!preg_match("/^[a-zA-Z]/", $nama)) {
    echo "<b>Maaf ada kesalahan dalam penulisan Nama anda.<br />Mohon isikan nama anda dengan benar</b>";} else {
        if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {
echo "<b>Maaf ada kesalahan dalam penulisan E-Mail anda.<br />Mohon isikan alamat e-mail dengan benar</b>";  } else {
$kirim="INSERT INTO buku_tamu(nama,email,pesan,tgl,jam)
        VALUES('$nama','$email','$pesan','$tanggal','$jam')";
$hasil=mysql_query($kirim);

if($hasil) {
echo "<b>Pesan anda sudah terkirim ke Database kami.<br />Terima Kasih</b>"; } else {
echo "<b>Pesan anda gagal terkirim ke Database kami.<br />Mohon Maaf</b>"; }}}}
else { echo "<b>Data yang anda masukkan tidak lengkap.<br />Isi data dengan lengkap</b>"; }
echo "<br /><br /><a href='buku_tamu.html'>Kembali Ke Buku Tamu</a></center>";

?>
Simpan script diatas dengan nama "aksi_buku_tamu.php" didirektori yang sama. Script diatas sudah termasuk validasi untuk menghindari user yang "hiperaktif". Gambar dibawah adalah hasil validasi yang dilakukan oleh script diatas...

validasi kelengkapan
Validasi Kelengkapan Data

validasi kesalahan nama
Validasi kesalahan nama

validasi kesalahan email
Validasi kesalahan email

validasi sukses
Validasi Sukses
Untuk lebih lengkapnya anda bisa men Download Modul Buku Tamu yang sudah penulis buat dari berbagai sumber diinternet dan dibuku-buku yang penulis baca. Terima Kasih

Tidak ada komentar:

Posting Komentar

Berkomentarlah jika anda memilikki petanyaan, atau mau berbagi informasi...