berikut langkah-langkah setting Ujian Berbasis Komputer dengan memanfaatkan Google Site sebagai landing platform dan Google Form sebagai input platform nya
alat dan bahan yang perlu disiapkan
1. daftar nama user dan password, bisa disiapkan di google sheet atau excel
2. siapkan soal, mulai dari document word biasa yang rapi hingga mudah dimasukkan kedalam google form
3. akun google yang bisa mengakses google site, google form dan google drive
LANGKAH KERJA
1. Siapkan file username
section 1 untuk username login password
section 2 untuk pilih nama dan jurusan kelas
section 3 untuk soal - soal ujian
3.setting username password pada section pertama
setting section 1 pada google form dengan format
copy daftar user & password dari google sheet dengan setiap username di pisakan dengan garis lurus d tengah " | " , untuk mudahnya bisa menggunakan rumus sheet seperti gambar
9. buat halaman depan dengan judul USBK/ Ujian PAT dengan tombol soal ujian yang akan mengarah ke page halaman baru berisi soal google form
10. buat page halaman baru berisi embed halaman soal google form
copy kan kode HTML embed soal google form nya
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body>
<div id="timer" align="center"><a class="fa fa-book"></a> UJIAN KEBANGSAAN || Waktu Tersisa <a class="fa fa-clock-o"></a> <span id="time"></span></div>
<span id="form">
<iframe src="https://forms.gle/pJvgeVVNGqD9QLvy7">Tunggu yaa</iframe><br />
</span>
</body>
<script>
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
var batas = timer + 90*2 ;
setInterval(function () {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds + " Menit";
if (--timer < 0) {
document.getElementById("timer").innerHTML = "Habismi Waktu ta";
}
if (--batas < 0) {
document.getElementById("form").style.visibility = "hidden";
document.getElementById("timer").style.visibility = "hidden";
}
}, 1000);
}
window.onload = function () {
var fiveMinutes = 60 * 60,
display = document.querySelector('#time');
startTimer(fiveMinutes, display);
};
</script>
<style type="text/css">
body {
overflow: visible;
}
iframe {
height: 900px;
width: 100%;
border: 0px;
padding-top: 8px;
margin: 0px
}
#timer {
background-color: #808080;
color: #000000;
font-family: arial;
font-weight: bold;
padding: 10px 30px;
border-radius: 100px;
}
</style>
pastikan link google form shortlink nya anda masukkan ke tengah code html
hideen halaman page soal agar tidak mudah di akses oleh user siswa
launching/publish halaman ujian google site anda
Tidak ada komentar:
Posting Komentar