Deprecated: Optional parameter $session_name declared before required parameter $token_string is implicitly treated as a required parameter in /home/eqevcgns/public_html/members/app/Libraries/Auth.php on line 46
Aplikasi Survey Online Berbasis Web | Jagowebdev.com

Aplikasi survey online berbasis web ini dapat digunakan untuk membuat berbagai jenis survey dengan mudah, mulai dari polling sederhana hingga survey yang kompleks, meskipun judulnya aplikasi survey online, aplikasi ini juga dapat dijalankan secara offline.

Aplikasi ini dikembangkan menggunakan bahasa pemrograman PHP dan MariaDB (MySQL) sebagai backend dan untuk frontend nya menggunakan bahasa pemrograman HTML, CSS, dan Javascript dengan framework jQuery dan Bootstrap.

Fitur utama aplikasi survey online ini adalah sebagai berikut:

  1. Dikembangkan menggunakan PHP versi 8 (kompatibel dengan PHP bersi sebelumnya) dan MariaDB (MySQL).
  2. Berbagai model penyajian respon yang akan mempermudah Anda menganalisis respon hasil survey.
  3. Dapat menggunakan jawaban icon smiley.
  4. Dapat menggunakan jawaban range angka 1 s.d. 5 atau 1 s.d. 10.
  5. Validasi menggunakan webcam.
  6. Ekspor respon hasil survey ke file excel.
  7. Kirim email respon hasil survey.
  8. Dapat menentukan apakah survey diperuntukkan bagi pengunjung umum atau hanya untuk user yang login.
  9. Built in rich text editor yang akan mempermudah Anda untuk membuat teks yang kompleks, seperti insert table, gambar, link, dll.
  10. Built in respon validation yang akan mempermudah Anda memvalidasi respon user.
  11. GUI yang mudah dan user friendly, seperti fitur drag and drop yang akan mempermudah Anda membuat dan menyusun pertanyaan.
  12. Responsive layout dan sudah mendukung mobile touch .
  13. Dapat digunakan secara online maupun offline.

I. Membuat Pertanyaan Survey

Aplikasi ini telah didesain sedemikian rupa sehingga pembuatan dan penyusunan pertanyaan dapat dilakukan dengan mudah dan fleksibel. Fitur fitur yang tersedia untuk membuat pertanyaan adalah sebagai berikut:

1. Opsi Jawaban

Aplikasi survey online yang kami kembangkan menyediakan tujuh opsi jenis jawaban yang dapat gunakan yaitu:

  1. Pertanyaan dengan jawaban pendek (short answer).
  2. Pertanyaan dengan jawaban panjang (long answer).
  3. Pertanyaan dengan beberapa pilihan jawaban (dengan radio button)
  4. Pertanyaan dengan jawaban lebih dari satu (dengan checkbox button).
  5. Pertanyaan dengan beberapa pilihan jawaban (dengan dropdown options).
  6. Pertanyaan dengan jawaban icon smiley (satu, tiga, atau lima smiley).
  7. Pertanyaan dengan jawaban range angka (1 s,d, 5 atau 1 s.d. 10)

Berikut contoh tampilan pemilihan opsi tersebut.

Pilihan Opsi Jawaban Survey
Pilihan Jenis Jawaban Survey

2. Built in Text Editor (WYSIWYG)

Ketika membuat survey, terkadang kita perlu untuk membuat teks yang panjang, seperti membuat pendahuluan survey, penjelasan survey, atau keperluan lainnya. Di aplikasi survey online ini, kami telah menyediakan built in rich text editor yang memungkinkan Anda untuk membuat teks dengan format yang tidak terbatas, mulai dari membuat heading sederhana, membuat tabel, hingga menyisipkan gambar.

Berikut contoh tampilan penggunaan text editor untuk membuat pengantar survey.

Penggunaan Rich Text Editor Untuk Membuat Pengantar Survey
Penggunaan Rich Text Editor Untuk Membuat Pengantar Survey

3. Mengatur Urutan Pertanyaan Dengan Muduah

Fitur penting yang wajib ada pada aplikasi survey adalah kemampuan untuk mengatur urutan pertanyaan, karena tidak mungkin hanya karena kesalahan urutan, kita menghapus pertanyaan. 

