P. 1
Aplikasi Buku Tamu Php

Aplikasi Buku Tamu Php

|Views: 43|Likes:
Published by Rendy Alfiq

More info:

Published by: Rendy Alfiq on Mar 23, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

11/16/2013

pdf

text

original

APLIKASI BUKU TAMU PHP & MySQL

Kita akan membahas koneksi database mysql dengan PHP, langkah pertamanya adalah Anda membuat database yang digunakan untuk menyimpan data. sekarang bukalah: http://localhost/phpmyadmin/ di browser Anda. Akan muncul tampilan pertama dari phpmyadmin, phpmyadmin sendiri adalah tool untuk memudahkan administrasi database kita. Kemudian buatlah database baru, misalnya nama databasenya: latihan Untuk kasus latihan kita, maka akan kita buat aplikasi buku tamu, maka dari itu buatlah tabel: bukutamu di dalam database latihan tadi, field2 nya adalah sebagai berikut: id : int : autoincrement : primary nama : varchar(32) pesan: tinytext tanggal : date field id gunanya untuk memberikan primary key pada setiap record field nama untuk menyimpan nama, menggunakan string dengan maksimal 32 character field pesan untuk isi pesan yang ditinggalkan field tanggal untuk mencatat tanggal berapa pesan itu ditinggalkan Sekarang saya jelaskan aplikasi buku tamunya, aplikasi ini terdiri dari 3 page, yaitu: 1. index.php : untuk form bukutamu, sekaligus ada link yang menuju lihat.php 2. isi.php : file pemroses dari form di halaman index 3. lihat.php : halaman untuk melihat isi pesan yang sudah diisikan Ingat, yang saya berikan ini adalah contoh yang sangat sederhana, tidak memperhitungkan keindahan, dan keamanan/verifikasi data Source untuk index.php adalah sebagai berikut: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Untitled Document</title> </head> <body> Buku tamu – <a href=”lihat.php”>lihat isi buku tamu</a><br />

