Membuat Aplikasi Pencarian Data dengan Efek Highlight

Sebelumnya saya sudah menulis artikel yang berjudul membuat aplikasi pencarian data menggunakan fungsi if. Artikel ini hampir sama dengan sebelumnya, hanya saja akan ditambah dengan efek highlight, dimana ketika hasil dari pencarian disorot, maka akan menampilkan efek highlight.

Jika anda ingin mencobanya,

pertama buatlah file html berikut untuk menampilkan kolom pencarian.

<center><h2>APLIKASI PENCARIAN</h2>
<form method=GET action='cari_highlight.php'>
 Masukkan nama yang ingin dicari: 
  <input type='text' name='keyword'>
  <input type='submit' name='Submit' value='Submit'><br><br>
  <b>algoritma-cyber.blogspot.com</b>
</form>
<hr width="509"> 
<h3> Hasil Pencarian </h3>
<table border="1">

jika anda jalankan program tersebut.

akan keluar output seperti ini:

sekarang buatlah sebuah database dengan satu tabel yang mempunyai field id, nama, dan blog. Database ini nantinya digunakan sebagai hasil pencarian pada program yang kita buat.
Jika sudah, tambahkan skrip php berikut ini:

<?php
error_reporting(0);
mysql_connect("localhost","root","");
mysql_select_db("hadisearch");

if ($_GET['Submit']){
 $keyword = $_GET['keyword'];
 $sql = mysql_query("SELECT NIP, nama FROM penulis WHERE nama LIKE '%$keyword%'");
 while ($data = mysql_fetch_array($sql)){
  echo "<tr><td>$data[NIP], $data[nama] </td></tr>";
 }
}
?>
</table>

sebelumnya anda harus memiliki library jquery dulu,

bisa anda DOWNLOAD DISINI 

setelah itu tambahkan skrip berikut tepat diatas kode <center>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

skrip diatas digunakan untuk memanggil library jquery yang baru saja anda download.

setelah itu tambahkan javascript tepat dibawah kode </table>

<script type="text/javascript">
$("tr").not(':first').hover(
 function () {
  $(this).css("background","yellow");
 }, 
 function () {
  $(this).css("background","");
 }
);
</script>

simpan program anda,

dan sekarang coba anda jalankan lagi.

jika berhasil akan keluar output seperti ini:

Read More

Membuat Aplikasi Searching Menggunakan Fungsi IF

Sebelumnya saya pernah menulis artikel yang berjudul membuat aplikasi searching menggunakan php. Artikel yang kali ini tidak jauh berbeda, masih sama menggunkan php, hanya saja kali ini kita membuatnya dengan program yang lebih sederhana dengan menggunakan fungsi IF.

Jika anda ingin mencobanya,

pertama buatlah file html berikut untuk menampilkan kolom pencarian,

<center>
<h2>APLIKASI PENCARIAN</h2>
<form method=GET action='cari.php'>
 Masukkan nama yang ingin dicari: 
  <input type='text' name='keyword'>
  <input type='submit' name='Submit' value='Submit'><br><br>
  <b>algoritma-cyber.blogspot.com</b>
</form>
<hr width="509"> 
<h3> Hasil Pencarian </h3>

jika anda jalankan program tersebut,

akan keluar output seperti ini:

sekarang buatlah sebuah database dengan satu tabel yang mempunyai field id, nama, dan blog. Database ini nantinya digunakan sebagai hasil pencarian pada program yang kita buat.
Jika sudah, tambahkan skrip php berikut ini:

<?php
error_reporting(0);
mysql_connect("localhost","root","");
mysql_select_db("hadisearch");

if ($_GET['Submit']){
 $keyword = $_GET['keyword'];
 $sql = mysql_query("SELECT NIP, nama, blog FROM penulis WHERE nama LIKE '%$keyword%'");
 while ($data = mysql_fetch_array($sql)){
  echo "$data[NIP], <b><font color=red>$data[nama]</font></b>, $data[blog] <br>";
 }
}
?>

Jika anda jalankan program anda lagi.
dan mencoba mengetikan nama pada kolom searching,
akan keluar output seperti ini:

Read More

Membuat Aplikasi Buku Tamu

Aplikasi buku tamu adalah salah satu aplikasi yang paling sering kita lihat pada setiap website. biasanya digunakan untuk mempermudah pengunjung agar bisa mengirimi pesan pada website kita. selain mempermudah pengunjung, aplikasi ini juga akan menguntungkan kita untuk menerima masukkan dari setiap pengunjung. 

