Assalamualaikum, dihari ke 3 Bulan Ramdhan tahun ini, aku ingin membahas wacana bagaimana caranya menciptakan timer memakai pertolongan Jquery Countdown dan Pemrograman PHP untuk menyimpan nilai waktunya kedalam Session.
Ceritanya beberapa waktu lalu, aku membantu seorang sobat menciptakan sebuah aplikasi Ujian berbasis Web untuk diterapkan disekolahnya atau lebih tepatnya CBT (Computer Based Test). Ide awalnya yakni 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 dikala 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 semoga walaupun halaman di refresh waktu akan terus tersimpan dan terus berjalan alasannya yakni nilai waktunya sudah disimpan kedalam SESSION
Atas dasar tersebutlah maka aku mencoba menciptakan beberapa model timer yang salah satunya yakni 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 alasannya yakni 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 jalan masuk memakai browser untuk melihat hasilnya
Sekilas wacana Code
Sekilas wacana Code
- Baris no 2 hingga nomor 8 yakni perintah PHP untuk menciptakan session
- baris Nomor 10,11 dan 12 yakni perintah HTML untuk memanggil jquery countdown
- Pada baris 13-14 yakni baris perintah untuk menampilkan timernya
- Baris 17-21 yakni fungsi ketika waktu telah hingga pada detik ke 0. pada pola kali ini aku menciptakan pesan dalam alert, sesudah itu otomatis melaksanakan submit data pada form yang mempunyai id frmSoal
- Baris ke 28 yakni Perintah untuk memasukan nilai detik kedalam Variabel waktu, dalam hal ini nilainya yakni 180 (3 Menit).
Sekian dulu pembahasan singkat wacana timer jquery Countdown memakai Session PHP kali ini.
Wassalam
