Menu

Detail Artikel

Home/ Web Design/Detail Artikel

Membuat Bukutamu dan kode keamanan Chapcha

Kali ini saya akan menulis artikel tentang bukutamu dengan keamanan chapcha. Untuk bukutamu saya sudah membahasnya pada artikel sebelumnya dan chapcha juga saya sudah membahasnya pada artikel sebelumnya jagu, namun kali ini saya akan menggabungkan antara bukutamu dan keamanan menggunakan chapcha.
Awal mula kenapa saya menulis artikel ini, karena ada yang bertanya kepada saya

Guest : Pak, bagaimana cara memasang kode chapcha pada bukutamu?? Soalnya saya sudah berkali-kali mencoba tetapi tetap gagal juga.

Yang harus kita siapkan adalah seperti pada artikel-artikel sebelumnya yaitu database, table koneksi dan file pendukung untuk membuat bukutamu dan chapcha.

Membuat table bukutamu

CREATE   TABLE   `bukutamu`   (
`no`   INT   NOT   NULL   AUTO_INCREMENT   PRIMARY   KEY   ,
`pengirim`   VARCHAR (   35   )   NULL   ,
`email`   VARCHAR (   40   )   NULL   ,
`komentar`   VARCHAR (   255   )   NULL   ,
`tgl`   VARCHAR (   15   )   NULL   ,
`wkt`   VARCHAR (   15   )   NULL
)   ENGINE   =   MYISAM   ;

Selanjutnya kita buat file koneksi.php, jika sudah anda buat silahkan lanjutkan ke step berikutnya

<?
$koneksi=mysql_connect("localhost","root","");
mysql_select_db("ferdian_rahabista",$koneksi);
?>

 

Selanjutnya buat file chap.php

<?php
session_start();
$gbr = "img.jpg"; //gambar untuk background
//warna
$merah = "255"; // range nya dari 0 - 255
$ijo = "255"; //range nya = diatas :D
$biru = "255";
//--- mari menggambar ----
$acak1 = mt_rand(3,10); // nilai acak 1
$acak2 = mt_rand(6,20); // nilai acak 2
$strtampil = $acak1." + ".$acak2;
$hasil = $acak1 + $acak2;
$bikingbr =imagecreatefromjpeg($gbr);
$teks = imagecolorallocate($bikingbr, $merah, $ijo, $biru);
imagestring($bikingbr, 5, 20, 10, $strtampil, $teks);
$_SESSION['capcay'] = $hasil;
header("Content-type: image/jpeg");
imagejpeg($bikingbr);
?>

 

Selanjutnya buat file bukutamu.php

<?php
session_start();
include "koneksi.php";
if(isset($_POST['cek'])){
if($_POST['ccek'] == $_SESSION['capcay']){
$pengirim=trim(strip_tags($_POST['pengirim']));
$email=trim(strip_tags($_POST['email']));
$komentar=trim(strip_tags($_POST['komentar']));
$tgl=date("d-m-Y");
$wkt=date("h:i:s");
$input=mysql_query("INSERT INTO bukutamu VALUES ('','$pengirim','$email','$komentar','$tgl','$wkt')");
echo "input bukutamu berhasil";
} else {
echo "Maaf Kode Chapcha yang anda masukkan Salah";
}
}
?>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
-->
</style>
<form action="" method="post">
<table width="373" border="0" cellpadding="3" cellspacing="1" bgcolor="#2F96E1">
<tr bgcolor="#A8D2F2">
<td colspan="2"><div align="center"><strong>BUKUTAMU</strong></div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="97" bgcolor="#EBF4FC">Pengirim</td>
<td width="261"><input name="pengirim" type="text" id="pengirim"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td bgcolor="#EBF4FC">Email</td>
<td><input name="email" type="text" id="email"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td bgcolor="#EBF4FC">Komentar</td>
<td><textarea name="komentar" cols="25" rows="5" id="komentar"></textarea></td>
</tr>
<tr bgcolor="#FFFFFF">
<td bgcolor="#EBF4FC">Chaptcha</td>
<td><img src="chap.php"/> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td bgcolor="#EBF4FC">&nbsp;</td>
<td><input name="ccek" type="text"/></td>
</tr>
<tr bgcolor="#FFFFFF">
<td bgcolor="#EBF4FC">&nbsp;</td>
<td><input name="cek" type="submit" value="Submit"/>
<input type="reset" name="Reset" value="Reset"></td>
</tr>
<tr bgcolor="#A8D2F2">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</form>

 

Untuk menampilkan bukutamu silahkan anda buat file tampil_bukutamu.php

<?
include "koneksi.php";
$bacatabel=mysql_query("SELECT * FROM bukutamu");
while($tampil=mysql_fetch_array($bacatabel)){
echo "$tampil[tgl] | $tampil[wkt]<br>
$tampil[pengirim]<br>
$tampil[email]<br>
$tampil[komentar]
<hr size=1>";
}
?>

Jika semua sudah anda buat, simpan lalu jalankan bukutamu.php, dan lihat hasilnya.
Artikel selesai sampai disini.
Untuk mendownload file pendukung silahkan anda klik disini

 

Artikel Lainnya

Komentar Anda

Yn05N

0 Komentar

komentar masih kosong

Produk Kami

Facebook Page

Statistik Pengunjung

  • Hari ini
    :
    153
  • Kemarin
    :
    307
  • Bulan ini
    :
    8974
  • Tahun ini
    :
    210779
  • Total
    :
    2424880
  • Hits Count
    :
    3466457
  • Now Online
    :
    2 Users