1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Cara menambah fitur sms verifikasi pada form registrasi member web anda

Discussion in 'Pemrograman Web' started by aldistorsi, Dec 17, 2013.

Tags:
Page 1 of 4
  1. aldistorsi

    aldistorsi Ads.id Starter

    Joined:
    Dec 12, 2013
    Messages:
    59
    Likes Received:
    17
    View attachment 36192
    View attachment 36191
    View attachment 36192


    Setelah Kemarin-kemarin saya share tentang cara integrasi SMS Gateway ke Website anda,
    Kali ini saya mau share tentang Integrasi Website dengan SMS Verifikasi.
    Mudah Mudahan Ga Bosen yah sama tutorial saya haha.
    OK. Yang udah ganteng, udah cantik dan belom mandi silahkan duduk manis dan scroll down pelan pelan :))

    HERE WE GO!


    ​
    Apa yang dimaksud dengan SMS Verifikasi?
    SMS Verifikasi adalah fitur sms memberikan kepastian bahwa nomor handphone yang digunakan oleh seorang User tersebut benar-benar aktif. Ketika sebuah form yang ada pada aplikasi atau web diisi bersama nomor handphone yang digunakan User, SMS Verifikasi pun dikirimkan kepada nomor handphone yang di inputkan User pada form tersebut. SMS Verifikasi berisikan kode verifikasi dimana sang User dapat mengkonfirmasikannya dengan mengetikannya pada laman pengecekan/verifikasi.

    Kenapa harus menggunakan SMS Verifikasi?
    Apabila anda memiliki web dan ingin memastikan member yang ada pada website anda dapat dihubungi untuk beberapa keperluan dan memastikan akun user yang akan mendaftar bukan bot yang mencoba untuk menyerang website anda.

    Siapa saja yang menggunakan SMS Verifikasi?
    1. Google
    selain dikenal melalui search enginenya, google juga memiliki fitur email bernama GMAIL yang pada tahun 2013 berjumlah sekitar 425 juta di dunia. GMAIL sendiri menggunakan verifikasi via sms ketika user pertama kali mendaftar untuk mendapatkan akun emailnya dan sekarang menerapkan sistem keamanan ganda berupa aplikasi bernama Google authenticator dan SMS gateway sebagai kunci untuk dapat masuk ke akun google anda.
    2. Twitter
    Selain Google twitter juga menerapkan sistem keamanan ganda untuk para pengguna twitter agar dapat mengakses twitter.
    3. Whatsapp
    Messaging App dengan jumlah terbanyak di dunia pada tahun ini dengan pengguna sekitar 350 juta orang jatuh pada whatsapp, Whatsapp adalah aplikasi online messaging multi platform yang dapat berjalan pada Android OS, iOs, Windows Mobile OS dan Symbian Os. Dengan jumlah pengguna sebanyak itu, Whatsapp menerapkan sistem SMS Verifikasi untuk memastikan Akun yang baru akan dibuat memang terbukti valid.

    Nah, terbukti layanan-layanan tersebut menggunakan fitur SMS Verifikasi untuk memastikan keabsahan nomor handphone penggunanya. Kini, bagi anda yang memiliki website dengan hak akses membership juga dapat menggunakan fitur SMS Verifikasi juga. Sebelum mulai menggunakan fitur ini pada website anda, ada baiknya anda memahami terlebih dahulu cara kerja dari SMS Verifikasi. Berikut Penjelasannya :
    View attachment 36194

    Cara kerja :
    1. User mengisi form pendaftaran dan menginputkan nomor handphone asli untuk selanjutnya dikirimkan SMS Verifikasi.
    2. User mendapatkan SMS berisi Kode Verifikasi yang selanjutnya akan di isi pada halaman web untuk melengkapi registrasi.
    3. User mengisi kolom verifikasi dengan kode yang tertera pada SMS dan kemudian melengkapi registrasi sekaligus resmi menjadi member yang terdaftar. Apabila kode verifikasi yang diketikan oleh user tidak sesuai dengan apa yang ada pada isi SMS Verifikasi, maka User harus menginputkan kembali kode yang benar.

    Berikut ini adalah tutorial untuk menambahkan fitur sms verifikasi berupa kode verifikasi yang akan diterima oleh calon member dan selanjutnya akan di inputkan pada kolom verifikasi untuk melengkapi registrasi dan menjadi member yang terdaftar.

    TUTORIAL :
    1. Untuk bisa memiliki fasilitas SMS pada web atau blog Anda harus mempunyai SMS gateway berfunsi sebagai pengirim SMS secara otomatis begitu ada pengunjung yang melakukan pendaftaran. Namun jangan khawatir Anda tidak perlu membeli software SMS gateway. Saya menggunakan SMS gateway online, silakan daftar di zenziva dot com GRATIS!

    2. Buatlah halaman html bernama reg.html dan isikan dengan script berikut :
    HTML:
    <html>
