Blog Tutorial

Mohon maaf, mungkin terdapat beberpa tulisan yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan tulisan tersebut dibuat babaerapa tahun lalu (jadul).

01 December 2017

Menampilkan Widget Recent Comment atau Komentar Terbaru pada Blogger

Administrator 01 December 2017 0
Menampilkan Widget Recent Comment atau Komentar Terbaru pada Blogger
Kita berjumpa lagi dalam tutorial selanjutnya. Tutorial kali ini merupakan tutorial lawas namun masih juga diperlukan dan ditampilkan pada blog Kita, yakni menampilkan komentar terbaru pada blog. Blog kali ini menggunakan blogger / blogspot. Fungsi dari menampilkan komentar terbaru ini juga menguntungkan buat pemilik blog, hal ini dikarenakan mudah dilihat ketika terdapat komentar terbaru, pemilik blog bisa mengetahuinya lewat halaman pengunjung dan membalas komentar tersebut sehingga terdapat interaksi antara komnetar pengunjung dan pemilik. Selama ini sering Kita jumpai apabila pemilik blog jarang menjawab, mungkin salah satunya ketidak tahuan apabila ada pertanyaan pada komentar artikel yang bersangkutan. Sebagai contoh, Anda dapat melihat bagian kiri halaman ini.

Source code ini bukan buatan saya tapi buatan Hans Oosting yang beralamat di http://beautifulbeta.blogspot.com. Dengan source code ini kita bisa mengedit sendiri "Recent Comment" sesuai dengan keinginan,yang jelas jika kita sudah punya basic pemrograman pasti bisa mengedit kode ini dengan mudah, asal jangan lupa jangan merubah kode sumber pembuatnya.

Source code terdiri dari 2 bagian, yang pertama yakni bagian file yang berisi code utuk memanggil dan memisah kan file json dari komentar suatu blog dan file yang lainnya berfungsi untuk memanggil file json yang kita buat. Berikut adalah file pertama :
// ----------------------------------------
// SHOW RECENT COMMENTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version:2.1
// Date:2007-02-02
// Author:Hans Oosting
// URL:beautifulbeta.blogspot.com
// ----------------------------------------

