Cara Membuat Data Isian / Formulir dengan CK Form Pada Joomla - Kebutuhan data online saat ini cukup vital ditengah-tengah kita, berikut cara dan kiat pembuatan data online menggunakan CK Form. sebagai contoh ini adalah data pendaftaran online

Kita sangat diuntungkan dengan adanya CMS Joomla! yang free. Di dalamnya telah banyak menyediakan componen semacam formulir untuk para pengguna dan pembuat website bertajuk Joomla!. Silahkan Anda melihat contoh formulir yang saya buat di situs ini. Diletakkan di menu kontak -> formulir. Tentang pembuatan cukup mudah dan tanpa pengalaman kode-kodean pun kita tinggal ceplok-ceplok saja. Pastinya, bagi para admin mampu menanganinya.

Adapun cara memasukkan formulir di Joomla ini seperti juga memasukan component dasn modul yang sudah-sudah. Namun langkah singkatnya sebagai berikut:
  1. Download terlebih dahulu extensions bernama CK FORM untuk membuat formulir pada link berikut cK Form Com atau di cK Form Plugin lalu download lagi cK Form Pludgin Data jika ingin ditampilkan di halaman website 
  2. Download tiga file diatas.
  3. Setelah download langsung di install ke dalam Joomla. menu extensions --> Install/Uninstall
  4. Browse dan ambil CK FORM yang baru saja di download
  5. Setelah terinsatl selanjutnya CK FORM siap dibuat databasenya.
CARA SETTING FORMULIR
Masuk ke menu Components --> CKFORMS
Klik New
Ada empat pengaturan tab yang harus diisi, terdiri dari:
General | Lihat contoh isinya
ck form

Result | Lihat contoh isinya
ck form

Email | Lihat contoh isinya
ck form

Advance | Lihat contoh isinya
ck form



MEMBUAT FIED (isi) FORMULIR
 
Setelah pengaturan untuk CKform selesai selanjutnya mengatur apa saja yang akan ditamplkan dalam formulir. Makudnya user online akan mengisi apa saja. Silahakn disesuaikan.
Pastikan layar monitor masih dalam posisi tab pengaturan CKform.
Kita mulai dengan klik Tombol Field yang berada di pojok kanan atas monitor.
Klik NEW untuk membuat field database baru
Name : NAMALENGKAP (database)
Labe : Nama Lengkap (ditampilkan di web)
Published : yes
Type : text
Mandatory : cekl ist jika harus diisi
Tips Text : kosongkan
Custom error text: kosongkan saja
Max Length : kosongkan
Min Length : kosongkan
Initial value: kosongkan
Text type: text
Contoh :

ck form

Langkah itu untuk mengisi satu field NAMA CALON SISWA saja yang berjensi teks Anda diharuskan membuat database untuk feild berikutnya.

Sebagai contoh pengisian ada empat macam pengisian di dalam situs ini:
Field untuk Nama Lengkap jenis text lihat contohnya
Filed untuk Jenis Kelamin | pilihan radio button lihat contoh
ck form
  
Field untuk Tanggal Lahir jenis date lihat contohnya
ck form

Filed jenis email lihat contohnya
ck form

Filed Golongan Darah jenis Pilihan lihat contohnya
ck form

Field jenis upload file lihat contohnya
ck form

Field untuk Kirim / Batal jenis submit/reset lihat contohnya
ck form

Ada berapakah jumlah field yang saya buat di dalam formulir kontak dalam situs ini Anda bisa melihat contoh macam-macam field yang telah saya buat. Lihat contohnya.

MENAMPILKAN FORMULIR DALAM MENU

Agar Formulir ini bisa tampil seperti di website ini lihat seperti di kontak ada menu formlis kita sediakan di situ. Bagaimana cara pasangnya:
Caranya masuk ke menus --> main menu --> New
Klik CKForms --> Standard CKForms CSS Layout
Isilah untuk nama, posisi di menu dan simpan. Lihat contoh isiannya di sini
Alhamdulillah, cobalah Anda sudah bisa melihat hasilnya.

ck form


Begitulah contoh pembuatan formulir pendaftaran, Anda bisa berkreasi sendiri untuk keperluan apa saja.

Posting Komentar

  1. data isian formnya masuk kemana???

    BalasHapus
    Balasan
    1. Untuk melihat data isian nya, silahkan dilihat pada menu Extensions submenu ckForm nya.
      Trims udah mampir..

      Hapus
  2. bila mengedit, komponennya bagaimana caranya ?

    BalasHapus
    Balasan
    1. Pada Menu Extensions submenu ckForm klik item yang akan diedit, semoga berhasil.

      Hapus
  3. saat di klik status pendaftarnya kok foto yang sudah diupload gak tampil ya mas

    BalasHapus
  4. Saya mau bikin form member juga semacam halaman member komplit dengan auto setting member untuk foto,artikel dan lain sebagainya itu,gimana caranya ya mas?Please bantu saya.Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.

    BalasHapus