Aplikasi survey online ini telah didesain sedemikian rupa sehingga memudahkan Anda untuk mengurutkan pertanyaan. Terdapat dua cara untuk mengurutkan pertanyaan, yaitu dengan metode drag and drop, dimana kita cukup klik pertanyaan kemudian menggesernya ke posisi yang diinginkan dan menggunakan menu Move Up dan Move Down yang ada dibagian bawah setiap blok pertanyaan. Berikut contoh dengan drag and drop.

Mengatur Urutan Pertanyaan Dengan Drag and Drop
Mengatur Urutan Pertanyaan Dengan Drag and Drop

Penggunaan menu Move Up dan Move Down ini bermanfaat ketika pertanyaan berisi teks yang panjang sehingga tidak memungkinkan untuk melakukan drag and drop.

4. Mengatur Urutan Jawaban dengan Drag and Drop 

Selain mengatur urutan pertayaan, terkadang kita perlu untuk mengatur urutan jawaban. Di aplikasi ini, pengaturan urutan jawaban dapat dilakukan dengan sangat mudah yaitu tinggal melakukan drag and drop pada daftar jawaban yang ada, berikut contoh tampilannya

Mengatur Urutan Jawaban Dengan Drag and Drop
Mengatur Urutan Jawaban Dengan Drag and Drop

5. Opsi Lainnya

Ketika menyediakan pilihan jawaban kepada responden, terkadang pilihan jawaban tersebut tidak dapat mengakomodir keinginan responden, untuk itu kita perlu menyediakan pilihan jawaban lainnya dimana responden dapat mengisi sendiri jawaban yang mereka inginkan. 

Aplikasi survey ini telah menyediakan fitur yang memungkinkan Anda untuk menyediakan jawaban option lainnya tersebut, sehingga responden dapat mengisi jawaban sesuai dengan yang mereka inginkan

6. Menambah, Menduplikasi, dan Menghapus Pertanyaan

Ketika membuat survey, terkadang terdapat pertanyaan yang pilihan jawabannya berulang, seperti survey kepuasan pelanggan yang memiliki jawaban seragam: Tidak Setuju, Kurang Setuju, Netral, Setuju, dan Sangat Setuju.

Dengan aplikasi ini, Anda dapat dengan mudah mendupliaksi pertanyaan dan jawaban yang telah Anda buat sebelumnya sehingga Anda tidak perlu capek capek menulis pilihan jawaban yang sama terus menerus.

Selain menduplikasi pertanyaan, tentu kita juga dapat menambah maupun menghapus pertanyaan yang ada.

7. Respon Validation

Untuk memastikan jawaban responden sesuai dengan kriteria yang telah kita tetapkan, maka kita perlu memvalidasi jawaban responden tersebut.

Di aplikasi survey online ini, Anda dapat melakukan validasi respon dengan mudah dengan kombinasi validasi yang tidak terbatas, misal memastikan bahwa alamat email yang diinput responden mengandung kata gmail.com, memastikan yang diinput responden adalah digit dengan panjang karakter 18 digit, dll. Dengan menerapkan validasi respon ini, maka kesalahan input dapat diminimalisir.

Berikut contoh tampilan penerapan validasi pada jawaban

Penerapan Validasi Pada Jawaban Survey
Penerapan Validasi Pada Jawaban Survey

8. Update: Pilihan Jawaban Smiley

Pada aplikasi survey online ini, Anda dapat menggunakan icon smiley untuk jawaban survey, penggunaan icon smiley ini bermanfaat ketika membuat survey terkait kepuasan layanan, seperli survey kepuasan pelanggan. Pada aplikasi ini terdapat tiga pilihan smiley yaitu dua, tiga, dan lima smiley.

Berikut contoh tampilan pengaturan jawaban smiley.

Pengaturan Jawaban Smiley
Pengaturan Jawaban Smiley

9. Update: Pilihan Jawaban Range Angka

Ketika membuat survey terkadang perlu memberikan pilihan jawaban berupa range angka, misal survey untuk mengukur level kepuasan pelanggan atas suatu layanan. Range angka yang disediakan pada aplikasi ini ada dua yaitu range angka 1 s.d. 5 dan 1 s.d. 10.

10. Update: Validasi Dengan Webcam