function showrecentcomments(json) {
 for (var i = 0;
 i < numcomments;
 i++) {
  var entry = json.feed.entry[i];
  var alturl;
  if (i == json.feed.entry.length) break;
  for (var k = 0;
  k < entry.link.length;
  k++) {
   if (entry.link[k].rel == 'alternate') {
    alturl = entry.link[k].href;
    break;
   }
  }
  alturl = alturl.replace("#","#comment-");
  var postlink = alturl.split("#");
  postlink = postlink[0];
  var linktext = postlink.split("/");
  linktext = linktext[5];
  linktext = linktext.split(".html");
  linktext = linktext[0];
  var posttitle = linktext.replace(/-/g," ");
  posttitle = posttitle.link(postlink);
  var commentdate = entry.published.$t;
  var cdyear = commentdate.substring(0,4);
  var cdmonth = commentdate.substring(5,7);
  var cdday = commentdate.substring(8,10);
  var monthnames = new Array();
  monthnames[1] = "Jan";
  monthnames[2] = "Feb";
  monthnames[3] = "Mar";
  monthnames[4] = "Apr";
  monthnames[5] = "May";
  monthnames[6] = "Jun";
  monthnames[7] = "Jul";
  monthnames[8] = "Aug";
  monthnames[9] = "Sep";
  monthnames[10] = "Oct";
  monthnames[11] = "Nov";
  monthnames[12] = "Dec";
  if ("content" in entry) {
   var comment = entry.content.$t;
  }
  elseif ("summary" in entry) {
   var comment = entry.summary.$t;
  }
  else var comment = "";
  var re = /<\S[^>]*>/g;
  comment = comment.replace(re,"");
  if (!standardstyling) document.write('<div class="bbrecpost">');
  if (showcommentdate == true) document.write('On '+monthnames[parseInt(cdmonth,10)]+' '+cdday+' ');
  document.write('<a href="'+alturl+'">'+entry.author[0].name.$t+'</a>commented');
  if (showposttitle == true) document.write(' on '+posttitle);
  if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
  if (comment.length < numchars) {
   if (standardstyling) document.write('<i>');
   document.write(comment);
   if (standardstyling) document.write('</i>');
  }
  else {
   if (standardstyling) document.write('<i>');
   comment = comment.substring(0,numchars);
   var quoteEnd = comment.lastIndexOf(" ");
   comment = comment.substring(0,quoteEnd);
   document.write(comment+'...<a href="'+alturl+'">(more)</a>');
   if (standardstyling) document.write('</i>');
  }
  if (!standardstyling) document.write('</div>');
 }
 if (!standardstyling) document.write('<div class="bbwidgetfooter">');
 document.write('<span style="font-size:80%;">Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a>Powered by <a href="http: //beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
 if (!standardstyling) document.write('</div>');
}
Copy file di atas pada notepad kemudian simpan dengan extensi txt. Setelah itu, letakkan pada hosting yang Anda miliki, baik hosting yang gratis ataupun yang berbayar, hal ini agar file json tersebut mudah diakses. Setelah selesai, kita buat code yang kedua. Code yang kedua ini berfungsi untuk memanggil code yang pertama kita buat tadi. Berikut code-nya.
<script style="text/javascript" src="link tempat Anda menyimpan code pertama"></script>
<script style="text/javascript">
//jumlah komentar yang akan ditampilkan
var numcomments = 5;
//untuk menampilkan tanggal komentar
var showcommentdate = true;
//untuk menampilkan judul posting
var showposttitle = true;
//panjang karakter komentar yang ditampilkan
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://alamat blog Anda/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Letakkan code di atas pada gadget HTML/JavaScript di menu tata letak halaman admin blogger. Kumpulan code di atas akan menampilkan recent comment standar. Namun bila Anda ingin seperti atau bahkan ingin megubah tampilan recent comment sebelah kanan blog ini, silahkan Anda download code pertama pada tombol di bawah ini dan silahkan letakkan pada hsoting Anda atau bisa juga gunakan url berikut pada code ke dua http://demo.contohnya.net/file/ndung.txt. Selamat mencoba.


29 November 2017

Membuat Tabel, Field dan Record pada MySQL dengan phpMyAdmin (Manual)

Administrator 29 November 2017 0
Membuat Tabel, Field dan Record pada MySQL dengan phpMyAdmin (Manual)
Setelah kemarin kita belajar dasar membuat database pada cpanel, kali ini kita membuat tabel yang didalamnya terdapat field yang berisi record. Kesemua itu saling berhubungan. Bingung? Ok, kita akan membahas sedikit mengenai ketiganya.
  • Tabel, menghimpun sejumlah field dan record, misalnya tabel Mahasiswa yang terdiri dari field Jurusan yang memiliki record Teknik Komputer, Teknik Informatika dan Sistem Inormasi.
  • Field, merupakan data terkecil yang memiliki makna, istilah lainnya disebut elemen data, atribut maupun kolom item. Misalnya Nama Mahasiswa, NIM dan Jurusan .
  • Record, merupakan kumpulan atau elemen dari data yang saling terkait. Contohnya field nama yang memiliki record Adi, Budi dan Sandi. Record merupakan elemen - elemen data dari field dan biasanya dinyatakan sebagai tupel atau baris. (Sumber)
Tampilan window database pada cpanel
Membuat Tabel
Nah, selanjutnya kita akan membuat tabel terlebih dahulu. Seperti biasa, Kita anggap Anda sudah melakukan login pada cpanel hosting Anda. Kemudia, carilah window database dan klik icon phpMyAdmin (gambar atas). Maka Anda akan diarahkan menuju halaman phpMyAdmin yang didalamnya terdapat database yang sudah kita buat kemarin.
Tampilan halaman phpMyAdmin
Pada gambar di atas, dapat kita lihat pada bagian kiri, merupakan database yang telah kita buat kemarin yakni bernama contohny_demo kemudian pada bagian kiri terdapat window untuk membuat tabel. Pada nama, adalah nama tabel yang akan Kita buat, sedangkan pada jumlah kolom merupakan jumlah field yang akan kita buat. Sebagai contoh, kita akan membuat tabel dengan nama percobaan dengan jumlah field 4 buah.

Membuat Field
Tampilan pembuatan tabel database pada phpMyAdmin
Tampilan di atas merupakan beberapa baris untuk membuat field dan beberapa kolom sebagai fungsinya. Berikut ini akan Kita sedikit menjelaskan satu persatu.

  1. Kolom nama berfungsi untuk memberikan penamaan suatu field yang akan digunakan. Pada kali ini, Kita akan membuat field id, nama, alamat, umur.
  2. Type merupakan type data dari field tersebut, diantaranya ada int, text, varcar, dll. Untuk type ini, lebih jelasnya Anda dapat membaca di sini (sumber). Kita akan membuat type (secara berurut sesuai kolom nama) int, varcar, text, int.
  3. Kolom Length/Values berfungsi untuk menentukan panjang dari record yang akan diisi nantinya sesuai dengan kolom nama.
  4. Centang sala satu nama. AI atau Auto Increament otomatis akan bertambah nilainya jika terjadi penambahan row pada table dimana field tersebut berada. Biasanya digunakan pada nama id suatu tabel. Kali ini, field id untuk AI nya kita centang dan pada kolom index kita pilih primary pada nama id tersebut.
  5. Setelah itu, tekan save untuk melkukan penyimpanan pembuatan field.

Lebih jelasnya, silahkan lihat gambar di bawah ini.
Tampilan pembuatan field
Membuat Record
Kali ini dalam pembatannya mudah. Kita hanya mengisi record pada field yang telah kita buat. Bagaimana caranya? Tentukan dahulu tabel yang akan diisi record (nomer 1) kemudian pilih insert (nomer 2). Maka Anda akan dialihkan pada halaman isi data field.
Pembuatan tabel sukses
Setelah Anda dialihkan pada halaman pengisian data field, selanjutnya silahkan Anda mengisi kolom atau form sesuai dengan namanya. Sebagai contoh, silahkan Anda lihat pada gambar di bawah ini.
Pengisian record
Pada gambar di atas dapat kita lihat berdasarkan nomer, yakni :
  1. Merupakan kolom ID, boleh diisi boleh tidak dan karena merupakan Auto Increament, lebih baik dikosongkan karena akan otomatis terisi dan bertambah +1 setiap ada data masuk.
  2. Merupakan kolom Nama yang panjang maksimal 30 karakter termasuk spasi. Jadi, tidak boleh melebihi 30 karakter.
  3. Merupakan kolom alamat dan panjangnya karakternya 0 s/d 65.535 (216 – 1) karakter (sumber).
  4. Umur, dikarenakan tipenya adalah integer (int) maka harus disi dengan angka maksimal 3 digit.
  5. Klik go agar data yang telah diisi tersimpan pada database.

Setelah selesai maka data Anda yang telah dibuat diatas telah telah tersimpan pada database. Untuk melihat hasilnya, Anda dapat menekan menu browse pada kiri atas. Anda dapat melihat hasilnya sesuai dengan gambar berikut.
Hasil penyimpanan data pada database
Nah, mudah bukan untuk membuatnya secara manual? Selamat mencoba dan sampai jumpa lagi dengan cara yang otomatis.

25 November 2017

Membuat Database MySQL pada CPanel

Administrator 25 November 2017 0
Membuat Database MySQL pada CPanel
Basis data (database) adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS). Sistem basis data dipelajari dalam ilmu informasi.(sumber).

