Cara Mudah Membuat Kuis Online Interaktif dan Responsif

Sejalan dengan perkembangan teknologi yang semakin pesat, strategi pembelajaran juga semakin maju. Nah, kali ini yang akan kita bicarakan adalah mengenai strategi penilaian. Penilaian merupakan hal yang harus dilakukakan oleh guru guna mengetahui perkembangan peserta didik dalam menyerap materi yang sudah diajarkan. Untuk itulah mengapa pendidikan dari jaman dulu sampai sekarang mau kurikulum yang bagaimanapun masih ada yang namanya tes, ulangan, ujian, kuis, tamrinan, atau apalah namanya.

Bahkan saat ini sudah diterapkan oleh pemerintah yang namanya UNBK, Ujian Nasional Berbasis Komputer, mulai tingkat SMP/MTs hingga SMA/SMK/MA. Jadi suatu keharusan bagi guru untuk melatih, dan memberi pengalaman kepada siswa atau peserta didik untuk melakukan semacam tes yang berbasis non paper. 

Nah, dikarenakan saat ini mayoritas peserta didik sudah akrab sekali dengan HP, Tablet, PC, atau laptop bahkan mereka rela menahan lapar dan menahan kantuk ketika mereka sedang “bercengkerama” dengan device-nya itu. Maka wajib hukumnya bagi guru untuk masuk ke dunia mereka, dan perlahan-lahan membawanya ke dunia kita. Hah, maksudnya??? Maksudnya kita perlu menerapkan suatu penilaian atau tes yang bisa diakses dan dikerjakan melalui berbagai device yang mereka miliki baik berupa laptop, HP, atau iPad. 

Selain bertujuan untuk meningkatkan keefektifan penilaian, juga tujuan besarnya adalah agar mereka punya pengetahuan dan pengalaman bahwa teknologi tidak hanya untuk ber-sosialmedia saja tetapi bisa digunakan untuk belajar.
Kuis Online Interaktif dan Responsif, bisa diakses via HP atau browser apapun

Tentu banyak software yang bisa kita gunakan untuk membuat tes online. Kali ini, kita akan menggunakan iSpring. Nah, target pembuatan kuis kita kali ini adalah
  1. Kuis interaktif dan responsive, artinya bisa diakses di beberapa device secara daring (Online)
  2. Kuis bisa dipasang atau ditampilkan (embed) di blog/web 
  3. Hasilnya akan terkirim ke email guru yang bersangkutan jika ada siswa yang mengerjakan.

Untuk lebih detail pembuatan kuis dengan ispring akan dibahas di postingan selanjutnya. Kali ini saya anggap Bapak/Ibu guru sudah bisa membuatnya secara Offline (Luring)

Pembuatan Kuis Online Yang Bisa Diakses Melalui HP berbasis web/blog

Langkah-langkah yang kita lakukan
  • Agar hasil tes bisa terkirim ke email kita, maka pada bagian “result” kemudian pilih “if user passes” dan “if user fails” kita isikan email kita seperti gambar di bawah ini


  • Agar kuis bisa responsive, maka ketika akan mem-publish pilih format mobile (HTML 5). Lalu silakan di-publish

Pembuatan kuis online intraktif dan responsif dengan menggunakan ispring


  • Sehingga diperoleh hasil file dalam satu folder yang di dalamnya terdapat “index” dan folder “data” seperti di bawah ini. NOTE: keduanya tolong jangan di-rename!



  • Agar kuis bisa diakses secara online, maka kita akan upload di googledrive atau di onedrive atau yang lainnya. Kali ini kita gunakan googledrive. Buka link https://drive.google.comhttps://drive.google.com
  • Buat folder baru di googledrive

  • Silakan beri nama folder tersebut misalkan: kuis online

  • Pada folder kuis online, silakan pilih new – folder upload. Lalu kita upload folder kuis tadi yang masih ada di computer kita


  • Jika sudah, silakan klik kanan folder yang sudah teruload tadi pilih share


        Pilih advanced

        Kemudian pilih change

        Lalu pilih Public on the web

  • Kemudian save, dan  copy alamat link (bertanda merah pada gambar) ke notepad. 


  • Nah, ini bagian yang penting. Ketikkan link pada notepad link berikut ini https://googledrive.com/host/ kemudian copy link share tadi setelah tanda sama dengan”=” sampai sebelum tanda “&” atau “?”. Kemudian paste seperti gambar di bawah ini



Silakan cek apakah kuis bisa diakses atau tidak. Caranya yaitu copykan alamat  yang ada pada notepad https://googledrive.com/host/BLABLABLA tadi ke browser. Dari sini pasti kuis bisa diakses….

Sampai di sini pekerjaan kita sudah selesai, Tinggal sekarang kita sebarkan link tersebut….. SEMOGA BERMANFAAT…

Tingkat Lanjut
Akan tetapi jika kita ingin memasang kuis kita di blog sehingga kuis bisa langsung terlihat di postingan blog, maka silakan buat entri baru di blog Pilih yang HTML lalu kopi tulisan berikut 
<iframe src="MASUKKAN LINK YANG TADI" width="800" height="600" scrolling=”yes” />
Link yang dimaksud adalah link yang ada di notepad pada baris kedua tadi (https://googledrive.com/host/BLABLABLA). Untuk ukuran width dan height silakan diganti sesuai selera….
Berikut ini adalah kuis yang sudah saya buat dan sudah terpasang di blog. Silakan Klik

3 komentar untuk "Cara Mudah Membuat Kuis Online Interaktif dan Responsif"

  1. saya mencoba tutorial yang bapak tulis di blog tapi dak bisa tampil soal. Tolong infonya terkait dengan alamat drive dan link to share yang harus dicopy. terima kasih

    BalasHapus
    Balasan
    1. Baik Pak, nampaknya google algoritma yang baru sehingga untuk sementara cara ini belum bisa berhasil.
      Ke depan jika saya sudah menemukan cara yang terbaru lagi, Insya Allah akan saya share...
      Terima kasih atas kunjungannya Pak

      Hapus
    2. Saya sangat tertarik dengan bahasan ini.
      Saya coba link pak Ahmad Syairozi untuk contoh kuis yang sudah dibuat... ternyata tidak ada (error 404)
      mohon kita bisa kontak di abisabsono@gmail.com
      Terima kasih pak.

      Hapus