Membuat Captcha di Codeigniter

TWD Editorial URL:https://www.tutorial-webdesign.com/SL8nG
October 14th, 2012 Tutorial, Web Development 26 Comments

Hallo Web Developers.., di hari libur ini kita akan memcoba membuat Captcha di Codeigniter, cara ini termasuk cara yang paling mudah karena sangat sederhana namun sangat berguna. Kebanyakan tutorial captcha dengan codeigniter yang saya temukan di google, menggunakan cara-cara yang rumit dan terlalu ribet dalam penggunaan nya. Disini kita akan coba cara termudahnya.

Captcha Codeigniter

Sebelumnya mari kenalan sedikit dengan Captcha.

Istilah “CAPTCHA” (berasal dari kata bahasa Inggris “capture” atau menangkap) diciptakan pada tahun 2000 oleh Luis von Ahn, Manuel Blum, Nicholas J. Hopper (semua dari Carnegie Mellon University), dan John Langford (IBM). Istilah ini adalah akronim bahasa Inggris dari “Completely Automated Public Turing test to tell Computers and Humans Apart“.

CAPTCHA atau Captcha adalah suatu bentuk uji tantangan-tanggapan (challange-response test) yang digunakan dalam perkomputeran untuk memastikan bahwa jawaban tidak dihasilkan oleh suatu komputer.

Contohnya adalah sebagai berikut:

Contoh Captcha, sumber: wikipedia

Keguanaannya biasanya untuk mencegah SPAM, jadi untuk memastikan bahwa yang mengisi form adalah manusia makanya diberi tantangan berupa code (captcha) yang harus diketik oleh user (bukan mesin).

Captcha di Codeigniter

Oke langsung saja kita terapkan di codeigniter.
Perlu diketahui pada tutorial ini kita masih menggunakan codeigniter murni yang belum disetting sebelumnya.

Pertama buat dulu folder captcha, lokasinya sejajar dengan folder system dan application, setting CHMOD menjadi 777 atau 666.

Controller

Setelah itu buat sebuah controller bernama registrasi.php, dan tulis script berikut.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class registrasi extends CI_Controller {
	
	public function index()
	{
		// load the session library
		$this->load->library('session');
		$this->load->helper(array('captcha','url'));
 
        // if form was submitted and given captcha word matches one in session
        if ($this->input->post() && ($this->input->post('secutity_code') == $this->session->userdata('mycaptcha'))) {
			$this->load->view('berhasil.php');
        }
		else
		{
            // load codeigniter captcha helper
            $this->load->helper('captcha');
 
            $vals = array(
                'img_path'	 => './captcha/',
                'img_url'	 => base_url().'captcha/',
                'img_width'	 => '200',
                'img_height' => 30,
                'border' => 0, 
                'expiration' => 7200
            );
 
            // create captcha image
            $cap = create_captcha($vals);
 
            // store image html code in a variable
            $data['image'] = $cap['image'];
 
            // store the captcha word in a session
            $this->session->set_userdata('mycaptcha', $cap['word']);
 
            $this->load->view('registrasi_view.php', $data);
 
        }
	}
}

/* End of file registrasi.php */
/* Location: ./application/controllers/registrasi.php */

View

Selanjutnya kita buat sebuah view dengan sama registrasi_view.php, tuliskan code berikut ini untuk menampilkan captcha nya.

<div id="container">
	<h1>Silahkan isi form berikut dengan benar</h1>

	<div id="body">
		<?php if ($this->session->flashdata('message'))echo $this->session->flashdata('message');?>
		<form method="post" action="<?=base_url()?>index.php/registrasi">
		<p>Nama: <input type="text" name="nama"></p>
		<p><?=$image;?></p>
		<p>Security: <input type="text" name="secutity_code"></p>
		<p><input type="submit" name="submit" value="submit"  /></p>
		</form>
	</div>
</div>

Terakhir buat sebuah view lagi dengan nama berhasil.php

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	Selamat, captcha yang anda masukan sudah benar :)
</body>
</html>