Dalam pembuatan database ini cukup mudah. Saat ini, tinggal klik, maka database yang diinginkan sudah terbentuk tanpa harus mengetikkan query yang cukup panjang. Ok, langsung saja Kita mencoba membangunnya. Pertama tama, silahkan Anda melakukan login ke dalam cpanel hosting Anda. Biasanya, alamat tersebut berada pada http://namadomainanda.com/cpanel namun tidak menutup kemungkinan bukan itu :)

Kita anddap Anda sudah berhasil login pada cpanel Anda. Selanjutnya Kita cari tabel database dan klik icon MySQL database.

Tampilan cpanel pada hosting

Setelah Anda klik icon yang dimaksud, maka Kita akan diarahakan ke halaman manajemen database. Kemudian, pada bagian create new database, silahkan Anda ketik nama database yang Anda inginkan kemudian klik tombol create database maka database akan terbuat.

Tampilan halaman pembuatan database

Langkah selanjutnya adalah menambahakan user dan password yang berfungsi untuk inisialisasi user siapa yang bisa mengakses database. Anda tinggal scroll kebawah halaman pembuatan database tadi. Pada contoh ini, user yang Kita gunakan menggunakan nama coba. Kemudian tentukan password dari user yang bernama coba tadi. Buatlah password yang orang lain susah untuk menebaknya. Setelah itu klik create user maka user database akan terbentuk.