Mungkin selama ini anda hanya mengandalkan widget yang ada, untuk menambah fitur pada website anda. salah satunya fitur buku tamu. Tetapi jika anda bekerja pada suatu perusahaan besar, dan anda posisi sebagai programmmer perusahaan tersebut. Tentunya hal ini biasanya tidak diperbolehkan, anda harus bisa membuat buku tamu sendiri. Untuk itulah disini saya membuat tutorial sederhana dalam membuat aplikasi buku tamu menggunakan pemrograman PHP, yang mungkin bisa membantu teman-teman yang membutuhkan.

Langkah pertama anda harus membuat database terlebih dahulu. dan membuat tabel buku tamu yang  digunakan untuk menyimpan data yang akan masuk nanti.

disini saya membuat database bernama PT.CYBER 

nama tabel:   bukutamu, 

dengan field:  nama , email/url , komentar .  saya tidak akan menjelaskan lagi bagaimana cara membuat database dan tabel, karena pada tulisan sebelumny sudah saya jelaskna, 
jika anda belum mengerti, bisa anda baca terlebih dahulu klik di SINI   .
jika tabel telah dibuat seperti gambar dibawah ini.

selanjutnya buatlah program
untuk form buku tamunya.
ketikkan programnya sperti ini:

<!-- Programming : Hadi Kurniawan -->
<html>
<head><title>Aplikasi Buku Tamu</title></head>
<body>
<center>
<h2>APLIKASI BUKU TAMU</h2>
<form action="simpandata.php" method="post">
<table>
	<tr>
	<td>Nama</td>
	<td>:</td>
	<td><input type="teks" name="nama"></td>
	</tr>
	<tr>
	<td>Email / URL</td>
	<td>:</td>
	<td><input type="teks" name="email"></td>
	</tr>
	<tr>
	<td>Komentar</td>
	<td>:</td>
	<td><textarea name="komentar" height="1000"></textarea></td>
	</tr>
</table><input type="submit">
	<input type="reset" value="reset">
	<br><br>
	copyright Hadi Kurniawan
</form>
</body>
</html>

simpan dengan nama input.php
Jika program benar, maka akan tampil seperti gambar dibawah ini:

Jika sudah , 
sekarang buatlah program untuk menyimpan data yang akan masuk nanti.

<!-- Programming: Hadi Kurniawan -->
<?php
	$nama=$_POST['nama'];
	$email=$_POST['email'];
	$komentar=$_POST['komentar'];
	if($nama=="")
	{ echo "nama masih kosong";
	  include("input.php");
	}
	elseif($email=="")
	{
		echo "email masih kosong";
		include ("input.php");
	}
	elseif($komentar=="")
	{
		echo "komentar masih kosong";	
		include ("input.php");
	}
	else{
	$koneksi=mysql_connect("localhost","root","");
	mysql_select_db("pt.cyber");
	$query="insert into bukutamu(nama, email, komentar) 
	values ('".$nama."','".$email."', '".$komentar."' )";
	echo "data berhasil disimpan <a href=tampilkomentar.php>Lihat Komentar</a>";
	mysql_query($query);
	mysql_close($koneksi);}
?>

simpan dengan nama:   simpandata.php
untuk menguji program tersebut, apakah sudah benar atau belum, jalankan program yang kita buat pertama tadi, input.php.....

isi form seperti berikut:

lalu klik kirim,   jika berhasil maka akan tampil seperti ini:

Jika anda  mengosongkan form nama, email, atau komentar, 
maka aplikasi buku tamu itu tidak akan bisa terikirm, tetapi akan muncul  peringatan seperti ini:

tetapi jika sudah berhasil,
dan anda klik lihat komentar, tentunya tidak akan menampilkan apa2, 
karena kita belum membuat program untuk menampilkan data yang disimpan,
untuk sementara, coba anda cek pada database anda, apakah data yang diinput tadi sudah tersimpan didatabase atau belum.

jika tampil seperti gambar diatas,
berarti data sudah berhasil disimpan, 

selanjutnya kita tinggal membuat program untuk menampilkan data yang sudah tersimpan didatabase.
ketikkan programnya seperti ini:

<!--  Programming Hadi Kurniawan -->
<html>
<title>Komentar buku tamu</title>
<body bgcolor="#00000">
<center>
<font color="white"><h2><b>KOMENTAR</b></h2>