Hasil: Untuk hasilnya bisa dilihat di http://domain/index.php/registrasi

Oke sekian tutorial kali ini, semoga dapat mambantu pekerjaan anda.

Jangan lupa follow kami di @tut_web

Terima kasih, salam Web Developer indonesia.

Follow @tut_web

Tags:

Sort URL https://www.tutorial-webdesign.com/SL8nG
Back To Top

Penulis :

TWD Editorial

Website yang berisi Tutorial, Tips, Trik, Inspirasi, Opini, Cerita, Studi kasus, dan berbagai hal menarik tentang Web Design, Web Development dan Graphic Design untuk orang-orang kreatif di Indonesia. View all posts by TWD Editorial

http://tutorial-webdesign.com

Comments

26 thoughts on “Membuat Captcha di Codeigniter”

dikrivan says:

March 10, 2013 at 22:56

Salam kenal bwt admin nya. sama terima kasih share CI tutornya. saya kebetulan baru belajar. Keep share

Reply
Isabel says:

April 1, 2013 at 06:50

Greetings! Quick question that’s totally off

topic. Do you know how to make your site mobile friendly? My weblog looks weird when

browsing from my iphone 4. I’m trying to find a theme or plugin
that

might be able to resolve this issue. If you have any recommendations,
please share.

Many thanks!

Reply
apollo property services says:

April 22, 2013 at 06:37

Amazing blog! Is your theme custom made or did you download it from

somewhere? A theme like yours with a few simple adjustements would really make my blog jump out.
Please let me know where you got your design. Many thanks

Reply
- TWD Editorial says:
  
  April 22, 2013 at 11:18
  
  We create this theme from scratch, and can’t be downloaded by others :)
  
  Reply
anonim says:

April 29, 2013 at 14:42

ini bukan membuat captcha kali..
hanya sekedar memasang dowang..
kiran bener2 membuat captcha :D

Reply
yoyo says:

July 22, 2013 at 12:14

itu sepertinya captchanya case sensitive ya ? kalo bikin captcha yg tidak case sensitive gimana?
balsem, upss, salah maksudnya bales…

Reply
- TWD Editorial says:
  
  July 22, 2013 at 13:48
  
  Waktu pengecekan tinggal pake if aja, misal seperti ini
  
  [php]if ($this->input->post() && (strtolower($this->input->post(‘security_code’)) == strtolower($this->session->userdata(‘mycaptcha’))[/php]
  
  Reply
  - yoyo says:
    
    July 22, 2013 at 14:44
    
    thanks ya bro.. ,
    
    Reply
    - TWD Editorial says:
      
      July 22, 2013 at 15:26
      
      Yoo
      
      Reply
jkj says:

November 16, 2013 at 21:17

Makasih gan :)

Reply
Hendra says:

November 27, 2013 at 15:16

Kalo fungsi pada bagian view/registrasi_view.php dibawah ini untuk apa ya bro ?

session->flashdata(‘message’))echo $this->session->flashdata(‘message’);?>

Saya ga pake fungsi diatas, tetap berjalan captchanya.

Thanks bales ya :)

Reply
- TWD Editorial says:
  
  November 27, 2013 at 16:39
  
  Untuk memberikan pesan/notifikasi
  
  Reply
loeranadi says:

November 29, 2013 at 03:46

error ? im newbie

Reply
- loeranadi says:
  
  November 29, 2013 at 03:47
  
  error in ( in = )
  
  Reply
RIzal Rahman Affandi says:

April 9, 2014 at 11:53

Saya ingin bertanya, apakah gambar captcha tersebut akan selalu dibuat pada folder captcha ?. Jika iya, apakah folder captcha ini akan ada banyak gambar ratusan bahkan ribuan gambar ?.

