• Latest News

    Tuesday, April 10, 2012

    Membuat CAPTCHA di web anda



    Para Pembaca BlogKOe yang budiman, sebelum saya berikan tips ini mungkin anda sudah mengenal security code (kode keamanan) yang dikenal dengan istilah CAPTCHA,

    Banyak dari beberapa web menampilkan kode input user menggunakan fasilitas ini, karena ada juga web dari luar yang merekomendasikan ini supaya dalam keamanan dalam menginputkan sebuah data (registrasi, komentar d.l.l) tidak ditunggangi bot(robot) yang berisikan script acak, untuk memberikan komentar di web, makannya pada media chat saya beanyak terdapat komentar yang ngacak, dan tidak diketahui valid tidaknya data.

    Selain password keamanan tambahan ini dapat digunakan untuk mencocokkan database user / pengguna, tergantung programingnya. berikut ini sampelnya dari penyedia yang sering saya pakai :


    Ok saya bahas caranya :
    silahkan unduh secure imagenya disini
    kemudian  ekstrak menggunakan winzip/winrar
    Taruh filenya yang sudah diekstrak difolder root atau di www atau di htdoc(public HTML) anda 
    tergantung hostingan anda, jika mau menggunakan localhost (taruh difolder www untuk appserv,
    jika XAMPP taruh difolder htdoc)
    Siapkan form untuk inputnya contoh :

    Username :
    Password :
    CAPTCHA Image
    Masukkan Kode

    [ Coba Kode Lain ]
    ScriptKOe nih :  pastikan awalnya ada script
    <?php session_start(); ?>
    Kemudian formnya taruh dibawah kode tadi
     <form method="post" action="cek_login.php">
        <table width="371" align="center">
          <tr>
            <td width="118" rowspan="3"><center>
              <p><img src="images/2.PNG" width="102" height="99" /><br/>
                  <br/>
                Small Is Beautifull            </p>
              <p>
                <object type="application/x-shockwave-flash" data="/securimage/securimage_play.swf?audio_file=/securimage/securimage_play.php&amp;bgColor1=#fff&amp;bgColor2=#fff&amp;iconColor=#777&amp;borderWidth=1&amp;borderColor=#000" width="78" height="75">
                  <param name="movie" value="/securimage/securimage_play.swf?audio_file=/securimage/securimage_play.php&amp;bgColor1=#fff&amp;bgColor2=#fff&amp;iconColor=#777&amp;borderWidth=1&amp;borderColor=#000" />
                </object>
                <br/>
                </p>
            </center>
           
            </td>
            <td width="67">Username</td>
            <td width="170"> :
              <input type="text" name="username" /></td>
          </tr>
          <tr>
            <td>Password</td>
            <td> :
              <input type="password" name="password" /></td>
          </tr>
          <tr>
            <td height="154" colspan="2">
           
            <p><img id="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image" /></p>
           
                <p>Masukkan Kode <br/>
                  <input type="text" name="captcha_code" size="20" maxlength="10" />
                  <input name="submit" type="submit" value="Login" />
                  <br/>
                  <a href="#" onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false">[ Coba Kode Lain ]</a>                     </p>
                </p>
              </p></td>
            </tr>
        </table>
        <p><b><center><a href="http://smpn2kaliwungu.sch.id/ppdb">Halaman Depan</a></center></b></center></p>
        <p>&nbsp;</p>

      </form>
    Simpan kode dengan extensi file .php (pake notepad bisa, tinggal ketik pada save filenya beri nama login.php)
    Buat php baru lagi, untuk cek login (konfirmasinya)
    berikut scriptnya :
    <?php
    include "connect.php";
    include_once $_SERVER['DOCUMENT_ROOT'] . '/securimage/securimage.php';
    $securimage = new Securimage();
    if ($securimage->check($_POST['captcha_code']) == false) {
    // the code was incorrect
    // you should handle the error so that the form processor doesn't continue
    // or you can use the following code if there is no validation or you do not know how
    echo "The security code entered was incorrect.<br /><br />";
    echo "Please go <a href='javascript:history.go(-1)'>back</a> and try again.";
    exit;
    }
    $pass=md5($_POST[password]);

    $login=mysql_query("SELECT * FROM user WHERE username='$_POST[username]' AND password='$pass'");
    $ketemu=mysql_num_rows($login);
    $r=mysql_fetch_array($login);

    // Apabila username dan password ditemukan
    if ($ketemu > 0){
      session_start();
      session_register("namauser");
      session_register("passuser");

      $_SESSION[namauser] = $r[username];
      $_SESSION[passuser] = $r[password];
      header('location:admin.php');
    }
    else{
      echo "</br><link href=style.css rel=stylesheet type=text/css>";
      echo "<center>Login gagal! username & password salah<br>";
      echo "<a href=index.php><b>ULANGI LAGI</b></a></center>";
    }

    ?>
    Simpan dengan extensi php juga (pake notepad beri nama cek_login.php)
    Untuk modifikasi atau penambahan reload atau suara akan saya bahas pada postingan berikutnya
    Selamat Mencoba !

    • Blogger Comments
    • Facebook Comments

    4 comments:

    1. permisi ane mau tanya nie.,...,.??
      gan ane dapey pesan error
      index

      Warning: include_once() [function.include-once]: open_basedir restriction in effect. File(/usr/local/apache/htdocs/home/a3436634/public_html/securimage securimage/securimage.php) is not within the allowed path(s): (/home/:/usr/lib/php:/tmp) in /home/a3436634/public_html/admin/login.php on line 3

      gimana cata penyelesaiannya gan

      ReplyDelete
    2. bisa kirim scriptnya kesaya jika ada masalah, krn di line 3 saya harus tau konek kemana includenya,...kayaknya udah jalan ya...cantik bener interfacenya...sip2

      ReplyDelete
    3. kok tempat saya error terus ya?
      kenapa?

      ReplyDelete
    4. yang jelas arah root untuk membaca chaptcanya, kemudian include untuk confirmnya kemana, jika terjadi masalah terkadang hostingan free tidak mampu untuk mengeksekusi script ini

      ReplyDelete

    Item Reviewed: Membuat CAPTCHA di web anda Rating: 5 Reviewed By: Arif Kurniawan
    Scroll to Top