membuat aplikasi guest book - … filesederhana menganai penggunaan php untuk melakukan manajemen...
TRANSCRIPT
Pak Guru Eka
1
MEMBUAT APLIKASI GUEST BOOK
Pada bagian ini, anda akan diajak untuk membuat aplikasi sederhana menganai penggunaan PHP untuk melakukan manajemen Buku Tamu (Guest Book). Namun sebelum melangkah lebih jauh perlu anda untuk mempelajari bagaimana cara mengkoneksikan halaman web PHP dengan MySQL sebagai media databasenya. Pada umumnya, cara yang perlu dilakukan untuk menghubungkan antara halaman formulir dengan database adalah sebagai berikut :
1. Membuka jalur koneksi antara halaman formulir dengan database server.
2. Memilih database dan tabel yang diinginkan. 3. Mengirim perintah untuk mengubah, mengambil atau
menghapus data. 4. Mengakhiri hubungan dengan server.
MELAKUKAN KONEKSI PHP-MySQL Untuk melakukan koneksi antara halaman aplikasi dengan database server MySQL dapat menggunakan perintah mysql_connect dengan menambahkan parameter serveraddress, username dan password. Sintaks perintah diatas adalah sebagai berikut : mysql_connect(“host”,”username”,”password”); host adalah nama host atau alamat server database MySQL. User name adalah nama user yang telah diberi hak untuk mengakses database MySQL. Password adalah kata sandi yang digunakan oleh username. Sebelum anda melakukan koneksi, sebaiknya anda pastikan MySQL dan Apache sudah berjalan terlebih dahulu dengan cara Klik xampp Control Panel dan pastikan MySql dan Apache sudah berjalan.
Pak Guru Eka
2
Dan untuk mengetahui daftar user yang terdapat di database MySQL, anda dapat melihat pada tabel user yang terdapat pada database mysql. Anda dapat menggunakan perintah berikut :
use mysql; show tables; select * from user;
Pada gambar diatas hanya terdapat satu user yaitu ‘root’ dengan password tertentu yang dibuat pada saat instalasi appserv. Perhatikan contoh script berikut ini untuk mencoba hubungan dengan server.
Pastikan sudah “started”
Pak Guru Eka
3
<html> <head> <title>Koneksi dengan server</title> </head> <body> <? $serverAddress="localhost"; $userName="root"; $password=""; $koneksi=mysql_connect($serverAddress, $userName, $password); if ($koneksi) { print("sudah tersambung"); } else { print("sambungan gagal"); } ?> </body> </html>
MENGAKTIFKAN DATABASE Setelah anda melakukan koneksi terhadap database MySQL, langkah selanjutnya adalah menggunakan database yang sebelumnya dibuat. Untuk mengaktifkan database dapat digunakan sintaks berikut ini: mysql_select_db(“db_name”); db_name adalah nama batabase yang tersimpan. Perintah (mysql_select_db) digunakan untuk mengaktifkan database. Sekarang anda telah mendapat koneksi ke MySQL dan mengaktifkan database. Selanjutnua anda dapat melakukan proses pemanipulasian data sesuai dengan kebutuhan.
Pak Guru Eka
4
MENDESAIN HALAMAN GUEST BOOK Pada tahapan ini anda diminta untuk melakukan pembuatan desain halaman Guest Book yang nanti akan digunakan. Bentuk desain sebagai latihan dapat dilihat seperti pada gambar dan simpan file dengan nama bukutamu.html.
bentuk sourcecode yang digunakan untuk membuat adalah sebagai berikut:
<form name="form1" method="post" action="bukutamu_action.php">
<table width="406" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCC99">
<tr bgcolor="#CCCC99"> <td colspan="10"><div align="center" class="style10">GUEST BOOK
</div></td> </tr> <tr bgcolor="#CCCC99"> <td width="99"> </td> <td colspan="9"> </td> </tr> <tr bgcolor="#CCCC99"> <td class="style9" align="left" >Nama</td> <td width="3"> </td> <td colspan="3" align="left"><input name="nama" type="text"
id="nama2"></td> <td width="62"> </td> <td width="64"> </td> </tr> <tr bgcolor="#CCCC99"> <td class="style9"align="left" >E-Mail</td> <td> </td> <td colspan="5" align="left"><input name="email" type="text"
id="no_ktp4" maxlength="30"></td> </tr> <tr bgcolor="#CCCC99"> <td class="style9" align="left">Coment</td> <td> </td> <td colspan="5" align="left"><textarea name="komentar"
id="textarea7" rows="4"></textarea></td>
Pak Guru Eka
5
</tr> <tr bgcolor="#CCCC99"> <td colspan="7" align="left" class="style9"> </td> </tr> <tr bgcolor="#CCCC99"> <td colspan="3"> </td> </tr> <tr bgcolor="#CCCC99"> <td class="style8"> </td> <td> </td> <td colspan="4"><input name="Proses" type="submit" id="Proses6"
value="Proses"onClick="javascript:return validasi();"> <input name="batal" type="reset" id="batal12" value="Batal"></td> <td> </td> <td width="3"> </td> <td width="4" colspan="-3"> </td> <td width="33" colspan="-3"> </td> </tr> </table> </form>
Dari sourcecode diatas diketahui bahwa method yang digunakan adalah method post dan action file yang dituju adalah bukutamu_action.php. Selanjutnya yang diperlukan adalah pembuatan halaman bukutamu_action.php yang sourcecodenya adalah seperti berikut:
<? //koneksi dengn server lokal if(!mysql_connect("localhost","root","")){ echo "mysql tidak terkoneksi"; } //koneksi dengan database if(!mysql_select_db("dbbukutamu")){ echo "database tidak terhubung"; } //sintak SQL untuk menyimpan data $sql="insert into daftartamu(namatamu,emailtamu,komentar) values('$_POST[nama]','$_POST[email]','$_POST[komentar]')"; if(mysql_query($sql)){ echo" Terima kasih..<br> <a href=bukutamu.php>back-- >></a>"; } else { ?> <script language="javascript" type="text/javascript"> /*<![CDATA[*/ alert (" Maaf, Komentar Anda Gagal Tersimpan ! "); /*]]>*/ </script> <? echo"proses gagal"; echo"<a href=bukutamu.php>back-- >></a></div>"; } ?>
Pak Guru Eka
6
Setelah kedua halaman tersebut dibuat, selanjutnya adalah ujicoba. Pengujian dilakukan dengan menggunakan browser mozilla yang langsung mengakses halaman bukutamu.html, seperti tampilan berikut.
selanjutnya, isi textbox dan tekan tombol proses untuk menyimpan kedalam database. Jika proses berhasil maka akan muncul halaman yang menyatakan proses berhasil seperti terlihat pada gambar berikut, namun jika gagal maka akan muncul peringatan kegagalan pengiriman.
untuk melihat data yang tersimpan pada database, sekarang silahkan anda mengaktifkan PhpMyAdmin dan lihat pada bagian tabel daftartamu dalam database dbbukutamu.
Pak Guru Eka
7
MENDESAIN HALAMAN ADMIN GUEST BOOK Setelah anda berhasil pada latihan pembuatan halaman guest book, selanjutnya adalah pembuatan halaman admin untuk memanajemen data komentar tamu yang masuk. Manajemen yang dilakukan adalah berupa lihat, hapus dan edit data komentar tamu.
MELIHAT DATA MELALUI PHP dan SQL Pada latihan kali ini, anda akan dibawa untuk mengetahui cara melihat isi tabel melalui browser, yaitu dengan memanfaatkan PHP dan SQL untuk mengakses kedalam database. Berikut ini adalah script untuk mengakses isi tabel dari perangkat browser.
<? //koneksi dengn server lokal if(!mysql_connect("localhost","root","")){ echo "mysql tidak terkoneksi"; } //koneksi dengan database if(!mysql_select_db("dbbukutamu")){ echo "database tidak terhubung"; } //sintak SQL $sql="select * from daftartamu"; $proses=mysql_query($sql); echo "<p align=center> DATA BUKU TAMU </p>"; echo "<table width=500 border=1 cellspacing=1 cellpadding=0>"; echo"<tr> <td>No</td> <td>Nama</td> <td>E-Mail</td> <td>Komentar</td> <td>Delete</td> <td>Edit</td>
Pak Guru Eka
8
</tr>"; while ($data=mysql_fetch_array($proses)) { echo"<tr> <td>$data[id_tamu]</td> <td>$data[namatamu]</td> <td>$data[emailtamu]</td> <td>$data[komentar]</td> <td><a href=code_deleteguestbook.php?no=$data[id_tamu]> delete </a></td> <td><a href=form_editguestbook.php?no=$data[id_tamu> edit
</a></td> </tr>"; } echo "</table>";?>
Dari script diatas, setelah dijalankan maka akan menghasilkan tampilan seperti berikut:
Jika percobaan yang anda lakukan sudah berhasil, maka akan dilanjutkan dengan pembuatan proses untuk hapus dan untuk edit data. Pada script diatas terdapat link untuk melakukan edit dan hapus, setiap link terhubung dengan file yang diberi nama code_deleteguestbook.php dan form _editguestbook.php.
MENGHAPUS DATA MELALUI PHP dan SQL Latihan selanjutnya adalah menghapus data yang terlihat pada browser, script untuk menghapus dapat dilihat seperti di bawah ini.
Pak Guru Eka
9
<? //koneksi dengn server lokal if(!mysql_connect("localhost","root","")){ echo "mysql tidak terkoneksi"; } //koneksi dengan database if(!mysql_select_db("dbbukutamu")){ echo "database tidak terhubung"; } //cod untuk menghapus $id = $_GET['no']; $sqldel="delete from daftartamu where id_tamu='$id'"; $prosesdel=mysql_query($sqldel); if($prosesdel){ //header("location:lihatbukutamu.php"); } else { echo"data gagal di hapus"; } ?>
Setelah disimpan selanjutnya silahkan dicoba untuk menghapus data buku tamu melalui halaman admin browser.
MENGEDIT DATA MELALUI PHP dan SQL Dari dua macam percobaan diharapkan anda telah lebih dalam menyerap ilmu mengenai PHP dan SQL. Setelah ini anda akan diajak untuk membuat bentuk editor data, proses edit data lebih rumit dibandingkan dengan malekukan hapus data yang dapat dilakukan pada satu file saja. Dalam melakukan edit data, sebelum data disimpan kembali kedalam tabel, data yang akan diedit perlu ditransfer kedalam sebuah form editor terlebih dahulu sebelum masuk kedalam tabel. Untuk itu, silahkan anda merancang form editor untuk mengedit data, dalam contoh ini adalah data komentar tamu.
jika dituliskan dalam bentuk script adalah seperti berikut :
Pak Guru Eka
10
<form name="form1" method="post" action="code_updateguestbook.php">
<? //koneksi dengn server lokal if(!mysql_connect("localhost","root","")){ echo "mysql tidak terkoneksi"; } //koneksi dengan database if(!mysql_select_db("dbbukutamu")){ echo "database tidak terhubung"; } $id = $_GET['no']; $sql="select * from daftartamu where id_tamu='$id'"; $proses=mysql_query($sql); $data=mysql_fetch_array($proses); ?> <table width="406" border="0" align="center" cellpadding="0"
cellspacing="1" bgcolor="#CCCC99"> <tr bgcolor="#CCCC99"> <td colspan="10"><div align="center" class="style10">EDIT GUEST
BOOK </div></td> </tr> <tr bgcolor="#CCCC99"> <td width="99"> </td> <td colspan="9"></td> </tr> <tr bgcolor="#CCCC99"> <td class="style9" align="left" >Nama</td> <td width="3"> </td> <td colspan="3" align="left"><input name="nama" type="text"
id="nama2" readonly="true" value="<? echo"$data[namatamu]"; ?>"> </td> <td width="62"> </td> <td width="3"><input name="id" type="text" id="id"
readonly="readonly" value="<? echo"$id"; ?>" width="3" size="3"> </td> </tr> <tr bgcolor="#CCCC99"> <td class="style9"align="left" >E-Mail</td> <td> </td> <td colspan="5" align="left"><input name="email" type="text"
id="no_ktp4" maxlength="30" readonly="true" value="<? echo"$data[emailtamu]"; ?>"> </td>
</tr> <tr bgcolor="#CCCC99"> <td class="style9" align="left">Coment</td> <td> </td> <td colspan="5" align="left"><textarea name="komentar"><?
echo"$data[komentar]"; ?></textarea></td> </tr> <tr bgcolor="#CCCC99"> <td colspan="7" align="left" class="style9"></td> </tr> <tr bgcolor="#CCCC99"> <td colspan="3"> </td> </tr> <tr bgcolor="#CCCC99"> <td class="style8"> </td> <td> </td>
Pak Guru Eka
11
<td colspan="4"><input name="Proses" type="submit" id="Proses6" value="Proses"onClick="javascript:return validasi();">
<input name="batal" type="reset" id="batal12" value="Batal"></td> <td> </td> <td width="3"> </td> <td width="4" colspan="-3"> </td> <td width="33" colspan="-3"> </td> </tr> </table></form>
Selanjutnya adalah membuat sourcecode untuk melakukan peyimpanan data kedalam tabel, namun sebelum itu perlu anda ketahui bahwa data sebelumnya sudah pernah ada didalam tabel, sehingga bentuk codingnya pun bereda seperti terlihat berikut ini dan simpan dengan nama code_updateguestbook.php sesuai seperti tertulis pada coding form edit guest book.
<? //koneksi dengn server lokal if(!mysql_connect("localhost","root","")){ echo "mysql tidak terkoneksi"; } //koneksi dengan database if(!mysql_select_db("dbbukutamu")){ echo "database tidak terhubung"; } $kom=$_POST['komentar']; $no=$_POST['id']; $sql=("update daftartamu set komentar='$kom' where id_tamu='$no'"); if(mysql_query($sql)){ header("location: lihatbukutamu.php"); } else { header("location: lihatbukutamu.php"); } ?>
Selanjutnya adalah langkah percobaan. Jika masih terdapat kesalahan, kemungkinan hanya kesalahan penulisan saja atau lebih aman silahkan untuk bertanya kepda instruktur anda.
TUGAS LATIHAN Buatlah sebuah contoh lagi untuk penggunaan PHP dan SQL pada kasus yang berbeda, misalkan data mahasiswa, data penduduk dan kalau memungkinkan buatlah kasus yang lebih kompleks dengan menggunakan lebih dari satu tabel.