$conn = mysql_connect(“localhost”.”"). halaman index memang hanya halaman html biasa saja. yang perlu dicermati adalah bagian form nya. exit.$conn). mysql_query($sqlText).'$pesan’. $sqlText = “insert into bukutamu(nama. } $db = mysql_select_db(“latihan”. pesan.php” artinya yang kita isikan di dalam form tersebut akan dilemparkan ke file isi.php: <?php $nama = $_POST['nama'].<br /> Isilah buku tamu kami<br /> <br /> <br /> <form id=”form1″ name=”form1″ method=”post” action=”isi.NOW(”))”. header(“location:index.php”). form diatas menggunakan property action=”isi.php”> nama <input type=”text” name=”nama” id=”nama” /> <br /> <br /> pesan <textarea name=”pesan” id=”pesan” cols=”45″ rows=”5″></textarea> <br /> <br /> <input type=”submit” name=”Submit” id=”Submit” value=”Submit” /> </form> </body> </html> Nah. exit(1).tanggal) values(‘$nama’. isi dari form tersebut akan dilemparkan dalam sebuah variabel yang akan diterima di isi. $pesan = $_POST['pesan'].”root”.php begitu button Submit ditekan.php sebagai: $_POST['nama'] dan $_POST['pesan'] Inilah script di isi. if (!$conn) { echo “Could not connect to db”. ?> Sedikit penjelasan dari script diatas adalah sebagai berikut:} .

Ini adalah sql biasa. $conn = mysql_connect(“localhost”. Kita sedang membuat variabel. setelah data kita masukkan Bagian terakhir adalah melihat isi buku tamu kita.dtd”> <html xmlns=”http://www.”root”. pesan. $nama diisi dengan $_POST['nama'] atau yang diisikan di form dengan id:nama begitu juga dengan variabel $pesan.”"). exit(1). if (!$conn) { echo “Could not connect to db”. menyuruh page kita redirect ke halaman index. dan tanggal kita gunakan fungsi NOW(”) yang artinya adalah tanggal sekarang header(“location:index. charset=utf-8″ /> <title>Untitled Document</title> </head> <body> Isi buku tamu<br /> <br /> <?php $conn = mysql_connect(“localhost”. username: root dan password kosong atau tanpa password.'$pesan’.w3.$nama = $_POST['nama'].”root”. exit.NOW(”))”.$conn). $pesan = $_POST['pesan']. Kita memilih database: latihan sebagai tujuan script kita $sqlText = “insert into bukutamu(nama. if (!$conn) { echo “Could not connect to db”.w3. . mysql_query($sqlText).php”). ini adalah default dari wamp server.”"). ini dia script lihat. } membuat koneksi ke database mysql dengan server: localhost.php lagi. maka gunakan username dan password Anda $db = mysql_select_db(“latihan”. jika di mysql Anda telah Anda rubah password dan username nya.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html. kita tidak perlu memasukkan id karena telah kita set autoincrement pada saat create table tadi.org/TR/xhtml1/DTD/xhtml1-transitional. exit(1).php: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.tanggal) values(‘$nama’.0 Transitional//EN” “http://www. gunanya untuk memasukkan data kita.

?><br /> <br /> <?php } ?> Artinya setelah hasil select dari tabel kita dapatkan dalam variabel $result. while($row=mysql_fetch_object($result)) { ?> <strong>Nama</strong>: <?php echo $row->nama.} $db = mysql_select_db(“latihan”. . while($row=mysql_fetch_object($result)) { ?> <strong>Nama</strong>: <?php echo $row->nama. dan akan diulang terus sampai selesai.$conn).?><br /> <strong>Pesan</strong>: <?php echo $row->pesan. $result = mysql_query($sqlText).?><br /> <strong>Pesan</strong>: <?php echo $row->pesan. maka data tersebut di-fetch tiap record/row. Setiap record akan menulis nama dan pesannya. $result = mysql_query($sqlText).?><br /> <br /> <?php } ?> </body> </html> yang perlu dikomentari adalah: $sqlText = “select * from bukutamu”. makanya kita pakai while loop disitu. $sqlText = “select * from bukutamu”.

Halaman daftar tamu akan berisi daftar tamu yang telah mengisi buku tamu. Hampir dapat dipastikan. dan halaman terima kasih.indexOf("@". Pada halaman ini nanti akan ditambahkan suatu skrip yang akan melakukan verifikasi terhadap form yang belum diisi.situs pribadi. halaman daftar tamu. Halaman form buku tamu akan berisi form untuk pengisian buku tamu.APLIKASI BUKU TAMU 2 Pembahasan kita kali ini membahas mengenai aplikasi-aplikasi web dengan PHP. yaitu halaman form buku tamu. } else { if ((cekemail. Halaman form buku tamu berisi form untuk pengisian buku tamu. aplikasi buku tamu akan menggunakan database yang fungsinya adalah menyimpan daftar tamu yang pernah mengunjungi situs tersebut dan memberikan komentarnya. var cekkom = document.1) == -1)) { . Kita mulai pembahasan kita dengan buku tamu.value.forms[0]. Skrip selengkapnya adalah sebagai berikut: <HTML> <HEAD> <TITLE> Form Buku Tamu </TITLE> <SCRIPT LANGUAGE="JavaScript"> function pesan() { var ceknama = document. Untuk itu mula-mula kita persiapkan sebuah database dengan struktur sebagai berikut: Field nama email komentar waktu Tipe VARCHAR(50) VARCHAR(40) TEXT TIMESTAMP Tabel disimpan dengan nama tbl_tamu. sedangkan databasenya disimpan dengan nama data_kontak.length == 0) || (cekemail.forms[0].forms[0].elements[0].elements[2].value. var cekemail = document. Kita mulai perancangan kita dari halaman form buku tamu. Buku tamu merupakan salah satu fitur standar yang terdapat dalam situs-situs di Internet. Halaman web yang nantinya di rancang akan memiliki 3 halaman.alert("Anda belum memasukkan nama Anda"). Halaman terima kasih akan berisi ucapan terima kasih atas diisinya buku tamu.value. if (ceknama.elements[1]. terutama situs .length == 0) { window.

alert("Anda belum berkomentar").forms[0]. } } } } </SCRIPT> </HEAD> <BODY> <h1> Selamat Datang di Situs Saya </h1> Silakan isi identitas Data Diri Anda <br /> <form name="guest_from" method="post" action="proses. halaman ini harus tetap dijalankan di virtual direktori dengan mengetikkan http://localhost/direktori/namafile. } else { if ((cekkom.forms[0].value.html di bagian address browser.elements[1].”></textarea> <input type="button" value="Simpan" onClick=pesan()> </PRE> </FORM> </BODY> </HTML> Simpanlah file dengan nama buku_tamu. } else { .php"> <PRE> Nama Anda : <input type="text" name="nama"> Email Anda : <input type="text" name="email"> Komentar : <textarea name="komentar" style=”width:200px.window.alert("Anda belum memasukkan nama Anda").alert("Periksa kembali alamat email Anda").elements[2].elements[0]. Pembahasan dari skrip di atas adalah sebagai berikut: pada bagian head terdapat skrip JavaScript.length == 0) { window. <SCRIPT LANGUAGE="JavaScript"> function pesan() { var ceknama = document.length == 0)) { window. Yang perlu diingat adalah bahwa walaupun memiliki ekstensi . } else { document. skrip ini digunakan untuk verifikasi terhadap form yang belum diisi.forms[0].value.html.value.simpan(). var cekkom = document. height:150px. if (ceknama.forms[0]. var cekemail = document.html.

mysql_error()).alert("Periksa kembali alamat email Anda"). '”.if ((cekemail. $qry = @mysql_query($strSQL.waktu) VALUES ('$_POST[nama]'. .$conn). Bagian berikutnya merupakan form HTML biasa.”')". } else { if ((cekkom. mysql_select_db("data_kontak". karena " .1) == -1)) { window.length == 0) || (cekemail.'$_POST[email]'.simpan().alert("Anda belum berkomentar"). } } } } </SCRIPT> Mula-mula skrip tersebut mengambil nilai dari setiap elemen form. <input type="button" value="Simpan" onClick=pesan()> Halaman berikutnya adalah halaman terima kasih. $passwd) or die ("Koneksi Gagal. $user = "root".length == 0)) { window. $conn = @mysql_connect ($host. Skrip selengkapnya adalah sebagai berikut: <HTML> <HEAD> <TITLE> Buku Tamu </TITLE> </HEAD> <BODY> <?php $waktu=date(“Y-mm-dd H:s:i”) $host = "localhost".$conn) or die ("Query salah.indexOf("@". mysql_error()).komentar. } else { document. Setelah itu nilai setiap elemen tersebut diperiksa.$waktu. Halaman terima kasih merupakan halaman yang akan menampilkan ucapan terima kasih sekaligus di dalamnya terdapat skrip PHP yang digunakan untuk mengolah data yang dimasukkan pada halaman form buku tamu. jika kosong.forms[0]. $strSQL = "INSERT INTO tbl_tamu(nama. $user.'$_POST[komentar]'. maka akan muncul peringatan. $passwd = "root".email. karena: " . tetapi pada bagian submit akan ditambahkan sebuah event handler yang mengacu pada skrip JavaScript yang terletak di bagian head.

Anda dapat melihatnya dari MySQL langsung sebagai berikut: mysql> use data_kontak.php? "> Klik di sini </A> untuk melihat daftar para pengisi buku tamu. browser akan memberikan peringatan.html.?> <h2> Terima kasih atas kesediaan Anda mengisi buku tamu. aplikasi ini sudah bisa dijalankan. mysql> select * from tbl_tamu. Nah. Mula-mula jalankan file buku_tamu.php”> Klik di sini </a> untuk melihat daftar para pengisi buku tamu. setidaknya walau belum jadi. Untuk sementara jika Anda ingin melihat daftar dari para pengunjung. Skrip di atas pada prinsipnya hanyalah membuka koneksi ke mysql dan menyimpan data-data yang telah dimasukkan ke dalam tabel. Mengenai link ini belum akan dibahas di halaman ini. File lihat_tamu. Untuk menyegarkan ingatan Anda pada halaman terima kasih terdapat link sebagai berikut: <a href=”lihat_tamu. kemudian isikan identitas dan komentar Anda. Pada bagian bawah terletak sebuah link yang merujuk pada halaman daftar tamu.php inilah yang nantinya menampilkan daftar para pengisi buku tamu yang disajikan dalam bentuk tabel. MySQL akan menampilkan seluruh daftar tamu yang telah memberikan identitas dan komentarnya. Skrip selengkapnya dari file lihat_tamu. Pada artikel sebelumnya kita telah membahas dua halaman pertama dari aplikasi buku tamu. lalu klik Simpan. Seandainya ada bagian yang belum Anda isi. Sekarang kita sempurnakan aplikasi tersebut dengan menampilkan daftar dari para tamu yang telah memberikan nama dan komentarnya. Dengan query ini.php adalah sebagai berikut: <HTML> <HEAD> <TITLE> Buku Tamu </TITLE> </HEAD> <BODY> . </h2> <HR> <A href="/lihat_tamu. </BODY> </HTML> Simpanlah file dengan nama proses.php.

$passwd = "root". Gantilah isi skrip file lihat_tamu.$conn) or die ("Query salah: " . maka menampilkan daftar tamu seperti skrip di atas tentu kurang baik karena halaman tersebut akan menjadi sangat panjang. $row["nama"] . echo "<TD BGCOLOR=#f7efde>" .$conn). "</TD>". $row["waktu"] . mysql_error()).<?php $host = "localhost". $jml = mysql_num_rows($qry). jadi apabila ternyata ada yang memiliki nama dan email yang sama. Nah. $qry= @mysql_query($strSQL. Alternatif yang digunakan adalah menampilkan sejumlah record tertentu per halaman dan di bagian bawah halaman terdapat link untuk menuju ke halaman berikutnya atau sebelumnya. "</TD>". mysql_error()). echo "<TD BGCOLOR=#f7efde>" . } ?> </TABLE> </BODY> </HTML> Nama-nama yang tertera di sana hanya fiktif saja. seandainya situs tersebut merupakan situs yang ramai oleh pengunjung dan pengisi buku tamunya banyak. Kira-kira seperti hasil search di Google itu lho. $strSQL = "Select * from tbl_tamu". echo "<TD BGCOLOR=#f7efde>" . echo "<TD BGCOLOR=#f7efde>" . ?> <TABLE BORDER=1> <TR> <TD BGCOLOR=#f32142> Nama </TD> <TD BGCOLOR=#f32142> Email </TD> <TD BGCOLOR=#f32142> Komentar </TD><TD BGCOLOR=#f32142> Waktu </TD> </TR> <?php while ($row = mysql_fetch_array ($qry)) { echo "<TR>".php dengan skrip sebagai berikut: . echo "Jumlah pengisi = $jml <br />". berikut akan diberikan salah satu contoh skrip alternatifnya. echo "</TR>". mysql_select_db("data_kontak". $row["komentar"] . $conn = @mysql_connect ($host. $user = "root". $user. $passwd) or die ("Koneksi Gagal: " . Untuk membuat bentuk halaman seperti itu. itu hanya kebetulan belaka. $row["email"] . "</TD>". "</TD>".