Pada aplikasi survey ini Anda dapat mengatur survey yang mengharuskan responden untuk melakukan swafoto ketika mengisi survey sehingga dapat diyakini bahwa responden merupakan real person. 

II. Penyajian Respon

Aplikasi Survey Online kami telah menyediakan berbagai bentuk penyajian respon yang dapat membantu Anda mempermudah menganalisa respon hasil survey.

1. Pilihan Penyajian Respon yang Beragam

Kami telah melengkap aplikasi ini dengan berbagai bentuk pengolahan data respon yaitu: penyajian respon secara individual, penyajian respon berbentuk resume, dan penyajian respon berdasarkan user dalam hal respon hanya diperuntukkan untuk user yang login.

Berikut tampilan respon beserta pilihan penyajian respon.

Tampilan Respon Beserta Pilihan Penyajian Datanya
Tampilan Respon Beserta Pilihan Penyajian Datanya

2. Respon Bentuk Resume

Pada penyajian respon survey bentuk resume, hasil respon untuk jawaban berupa multiple choices (checkbox, radio button, dan dropdown options) akan disajikan dalam bentuk grafik sehingga dapat langsung terlihat statistik jawaban atas suatu pertanyaan, seperti berapa responden yang menjawab pertanyaan tertentu.

Respon Survey Dalam Bentuk Resume
Respon Survey Dalam Bentuk Resume

Sedangkan untuk jawaban bentuk inputan teks, jawaban akan disajikan secara individual, karena isi jawaban berbeda beda sehingga tidak bisa disajikan dalam bentuk grafik

3. Respon Bentuk Individual

Selain bentuk resume, respon juga dapat disajikan secara individual, dengan model ini, kita dapat melihat, mengedit, maupun menghapus respon satu per satu.

Tampilan Respon Dalam Bentuk Individual
Tampilan Respon Dalam Bentuk Individual

4. Daftar User Yang Mengikuti Survey

Jika survey hanya diperuntukkan bagi user yang login maka pilihan penyajian respon dapat berupa daftar user yang mengikuti respon, dengan bentuk penyajian seperti ini, Anda dapat dengan mudah mencari respon yang disubmit oleh user tertentu untuk kemudian dilihat, diedit, maupun dihapus.

Berikut contoh tampilan daftar user yang mengikuti respon

Daftar User Yang Mengikuti Survey
Daftar User Yang Mengikuti Survey

5. Ekspor Respon ke File Excel

Meskipun telah tersedia berbagai bentuk penyajian pengolahan data respon, Anda ingin mengolah data respon lebih lanjut, telah tersedia menu ekspor respon ke file excel sehingga Anda dapat dengan mudah mengolah hasil respon tersebut sesuai keperluan.

Berikut contoh tampilan respon dalam bentuk file excel.

Hasil Ekspor Respon Dalam Bentuk File Excel
Hasil Ekspor Respon Dalam Bentuk File Excel

6. Kirim Email

Selain ekspor ke file excel, Anda juga dapat mengkirim file excel hasil ekspor tersebut ke alamat email yang telah ditentukan.

III. Mobile Friendly dan Touch Support

Di era sekarang ini, aplikasi yang mobile friendly dan memiliki dukungan pada layar sentuh (touch support) adalah suatu keharusan. Demikian juga dengan aplikasi survey online ini, aplikasi ini kami desain sedemikian rupa sehingga layoutnya mobile friendly dan dapat dioperasikan dengan sentuhan (touch support) terutama untuk keperluan mengubah urutan pertanyaan atau urutan jawaban menggunakan metode drag and drop, berikut contoh tampilannya.

Mengubah Urutan Pertanyaan Pada Perangkat Mobile
Mengubah Urutan Pertanyaan Pada Perangkat Mobile

IV. Setting Global Survey

Untuk memudahkan pengaturan survey, kami telah menyediakan pengaturan survey secara global, dengan pengaturan ini, Anda tidak perlu melakukan pengaturan pada survey satu per satu, cukup melakukan pengaturan global dan semua survey akan terpengaruh. Pengaturan global ini meliputi:

  • Pengaturan zona waktu (Timezone)
  • Pengaturan multiple submit. Apakah responden diperbolehkan mengikuti survey lebih dari sekali.
  • Pengaturan alamat email dalam hal hasil respon akan dikirim ke alamat email tertentu.

