Guide

Membuat Form Dengan Wufoo

01.16.07 | 8 Comments

Jangan khawatir jika anda ingin membuat formulir online yang dapat diakses oleh orang dimanapun juga. Tentunya tidak membutuhkan keahlian khusus mengenai bahasa pemrograman maupun database, karena dengan bantuan koneksi internet saja sudah cukup.

Saya ambil contoh jika anda memiliki lembaga training yang sering mengadakan pelatihan-pelatihan. Jika biasanya pendaftaran dilakukan melalui telepon, faks maupun datang langsung, dan menurut anda cara tersebut sudah cukup tertinggal dan menjadi cara yang biasa. Karena anda memiliki akses internet broadband di kantor, anda ingin mengelola pendaftaran pengguna secara online dan realtime. Tetapi sekali lagi anda tidak memiliki kemampuan untuk membuat formulir pendaftaran online tersebut menggunakan bahasa pemrograman dan bantuan database.

Jika hal tersebut yang sedang anda alami, ada alternatif yang dapat anda jadikan referensi untuk mengelola kasus yang sedang anda alami tersebut. Wufoo merupakan website yang menyediakan layanan pembuatan form secara gratis. Formulir dapat anda buat tanpa perlu menulis kode-kode pemrograman, yang perlu anda lakukan adalah membuat form menggunakan tools yang sudah diberikan Wufoo pada websitenya, dan tools tersebut sangat mudah digunakan.

Sebelum anda menggunakan Wufoo anda harus melakukan proses registrasi terlebih dahulu. Seperti layaknya proses registrasi anda diminta mengisi data-data secara lengkap, screenshot proses registrasi dapat anda lihat pada gambar dibawah ini :

Proses registrasi cukup sederhana, dengan mengisi 4 field anda sudah terdaftar dilayanan gratis wufoo. Berikutnya anda langsung ditampilkan halaman untuk membuat formulir yang anda sukai.

Untuk memudahkan proses pembuatan formulir, terlebih dahulu anda membuat sketsa di selembar kertas kosong, saya contohkan sebagai berikut :

Jika sketsa telah anda buat, maka langkah berikutnya memindahkan sketsa tersebut menjadi formulir online sebagai berikut :

1. login pada wufoo website menggunakan account yang telah anda buat, maka anda akan langsung dibawa kehalaman berikut :

2. Klik menu “New Form” untuk memulai proses pembuatan form, maka akan tampil halaman berikut :

Karena wufoo website menggunakan teknologi AJAX, maka proses pembuatan form cukup anda kerjakan dalam satu halaman saja.

3. Klik menu “Untitled Form” untuk merubah judul formulir yang anda inginkan, karena saya telah membuat sketsa form sebelumnya maka judul form saya beri nama “Form Pendaftaran Online”. Berikut screenshot dari proses tersebut. (Klik pada gambar untuk melihat detail”.

Ada beberapa hal yang perlu anda ketahui agar formulir yang anda buat menjadi lebih interaktif, diantaranya adalah :

  • Form Name : Nama dari formulir yang anda buat
  • Description : Deskripsi formulir yang anda buat
  • Email New Entries : Jika opsi ini anda pilih (centang/check), maka jika ada pengguna yang mengisi formulir anda akan dikirimkan data pengguna yang mendaftar.
  • Send Email Reciept to User : Jika opsi ini anda pilih (centang/check), maka pengguna yang mengisi formulir akan dikirimkan copy dari data-data yang diisi.
  • Password Protect : Opsi ini tidak dapat anda gunakan jika anda menggunakan layanan wufoo gratis.
  • Confirmation Message : Anda dapat membuat pesan komfirmasi kepada pengisi form online anda.

4. Langkah berikutnya memulai design form. Klik Tab “Add a Field” untuk melihat jenis-jenis isi dari formulir yang akan anda buat. Saya akan membuat formulir sesuai dengan sketsa awal, maka field-field yang akan saya tambahkan adalah sebagai berikut :

  • Single Line Text : Klik pada field Single Line Text kemudian rubah propertinya sesuai dengan yang anda inginkan. (Gunakan untuk field Nama Lengkap, Tempat Lahir, Alamat Email).
  • Drop Down : Pada field kedua yang ada dalam sketsa form, saya menggunakan drop down menu atas field “Jenis Kelamin”. Rubah properti nya sesuai dengan formulir yang akan anda buat.
  • Date : Untuk menambahkan field dalam format date. Rubah sesuai dengan format yang anda inginkan.
  • Paragraph Text : Untuk menambahkan field yang membutuhkan banyak text. Seperti dalam sketsa form saya menggunakannya untuk field alamat.
  • Phone : untuk menambahkan field dengan format telepon. Tersedia berbagai format penomoran dari telepon yang dapat anda pilih untuk formulir yang akan anda buat.

Jika ke-5 jenis field tersebut sudah anda terapkan, maka formulir anda sudah siap dipublikasikan, tetapi jangan lupa simpan terlebih dahulu. Jika anda ingin melihat tampilan formulir yang ada dalam sketsa sebelumnya, klik link dibawah ini untuk melihat versi online yang dibuat dengan wufoo.

http://mkp.wufoo.com/forms/form-pendaftaran-online/

Selamat mencoba dan menerapkannya.

* Wufoo versi gratis menyedikan 3 kali pembuatan formulir dan 100 isi dari formulir yang kita buar, jadi kalau anda membutuhkan kapasitas yang lebih besar sudah tentu wufoo tidak pas untuk anda :-).

Blogged with Flock

Share/Save/Bookmark

Related Post

  • No Related Post
Great Mobile Sites

8 Comments

speak up

Add your comment below, or trackback from your own site.
Subscribe to these comments.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:) :( :d :"> :(( \:d/ :x 8-| /:) :o :-? :-" :-w ;) [-( :)>- more »

:

:

Comment Preview

« Katanya Kalau Pakai Open Source Hari ini, Pemerintah Mati
» Seribu Pisang Seribu Perhatian