Reply
- TWD Editorial says:
  
  April 11, 2014 at 09:23
  
  Gambar selalu di taruh disitu, ukuran gambar tidak terlalu besar.
  Untuk menghindari anda bisa saja menghapus isi folder sebelum captcha baru dibuat, atau menghapus gambar captcha ketika captch besar dan submit form. Silahkan digunakan logika dan algoritma masing2, yang jelas di PHP kita bisa menghapus gambar maupun isi folder
  
  Reply
kinoy says:

May 16, 2014 at 10:10

mantaffff,,,thks

Reply
kinoy says:

May 16, 2014 at 10:13

“Pertama buat dulu folder captcha, lokasinya sejajar dengan folder system dan application, setting CHMOD menjadi 777 atau 666.” maksudnya gimana yah,,,,,,:D bingung

apa maksudnya kita buat folder di hosting site kita sejajar dengan index???

maaf kalo pertanyaan bodoh…

Reply
- TWD Editorial says:
  
  May 16, 2014 at 10:48
  
  iya sejajar dengan index.php, folder system dan folder application :)
  
  Reply
  - edogawa77 says:
    
    December 7, 2016 at 09:10
    
    bro tanya, w udah taro folder captcha sejajar dengan folder application dan system. tetapi ketika dijalanin gambarnya g kebuat yak?
    
    tolong pencerahannya?
    
    Reply
Toko Online Batik says:

June 5, 2014 at 23:17

sibb.. mas langsung saya praktek’an disini http://batik-kendal.com/login

makasih banyak atas tutornya :D

Reply
fian says:

July 10, 2014 at 01:25

The URI you submitted has disallowed characters.

kalau errornya kayak gitu gmana ya? :)

Reply
jiey says:

September 9, 2014 at 18:20

sangat membantu terimakasih :)

Reply
ganang says:

December 26, 2014 at 13:28

Makasih Ya Gan udah membantu Ane. Salam Kenal

Reply
kewer says:

January 30, 2015 at 17:11

fungsi folder captcha buat apa?

Reply
kuhikun says:

June 27, 2017 at 13:59

Om, itu setting CHMOD nya dimana ya? Tolong pencerahannya om, ini masih newbi CI. Hehehe

Thanks

Reply

↑ Back to top

posted on January 26, 2013

Posisi Elemen Di Tengah Dengan CSS | Vertical & Horizontal

Dalam tutorial ini kita akan membuat posisi s...

posted on January 22, 2014

10 Template HTML Gratis Untuk Website Tour & Travel

Template gratis dan keren untuk website trave...

posted on December 1, 2014

Anatomi Sistem Grid dalam Web Design

Anatomi Sistem Grid dalam Web Design - Saat i...

posted on March 15, 2014

Tugas & Pekerjaan Seorang Web Designer

Masih banyak yang mempermasalahkan lingkup pe...

posted on December 6, 2012

Membuat Menu Posisi Tetap dan Responsive

Tulisan kali ini akan membahas tentang posi...

Sorry. No data so far.

Artikel-artikel menarik dari website lain yang membahas Pembuatan Website dan Desain

Warning: strpos() expects parameter 1 to be string, array given in /home2/tutoria1/public_html/wp-includes/SimplePie/Content/Type/Sniffer.php on line 97

Warning: substr() expects parameter 1 to be string, array given in /home2/tutoria1/public_html/wp-includes/SimplePie/Content/Type/Sniffer.php on line 99

Warning: strpos() expects parameter 1 to be string, array given in /home2/tutoria1/public_html/wp-includes/SimplePie/Content/Type/Sniffer.php on line 97

Warning: substr() expects parameter 1 to be string, array given in /home2/tutoria1/public_html/wp-includes/SimplePie/Content/Type/Sniffer.php on line 99

Warning: strpos() expects parameter 1 to be string, array given in /home2/tutoria1/public_html/wp-includes/SimplePie/Content/Type/Sniffer.php on line 97

Warning: substr() expects parameter 1 to be string, array given in /home2/tutoria1/public_html/wp-includes/SimplePie/Content/Type/Sniffer.php on line 99

Tutorial Web Design

Topik

Tags