Tampilan halaman pembuatan user database

Langkah selanjutnya adalah menghubungkan antara database dengan user yang sudah dibuat sebelumnya. Hal ni cukup mudah, kita hanya memilih database mana yang akan dihubungkan dengan user yang mana. Hal ini dibuat yang berfungsi untuk menghubungkan antara web yang kita bangun dengan database yang digunakan.

Menentukan database dan user yang akan dihubungkan.

Klik add dan Anda akan dialihkan ke halaman Manage User Privileges yang berfungsi untuk menentukan aktifitas apa saja yang bisa dilakukan user yang baru dihubungkan tadi. Apabila boleh melakukan segala aktifitas, maka centang ALL PRIVILEGES pada bagian atas halaman tersebut dan tekan make changes.

Pengaturan Manage User Privileges

Sangat mudah bukan :) Demikianlah tutorial kali ini mengenai pembuatan database, membuat user database dan menghubungkannya. Semoga membantu dan semoga berhasil.

23 November 2017

Migrasi Domain dari Blogspot ke Domain Pribadi dengan IDWebHost

Administrator 23 November 2017 0
Migrasi Domain dari Blogspot ke Domain Pribadi dengan IDWebHost
Migrasi domain? Apa itu ya? Ok, sebelum Kita bahas mengenai bagaimana cara "Migrasi Domain Blog dari Blogspot ke Domain Pribadi", ada baiknya saya memberikan sedikit penjelasan. Apa itu mmigrasi domain? Migrasi domain adalah proses penggantian nama domain dari satu domain ke domain yang lain dari suatu halaman web/blog namun tidak mengubah bentuk, isi, dan ciri dari web/blog itu sendiri ke domain yang Kita miliki.

Sebagai contoh adalah blog ini. Blog ini juga dibangun menggunakan blogspot dengan alamat https://mencontohin.blogspot.co.id dan Kami alihkan ke nama domain http://blog.contohnya.net/. Sehingga ketika ada yang mengunjungi https://mencontohin.blogspot.co.id langsung dialihkan. Kebetulan kali ini Kami menggunakan IDWebhost sebagai tempat Kami dalam pembelian hosting dan domain.

Ok, langsung saja Kita mulai Pertama-tama login pada blogspot terlebih dahulu. Setelah ini, ikuti tahapan tahapan pada bagian blogspot berikut ini yang disertai gambar.
Gambar tampilan pada halaman admin blogspot

  1. Pilih menu setelan pada menu utama blogspot.
  2. Kemudian dilanjutkan dengan sub-menu dasar.
  3. Pada kolom setelann domain pihak ketiga, inputkan domain yang akan menjadi tujuan blog Anda. Apabila Anda belum memiliki, Anda dapat juga order pada IDWebHost. Gambar di atas adalah contoh pada pengaturan blog Kami. Jika tujuan blog Anda adalah domain utama, maka isikan www.domain.com (bagian depan ditambah www).
  4. Pada bagian ini, silahkan di-copy dan nanti akan digunakan pada pengaturan dibagian domain.
  5. Bagian ini berfungsi untuk mengalihkan domain. Misal pada contoh di atas, apabila ada pengunjung yang mengunjungi alamat contohnya.net maka akan otomatis dialihkan ke blog.contohnya.net maka centang.
  6. Kemudian klik simpan. Ini ketika setelah pengaturan pada sisi domain.

Setelah pengaturan pada halaman admin blogspot, sekarang Kita beralih pengaturan ke sisi domain yang kebetulan berada pada IDWebHost. Sekarang lanjut login pada halaman user IDWebhost. Setelah login, berikut adalah tahapannya :
Gambar halaman member pada IDWebHost

  1. Pilih menu utama"domain" maka nanti akan muncul sub-menu lainnya.
  2. Kemudian pilih sub-menu domain. Maka Nanti akan terlihat area klien seperti gambar di atas.
  3. Setelah itu, pilih domain yang akan menjadi tujuan dari blogspot Anda.
  4. Apabila sudah ditentukan, klik kelola domain. Maka akan muncul halaman manajemen domain seperti gambar di bawah ini.
