{"id":101,"date":"2019-08-22T04:57:00","date_gmt":"2019-08-21T21:57:00","guid":{"rendered":"http:\/\/www.rumahweb.com\/journal\/simple-captcha.htm"},"modified":"2022-02-09T09:18:11","modified_gmt":"2022-02-09T02:18:11","slug":"captcha-adalah","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/captcha-adalah\/","title":{"rendered":"Apa itu Captcha? Pengertian, Contoh dan Cara membuatnya"},"content":{"rendered":"\n<p>Captcha adalah salah satu solusi yang dapat anda gunakan untuk menghindari terjadinya spam komentar atau spam form pada website. Karenanya, jika website anda memiliki contact form atau halaman komentar, kami sarankan untuk diaktifkan.<\/p>\n\n\n\n\n\n<p>Pada panduan ini, kami akan membahas tentang apa itu Captcha beserta contoh dan cara membuatnya di website. Berikut informasi selengkapnya : <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"apa-itu-captcha\">Apa itu Captcha ?<\/h2>\n\n\n\n<p>Captcha adalah singkatan dari <em>Completely Automated Public Turing test to tell Computers and Humans Apart<\/em>, adalah teknik yang digunakan untuk mengontrol registerasi dan komentar yang dilakukan oleh bot otomatis.<\/p>\n\n\n\n<p>Cara kerja dari Captcha adalah dengan menampilkan kode pada halaman form, yang digunakan untuk authentication apakah yang melakukan pengisian form tersebut manusia atau both.<\/p>\n\n\n\n<p>Pada Google reCaptcha V2, authentication akan ditampilkan berupa checklist. Sedangkan pada V3, authentication tidak akan muncul atau ditampilkan berupa checklist atau apapun. Google akan mendeteksi melalui query mereka, apakah yang melakukan akses itu berupa bot atau human. <\/p>\n\n\n\n<p>Dengan kode Captcha pada website, semua form yang ada di website Anda akan terlindungi. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"contoh-script-captcha-php\">Contoh script Captcha php<\/h2>\n\n\n\n<p>Captcha sering kali digunakan untuk &#8216;mengamankan&#8217; form dari serangan bot, contoh : pada form kontak, form pendaftaran, dsb. Kali ini, kita akan mencoba membuat sebuah simple captcha dengan menggunakan test matematika sederhana ( penjumlahan ).<br \/><br \/><em>file : captcha.php<\/em><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;php]\n&lt;?php \nsession_start(); \n$gbr = \"img.jpg\"; \/\/gambar untuk background \/\/warna \n$merah = \"255\"; \/\/ range nya dari 0 - 255 \n$ijo = \"255\"; \/\/range nya = diatas :D \n$biru = \"255\"; \/\/--- mari menggambar ---- \n$acak1 = mt_rand(3,10); \/\/ nilai acak 1 \n$acak2 = mt_rand(6,20); \/\/ nilai acak 2 \n$strtampil = $acak1.\" + \".$acak2; $hasil = $acak1 + $acak2; \n$bikingbr =imagecreatefromjpeg($gbr); \n$teks = imagecolorallocate($bikingbr, $merah, $ijo, $biru);\nimagestring($bikingbr, 5, 20, 10, $strtampil, $teks); \n$_SESSION&#091;'capcay'] = $hasil; header(\"Content-type: image\/jpeg\");\nimagejpeg($bikingbr);\n\n?&gt;\n&#091;\/php]<\/code><\/pre>\n\n\n\n<p>Script diatas akan menjumlahkan nilai random ( acak ). Nilai acak tersebut didapat dari fungsi <a href=\"http:\/\/www.php.net\/mt_rand\">mt_rand()<\/a>. Hasil dari penjumlahan nilai acak tersebut akan di simpan kedalam sebuah session yang nantinya akan berfungsi untuk melakukan pengecekan input dari form.<\/p>\n\n\n\n<p><em>file : form.php<\/em><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;php]\n&lt;?php session_start(); \nif(isset($_POST&#091;'cek'])){ if($_POST&#091;'ccek'] == $_SESSION&#091;'capcay']){ echo \"Lolos Validasi\"; } else { echo \"Salah\"; } } \n?&gt;;\n\n&lt;form action=\"\" method=\"post\"&gt;&lt;img src=\"captcha.php\" \/&gt;\n&lt;input name=\"cek\" type=\"text\" \/&gt;\n&lt;input name=\"cek\" type=\"submit\" value=\"Cek..!!\" \/&gt;&lt;\/form&gt;\n&#091;\/php]<\/code><\/pre>\n\n\n\n<p>File form.php adalah file yang digunakan sebagai input. Ketika tombol &#8216;submit&#8217; ditekan, maka script akan melakukan pengecekan apakah input yang dimasukkan sudah sama dengan session yang dihasilkan sebelumnya pada file captcha.php.<\/p>\n\n\n\n<p>Mudah bukan membuat form captcha pada website dengan file php? Jika website anda dibuat dengan CMS, anda bisa mencoba mengikuti panduan berikut. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cara-menambahkan-captcha-pada-website\">Cara menambahkan Captcha pada website<\/h2>\n\n\n\n<p>Sebelumnya, kami telah membuat beberapa panduan menambahkan captcha pada website. Anda bisa menyimak artikel berikut. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"menambahkan-captcha-pada-wordpress\">Menambahkan Captcha pada WordPress<\/h3>\n\n\n\n<p>Bagi anda pengguna CMS WordPress, Anda bisa menambahkan captcha menggunakan plugin tambahan. Anda bisa menggunakan plugin Google reCaptcha atau bisa setting melalui plugin Ninja Form 7. Berikut artikel panduan lengkapnya : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.rumahweb.com\/journal\/menambahkan-captcha-cms-wordpress\/\" title=\"Menambahkan Captcha CMS WordPress\">Menambahkan Captcha CMS WordPress<\/a><\/li><li><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-mengaktifkan-captcha-wordpress-contact-form-7\/\" title=\"Cara Mengaktifkan Captcha WordPress Contact Form 7\">Cara Mengaktifkan Captcha WordPress Contact Form 7<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"menambahkan-captcha-pada-wordpress\">Menambahkan Captcha pada Joomla<\/h3>\n\n\n\n<p>Sama seperti WordPress, anda juga perlu melakukan instalasi plugin atau modul captcha di Joomla. Anda bisa menggunakan modul seperti Captcha \u2013 ReCaptcha. Detail panduan setting Captcha di Joomla bisa anda pelajari melalui artikel: <a href=\"https:\/\/www.rumahweb.com\/journal\/menambah-recaptcha-di-cms-joomla\/\" title=\"Menambah Recaptcha di CMS Joomla\">Menambah Recaptcha di CMS Joomla<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"menambahkan-captcha-pada-wordpress\">Menambahkan Captcha pada OJS<\/h3>\n\n\n\n<p>Open Journal Systems atau yang disingkat menjadi OJS, merupakan salah satu CMS yang dapat anda gunakan untuk membuat website Journal secara online. Pada OJS, setting Captcha dilakukan dengan menambahkan kode Google Captcha  pada file config.<\/p>\n\n\n\n<p>Panduan setting Captcha di OJS bisa anda pelajari melalui artikel : <a href=\"https:\/\/www.rumahweb.com\/journal\/menambahkan-google-recaptcha-di-ojs\/\" title=\"Menambahkan Google reCAPTCHA di OJS\">Menambahkan Google reCAPTCHA di OJS<\/a><\/p>\n\n\n\n<p>Demikian artikel kami tentang apa itu Captcha beserta contoh dan cara membuatnya. Selamat mencoba \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Captcha adalah salah satu solusi yang dapat anda gunakan untuk menghindari terjadinya spam komentar atau spam form pada website. Karenanya, jika website anda memiliki contact form atau halaman komentar, kami sarankan untuk diaktifkan. Pada panduan ini, kami akan membahas tentang apa itu Captcha beserta contoh dan cara membuatnya di website. Berikut informasi selengkapnya : Apa [&hellip;]<\/p>\n","protected":false},"author":329,"featured_media":26931,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[565,1640,564],"class_list":{"0":"post-101","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-captcha","9":"tag-google-recaptcha","10":"tag-recaptcha"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2019\/08\/Banner-Apa-itu-Captcha-adalah-Pengertian-Contoh-dan-Cara-membuatnya.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-1D","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/329"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/26931"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}