"</TD>". mysql_select_db("data_kontak". $hal = $_REQUEST['hal'].$user. $strSQL2 = "Select * from tbl_tamu". $batas = ($hal . ?> <TABLE BORDER=1> <TR> <TD BGCOLOR=#f32142> Nama </TD> <TD BGCOLOR=#f32142> Email </TD> <TD BGCOLOR=#f32142> Komentar </TD><TD BGCOLOR=#f32142> Waktu </TD> </TR> <?php while ($row = mysql_fetch_array ($qry)) { echo "<TR>". $passwd) or die ("Koneksi Gagal: " . "</TD>". mysql_error()). } $pct = 100/($page+4).$conn) or die ("Query salah: " . mysql_error()). } else { $page = floor($jml/5)+1. $passwd = "root". $row["nama"] . echo "Jumlah halaman = $page <br />". echo "<TD . $conn = @mysql_connect ($host.<HTML> <HEAD> <TITLE> Daftar Tamu </TITLE> </HEAD> <BODY> <?php $host = "localhost". "</TD>".5". $qry = @mysql_query($strSQL1.1) * 5. if ($kel==floor($jml/5)){ $page = $kel. $user = "root". $row["email"] . echo "<TD BGCOLOR=#f7efde>" . echo "<TD BGCOLOR=#f7efde>" . $row["komentar"] . echo "<HR>".$conn) or die ("Query salah: " .$conn). $tot = @mysql_query($strSQL2. echo "<TD BGCOLOR=#f7efde>" . mysql_error()). $strSQL1 = "Select * from tbl_tamu limit $batas. echo "Jumlah pengisi = $jml <br />". $kel = $jml/5. $jml = mysql_num_rows($tot).

echo "</TD>"."%>".php?hal=$i'> $i </A>". if ($hal!=1) { echo "<A href='lihat_tamu.$i<=$page."%>". $next=$hal+1. echo "</TR>". echo "$i".php?hal=$prev'> <<Sebelum </A>". color:red. for ($i=1.$i++) { if ($i==$hal) { echo "<TD WIDTH=$pct". } } echo "<TD WIDTH=$lebar". } ?> </TABLE> <hr style="width:90%.php?hal=$next'> Setelah>> </A>"."> <TABLE BORDER=0> <TR> <?php $lebar=$pct*2. } echo "</TD>"."%>". if ($hal!=$page) { echo "<A href='lihat_tamu. echo "<A href='lihat_tamu. } else { echo "<TD WIDTH=$pct".BGCOLOR=#f7efde>" . $row["waktu"] . echo "<TD WIDTH=$lebar". size:2px. "</TD>". } else { echo "<<Sebelum". $prev=$hal-1. } else { echo "Setelah>>". echo "</TD>". } echo "</TD>". ?> </TR> </TABLE> </BODY> </HTML> ."%>".

Setiap link untuk menuju ke suatu halaman tertentu akan memiliki bentuk seperti ini: <A href=”table. . selamat mencoba untuk melihat hasilnya .D.Contoh skrip ini menggunakan query string di dalam menentukan halaman mana yang aktif saat itu.php?hal=$i”> Variabel $i akan berisi nomor halaman yang dituju.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->