TIMER GOOGLE FORM TANPA ADD ON

Diposting oleh Wisnurat 2:34 PM 15 comments

Tutor.Okeguru.Com - Timer Google Form Tanpa Add On.

Google form jadi aplikasi paling sering digunakan untuk mengumpulkan data. Terutama fitur quiz yang paling banyak dipakai para pendidik.

Namun ada kebutuhan khusus saat implementasi Google Form sebagai quiz. Terutama dalam pengaturan durasi pengerjaan. Hal ini bisa dilakukan dengan menambahkan plugin. Seperti yang pernah dibahas di Cara Mengatur Batas Waktu Google Form yang saya tulis dua tahun silam.

Nah... Kali ini saya akan membahas cara membuat timer Google Form tanpa Add On. Memang belum sempurna, tapi bisa jadi solusi untuk mengatur batas waktu menjawab soal online. Yuk dicoba dulu demo nya...

Demo Timer Google Form

Timer Google Form Tanpa Add On

Timer Google Form tidak bisa berdiri sendiri. Memerlukan satu laman web HTML atau lama blog. Jadi dalam implementasinya, laman Google Form yang sudah diberikan timer akan disimpan pada laman web / blogger.

Ada kode program yang harus disisipkan kedalam laman web / blog. Tapi jangan khawatir. Teman - teman tidak perlu takut dengan kode programmnya. Karena saya sudah siapkan aplikasi yang mudah. Teman - teman cukup isi saja datanya.

Aplikasinya bisa teman - teman gunakan dibagian akhir tulisan ini.

Video Membuat Timer Google Form Tanpa Add On

Supaya lebih detail. Saya tunjukkan cara menggunakan applikasi untuk menghasilkan kode timer Google Form tanpa Add on. Yuk, simak video panduannya di bawah ini!

Generate Code Timer Google Form Tanpa Add On

Judul Tes

Link Google Form

Waktu Tes (menit)

Batas Waktu Klik Submit Sebelum Soal Hilang (menit)

Pesan Setelah Waktu Habis

Warna Background

Warna Teks

Tampilan Border

KETERANGAN
Generate Quiz Code : untuk menampilkan kode.
Reset Code : untuk me-reset isi data kode.
Copy Code : meng-copy code yang sudah dihasilkan.


<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> okeganti || Waktu Tersisa  <a class="fa fa-clock-o"></a> <span id="time"></span></div>

<span id="form">
<iframe src="okeganti">Tunggu yaa</iframe><br />
</span>
</body>

<script>

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    var batas = timer + 60*okeganti ;
    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 = "okeganti";
        }
    if (--batas < 0) {

           document.getElementById("form").style.visibility = "hidden";
           document.getElementById("timer").style.visibility = "hidden";
        }

    }, 1000);
}

window.onload = function () {
    var fiveMinutes = 60 * okeganti,
        display = document.querySelector('#time');
    startTimer(fiveMinutes, display);

};

</script>

<style type="text/css">
  
body {
    overflow: visible;
}

iframe {

height: 600px;
width: 100%;
border: 0px;
padding-top: 8px;
margin: 0px
}

#timer {
background-color: okeganti;
color: okeganti;
font-family: arial;
font-weight: bold;
padding: 10px 30px;
border-radius: okegantipx;
}

</style>

Seperti itulah cara membuat timer google form tanpa Add on. Mudah kan. Jika ada penjelasan yang kurang jelas atau ada kesalahan, silahkan tulis di kolom komentar.

Karena berbagi itu indah, bagikan artikel ini untuk saling berbagi informasi.
Salam inovasi, Salam implementasi.
~☺~

Wisnurat Teacher, Public Speaker, Writer, Blogger, Education Content Creator and Enterpreneur.

15 comments for "TIMER GOOGLE FORM TANPA ADD ON"

Akademik Stifa April 13, 2022 at 12:01 PM

Ketika waktu habis,,, Masih bia mengisi,,, tidak Close langsung,,,

Reply Delete

Anonymous October 13, 2022 at 8:49 PM

Mbok ya ditulis tutornya. Sedang kismin kuota nih...

Reply Delete

Anonymous April 14, 2023 at 2:21 PM

kalo kodenya htmlnya ke google sites apakah bisa, bagaimana tutorialnya ?

Wisnurat April 18, 2023 at 8:00 AM

Caranya sama dengan menyematkan kode video. Seperti ini https://tutor.okeguru.com/2022/10/menambahkan-video-youtube-ke-google.html

Bedanya, untuk kode yang disemoatkan adalah kode HTML Quiz https://tutor.okeguru.com/2021/10/timer-google-form-tanpa-add-on.html

Delete

Reply Delete

Dipta Amanah October 19, 2023 at 12:01 PM

Ini bisa diisi berulangkali ya pak? Semisal cuma dikasih kesempatan cuma 1 kali pengisian bisa tidak ya?

Wisnurat October 21, 2023 at 3:09 AM

Jika pengaturan form-nya diseting 1x respon, hanya bisa diisi 1x. Kecuali siswa menggunakan akun email yg berbeda.

Delete

Reply Delete

Anonymous December 22, 2023 at 2:52 PM

Pa, ini klo disematkan ke situs berbasis GoogleSite apakah bisa? atau harus menggunakan blogger atau wordpress?

Reply Delete

Wisnurat December 23, 2023 at 11:43 AM