Cara Membuat Ujian Online di Blogspot

Apakah Anda ingin Membuat Ujian Online di Blogspot untuk jenis tes pilihan ganda, dan juga bisa disertai dengan pembahasannya. Maka, Anda sudah membaca postingan yang tepat.

Cara membuat soal online dengan jenis tes pilihan ganda ini, saya terapkan di blogspot. Cocok untuk yang ingin membuat blog latihan mengerjakan soal pilihan ganda melalui HP Smartphone.

Cara Membuat Ujian Online di Blogspot

Bisa disertakan pembahasannya ataupun tidak. Selain itu, di akhir tes bisa ditampilkan skor atau apakah ingin lanjut ke tes berikutnya.

Cara ini memakai script, jadi pastikan pengguna tidak menonaktifkan fungsi javascript pada browser yang digunakan. Untuk membuat soal online pilihan ganda ini, Anda harus menyiapkan soal beserta kunci jawabannya terlebih dahulu. Misal, soal dan kunci jawabannya adalah:

Langkah Pertama: Siapkan Soal dan Kunci Jawaban
1. Soal satu (a)
2. Soal dua (b)
3. Soal tiga (c)
4. Soal empat (c)
5. Soal lima (a)
6. Soal enam (d)
7. Soal tujuh (c)
8. Soal delapan (a)
9. Soal sembilan (a)
10. Soal sepuluh (c)

Langkag Kedua: Pasang Script Soal dan Jawabannya di dalam HTML Area Posting


<script language="JavaScript">
<!-- Mulai_script_soal
var ans = new Array;
var done = new Array;
var score = 0;
ans[1] = "a";
ans[2] = "b";
ans[3] = "c";
ans[4] = "c";
ans[5] = "a";
ans[6] = "d";
ans[7] = "c";
ans[8] = "a";
ans[9] = "a";
ans[10] = "c";

function Engine(question, answer) {
if (answer != ans[question]) {
if (!done[question]) {
done[question] = -1;
alert("Salah!\n\nSkor anda sekarang adalah: " + score);
}

else {
alert("Anda sudah pernah menjawab soal ini!");
   }
}
else {
if (!done[question]) {
done[question] = 0;
score++;
alert("Benar!\n\nSkor anda sekarang adalah: " + score);
}
else {    
alert("Anda sudah pernah menjawab soal ini!");
      }
   }
}
function NextLevel () {
if (score >= 10) {
alert("Anda LULUS dengan Nilai Luar Biasa !");
}
if (score >= 7 && score <= 10) {
alert("Anda Lulus! Silahkan Lanjut ke Tes Berikutnya!")
self.location="http://www.matematikakubisa.biz.id/2019/04/tes-matematika-dasar-bagian-2.html"
}
else {
alert("Anda Tidak Lulus! Silahkan kerjakan ulang dengan merefresh halaman ini terlebih dahulu. Karena untuk bisa lanjut ke tes berikutnya, minimal Anda harus mampu menjawab 7 soal dengan benar.")
   }
}
// Selesai_Script_Soal -->
</script>
dan tambahkan juga
<noscript><div class="alert">
Javasript tidak mendukung atau tidak aktif di browser Anda. Segera aktifkan javascript Anda!</div></noscript>

Langkah Ketiga: Tulis Soal dan Optionnya Serta Pembahasannya (Jika Ada) di Area HTML Posting

Contohnya sebagai berikut.

JUDUL: TES MATEMATIKA DASAR
DESKRIPSI: Tes Matematika Dasar ini terdiri dari 10 soal, untuk menguji kemampuan kalian dalam operasi pembagian baik pembagian panjang maupun pendek, operasi perkalian, dan pecahan desimal.

FORM SOAL: (Tulis dalam HTML)
<form>
<b>1. Soal Nomor 1 </b>
<input onclick="Engine(1, this.value)" type="radio" value="a" />(a) Jawaban 1<input onclick="Engine(1, this.value)" type="radio" value="b" />(b) Jawaban 2 <input onclick="Engine(1, this.value)" type="radio" value="c" />(c) Jawaban 3 <input onclick="Engine(1, this.value)" type="radio" value="d" />(d) Jawaban 4

<center><button onclick="if(document.getElementById('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''}else{document.getElementById('spoiler1') .style.display='none'}" title="Klik untuk melihat/menyembunyikan" type="button">Buka/Tutup Pembahasan</button></center>

<div id="spoiler1" style="display: none;"> Tulis pembahasan soal no 1 di sini</div>

<b>1. Soal Nomor 2 </b>
<input onclick="Engine(2, this.value)" type="radio" value="a" />(a) Jawaban 1 <input onclick="Engine(2, this.value)" type="radio" value="b" />(b) Jawaban 2 <input onclick="Engine(2, this.value)" type="radio" value="c" />(c) Jawaban 3 <input onclick="Engine(2, this.value)" type="radio" value="d" />(d) Jawaban 4

<center><button onclick="if(document.getElementById('spoiler2') .style.display=='none') {document.getElementById('spoiler2') .style.display=''}else{document.getElementById('spoiler2') .style.display='none'}" title="Klik untuk melihat/menyembunyikan" type="button">Buka/Tutup Pembahasan</button></center>

<div id="spoiler2" style="display: none;"> Tulis pembahasan soal no 1 di sini</div>

Begitu juga untuk soal nomor selanjutnya. Tinggal diganti-ganti angka pada "Engine" dan "Spoiler".

<center>
<input onclick="NextLevel()" type="button" value="Lihat Hasil" /> </center>
</form>

Lihat contoh hasil berikut ini!

1. 491 ÷ 9 =...
(a) $54,\bar{5}$ (b) $56,\bar{6}$ (c) $57,\bar{5}$ (d) $51,\bar{3}$



2. 703 ÷ 6 = ...
(a). $116,\bar{5}$ (b). $117,\bar{1}$ (c). $116,\bar{3}$ (d). $118,\bar{4}$



3. Nyatakan 71/1000 sebagai pecahan desimal!
(a). 0,71 (b). 0,0071 (c). 0,071 (d). 7,1



4. 4,7 + 0,9 + 0,01 = ...
(a). 5,5 (b). 6,51 (c). 5,61 (d). 5,7



5. 0,33 × 0,59 = ...
(a). 0,1947 (b). 1,947 (c). 0,0197 (d). 0,1817



6. 0,84 ÷ 0,7 = ...
(a). 0,12 (b). 12 (c). 0,012 (d). 1,2



7. Yang mana angka yang menduduki tempat seperseribu dari 1,7389
(a). 7 (b). 3 (c). 8 (d). 9



8. $0,87 - 0,48 = ... $
(a). 0,39 (b). 0,49 (c). 0,41 (d). 0,37



9. Pembulatan 3,864 ke persepuluhan terdekat adalah...
(a). 3,9 (b). 3,86 (c). 4 (d). 3,96



10. Bentuk pecahan biasa dari 1,232323... adalah..
(a). 123/99 (b). 1232/999 (c). 122/99 (d). 133/99



Berlangganan update artikel terbaru via email:

Promo Domain Murah

Salah satu manfaat memiliki nama domain adalah mengenalkan brand Anda, apakah itu tentang personal, produk, atau bisnis Anda.

3 Responses to "Cara Membuat Ujian Online di Blogspot"

  1. Salam kenal dari bloger pekanbaru

    ReplyDelete
    Replies
    1. Salam kenal juga dari Blogger Kendari.. terima kasih atas kunjungannya..

      Delete
  2. Min, kalau lihat jawaban benar/salahnya pas klik "lihat hasil" aja gimana min?

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel