Phpform ile form oluşturun (Bu ara başlık konusunda oldukça tekdüze olduğumu farkettim) yazısında Phpform adlı site ile kolayca form oluşturabileceğimizi öğrenmiştik. Phpform bize  oluşturduğumuz formların HTML kodlarını ve resim dosyalarını verirken geri kalan kodlamayı bizim yapmamız gerekmekteydi. Wufoo adlı servis ile artık bu sorunun da önüne geçmiş bulunmaktayız. Wufoo, Jakob Nielsen tarafından 2008 yılının en iyi 10 uygulama arayüzünden biri seçilen arayüzü ile kolayca form oluşturmamıza olanak sağlıyor.  Formu oluşturduktan sonra sayfamıza kodları ekleyip sonuçları yine Wufoo’nun arayüzünden takip edebiliyoruz.

Bu kadar kullanıcı dostu servisin ne yazıkki belli bir bölümü ücretsiz. Ücretsiz olarak sadece ayda toplam 100 giriş yapılabilen 3 form oluşturabiliyoruz. Diğer seçenekler için de aylık 9.95$’den başlayan fiyatlar mevcut.

Kendisini web’de indekslenmedik şey bırakmamaya adamış olan Google artık form elemanlarını da indeksleyeceğini duyurdu. Form elemanlarını indeksleme durumunu şöyle anlatalım. Google’ın sevimli örümceği Googlebot artık “GET” methodu içeren form elemanlarına kendince değerler vererek çıkan yeni URL’leri de indeksine katacakmış. Googlebot Selectbox ve radiobutonlardaki seçeneklerin de hepsini tek tek deneyerek keşfetmeye çalışacakmış yeni sayfaları. Şimdilik sadece çok fazla ziyaret edilen az sayıdaki web sayfası için kullanılacak bu özelliğin  2001 yılında 550 milyar döküman olduğu varsayılan görünmez Web‘i daha görünür hale getireceği düşünülmekte…

Form oluşturmak için oturup Dreaweaver’dan html kodu yazmak yerine phpForm ile 3 adımda kolayca oluşturabiliyoruz. Öncelikle ilk ekrandan formun renklerini belirliyoruz.

İkinci adımda gelen arayüzden forma ekleyeceğimiz form elemanlarını ekleyip değerlerini son derece kullanışlı bir arayüzle belirliyoruz.

3. adımda ise oluşturduğumuz formun kodunu alıyoruz. Bu kadar kolay…

Google Docs yepyeni bir özelliği ile karşımızda. Bu özellik sayesinde form oluşturup formdan gelen bilgileri Google Docs’ta saklayabileceğiz. Form oluşturmak bize kolayce veri toplama ve anket düzenleme işlerinde büyük kolaylık sağlayacak.
Yeni bir Spreadsheet dosyası oluşturup form ile kullanıcıya soracağımız soruları kolon ismi olarak yazıyoruz. Sayfayı kayıt edip Share (Paylaş) butonuna tıkladığımızda gelen menüde aşağıdaki gibi “to fill out a form” bölümünü seçiyoruz.

Forma spreadsheet’i oluştururkenki eklediğimiz soruların haricinde aşağıdaki gibi çoktan başka sorular da ekleyebiliriz.

Sonrasında ise bu formu mail ile arkadaşlarımıza gönderebileceğimiz gibi “Go to live form” bölümüne gidip formun html kodlarını sayfamıza aşağıdaki gibi ekleyebiliriz de. Formu dolduran kişilerin forma girdiği bilgiler anında oluşturduğumuz Spreadsheet dosyasına eklenecektir.

Benim oluşturduğum örnek form aşağıda. Bu forma bilgi girdikten sonra buradan Spreadsheet’e bakabilirsiniz.

Örnek form

Buradan yorumunuzu yazabilirsiniz.

powered by Google Docs

Terms of Service
-
Additional Terms

Sayfasına Google Custom Search eklediğim bir sitede türkçe karakterle arama yapıldığında boş sayfa dönmekteydi. Bu sorunu aşmak için google custome search’ün eklendiği <form>..</form> etiketleri arasına aşağıdaki kodları eklememiz yeterli olacak.

<input type="hidden" name="ie" value="windows-1254″ />
<input type="hidden" name="oe" value="windows-1254″ />

Yukarıdakine benzer okunabilirlilikte captcha’ların olduğunu düşünerek bu özellik olmadan spam’i engellemek için şu adreste çok güzel bir yöntem önerilmiş.

Kısaca şöyle çalışıyor bu mekanizma:

Kullanıcıya gözükmeyen bir input oluşturururuz eğer bu input dolu gelirse bu formun bir spam robotu tarafından doldurulduğuna kanaat getiririz. Örnek vermek gerekirse;

İsmini (name değişkenin içindeki parametre) herhangi bir şey koyabileceğimiz bir input oluştururuz.
<input name="deneme" type="text" value=""/>

Harici stil sayfasında veya sayfanın yukarısındaki stil kısmına aşağıdaki gibi bir sınıf oluştururuz.

<style>
.sakla {
display: none;
}
</style>

Sonra input’u kullanıcıdan saklarız.
<div class="sakla"><input name="deneme" type="text" value=""/></div>

Form onaylandıktan sonrada deneme isimli inputun boş olması gerektiğini test ederiz. Aşağıda php ile yapılmış bir örnek var:
if (strlen(trim($_POST['deneme'])) > 0){
//spam bir mesajdır reddet }

Böylece basit bir yöntem ile captcha kullanmadan spam’i engellemiş oluruz.