Haloo Para Pembaca... hehe.. Belajar pemorgraman web yuk! langsung aja, Dalam kesempatan ini saya akan berbagi sebuah tutorial cara membuat web search sederhana menggunakan PHP dan MySQL. Dalam tutorial ini saya berasumsi bahwa para Pembaca sudah menguasai PHP dan MySQL dasar, OK!
Secara sederahana fungsi dan logika "Web Search" tidak berbeda jauh dengan fungsi "Search Engine" yang selama ini sering kita kenal dan gunakan. Sistem kerja Search Engine adalah menyimpan database yang ada di internet untuk kemudian di tampilkan sesuai dengan kecocokan kata kunci yang di ketikkan pada search engine dengan database yang ada. Sedangkan web search hanya mencakup database pada web yang kita gunakan saja.
Contoh web search :
Web Search sendiri biasanya digunakan oleh para visitor blog untuk mencari konten yang mereka inginkan sesuai dengan kata kunci yang "kira-kira ada" tanpa perlu lam-lama "ngubek" blog yang dikunjungi. Sebagai seorang yang tertarik dengan dunia programming web mungkin pembaca penasaran dan ingin mencoba sendiri "gimana sih caranya bikin web search?". "yang sederhana dulu aja deh?" atau "Ada tugas nih, :( bantuin dong?!" Coppp.. tanpa penghormatan, langsung aja kita Coba!
Pastikan komputer anda sudah terinstal :
Web Server ~> XAMPPEditor Teks ~> Sublime Text #bisa juga notepad ++ , notepad dllBrowser ~> Mozilla, Chrome dll.Langkah pertama adalah buka XAMPP, lalu aktifkan Apache dan MySQL.
Setelah itu kita buat Database, di sini Saya membuat ~>
database kuliah, table krs, record : id[auto_increment], nama, kelas, jurusan, nilai. Untuk atribut dan yang lainnya disesuaikan saja! Setelah itu inputkan data melalui tab insert
Contoh :
Yoshh.. Database telah selesai dibuat, setelah itu buka Editor teks anda untuk memulai Coding. Buat folder baru di htdocs dan beri nama "pencarian". Buat empat file dan beri nama masing-masing
config.phpindex.phpsearch.phpsubmit.php
di config.php kita buat koneksi php ke database seperti ini :
<?php
@mysql_connect ('localhost','root','') or die ("maaf koneksi error");
@mysql_select_db ("kuliah") or die ("database tidak ditemukan!");
?>
Lalu di index.php ketikkan script berikut :
Script ini berfungsi sebagai tampilan "cari"
<!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=iso-8859-1" />
<title>Web Searching</title>
</head>
<body>
<form action="search.php" method="post">
<input type="text" name="query" />
<select name="pencarian">
<option value="nama">NAMA
<option value="kelas">KELAS
<option value="jurusan">JURUSAN
<option value="nilai">Nilai
</select>
<input type="submit" name="submit" value="Cari" />
</form>
</body>
</html>
Lalu buat search.php
<?php
include ("config.php");
$query = $_POST['query'];
$pencarian = $_POST['pencarian'];
if ($_POST['submit']) {
$query=mysql_query("select * from krs where $pencarian like '%$query%' ");
$cek=mysql_num_rows($query);
?>
<table border="1" class="datatable">
<tr>
<th>No</th><th>NAMA</th>
<th>KELAS</th><th>JURUSAN</th><th>NILAI</th>
</tr>
<?php
if($cek){
while($row=mysql_fetch_array($query)){
?>
<?php $i=1; ?>
<tr>
<?php echo"<td>".$i."</td>"; ?>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['kelas'];?></td>
<td><?php echo $row['jurusan'];?></td>
<td><?php echo $row['nilai'];?></td>
</tr>
<?php $i++; ?>
<?php
}
}else{
echo "Tidak ada data";
}
}else{
unset($_POST['submit']);
}
?>
</table><br />
<?php
?>
Dan terakhir buat submit.php
<?php
include "config.php";
$mk=ucwords(htmlentities($_POST['mk']));
$sks=ucwords(htmlentities($_POST['sks']));
$smstr=htmlentities($_POST['smstr']);
$nilai=htmlentities($_POST['nilai']);
if(empty($mk) || empty($sks)) {
?>Data Anda belum lengkap. silahkan ulangi <a href="?page=form"> input Form</a>
<?php
}else{
$query= mysql_query("insert krs(id,nama,kelas,jurusan,nilai)
values('NULL','$nama','$kelas','$jurusan','$nilai')");
if($query){
echo "Berhasil input data ke database ";
?><a href="?page=tampil">Lihat data di Tabel</a><?php
}else{
echo "Gagal input data";
echo mysql_error();
}
}
?>
NB : Pastikan semua file berada pada folder yang sama!
Setelah semua selesai di ketikkan di addres bar "http://localhost/pencarian/"
Jika berhasil maka hasilnya akan seperti ini :
Untuk selanjutnya silakkan pembaca kembangkan sendiri sesuai kebutuhan :)
Sekian tutorial dari saya. Semoga Pembaca dapat mengerti apa yang sudah di jelaskan. Jika ada kekurangan mohon di maklumi karena kami juga masih terus belajar. Apalagi ini hanya sebuah tugas Remedial Produktif :D
Sumber & Referensi :
http://www.sisteminformasiphp.com/2013/03/membuat-pencarian-berdasarkan-field.html
http://anggrapermana.wordpress.com/2012/05/10/cara-membuat-script-pencaraian-sederhana-dengan-php-mysql/
etc.
0 komentar:
Posting Komentar