About Me

Hai, saya Rosihan Ari Yuana. Saya sehari-hari adalah mengajar di Universitas Sebelas Maret.

Bidang riset saya tentang adaptive learning, computer aided learning, dan datascience

Selain itu, saya juga seorang penulis buku dan blogger.

More about me...

  • Home
  • /
  • PHP
  • /
  • Membuat Script Captcha Berbentuk Soal Hitungan Matematika
PHP

Membuat 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 tutorial gratis kali ini saya 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.

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

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:

Tampilan form dengan captcha matematika

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

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 🙂

Tampilan form dengan captcha matematika

Jika Anda yang masih merasa bingung dengan OOP (Object Oriented Programming) di PHP sehingga sulit memahami script di atas, ada baiknya pelajari dahulu ebook saya ‘Panduan Praktis OOP di PHP‘. Dijamin tidak bingung lagi, Insya Allah 🙂

 

Saya seorang dosen dan peneliti di Universitas Sebelas Maret. Bidang penelitian saya tentang: adaptive learning, datascience, dan computer aided learning. Selain itu saya juga seorang blogger, serta penulis buku tentang pemrograman, dan matematika.

Leave a Reply