Gambar halaman manajemen domain

  1. Pada bagian ini adalah menu untuk melakukan pengaturan nameserver.
  2. Menu untuk menuju ke pengaturan DNS.
  3. Klik menu kelola DNS untuk melakukan pengaturan DNS.

OK, sebelum Kita melakukan pengaturan DNS Kita akan melakukan pengaturan nameserver  terlebih dahulu dan dapat dilihat seperti gambar di bawah ini.
Gambar pengaturan nameserver

Pada pengaturan ini cukup mudah, tiap kolom nameserver di atas, silahkan isi ns1.idwebhost.id dan ns2.idwebhost.id. Apabila letak domain tidak berada pada IDWebHost, silahkan Anda tanyakan pada bagian CS tempat Anda membeli domain Anda untuk pengisian nameserer-nya.

Setelah pengaturan nameserver selesai, sekarang Kita melakukan pengaturan DNS. Untuk lebih jelasnya, silahkan lihat gambar berikut.
Gambar pengaturan DNS

Untuk pengaturan ini juga cukup mudah. Kita hanya melakukan pengaturan yang sudah ditentukan sendiri oleh pihak blogspot. Kita hanya mengatur 2 jenis records, yakni A (Address) dan CNAME (Alias). Berikut adalah pengaturan A (Address) yang harus dilakukan (perhatikan alamat IP nya):

  1. Name Host : domain Anda atau bisa diisi @
    Jenis record : A (Address)
    Alamat : 216.239.32.21
  2. Name Host : domain Anda atau bisa diisi @
    Jenis record : A (Address)
    Alamat : 216.239.34.21
  3. Name Host : domain Anda atau bisa diisi @
    Jenis record : A (Address)
    Alamat : 216.239.36.21
  4. Name Host : domain Anda atau bisa diisi @
    Jenis record : A (Address)
    Alamat : 216.239.38.21

Setelah selesai, sekarang kita melakukan pengaturan CNAME (Alias). CNAME (Alias) ini didapat pada saat pengaturan pada bagian blogspot (lihat gambar pertama pada postingan ini). Kita hanya copy dan paste-kan saja kode tersebut.
  1. Name Host : 4dcmkiiv4rc4 (harus sesuai dengan kode dari blogspot)
    Jenis record : CNAME (Alias)
    Alamat : gv-xxxxxxxxxxxxxxxxxxxxxx.dv.googlehosted.com (harus sesuai dengan kode dari blogspot)
  2. Name Host : blog
    Jenis record : CNAME (Alias)
    Alamat : ghs.google.com
Pada nomer 2 diatas, name host  saya terisi blog dikarenakan saya akan mengalihakn blog ini pada http://blog.contohnya.net/ dan sesuai dengan gambar pertama (bagian 3 blog ini). Anda dapat menyesuaikan sendiri tujuan mana blog Anda akan diarahkan. Setelah selesai, simpan pengaturan ini. Dan kita kembali ke pengaturan pada blogspot.

Setalah kembali ke pengaturan pada blogspot, silahkan tekan tombol simpan (gambar pertama bagian 6). Biasanya memakan waktu 1x24 jam tapi biasanya juga hanya 10 menit. Apabila setelah tombol simpan diklik dan tampilan seperti di bawah ini, maka pengaturan Anda sudah berhasil dan blog Anda sekarang sudah dapat dikunjungi dengan domain milik Anda bukan dari blogpsot lagi. Selamat mencoba :)

Gambar apabila pengaturan telah sukses.

Perlu diperhatikan, untuk migrasi domain ini, Anda hanya cukup menggunakan domain saja tanpa perlu menyewa hosting. hal ini dikarenakan semua postingan Anda masih tetap berada pada blogspot hanya URL / domain saja yang berbeda.


Social Engineering pada Login Palsu Facebook