V. Dual Mode

Aplikasi ini memungkinkan Anda untuk mengatur siapa saja yang diperbolehkan mengikuti survey, apakah semua pengunjung atau hanya user yang sudah login saja. Dengan model seperti ini, Anda akan leluasa menentukan target responden.

VI. Powerful Backend dan Database

Backend aplikasi ini menggunakan aplikasi Admin Template Codeigniter 4 yang telah kami kembangkan sebelumnya, dengan admin template ini Anda akan dengan mudah mengembangkan backend aplikasi sesuai dengan kebutuhan Anda. Selain itu, database survey ini didesain menggunakan kidah kaidah desain database yang baik dan benar, sehingga akan mempermudah Anda dalam pengembangan data dan aplikasi.

VII. Sistem Registrasi

Seperti dijelaskan sebelumnya bahwa aplikasi ini telah mendukung survey dengan responden user yang login ke sistem. Untuk mendukung fitur tersebut, kami telah menyediakan sistem registrasi yang terintegrasi, dengan demikian Anda tidak perlu repot repot meregistrasi user, biarkan sistem yang bekerja untuk Anda.

Sistem registrasi ini sangat fleksibel, Anda dapat dengan mudah mengatur metode aktivasi user, apakah:

  • Aktivasi via email. User akan dikirimi link aktivasi ke alamat email
  • Verifikasi langsung. User akan langsung aktif setelah melakukan registrasi.
  • Verifikasi manual. Admin mengaktivasi user secara manual melalui menu yang telah disediakan.

Sistem registrasi juga telah dilengkapi dengan sistem lupa password, ganti password, dan kirim ulang link aktivasi, berikut contoh tampilannya.

Sistem Registrasi User
Sistem Registrasi User

VIII. Builtin Survey

Agar memiliki gambaran bagaimana membuat survey menggunakan aplikasi ini, kami telah menyediakan beberapa contoh survey.

1. Survey Kepuasan Pelanggan 

Survey kepuasan pelanggan umumnya digunakan untuk mengukur tingkat kepuasan pelanggan terhadap suatu produk atau layanan. Biasanya survey ini memiliki jawaban yang seragam seperti Tidak Puas s.d Puas, Tidak Setuju s.d Setuju dst.

Pada demo survey yang kami sediakan, survey kepuasan pelanggan salah satunya berupa survey terhadap kualitas website kominfo dengan pilihan jawaban dari Tidak Setuju hingga Sangat Setuju, berikut contoh tampilannya.

Survey Kualitas Website Kominfo
Survey Kualitas Website Kominfo

2. Polling Pilihan Kaos Komunitas Jagowebdev

Contoh selanjutnya adalah polling pilihan desain kaos komunitas Jagowebdev. Polling ini untuk memberikan contoh bagaimana membuat polling yang dilengkapi dengan ilustrasi gambar.

Polling Kaos Komunitas Jagowebdev
Polling Kaos Komunitas Jagowebdev

3. Survey Minat Bahasa Pemrograman

Contoh survey selanjutnya adalah survey minat bahasa pemrograman. Survey ini bertujuan untuk menunjukkan bagaimana cara membuat validasi respon dengan aplikasi ini, diantaranya alamat email yang harus mengandung gmail.com, inputan usia antara 7-55 tahun, inputan nama yang hanya boleh mengandung huruf dan spasi, dll.

Berikut tampilan survey minat bahasa pemrograman.

Survey Minat Bahasa Pemrograman
Survey Minat Bahasa Pemrograman

4. Survey Tabungan Karyawan

Survey ini digunakan sebagai contoh bagaimana membuat survey yang hanya diperuntukkan bagi user yang login, selain itu didalamnya juga terdapat contoh validasi seperti NIP (nomor Induk Pegawai) yang hanya berupa angka dan panjangnya harus 18 digit.

5. Survey Dengan Jawaban Smiley

Aplikasi ini sudah dilengkapi dengan contoh survey dengan jawaban smiley yang dapat Anda gunakan sebagai template untuk membuat survey kepuasan pelanggan. Berikut contoh tampilan survey dengan jawaban lima smiley

Aplikasi Survey Online Dengan Jawaban Smiley
Aplikasi Survey Online Dengan Jawaban Smiley

Berikut contoh survey dengan jawaban dua smiley

Survey Dengan Jawaban Dua Smiley
Survey Dengan Jawaban Dua Smiley

6. Survey Dengan Jawaban Range Angka

Aplikasi survey ini juga sudah dilengkapi dengan contoh survey dengan jawaban range angka, berikut contoh survey dengan jawaban range angka 1 s.d. 5

Survey Dengan Jawaban Range Angka 1 s.d. 5
Survey Dengan Jawaban Range Angka 1 s.d. 5

Berikut contoh survey dengan jawaban range angka 1 s.d. 10

Survey Dengan Jawaban Range Angka 1 s.d. 10
Survey Dengan Jawaban Range Angka 1 s.d. 10

6. Survey Dengan Validasi Foto Selfi

Contoh selanjutnya adalah survey dengan validasi foto selfi dimana ketika mengisi survey, responden harus menyertakan foto selfi. Berikut contoh tampilannya

Survey Dengan Validasi Foto Selfi
Survey Dengan Validasi Foto Selfi

Biaya Investasi

Biaya investasi dapat berubah sewaktu waktu seiring dengan penambahan fitur dari aplikasi, so jangan sampai terlewat.

Note: Aplikasi ini tidak termasuk dalam bundle Membership Premium

Version History

Versi 1.0 (26 April 2021)

  • Initial release

Versi 1.0.1 (27 November 2021)

  • Perbaikan bug: error ketika menambah pertanyaan dengan jenis options, chceckbox, dan select (file pertanyaan.js)
  • Perbaikan error ketika tidak ada survey yang aktif (file app/modules/survey/survey.php)
  • Perbaikan css full height

Versi 1.1 (10 Desember 2021)

  • Update bootstrap ke versi 5.1.3
  • Update jQuery ke versi 3.6.0
  • Halaman depan sekarang berisi list daftar survey yang tersedia.
  • URL sekarang menggunakan friendly url
  • Pengelolaan menu frontend sekarang bisa dilakukan via backend aplikasi
  • Ditambahkan isian page title dan page description pada isian survey
  • Page title dan page description pada halaman depan sekarang dinamis sesuai dengan survey yang dibuka 
  • Bug Fixes 
  • Database update: tabel menu_frontend, menu_frontend_group, dan survey

Versi 1.2 (10 Februari 2022)

  • Penambahan opsi edit pertanyaan pada menu admin survey
  • Perbaikan bug: opsi lainnya tidak muncul
  • Perbaikan bug: preview survey pada halaman edit pertanyaan
  • Tidak ada perubahan struktur database

Versi 2.0.0 (17 Juni 2023)

Fitur:

  • Baru: menggunakan Codeigniter 4.
  • Baru: menggunakan Admin Template CI4.
  • Baru: sekarang frontend menggunakan Codeigniter 4.
  • Baru: sekarang backend menggunakan Codeigniter 4.
  • Baru: jawaban survey bisa menggunakan smiley.
  • Baru: jawaban survey bisa menggunakan range angka (1 s.d. 5, atau 1 s.d. 10).
  • Baru: bisa mengatur align text survey secara global (left atau center).
  • Baru: bisa mengatur lebar container untuk survey.
  • Baru: support penggunaan webcam pada survey.
  • Baru: user bisa melihat respon survey yang mereka isi.
  • Baru: module artikel (contoh menu about pada frontend).
  • Update Font Awesome v6.4.
  • Update Bootstrap v5.3.0.
  • Update jQuery v3.7.0.
  • Berbagai perbaikan bug.

Database:

  • Tabel survey: tambah kolom text_align, layout_width, dan using_photo.
  • Tabel respon: tambah kolom photo_data.
  • Tabel pertanyaan tambahkan kolom param. Data untuk type range: {"jenis":{"type":"circle","start":"1","end":"5","align":"center","color":"danger"}} dan untuk type smiley: {"jenis":{"num":"5","size":"medium","align":"center"}}
  • Tabel pertanyaan kolom jenis tambahkan data enum 'range','image','smiley'

Versi 1.0 (18 Juni 2023)

  • Initial release

Versi 2.1.0 (09 Oktober 2023)

Perubahan Aplikasi:

  • Penambahan opsi Clone Survey pada menu Survey
  • Bug Fix

Perubahan Database:

  • Tidak ada

Screenshot

Comment

Silakan login untuk meninggalkan komentar
    • EkoVIP
    • 2025-03-28 20:17:15

    Kalo contoh jawabannya pakai star (bintang) ada tidak mas? Mirip seperti smile tapi ini star

    • Untuk jawaban star saat ini belum ada mas, namun bisa jadi masukan untuk pengembangan berikutnya

    • Fadli
    • 2025-03-20 11:42:05

    Mau tanya kenapa ya tampilan tambah pertanyaan seperti ini : 

  • pagi mas, tertarik mas sama aplikasi ini, sudah ada untuk custome dashboard nya mas?

  • malam mas, saya tertarik dengan aplikasi ini, ada link di toko online gk mas?

    • Kami tidak menjual di marketplace mas, hanya menjual melalui web ini

  • Permisi mas, setelah pembelian mendapatkan benefit apa aja? 

    • simsonVIP
    • 2024-09-05 15:47:22

    Kenapa tidak bisa simpan data.

    saat mengedit pertanyaan yang sudah ada. menambah pilihan jawaban survey dengan mode checkbox atau option.Data tidak bisa tersimpan 

    Dan mncul error undefined variable $db

     

  • selamat pagi om. apakah ini bisa digunakan untuk survei internal parpol?

    • Bisa dicoba demo nya pak, kalau sesuai kebutuhan berarti bisa digunakan 

    • FajarVIP
    • 2023-12-21 15:39:44

    mohon bantuannya Min

    saya install PHP 8.2

    net::ERR_ABORTED 500 (Internal Server Error) khusus halaman Backend

    padahal baseURL dan ParentURL sudah kita sesuaikan

    • Ada dua pilihan mas, bisa tanpa login atau user diharuskan login, bisa coba dilihat lihat di demo nya

  • Terima kasih sudah membuat aplikasi survey yang luar biasa bagus.

  • apakah ada aplikasi survey seperti yang diatas yang codeigniter 3 mas?

     

    • yahya
    • 2023-01-18 13:55:54

    maaf tanya jika waktu ambil antrean Error copy(\\192.168.5.57\POS80): Failed to open stream: Permission denied gimana ya pak, setting sudah mengikuti pedoman

  • Apakah support pertanyaan bercabang?

    Jika pilih jawaban A, pertanyaan selanjutanya akan berbeda dengan jika memilih jawaban B

     

  • Salam mas. Bisakah user membuat polling sendiri seperti PollingKita? 

    • Untuk saat ini, agar user dapat membuat polling, role user bisa diberi menu untuk membuat polling

    • Bisa klik tambah keranjang dulu mas kemudian checkout, nanti petunjuk selanjutnya ada disana

  • System Logic nya gak belum muncul ya ? misal pertanyaan 1 jika jawaban A maka lanjut ke pertanyaan 3 

  • Mau tanya lagi,
    kalau pengisian survey itu yang ngisi 1 akun 1 kali mengisi ya ? tidak bisa lebih dari 1 pengisian survey ?

     

    • Bisa mas, masuk ke menu backend, kemudian pilih menu Respon, di halaman tersebut ada menu ekspor untuk mengekspor hasil survey ke excel

  • Maaf mas, saya berminat, tapi apakah bisa ditambahkan elemen untuk pertanyaan : Attach file/foto, Date Field (pengisian tanggal) ? terima kasih

  • script didalamnya mas
    untuk script crud nya apa bisa diperlihatkan?

  • boleh kirim sedikit gambaran source code nya?
    karena mau saya kembangkan lagi

     

    • Sementara belum ada mas, untuk ccontoh script nya bisa melihat contoh survey yang ada

  • nomor kontaknya gak ada ya ... bagaimana cara belinya

  • apakah ada tutorial cara penggunaanya?

    • Maaf sementara belum ada mas. Untuk penggunaannya bisa mencontoh survey yang disertakan dalam aplikasi

Rating

Beri rating

Harga

Harga
225.000

Author

Author
Agus Prawoto Hadi

Script

Release
26 April 2021
Update
09 Oktober 2023
Versi
2.1.0
Framework
jQuery 3.6
Script
HTML