Materi 6 Koneksiphp Mysqlstudi Kasus Buku Tamu

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
Pastikan sudah
started
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.
Pak Guru Eka
<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
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>
<td width="99"> </td>
<td colspan="9"> </td>
</tr>
<td class="style9" align="left" >Nama</td>
<td colspan="3" align="left"><input name="nama" type="text"
id="nama2"></td>
</tr>
<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>
<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
</tr>
<td colspan="7" align="left" class="style9"> </td>
</tr>
</tr>
<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="4" 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
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
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

}
}
//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
</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
<? //koneksi dengn server lokal

}
}
//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
<form name="form1" method="post"

action="code_updateguestbook.php">
<?
}
}
$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">
<td colspan="10"><div align="center" class="style10">EDIT GUEST
BOOK </div></td>
</tr>
<td colspan="9"></td>
</tr>
<td class="style9" align="left" >Nama</td>
<td colspan="3" align="left"><input name="nama" type="text"
id="nama2" readonly="true" value="<? echo"$data[namatamu]"; ?>">
</td>
<td width="3"><input name="id" type="text" id="id"
readonly="readonly" value="<? echo"$id"; ?>" width="3" size="3">
</td>
</tr>
<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>
<td class="style9" align="left">Coment</td>
<td> </td>
<td colspan="5" align="left"><textarea name="komentar"><?
echo"$data[komentar]"; ?></textarea></td>
</tr>
<td colspan="7" align="left" class="style9"></td>
</tr>
</tr>
<td class="style8"> </td>
<td> </td>
Pak Guru Eka
10
<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>
</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.
<?
}
}
$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.
Pak Guru Eka
11

Materi 6 Koneksiphp Mysqlstudi Kasus Buku Tamu

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Materi 6 Koneksiphp Mysqlstudi Kasus Buku Tamu

Diunggah oleh

Hak Cipta:

Format Tersedia

MEMBUAT APLIKASI GUEST BOOK

Pada bagian ini, anda akan diajak untuk membuat aplikasi

MELAKUKAN KONEKSI PHP-MySQL

Pak Guru Eka

Dan untuk mengetahui daftar user yang terdapat di database

Pada gambar diatas hanya terdapat satu user yaitu root

Pak Guru Eka

Pak Guru Eka

MENDESAIN HALAMAN GUEST BOOK

bentuk sourcecode yang digunakan untuk membuat adalah

<form name="form1" method="post"

Dari sourcecode diatas diketahui bahwa method yang digunakan

Setelah kedua halaman tersebut dibuat, selanjutnya adalah

selanjutnya, isi textbox dan tekan tombol proses untuk

untuk melihat data yang tersimpan pada database, sekarang

Pak Guru Eka

MENDESAIN HALAMAN ADMIN GUEST BOOK

MELIHAT DATA MELALUI PHP dan SQL

<? //koneksi dengn server lokal

Dari script diatas, setelah dijalankan maka akan menghasilkan

Jika percobaan yang anda lakukan sudah berhasil, maka akan

MENGHAPUS DATA MELALUI PHP dan SQL

Pak Guru Eka

<? //koneksi dengn server lokal

Setelah disimpan selanjutnya silahkan dicoba untuk menghapus

MENGEDIT DATA MELALUI PHP dan SQL

jika dituliskan dalam bentuk script adalah seperti berikut :

Pak Guru Eka

<form name="form1" method="post"

<td colspan="4"><input name="Proses" type="submit" id="Proses6"

Selanjutnya adalah membuat sourcecode untuk melakukan

Selanjutnya adalah langkah percobaan. Jika masih terdapat

Pak Guru Eka

Anda mungkin juga menyukai