Membina Soalan Objektif Dalam Blog Post

Baru-baru ini saya sering ditanya oleh guru-guru yang sambung belajar dengan beberapa soalan yang berkaitan pembinaan blog. Di sini saya ingin kongsi satu perkara yang berkemungkinan boleh digunakan oleh guru-guru dalam pembelajaran dan pengajaran. Kaedah ini digunakan untuk membina soalan yang berasaskan beraneka pilihan jawapan atau lebih dikenali sebagai "Multiple Choice Questions" dalam pos Blogger.

Berikut ialah langkah yang perlu dilaksanakan dalam pembinaan tersebut.

1. Buka bahagian skrip HTML dalam Blogger dengan cara 'Log in' Blogger
2. Kemudian pilih 'Template' dan Klik 'Edit HTML'
3. Seterusnya klik box 'Kembangkan Templat Widget'
4. Cari skrip </head>
5. Kemudian masukkan skrip di bawah sebelum skrip </head>.
   <script type='text/javascript'> function js_set_rad(ref,val) { var x = document.getElementById(ref); x.value = val; } function js_score() { var score = 0; var x = document.getElementById('aq1'); score = eval (score) + eval(x.value); var x = document.getElementById('aq2'); score = eval (score) + eval(x.value); var x = document.getElementById('aq3'); score = eval (score) + eval(x.value); // etc... alert("Skor Anda ialah: "+score); } </script>
6. Perubahan perlu dilakukan pada skrip dibawah, mengikut bilangan soalan
   var x = document.getElementById('aq1');<br /> score = eval (score) + eval(x.value);
7. Perhatikan pada skrip pada Nombor 5, terdapat 3 kali pengulangan skrip bermakna terdapat 5 soalan yang akan dibina.
   var x = document.getElementById('aq1');<br /> score = eval (score) + eval(x.value);<br /> var x = document.getElementById('aq2');<br /> score = eval (score) + eval(x.value);<br /> var x = document.getElementById('aq3');<br /> score = eval (score) + eval(x.value);
8. Terdapat perbezaan pd skrip aq1, aq2 dan aq3. Sekiranya anda ingin menambahnya maka urutan aq ini akan bertambah. Ini bermakna sekiranya anda ingin membina 10 soalan maka anda akan mengulang skrip tersebut dengan membina aq1... aq10.
9. Kemudian “Simpan” dan “Tutup”
10. Seterusnya bina cacatan atau 'post' baru, pilih penulisan secara HTML.
11. Isi ruangan catatan dengan skrip yang berikut:
    Soalan 1<br /> <input type="radio" name="q1" id="q1" value="1" onclick="js_set_rad('aq1',this.value)" /> Jawapan 1a<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> Jawapan 1b<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> Jawapan 1c<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> Jawapan 1d<br /> <input type="hidden" name="aq1" id="aq1" />
12. Skrip tersebut merupakan skrip untuk Soalan 1 dengan 4 pilihan jawapan.
13. Sebagai contoh skrip seperti berikut;
    Soalan 1<br /> <br /> Berapakah bilangan warna bendera Malaysia?<br /> <br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> 1<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> 2<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> 3<br /> <input type="radio" name="q1" id="q1" value="1" onclick="js_set_rad('aq1',this.value)" /> 4<br /> <input type="hidden" name="aq1" id="aq1" />
    Perhatikan pada value="0" bermakna jawapan salah, manakala value="1" merupakan jawapan yang betul.
14. Soalan akan terpapar seperti berikut;
    Soalan 1
    Berapakah bilangan warna bendera Malaysia?
    1
    2
    3
    4
    
15. Ulang salin skrip di atas untuk soalan seterusnya.
16. Namun begitu beberapa perkara perlu dilaksanakan. Sebagai contoh dua soalan dibina.
    Soalan 1<br /> Berapakah bilangan warna bendera Malaysia?<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> 1<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> 2<br /> <input type="radio" name="q1" id="q1" value="0" onclick="js_set_rad('aq1',this.value)" /> 3<br /> <input type="radio" name="q1" id="q1" value="1" onclick="js_set_rad('aq1',this.value)" /> 4<br /> <input type="hidden" name="aq1" id="aq1" /><br /> <br /> Soalan 2<br /> Nyatakan warna bintang pada bendera Malaysia?<br /> <input type="radio" name="q2" id="q1" value="0" onclick="js_set_rad('aq2',this.value)" /> Merah<br /> <input type="radio" name="q2" id="q1" value="0" onclick="js_set_rad('aq2',this.value)" /> Biru<br /> <input type="radio" name="q2" id="q1" value="1" onclick="js_set_rad('aq2',this.value)" /> Kuning<br /> <input type="radio" name="q2" id="q1" value="0" onclick="js_set_rad('aq2',this.value)" /> Putih<br /> <input type="hidden" name="aq2" id="aq2" />
17. Cuba anda nyatakan apakah pindaan yang perlu dilakukan? Sekiranya anda telah faham, bermakna anda memang bijak.
18. Sekiranya telah selesai membina kesemua soalan mengikut jumlah yang anda perlukan. Salin skrip di bawah sebagai penutup.
    <input type="button" name="score" id="score" value="Klik Untuk Skor" onclick="js_score();" />
19. Seterusnya klik 'Terbitkan'.

IlyTrolak:
"Selamat mencuba semua, mungkin tutorial ini akan dapat membantu anda dalam memberi latihan kepada murid."

Komen, pendapat dan cadangan dari pihak pembaca yang budiman, amat kami hargai dan didahului ucapan terima kasih
PERINGATAN: Aku Budak Trolak tidak bertanggungjawab terhadap komentar yang diutarakan melalui laman ini. Ia pandangan peribadi pelawat laman ini dan tidak semestinya menggambarkan pendirian pemilik laman. Segala risiko akibat komen yang disiarkan menjadi tanggungjawab pelawat laman itu sendiri.