Assalamualaikum, dihari ke 3 Bulan Ramdhan tahun ini, aku ingin membahas perihal bagaimana caranya menciptakan timer memakai pertolongan Jquery Countdown dan Pemrograman PHP untuk menyimpan nilai waktunya kedalam Session.
Ceritanya beberapa waktu lalu, aku membantu seorang teman menciptakan sebuah aplikasi Ujian berbasis Web untuk diterapkan disekolahnya atau lebih tepatnya CBT (Computer Based Test). Ide awalnya ialah menciptakan sebuah sistem yang seolah-olah dengan CBT versi Ujian Nasional yang gres saja simpulan dilaksanakan di sekolah-sekolah.
Karena namanya ujian berbasis komputer (Computer Based Test) maka sudah tentu untuk penentuan waktunya pun harus dibentuk memakai sistem secara otomatis. Cara kerjanya ketika Tombol ujian diklik maka Timer akan mulai menghitung mundur (Countdown) sesuai dengan waktu yang ditentukan oleh Guru atau admin sistem. Waktu tersebut akan tersimpan kedalam Session memakai PHP biar walaupun halaman di refresh waktu akan terus tersimpan dan terus berjalan sebab nilai waktunya sudah disimpan kedalam SESSION
Atas dasar tersebutlah maka aku mencoba menciptakan beberapa model timer yang salah satunya ialah timer memakai Plugin Jquery Countdown ini.
Untuk mulai membuatnya silahkan Download Package Plugin melalui situs Resminya yaitu Keith-Wood atau klik Link disamping ini (Download Jquery Countdown).
- Setelah di Download, Extract file Zip tersebut. Didalamnya anda akan menemukan sebuah File index.html dan 3 buah Folder yaitu CSS, IMG dan Folder JS
- Pindahkan semuanya Folder utama kedalam Folder webserver anda sebab kita akan memakai PHP nantinya
- Hapus File Index.html kemudian buatlah file gres dan beri nama index.php kemudian isikan Script dibawah ini kedalamnya
Simpan File tersebut kemudian coba susukan memakai browser untuk melihat hasilnya
Sekilas perihal Code
Sekilas perihal Code
- Baris no 2 hingga nomor 8 ialah perintah PHP untuk menciptakan session
- baris Nomor 10,11 dan 12 ialah perintah HTML untuk memanggil jquery countdown
- Pada baris 13-14 ialah baris perintah untuk menampilkan timernya
- Baris 17-21 ialah fungsi ketika waktu telah hingga pada detik ke 0. pada pola kali ini aku menciptakan pesan dalam alert, sehabis itu otomatis melaksanakan submit data pada form yang mempunyai id frmSoal
- Baris ke 28 ialah Perintah untuk memasukan nilai detik kedalam Variabel waktu, dalam hal ini nilainya ialah 180 (3 Menit).
Sekian dulu pembahasan singkat perihal timer jquery Countdown memakai Session PHP kali ini.
Wassalam
Buat lebih berguna, kongsi:
