www.fauzy-ak.info

Atas permintaan dan saran beberapa teman, baru sekarang aku bisa share bagaimana membangun (mbuat) form pengaduan online seperti yang dipasang di web pa-purwokerto.go.id. Tapi apa yah yang bisa aku share, karena saat membuat itu - terjadi serba kebetulan : kebetulan menemukan komponen jfrom itu pada website aslinya (dan telah aku sharedi  halaman download), kebetulan ketika nguprek dan ditampilkan kok jadi, dan .... kebetulan-kebetulan yang lain.

Membuat form online (baca : pengaduan online) dengan menggunakan komponen jform tidak serumit sebagaimana saat kita membuatnya dengan CB (maaf CB yah … aku kali ini gak pakai lagi).  Komponen jform  serasa sungguh tidak  pernah nge-test apakah kita ahli atau tidak. Serba ngalir dan tak perlu menguras pikiran kita.

Mungkin gak perlu lah memulai dengan bagaimana meng-installnya (dah biasa kan?). Setelah install seperti biasa mesti kita cari di menu (eh … istilahnya apa yah?) Component, lalu cari jform dan klik aja. Tindakan ini akan membuka lembar kosong jform dan klik new, muncul tampilan dengan judul DESIGN sebagai berikut :

Terdapat dua jendela. Sebelah kirim berisi 3 bagian : Toolbar, Form, dan Element. Sedang jendela sebelah kanan ada 3 bagian juga (ketiganya penting gak penting) …. Tapi pastinya biarkan saja karena dibawahnya nanti akan kita pasang unsur-unsur yang kita pilih. (sorry wis mulai mumet nggolek istilahe sing pas).

Pada toolbar berisi : basic, advanced, automatic dan spam-control. Bagian toolbar ini merupakan bagian penting untuk memulai membangun form.

Tapi maaf, untuk penjelasan tentang fungsi masing-masing unsur gak perlu lah ya, dah coba aku tulis tapi ternyata tulisan tentang ini jadi puanjaang banget. Kenali sendiri aja nanti.

Langsung aja bagaimana aku lakukan mbangun formnya. Setelah lembar DESIGN muncul …  :

• Klik dan seret unsur yang bernama HTML element  (hello word) ke jendela sebelah kanan. Unsur ini berfungsi untuk membuat tulisan “Seperti anda, kami … dst”. Atau untuk membuat keterangan lain (misal : penjelasan tanda bintang harus diisi). Klik hello word nya dan klik icon kertas disebelah kanan untuk membuat tulisannya. Setelah selesai klik done. Lalu klik toolbar untuk siap mbuat isian berikutnya.

• Klik dan seret unsur textbox untuk mbuat isian “nama lengkap anda”. Klik pada tulisan textbox, pada jendela sebelah kiri, ganti tulisan  textbox pada baris lebel dengan “nama lengkap anda”. Pada Required pilih yes untuk pilihan wajib diisi. Lalu klik toolbar lagi.

Ini contoh aja. Untuk mbuat isian yang lain tatacaranya sama kok dengan mbuat isian nama “lengkap anda”. Mungkin yang berbeda pada pembuatan isian alamat lengkap dan Isi pengaduan. Di kedua isian ini aku gunakan unsur textarea. Sedangkan isian pada “Materi Pengaduan” aku pakai unsur List. Ganti kata option dengan kalimat yang kita kehendaki.

Agar pelapor bisa menyertakan catatan lengkap ataupun bukti yang ia punya, kita beri fasilitasnya dengan memasang unsur File Upload. Kemudian untuk menjaga agar terproteksi masuknya spam, pasang unsur Securimage Captcha. Untuk secure ini ada pada bagian Spam Control. Pasang pula unsur Button (Submit) dengan mengganti menjadi KIRIM untuk fasilitas kirim pengaduan (ada di bagian Basic).

Selesai. Belum juga. Untuk menutup pembuatan form agar bisa berjalan seperti yang diharapkan, klik Form (sebelah kanan toolbar tuh), klik form information. Isi Judul formnya (misal : Form Pengaduan Online) pada baris title. Kemudian klik Redirections (sebelah bawah form information). Isi pada “thank you page link” dengan alamat website anda (misal : http://pa-purwokerto.go.id). Atau anda mbuat halaman sendiri di web anda tentang pernyataan terima kasih, copy dan paste linknya disini.

Mudah dan sederhana kan ? gak rumit, gak ribet dan gak mikir2 banget gitu. Oh iya … untuk pengamanan juga, anda bisa pasang unsur IP yang ada pada toolbar bagian Automatic. Unsur ini untuk mengetahui dari manakah pelapor mengisi aduannya.

Dibalik semuanya … masih banyak fasilitas dari komponen jform ini yang bisa dicoba-coba. Makin sering mencoba, tentu akan makin tahu seberapa banyak fasilitas yang bisa kita manfaatkan.