Menggukanan Google reCapcha di Asp.NET MVC

Lagi Belajar ASP.Net mvc nih, dan lagi disuruh buat project-project sederhana buat implementasikan apa yang di pelajarkan. dan kebetulan sedang buat Contact View yang di harus menggunakan Capcha sebagai pencegah BOT yang menginput secara otomatis bs menggunakan selenium Tools atau sebagainya.

Berikut cara mengimplementasikan penggunaan Capcha yang disini saya menggunakan Google reCapcha sebagai Engine :) :

• Download .Net DLL reCapcha yang akan di gunakan dalam project ASP MVC. Download Disini.
• Ekstrak zip, Copy Recapcha.dll dan Recapcha.res ke dalam folder BIN project anda
• Add Reference Recapcha.dll kedalam project ASP.NET MVC anda
• Tambahkan Beberapa Application Configuration di Web.Config untuk Private key dan Public Key Google API yang nanti akan di gunakan oleh DLL reCapcha dan juga configurasi untuk meregister ReCapcha Component. Untuk mendapatkan Public key dan Private Key bisa di dapatkan disini, Harus Login dengan menggunakan Google Account(GMail) dan registerkan domain "localhost" jika anda mendevelop dalam localserver.

Tambahkan Configurasi dibawah ini dalam Tag dalam web config. Lihat dan cocokan, copy saja yang belum ada dalam tag

<appSettings>
 <add key="webpages:Version" value="1.0.0.0"/>
    <add key="ClientValidationEnabled" value="true"/>
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>
    <add key="ReCaptchaPrivateKey" value="put your private key value here" />
    <add key="ReCaptchaPublicKey" value="put your public key value here" />
<appSettings>

Tambahkan Configurasi dibawah ini dalam Tag dalam web config. Lihat dan cocokan, copy saja yang belum ada dalam tag

<namespaces>
  <add namespace="System.Web.Mvc" />
  <add namespace="System.Web.Mvc.Ajax" />
  <add namespace="System.Web.Mvc.Html" />
  <add namespace="System.Web.Routing" />
  <add namespace="Recaptcha"/>
</namespaces>

• Tambahkan Code Using.Recapcha dalam Controller View yang akan menggunakan Capcha atau Controller Capcha.
• Import Recapcha dalam view page

<@ Import Namespace="Recaptcha" >

• Tambahkan Code Dibawah ini untuk menapilkan Capcha dalam view

<div class="editor-label">
   Enter Capcha Caracter:
</div>
<div class="editor-field">
    <Html.Raw(Html.GenerateCaptcha("captcha", "clean"))>
    <Html.ValidationMessage("captcha")>
</div>

Tips: Jika anda menggunakan ASP.NET MVC versi 2 Kebawah, untuk menggantikan Htm.Raw anda bisa hanya menggunakan HTML tag <div> </div>. Sehingga menjadi seperti ini:

<div class="editor-label">
   Enter Capcha Caracter:
</div>
<div class="editor-field">
    <div><%= Html.GenerateCaptcha("captcha", "clean")></div>
    <% Html.ValidationMessage("captcha")>
</div>

• Dan tambahkan Code Controller di Controller anda seperti ini

[HttpPost]
[RecaptchaControlMvc.CaptchaValidator]
public ActionResult ForgotPassword(CheckUsernameViewModel model, bool captchaValid, string captchaErrorMessage) {
    if (!Membership.EnablePasswordReset)
        throw new Exception("Password reset is not allowed\r\n");
    if(ModelState.IsValid) {
        if(captchaValid) {
            return RedirectToAction("AnswerSecurityQuestion", new { username = model.Username });
        }
        ModelState.AddModelError("", captchaErrorMessage);
    }
    return View(model);
}

*Note : Untuk Nama function di controller(Berwarna Merah) silahkan anda sesuaikan dengan nama view yang anda buat dan untuk nama Model(Berwarna Biru) Silahkan anda sesuaikan dengan Model yang anda gunakan.

Beginilah hasil form dari view yang saya buat:

Selamat mencoba.

Salam,
Muhamad Albaijuri
.Net Application Developer Selengkapnya...

Review singkat acer iconia

Saya mau review sedikit maenan baru saya yang baru 2 hari lalu setelah bikin kepikiran mulu dan bikin gak bisa tidur, akhirnya saya ambil juga nih acer iconia A500 Wifi only 32GB, walaupun seken tapi rasa baru, karena emang masih mulus OS unroot dan like new lah :-) . Pertamz sih pengen ambil motorola xoom atau eepad transformer, tapi karena harganya masih pada tinggi jadi saya outuskan ambil device acer iconia ini.

Layarnya : standard lah, oke berkualitas sama sperti droid x saya meskipun gak sekinclong samsung TAB series yang pake samoled buat layarnya

OS : saya masih dapet yang standard honeycomb 3.2 unroot dan multi taskingnya oke meskipun gak bs buat tinggal geser aja buat kill proses kyk di ICS droid X saya, di XDA sih udah ada beberapa developer yang buat ICS buat device ini, tapi kyknya gelom berminat buat oprek oprek device ini, karena sofar masih oke.

Batterynya : ini yang saya suka, battery dari Acer ICONIA ini lumayan oke, pertama sempet ragu karena saya baca beberapz riview bilang battery acer iconia ini gak cukup bertahan lama hanya 6jam aja, tapi 2 hari ini si ICONIA ini bisa menemani saya buat kuliah tanpa colok ke charger sama sekali. Hahaha kebutuhan sih buat browsing" ketik ketik dan kadang foto"(karena malex nyatet dipapan tulis :-) ). Ya intinya dia bisa bertahan > 12jam tanpa charging untuk kebutuhan standard aja. Mungkin karena device ini wifi only kali yah, jadi gak butuh tenaga ekstrz buat searching jaringan.

Mungkin itu aja kali dulu ya review singkatnya, bisa buat pertimbangan teman teman yang mau beli tablet untuk kebutuhan sehari harinya bukan cuma buat gaya aja :-) . Kalo ada yang mau di tanyakan, nanti saya akan jawab.

Sekian.

Di ketik lewat acer iconia
Selengkapnya...