<head>
<title> Registrasi Member Baru</title>
</head>

<body>
<form method="post" action="send.php">
  <h2>Form Registrasi Member</h2>
  <p>&nbsp;</p>
  <table width="306" border="0" cellspacing="5">
    <tr>
      <td width="143">Nama :</td>
      <td width="144"><input type="text" name="nama" id="nama" /></td>
    </tr>
    <tr>
      <td>Alamat :</td>
      <td><input type="text" name="alamat" id="alamat" /></td>
    </tr>
    <tr>
      <td>Email :</td>
      <td><input type="text" name="email" id="email" /></td>
    </tr>
    <tr>
      <td><font color="#FF0000">*</font>No. Handphone :</td>
      <td><input type="text" name="nohp" id="nohp" /></td>
    </tr>
    <tr>
      <td>Username :</td>
      <td><input type="text" name="username" id="username" /></td>
    </tr>
    <tr>
      <td>Password :</td>
      <td><input type="text" name="password" id="password" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="Submit" id="Submit" value="Daftar" />
      <input type="reset" name="Reset" id="button" value="Batal" /></td>
    </tr>
  </table>
  <p><font color="#FF0000">*</font>Silahkan masukkan nomor handphone yang anda gunakan untuk menerima kode verifikasi.</p>
</form>
</body>
</html>
    3. Berikut bentuk tampilan dari halaman reg.html
    View attachment 36193
    4. Kalau sudah, buat halaman php dan beri nama send.php dan isikan dengan script berikut :
    PHP:
    <?php
    $nohp    =$_POST['nohp'];
    $kode="182654"; //isikan sesuai dengan keinginan anda, tapi jangan masukkan huruf. hanya digit angka.
    // Script Kirim SMS Api Zenziva
    $userkey="userkeyanda"; // userkey lihat di zenziva
    $passkey="passkeyanda"; // set passkey di zenziva
    $message="Silahkan masukkan kode $kode pada kolom verifikasi untuk melengkapi registrasi anda. terima kasih.";

    $url = "http://zenziva.com/apps/smsapi.php";
    $curlHandle = curl_init();
    curl_setopt($curlHandle, CURLOPT_URL, $url);
    curl_setopt($curlHandle, CURLOPT_POSTFIELDS, 'userkey='.$userkey.'&passkey='.$passkey.'&nohp='.$nohp.'&pesan='.urlencode($message));
    curl_setopt($curlHandle, CURLOPT_HEADER, 0);
    curl_setopt($curlHandle, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($curlHandle, CURLOPT_TIMEOUT,30);
    curl_setopt($curlHandle, CURLOPT_POST, 1);
    $results = curl_exec($curlHandle);
    curl_close($curlHandle);

    header("location: inputver.html"); 
    ?>
    Halaman send.php berfungsi untuk mengirimkan sms verifikasi sekaligus mengarahkan user ke halaman input kode verifikasi.

    5. Kemudian untuk membuat halaman dimana user menginputkan kode verifikasi, buatlah halaman html dan beri nama inputver.html. kemudian isikan dengan kode berikut :
    HTML:
    <html>
<head>
<title>Verifikasi Akun Baru</title>
</head>

<body>
<form method="post" action="verify.php">
  <p>SMS Verifikasi telah dikirim.</p>
  <p>Silahkan input kode verifikasi pada kolom dibawah ini :
  </p>
  <p>
    <input type="text" name="kodever" id="kodever" />
    <input type="submit" name="button" id="button" value="Kirim" />
  </p>
</form>
</body>
</html>
    6. Untuk melakukan verifikasi apakah kode yang dimasukkan benar atau salah, buatlah halaman php bernama verify.php dan isikan dengan script berikut :
    PHP:
    <?php
    $kode    =$_POST['kodever'];
    if(    $kode==182654) //isikan angka kode yang sesuai dengan yang ada pada halaman send.php
    {
    header("location: dasbor.php"); 
    }
    else{
    header("location: cobalagi.php"); 
    }
    ?>
    7. buatlah halaman cobalagi.php untuk menampilkan user salah menginputkan kode verifikasi dan isikan script berikut :
    PHP:
    <html>
    <    head>
    <    title>Verifikasi Ulang</title>
    </    head>

    <    body>
    <    form method="post" action="verify.php">
      <    p><font color="#FF0000">Kode yang anda masukkan salah.</font></p>
      <    p>Silahkan input kembali kode verifikasi anda :
      </    p>
      <    p>
        <    input type="text" name="kodever" id="kodever" />
        <    input type="submit" name="button" id="button" value="Kirim" />
      </    p>
    </    form>
    </    body>
    </    html>
    8. Dan untuk menampilkan halaman dasbor user apabila user memasukkan kode verifikasi dengan benar, maka buat halaman bernama dasbor.php dan inputkan script berikut :

    WARNING!
    Userkey dan passkey dapat dilihat di halaman dashboard zenziva setelah melakukan login.

    View attachment 36195

    Calon member akan menerima SMS berupa kode verifikasi setelah melakukan registrasi. Setelah Calon member mendaftar pada halaman reg.html, otomatis Calon member mendapatkan sms berupa kode verifikasi. Dan pada inputver.html, User menginputkan kode verifikasi sesuai dengan apa yang ada pada isi sms verifikasi dan kemudian melengkapi registrasi juga menjadi member baru yang terdaftar. Sekarang website Anda telah dilengkapi dengan fitur SMS Verifikasi. untuk atribut dan integer formnya silahkan sesuaikan dengan website dan database bro ganteng dan sis cantik aja yeee :))

    Selamat mencoba.
    ​


    Bagi yang mau langsung coba silahkan download langsung filenya disini
    www dot dropbox dot com/s/u7wcjhaq1unc5nb/scripts.rar

    untuk 2 link dia atas silahkan yang dot nya diganti dengan titik :D

    Sumber : Google dan saya sendiri :">

    Semoga apa yang saya share bisa bermanfaat buat semuanya. ;)

    Selamat Sore, Selamat Bersantai dan Selamat Berforum-foruman.
     
    Last edited: Dec 18, 2013
    aldistorsi, Dec 17, 2013
    #1
    proxip, Gajah Mada, Kurniawan_84 and 10 others like this.
  2. anakbungsu89

    anakbungsu89 Hero

    Joined:
    Jul 5, 2013
    Messages:
    746
    Likes Received:
    29
    Location:
    Zalfa Miracle
    Keren, cocok nih untuk usaha ane kayaknya.
    Btw itu ada livelink nyempil, ati2 disundul ke merkurius
     
    anakbungsu89, Dec 17, 2013
    #2
  3. Quickey

    Quickey Super Hero

    Joined:
    May 29, 2011
    Messages:
    2,287
    Likes Received:
    126
    Location:
    Palembang
    sharenya keren om
    tapi ada 2 live link tuh
    silahkan dibenahi dulu om
     
    Quickey, Dec 17, 2013
    #3
  4. autocontent

    autocontent Robbi Yatsir

    Joined:
    May 10, 2012
    Messages:
    1,982
    Likes Received:
    47
    mantap neh, nyoba2 dulu
     
    autocontent, Dec 17, 2013
    #4
  5. hoseajsap

    hoseajsap Ads.id Fan

    Joined:
    Sep 25, 2013
    Messages:
    235
    Likes Received:
    3
    Location:
    Tangerang
    boleh dicoba caranya buat cegah si spammer sm si bot :D
     
    hoseajsap, Dec 17, 2013
    #5
  6. horsehole

    horsehole Newbie

    Joined:
    Nov 11, 2009
    Messages:
    24
    Likes Received:
    0
    wah ini bookmark dulu,

    tengkyu gan.. ni kayaknya bisa buat sms promosi. Sekarang lagi zamannya sms promosi, kayak operator t***sel sehari bisa 10sms promosi :D
     
    horsehole, Dec 17, 2013
    #6
  7. aldistorsi

    aldistorsi Ads.id Starter

    Joined:
    Dec 12, 2013
    Messages:
    59
    Likes Received:
    17
    sip gan, cobain aja dulu..iya udah ane benerin kok :D
    trit pertama ane ada livelink jadinya di setrap 3hari(curhat dikit)

    sips. udah di revisi om

    good luck gan :D
    yoi gan kan semakin terproteksi web kitanya dan ketahuan tuh member orang beneran apa makhluk halus :))

    silahkan di stabilo dulu gan :))
    kalau sms promosi beda lagi gan..next bakalan ane share deh buat sms promosi.
     
    aldistorsi, Dec 18, 2013
    #7
  8. legowo

    legowo Hero

    Joined:
    Jan 10, 2012
    Messages:
    743
    Likes Received:
    46
    Location:
    marang sliramu
    wajib dibookmark nii...sekalian nunggu wejangan sms buildingnya.
     
    legowo, Dec 18, 2013
    #8
  9. aldistorsi

    aldistorsi Ads.id Starter

    Joined:
    Dec 12, 2013
    Messages:
    59
    Likes Received:
    17
    senang bisa membantu gan.
    emang mau integrasi sama web apa cms?
     
    aldistorsi, Dec 18, 2013
    #9
  10. HanifK

    HanifK Ads.id Fan

    Joined:
    Apr 2, 2013
    Messages:
    216
    Likes Received:
    8
    Location:
    Cirebon, Indonesia
    Tau aja lgi butuh :) . Makasih gan :D
     
    HanifK, Dec 22, 2013
    #10
  11. Clommot

    Clommot Ads.id Starter

    Joined:
    Dec 8, 2011
    Messages:
    68
    Likes Received:
    3
    Location:
    Mataram
    Gratisnya cuma 10 sms perhari ya mastah?
     
    Clommot, Dec 22, 2013
    #11
  12. 90317+0312

    90317+0312 Hero

    Joined:
    Sep 8, 2012
    Messages:
    609
    Likes Received:
    43
    Mantap gan share'y..
    ctrl+D dl gan..
    thy
     
    90317+0312, Dec 22, 2013
    #12
  13. bookie7

    bookie7 Banned

    Joined:
    Dec 13, 2011
    Messages:
    165
    Likes Received:
    3
    ijin bookmark dl de
     
    bookie7, Dec 23, 2013
    #13
  14. 70674

    70674 Ads.id Starter

    Joined:
    Oct 20, 2011
    Messages:
    58
    Likes Received:
    0
    makasih om sharenya ijin sedot :D, sekalian tanya om, bisa tidak itu sms verifikasinya dimunculkan setiap misal 45hari sekali ?
     
    70674, Dec 23, 2013
    #14
  15. aldistorsi

    aldistorsi Ads.id Starter

    Joined:
    Dec 12, 2013
    Messages:
    59
    Likes Received:
    17
    sharing is caring gan asal yang disharing ga garing aja
    haha
     
    aldistorsi, Dec 23, 2013
    #15
  16. aldistorsi

    aldistorsi Ads.id Starter

    Joined:
    Dec 12, 2013
    Messages:
    59
    Likes Received:
    17
    Buat yang gratisan sih segitu..tapi lumanyan pan haha

    silahkan gan..ini masih bakalan di update kok, asal ada yang nanya sama minta wejangan haha

    sip gan

    sama sama om :)) kalo itu sih harus ke penyedia layanan gatewaynya gan. masalahnya api nya di protek haha
     
    aldistorsi, Dec 23, 2013
    #16
  17. 70674

    70674 Ads.id Starter

    Joined:
    Oct 20, 2011
    Messages:
    58
    Likes Received:
    0
    oh gitu ya..tar coba ane iseng2 nanya
     
    70674, Dec 23, 2013
    #17
  18. marlif

    marlif Super Hero

    Joined:
    Apr 5, 2010
    Messages:
    997
    Likes Received:
    23
    Location:
    New York karto
    cocok nih, tutorial yang berhub dengan verivikasi.
    makasih gan atas share-nya
     
    marlif, Dec 23, 2013
    #18
  19. amanakunini

    amanakunini Ads.id Pro

    Joined:
    Dec 2, 2013
    Messages:
    412
    Likes Received:
    9
    Hebaaat. Jempol deh :)
     
    amanakunini, Dec 23, 2013
    #19
  20. NextComodo

    NextComodo Banned

    Joined:
    Mar 13, 2013
    Messages:
    22
    Likes Received:
    0
    Mantap gan share'y..
     
    NextComodo, Dec 24, 2013
    #20
Page 1 of 4

Share This Page