Administrator 0
Social Engineering pada Login Palsu Facebook
Fake login atau login palsu mungkin sudah sering kita dengar namun tak sedikit pula yang tidak mengetahui bahayanya, bagaimana cara menghindarinya bahkan bagaimana cara membuatnya. Nah, di sini saya akan sedikit mencoba menjelaskan apa fungsinya, cara menghindarinya dan cara membuatnya. Fungsi dari fake login ini adalah untuk mengetahui username dan password target yang ditentukan. Umumnya fake login ini menggunakan metode social engineering.

Social engineering adalah manipulasi psikologis dari seseorang dalam melakukan aksi atau menguak suatu informasi rahasia. Social engineering umumnya dilakukan melalui telepon atau Internet. Social engineering merupakan salah satu metode yang digunakan oleh hacker untuk memperoleh informasi tentang targetnya, dengan cara meminta informasi itu langsung kepada korban atau pihak lain yang mempunyai informasi itu. (sumber)

Secara logika, kita pastinya tidak ingin memberi tahukan username dan password kita kepada orang lain apabila ada orang yang memintanya secara langsung. Nah, bagaimana ada orang lain yang meminta ID Anda tersebut secara tak langsung? Dengan kata lain, Anda tidak menyadarinya. Bagaimana bisa kita tidak menyadarinya? Baiklah, berikut akan sedikit Kami jelaskan bagaimana cara mengetahuinya dengan disertai gambar.

Asli

Palsu

Asli

Palsu

Antara gambar kiri dan kanan nampak sama namun ada suatu perbedaan yang tidak diketahui oleh banyak orang. Sebagai bukti, coba anda klik gambar kiri dan kanan (asli dan palsu). Setelah itu, lihat yang saya lingkari. Jelas bukan perbedaanya? Yang asli adalah website resmi https://facebook.com sedangkan yang palsu bukan. Nah, jika kita lengah terhadap website palsu tersebut, bisa jadi kita menuliskan user dan password milik kita yang nantinya akan disimpan dalam file lain. Nah, hal tersebut dinamakan social engineering. Dan untuk menghindarinya, selalu waspada serta lihat dan kenali alamat URL website tujuan kita.

22 November 2017

Membuat Captcha Model Penjumlahan

Administrator 22 November 2017 0
Membuat Captcha Model Penjumlahan
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 (aplikasi bot-pen). Proses ini biasanya melibatkan suatu komputer (server) yang meminta seorang pengguna untuk menyelesaikan suatu uji sederhana yang dapat dihasilkan dan dinilai oleh komputer tersebut. Karena komputer lain tidak dapat memecahkan CAPTCHA, pengguna manapun yang dapat memberikan jawaban yang benar akan dianggap sebagai manusia.(sumber)

Biasanya captcha ini berada pada suatu form, entah itu form pendaftaran atau form postingan. Hal ini juga sebagai salah satu security dalam menghindari proses yang secara terus menerus (looping forever) yang biasanya dilakukan oleh mesin (komputer / sistem). Dengan kata lain, captcha ini merupakan salah satu validasi yang memastikan bahwa yang sedan melakukan aktifitas adalah manusia, bukan sistem komputer.

Sering kita menjumpai jenis captcha, umumnya kita melihat captcha milik google. Modelnya pun bermacam macam, dari validasi penulisan kata, gambar bahkan nomer. Nah, pada kali ini Kita akan membuat captcha sederhana buatan kita sendiri. Yakni menggunakan perhitungan matematika :)

Sebelum membuat, Kita harus memahami pembuatan form menggunakan PHP secara dasarnya. Kali ini kita hanya membuat 1 textbox dan 1 tombol submit saja guna pengetikan hasil perhitungan dan proses validasi captcha yang diinginkan.
<?php
    $_SESSION['n1'] = rand(1,99); //mendapatkan nilai 1
    $_SESSION['n2'] = rand(1,9); //mendapatkan nilai 2
    $_SESSION['hasil'] = $_SESSION['n1']+$_SESSION['n2']; //menjumlahkan nilai 1 dan nilai 2
?>
Code di atas merupakan fungsi session yakni sebuah fungsi yang dapat menyimpan nilai sementara pada browser dan fungsi ini terus bekerja hingga browser yang digunakan di close. Letakkan code di atas pada bagian atas file yang digunakan. Session kali ini menggunakan 3 buah nama yakni
  • n1 yang berfungsi menyimpan nilai pertama.
  • n2 yang berfungsi menyimpan nilan kedua.
  • hasil yang berfungsi menjumlahkan nilai pertama dan kedua. Anda juga bebas mengganti fusngsi matematikanya, baik itu diubah menjadi pengurangan, perkalian atau lain sebagainya.
