Jangan lupa follow dan koment di Blog gua ini... Jangan lupa juga untuk Klik Iklan yang tersedia...Salam Blogger Dari Endhy - Ex

Jumat, 31 Agustus 2012

0 Script Captcha Berbentuk Soal Hitungan Matematika


Bosan dengan model captcha berbentuk huruf-huruf acak yang itu-itu saja? kenapa tidak mencoba membuat sendiri captcha berbentuk soal hitungan matematika? yang tidak hanya berfungsi mencegah spam tapi juga melatih pengunjung situs kita untuk belajar matematika  
Nah, dalam Blog Cyber Tasikmalaya kali ini akan mencoba memaparkan cara membuat sendiri captcha hitungan matematika ini dengan PHP. Captcha ini nanti berbentuk soal penjumlahan, pengurangan dan perkalian dari dua buah bilangan. Lho kok hanya tiga operasi saja? kenapa pembagiannya tidak? iya, karena untuk pembagian dikhawatirkan hasil pembagiannya tidak bulat sehingga cukup merepotkan pengunjung situs Anda. Bagi Anda yang tertarik untuk mempelajarinya, maka segera praktikkan di situs web Anda. Ternyata ide dasarnya mudah kok, tidak terlalu ribet.

Bagaimana ide membuat scriptnya? pertama nantinya kita generate dua buah bilangan bulat mulai dari 0 s/d 10 atau dengan range sembarang alias terserah Anda. Boleh juga 0 s/d 99 atau -99 s/d 99 atau boleh juga ratusan, atau ribuan dst, terserah Anda  Dua bilangan ini nantinya akan muncul di kode captcha nya. Kemudian, pilih secara acak juga operator nya, apakah penjumlahan, pengurangan atau perkalian. Setelah itu, hitung hasil operasi dari kedua bilangan tersebut dan kemudian simpan hasilnya dalam sebuah session.

Dengan hasil perhitungan yang disimpan dalam session itulah, kita bandingkan dengan hasil jawaban yang diisikan oleh pengunjung situs. Jika hasilnya sama, maka kode captcha benar. Namun jika tidak sama, maka kode captcha salah.
Demikian ide pembuatannya, sekarang kita bisa melakukan codingnya. Untuk script captcha ini, saya buat dalam gaya OOP. Di sini saya membuat class dengan nama ‘mathcaptcha’. Berikut ini isi class nya. 

Copy Script Dibawag | Terus save as | Ubah Save as Tipe yang tadinya Text Documents (*.txt) Ubah menjadi All Files | Beri Nama Filenya: class-captcha.php

<?php
session_start();

class mathcaptcha

{
    private $bil1;
    private $bil2;
    private $operator;

    function initial()

    {
        $listoperator = array('+', '-', 'x');
        $this->bil1 = rand(0, 99);
        $this->bil2 = rand(0, 99);
        $this->operator = $listoperator[rand(0, 2)];
    }

    function generatekode()

    {
        $this->initial();

        if ($this->operator == '+') $hasil = $this->bil1 + $this->bil2;

        else if ($this->operator == '-') $hasil = $this->bil1 - $this->bil2;
        else if ($this->operator == 'x') $hasil = $this->bil1 * $this->bil2;
        $_SESSION['kode'] = $hasil;
    }

    function showcaptcha()

    {
        echo "Berapa hasil dari ".$this->bil1." ".$this->operator." ".$this->bil2." ? ";
    } 

    function resultcaptcha()

    {
        return $_SESSION['kode'];
    }

}

?>
Keterangan:
Di dalam class ‘mathcaptcha’ di atas, ada beberapa method yang saya buat yaitu initial(), generatekode(), showcaptcha() dan resultcaptcha(). Kegunaan dari method initial() adalah mengenerate secara acak dua buah operand atau bilangan, serta operator aritmatikanya. Dua bilangan dipilih acak dari bilangan 0 s/d 99. Sedangkan tanda operator aritmatikanya dipilih salah satu secara acak dari 3 pilihan, yaitu: +, – dan x.
Selanjutnya untuk method generatekode() digunakan untuk mengenerate hasil perhitungan dari dua bilangan dan operator yang dipilih secara acak tadi. Selanjutnya hasilnya disimpan dalam sebuah session bernama $_SESSION['kode'].
Method showcaptcha() nantinya digunakan untuk menampilkan kode captcha nya, yang terdiri dari 3 bilangan dan tanda operator aritmatikanya.
Terakhir, method resultcaptcha() digunakan untuk membaca kode hasil operasi matematikanya.
Nah… setelah class ‘mathcaptcha’ dibuat, sekarang kita implementasikan dalam sebuah form. Perhatikan contoh script form berikut ini

Copy Script Dibawah | Terus save as | Ubah Save as Tipe yang tadinya Text Documents (*.txt) Ubah menjadi All Files | Beri Nama Filenya: index.php

<?php
    // memanggil script class
    include 'class-captcha.php';
    // membuat obyek class
    $captcha1 = new mathcaptcha();
    // panggil method untuk mengenerate kode
    $captcha1->generatekode();
?>

<html>

    <head>
       <title>Contoh Captcha Matematika</title>
    </head>
    <body>
        <h1>Form Entri Data</h1>
        <form method="post" action="submit.php">
            <table>
                <tr><td>Nama Anda</td><td>:</td><td><input type="text" name="nama"></td></tr>
                <tr><td>Email Anda</td><td>:</td><td><input type="text" name="email"></td></tr>
            </table> 

            <p><b>Kode Verifikasi</b></p>

            <p>
              <?php
                   // menampilkan kode captcha berisi soal matematika
                   $captcha1->showcaptcha();
              ?>
            <br>
            <input type="text" name="kode">
            </p>
            <p><input type="submit" name="submit" value="Submit"></p>

        </form>

    </body>
</html>

Tampilan dari form di atas adalah sbb:



Kemudian bagaimana dengan script pemrosesan form setelah disubmit? ini dia bentuknya


Copy Script Dibawah | Terus save as | Ubah Save as Tipe yang tadinya Text Documents (*.txt) Ubah menjadi All Files | Beri Nama Filenya: submit.php

<?php
// panggil script class
include 'class-captcha.php';
// membuat obyek class
$captcha1 = new mathcaptcha();

// jika kode hasil perhitungan dari session sama dengan kode

// yang dimasukkan user, maka kode captcha cocok
if ($captcha1->resultcaptcha() == $_POST['kode'])
{
    echo "<p><b>Kode verifikasi benar</b></p>";
    echo "<p>Berikut ini data yang Anda masukkan ke dalam form</p>";
    echo "<p>Nama : ".$_POST['nama']."</p>";
    echo "<p>Email : ".$_POST['email']."</p>";
}
else
{
    // jika kode captcha salah
    echo "<p><b>Kode verifikasi salah</b></p>";
}

echo "<p><a href='index.php'>Ulangi Entri</a></p>";


?>


Nah… mudah dan sederhana bukan membuatnya?? Selamat mencobanya, dan oya lupa.. ada baiknya bilangannya jangan besar-besar ya hasilnya, supaya pengunjung situs atau yang mengentri form tidak terlalu pusing mencari jawabannya, misalkan spt tampilan berikut ini  

Thank's udah Mampir --


0 Comments

Bagaimana Pendapat Anda ?

Related Posts Plugin for WordPress, Blogger...
 
Related Posts Plugin for WordPress, Blogger...