<a href="input.php"><font color="red" size="4">Kebali Ke Form Input</font></a>
<table width="700" border="1" cellpadding="5" cellspacing="0">
  <tr>
    <td bgcolor="#b52d2d"><div align="center"><strong>NAMA</strong></div></td>
    <td bgcolor="#b52d2d"><div align="center"><strong>EMAIL</strong></div></td>
	<td bgcolor="#b52d2d"><div align="center"><strong>KOMENTAR</strong></div></td>
    
  </tr>
 <?php
 $koneksi = mysql_connect("localhost","root","");
 mysql_select_db("pt.cyber");
 
 $query = "select * from bukutamu";
 
$hasil= mysql_query($query);
 
 while($row=mysql_fetch_array($hasil))
 {
  echo '<tr>
    <td bgcolor="#f5fff8"><div align="center">';?><?php echo $row[1].'</div></td>
    <td bgcolor="#f5fff8"><div align="center">';?><?php echo $row[2].'</div></td>
	<td bgcolor="#f5fff8"><div align="center">';?><?php echo $row[3].'</div></td>
  </tr>';?>
 <?php
 }
  mysql_close($koneksi);
 ?>
</table>
| copyright Hadi kurniawan |
</body>
</html>

simpan dengan nama, tampilkomentar.php.

selanjutnya coba anda jalankan lagi. input.php.
isi form, dan klik lihat komentar, jika berhasil maka akan tampil seperti ini

program ini masih sangat sederhana,
anda bisa mengembangkannya sendiiri menjadi lebih profesional,
dengan menambah JQuery, CSS, ataupun Javascript.

semoga tulisan ini bisa bermanfaat buat teman-teman.
jika ada yang kurang mengerti atau butuh bantuan, bisa anda komen langsung aja.
bila ada kesempatan. InsyaAllah saya pasti membantu anda.
salam kenal, dan salam blogger indonesia.  

Read More

Membuat Aplikasi Counter

Aplikasi counter merupakan aplikasi yang sudah tidak asing lagi bagi para pengguna website, Biasanya pada suatu website ataupun blog menyediakan counter pada websitenya, yang berguna untuk mengetahui jumlah pengunjung dari website itu. Jika anda seorang blogger, mungkin selama ini anda hanya mengandalkan widget counter yang ada. Tetapi bagaimana jika yang anda bangun adalah website besar, tentunya anda harus bisa membuat counter sendiri tanpa mengandalkan widget.

Langkah pertama yang harus anda buat adalah membuat file untuk menyimpan jumlah Counter.

buatlah sebuah file .txt.    misalnya   counter.txt.   simpan difolder C:\xampp\htdocs\...

setelah itu baru kita buat program counternya.
ketikklah program seperti dibawah ini:

<!-- Programming: Hadi Kurniawan -->
<html>
<head><title>Aplikasi Counter</title></head>
<body>
<?php
 $nilaicounter=("counter.txt");
 $pengunjung=file($nilaicounter);
 $pengunjung[0]++;
 $bukafile=fopen($nilaicounter,"w");
 fputs($bukafile,"$pengunjung[0]");
 fclose($bukafile);
 echo "<center><table border=2>";
 echo "<tr><td><h2>Total Pengunjung</h2></tr></td>";
 echo "<tr><td><center><h1><b>$pengunjung[0]</td></tr>";
 ?>
</body>
</html>

Keterangan:

$nilaicounter=("counter.txt");

digunakan untuk memanggil counter.txt yang telah kita buat tadi, yang dimasukkan kedalam variabel $nilaicounter

 $pengunjung[0]++;

memberikan nilai awal 0 pada variabel pengunjung. dan ++ akan terus bertambah secara  berurutan.

 $bukafile=fopen($nilaicounter,"w");

untuk membuka file yang telah disimpan pada variabel $nilaicounter dan membuat aturan w (write) 

 fputs($bukafile,"$pengunjung[0]");

memasukkan nilai pada variabel $pengunjung kedalam file.

fclose($bukafile);

menutup file yang telah kita buka.

 echo "<center><table border=2>";

untuk membuat tabel pada counter

 echo "<tr><td><h2>Total Pengunjung</h2></tr></td>";

menampilkan teks total pengunjung

 echo "<tr><td><center><h1><b>$pengunjung[0]</td></tr>";

mencetak nilai pada variabel $pengunjung[0]


simpan program tersebut dengan nama counter.php .
sekarang coba anda jalankan program counter.php tersebut.
Jika semua sudah benar, maka akan menampilkan tampilan seperti ini:

Jika anda refresh atau mengunjungi yang kedua kali, maka total pengunjung akan bertambah menjadi 2.

Begitu seterusnya, setiap kali pengunjungi masuk kehalaman ini. total pengunjung akan terus bertambah

Semoga aritkel ini bermanfaat buat teman-teman.
salam kenal dan salam blogger indonesia :)

Read More