Membuat Form Dengan Wufoo

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

27 Responses to “Membuat Form Dengan Wufoo”

  1. helgeduelbek 16. Jan, 2007 at 6:40 pm #

    wah keren… tapi sayangnya gak bebas merdeka yah. Ada yang lain pesaing wufoo barang kali????

  2. helgeduelbek 16. Jan, 2007 at 6:41 pm #

    Eh lupa gimana pengelolaannya? pengambilan data yg ada dalam formulir itu?

  3. raffaell 17. Jan, 2007 at 8:50 am #

    keren nih, aku baru tau, aku masukan kedalam web tools ku yak, sip deh, biasanya aku pake script buatan orang untuk fom fom an, ternyata ada yang web service, cool

    thanks bro

  4. micokelana 17. Jan, 2007 at 9:46 am #

    HELGEDUELBEK : Iya gak bebas merdeka, tapi lomayan 100 fill khan, trus bisa buat 3 form, berarti 300 fill. Untuk report login aja ke wufoo klo udah buat form nanti ada kok menu untuk reportnya.

    RAFFAEL : :d, iseng-iseng berhadiah

  5. xa 18. Jan, 2007 at 9:54 pm #

    test

  6. xa 18. Jan, 2007 at 9:56 pm #

    Test for html

  7. xa 18. Jan, 2007 at 9:59 pm #

    Test for html

  8. xa 18. Jan, 2007 at 10:01 pm #

    Test for html

  9. erianto simalango 08. Oct, 2008 at 5:26 pm #

    saya dah coba buka tapi tidak tampil.
    saya dah selesai buat form di wufo http://goldenharvest.wufoo.com tetapi harus login baru bisa tampil formnya.

    Gimana dong cara tampilkannya ke umum?

  10. micokelana 09. Oct, 2008 at 2:42 pm #

    erianto : udah di set aktif belom?? gak ada setingan aneh2 kok di wufoo….

  11. accewRhycle 27. Oct, 2008 at 3:46 am #

    Heh.. What do you think of my friendly basis Wanna joke?) Why does a turtle live in a shell? Because it can’t afford an apartment.

  12. flory 23. Nov, 2008 at 12:46 pm #

    Ini Baru Keren abisss.tadinya aku mau bayarin orang untuk membuat form-form ku tapi sekarang semuanya beres.
    tetapi tema-teman,,ada yang tahu gak gimana caranya agar form-form itu bisa di upload ke web yang masih di local host??dan cocok gak sih itu form untuk web seperti joomla gitu,,,,

  13. micokelana 23. Nov, 2008 at 8:25 pm #

    Klo cuman pengen dipublish via localhost sih bisa aja, asal ada koneksi internet pasti tetep bisa akses ke form wufoo yang kamu buat. Untuk ditampilin di Joomla juga gak masalah kok, cuman sedikit saran sudah ada beberapa komponen Joomla yang memang konsentrasi pada pembuatan form.

  14. Xskyeigy 13. Dec, 2008 at 11:12 pm #

    Thanks!,

  15. firsty 16. Dec, 2008 at 2:28 am #

    trimsssss. nanti dicoba….

  16. ganool 13. Aug, 2009 at 1:21 pm #

    coba pake yang ini: bravenet.com
    form registrasi lngsung dikirim ke email kamu

  17. harasya 17. Sep, 2009 at 3:00 pm #

    bisa ga orang yang mendaftar itu mendapatkan softcopy dalam bentuk PDF setelah mendaftar di from kita

  18. Daniel 06. Nov, 2009 at 8:03 pm #

    selain wufoo ada yang lebih praktis gak?
    kok pas saya klik link contoh formnya tapi malah error?

  19. andi bintang 08. Nov, 2009 at 6:34 am #

    Salam Kenal Mas, Tks Infonya

  20. catur ariadi 25. Feb, 2010 at 7:19 am #

    terima kasih mas atas infonya saya sangat terbantu dengan ini. tapi wufoo ini bisa dipasang di wordpress juga ga yah? maklum masih awam mas
    My recent post Tips agar mendapatkan Job Review Dari SponsoredReviews

  21. indera 21. Jul, 2010 at 1:34 am #

    halo saya indra, saat saya ingin mendaftar wufoo tp knp malah muncul tampilan "Error – 1013nabyrtc"
    apa yg terjadi dg registrasi saya? apakah ada yang mengerti???

    • sheila 28. Jul, 2010 at 6:38 am #

      iya sama,,,saiaa juga error mulu pas sign up di wufoo…

  22. sheila 29. Jul, 2010 at 3:12 am #

    ihhh wufoo eror mulu pas daftar nya….ada cara lain ga selain wufoo??thx yaa… :)

  23. zennon 05. Aug, 2010 at 8:09 am #

    ah wufoonya error trus gitu,,
    ada alternatif lain?

  24. mersi 31. Dec, 2010 at 9:53 pm #

    thanks…dicoba dulu ah ya….

  25. kaulaweb 24. Mar, 2011 at 10:33 pm #

    mantap neh

  26. disuka 02. May, 2011 at 3:26 pm #

    wah keren juga ya… thaxs infonya kawan
    My recent post Prosedur Penggunaan Jamsostek

Leave a Reply

CommentLuv badge