Community Server 2007 : Penangkal Spam dengan suara wanita
Ketika suatu website online, maka akan kemungkinan rentan oleh "serangan" spam. Begitu juga pada website INDC's Geeks Portal (saya singkat : Geeks), maka seperti website Geeks sekarang ini juga sudah implementasi penangkal spam tersebut. Penangkal spam yang lazim digunakan adalah CAPTCHA yang mengharuskan user memasukkan code dari gambar yang di-generate secara otomatis seperti gambar berikut :
Gambar di-atas adalah hasil capture dari website Geeks sekarang ini.
Geeks yang akan datang tentu akan menggunakan CAPTCHA juga untuk menghalangi "serangan" spam ini, tetapi dengan hiasan suara wanita. Berikut capture CAPTCHA yang ada pada Geeks yang akan datang.
ada tambahan 3 tombol disamping gambar, yaitu :
- Refresh.
- Icon speaker bila diklik akan melafalkan alfabeth yang ada pada gambar dengan warna suara wanita atau pria. Untuk Geek saya konfigurasi suara yang keluar ada suara wanita
. - Icon tanda tanya akan memberikan bantuan ketika mouse menunjuk ke icon tersebut.
Captcha yang saya gunakan ini merupakan modul tambahan untuk CS 2007 yang dibuat oleh Kevin Gearing. Apa saja yang dibutuhkan untuk implementasi modul Captcha ini di CS 2007 :
Download dotNetFreak.WebControls.FormShield.2.0.1.zip, ekstrak file ini dan hasilnya yaitu dotNetFreak.WebControls.FormShield.dll dicopy ke direktori Bin tempat CS2007 diinstall.
Download dotNetFreak.WebControls.FormShield.BritishMale8kHz8bitMonoWavSoundLibrary.1.0.1.zip, ekstrak dan hasilnya adalah dotNetFreak.WebControls.FormShield.BritishMale8kHz8bitMonoWavSoundLibrary.dll disalin ke dalam direktori Bin. File ini merupakan warna suara yang kan diperdengarkan untuk melafalkan alfabeth pada gambar.
Modifikasi file web.config, tambahkan baris berikut sebelum tag <connectionString ... />
<appSettings>
<add key="formShield_SecretKey" value="!--FormShield--!" />
</appSettings>
Kemudian diantara tag <httpHandlers .../> tambahkan baris berikut :
<add verb="GET"
path="FormShield.aspx" type="dotNetFreak.WebControls.FormShieldHttpHandler,
dotNetFreak.WebControls.FormShield" />
Selanjutnya adalah memodifikasi file post.aspx yang ada pada direktori Blogs sesuati dengan themes yang digunakan. Yang dilakukan adalah sebagai berikut :
Tambahan baris berikut dibawah baris ini <% Page Language="C#" ... />
<%@ Register Assembly="dotNetFreak.WebControls.FormShield" Namespace="dotNetFreak.WebControls" TagPrefix="dnf" %>
Kemudian tambahan baris berikut sebelum tombol untuk menyimpan komentar pada blog :
<div>
<br />
<dnf:FormShield ID="FormShield1" runat="server" HttpHandlerPath="/FormShield.aspx" PersistenceMethod="ControlState">
<RefreshIcon AlternateText="Refresh" />
<SoundIcon AlternateText="Listen" />
<HelpIcon AlternateText="Please enter the
characters shown on the image" />
</dnf:FormShield>
<br /><br />
Code: <asp:TextBox ID="TextBox1" width="208px" runat="server" />
<br /><br />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
runat="server" ControlToValidate="TextBox1"
ErrorMessage="Please enter the
code." Display="Dynamic" ValidationGroup="CreateCommentForm" />
<asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="FormShield1"
ControlToValidate="TextBox1" EnableClientScript="False" ErrorMessage="Invalid code
entered." Display="Dynamic" ValidationGroup="CreateCommentForm" />
<br />
</div>
Selamat mencoba.