sedangkan rand merupakan fungsi untuk mengacak suatu angka yang sudah ditentukan. Pada contoh di atas, n1 adalah angka 1 hingga 99 dan n2 adalah angka dari 1 hingga 9. Setelah itu, kita buat form nya yang meliputi textbox dan tombol submit.
<form action="?page=action" method="post">
 <table style="font-family:monospace;font-size: 13px;" border="0" width="455">
        <tr>
   <td valign="top">Berapa <?php echo "".$_SESSION[n1]." + ".$_SESSION[n2]."?"; ?></td>
   <td valign="top">:</td>
   <td><input name="captcha" type="text" size="25" placeholder="<?php echo $_SESSION[n1]."+".$_SESSION[n2]."="; ?>"/>
       <input type="hidden" name="captcha2" size="5" maxlength="5" value="<?php echo $_SESSION[hasil]; ?>""/><br/>
  </tr> 
  <tr colspan="4">
   <td><input type="submit" name="simpan" value="Eksekusi"/></td>
  </tr>   
  </tbody>
 </table>
</form>
Potongan code di atas berfungsi untuk menampilkan form yang sebelumnya telah dijelaskan. Penulis menggunakan <table> agar tampilan menarik untuk dilihat. Sedangkan fungsi session, sudah Kita bahas sebelumnya. Setelah selesai, sekarang kita tuliskan kode yang berfungsi untuk melakukan eksekusi captcha di atas. Letakkan code berikut ini pada bagian paling bawah file yang digunakan.
<?php
    //apabila tombol submit ditekan
    if($_POST['simpan']=="Eksekusi"){
        //apabila penjumlahan dan inputan tidak sama
        if(($_POST['captcha'] != $_POST['captcha2'])){
            echo "hasilnya tidak tepat";
        }
        //apabila penjumlahan dan inputan sama
        else{
            echo "Hasilnya tepat";
        }
    }    
?>
Apabila semua code sudah selesai tertulis, silahkan simpan dengan nama terserah Anda namun menggunakan extensi .php dan letakkan file tersebut pada hosting, baik online ataupun offline untuk mencoba eksekusi. Untuk lebih jelasnya, Anda dapat melihat halaman contoh dengan menekan tombol contoh di bawah ini atau juga bisa mendownloadnya. Selamat mencoba dan semoga berhasil.


10 November 2017

Perulangan (Looping) Dasar dengan PHP

Administrator 10 November 2017 0
Perulangan (Looping) Dasar dengan PHP
Looping atau perulangan merupakan salah satu kinerja atau proses suatu data yang dapat berulang hingga batas yang ditentukan. Namun tak jarang, entah memang tidak diberi batas atau merupakan kesalahan programer sehingga proses tersebut berulang ulang dan biasa disebut looping forever yang biasanya dapat mengakibatkan suatu sistem menjadi sangat lambat karena proses perulangan tersebut tidak ada hentinya.

Dalam pembutannya, proses perulangan ini dibedakan menjadi 3 yakni mengguanan while, for, dan do ... while. Berikut ini akan Kita tuliskan contohnya satu per satu.

  1. Pernyataan While
    <?php
     $bilangan = 1;
     while($bilangan<=5){
      echo "Bilangan ".$bilangan;
     $bilangan++;
     }
    ?>
    
  2. Pernyataan Do....While
    <?php
     $bilangan = 1;
     do{
      echo "Bilangan ".$bilangan;
     $bilangan++; 
     }while ($bilangan < 6);
    ?>
    
  3. Pernyataan For
    <?php
     for($bilangan=1;$bilangan<=5;$bilangan++){
      echo "Bilangan ".$bilangan";
     }
    ?>
    
Di atas merupakan contoh penulisan kode dimana kode kode tersebut memerintahkan sistem untuk melakukan pengulangan sebanyak 5x untuk tiap tiap jenis pernyataan. Untuk mengetahui hasil eksekusinya, silahkan kunjungi halaman berikut dengan menekan tombol di bawah ini.