Postingan lainnya
tampilan soal ujian online yang hemat ruang
saya lagi buat ujian online pake laravel. soalnya ada 50 pertanyaan pilihan ganda. aplikasi berjalan normal cuma yang jadi masalah, tampilannya itu. karena ada 50 soal. rasanya kalo jadi peserta ujiannya bakal capek scroll hehe.
nah saya jadi kepikiran, kalo tampilannya dicicil 1 soal, pas sudah dijawab klik tombol buat lanjut ke soal nomor berikutnya. tapi saya ga tau itu cara kerjanya seperti apa ya? apakah submit jawabannya per nomor soal atau submit setelah soal terakhir?
mungkin kawan2 ada yang mau bantu menjelaskan, atau rujukan tutorialnya hatur nuhun
5 Jawaban:
Kalau penentuan idenya silahkan agan yang tentukan sendiri mau pilih mana, apakah jawabannya langsung disubmit satu-satu dan diproses benar atau salahnya atau langsung semuanya. Agan yang lebih tau jelas projectnya seperti apa dan mungkin ada pertimbangan2 lainnya.
Example: 1. Misalnya jawabannya disubmit satu-persatu melalu jquery ajax atau sejenisnya, nanti response dari backendnya sisa agan tampung didalam variable dan tampilkan hasilnya diakhir.
var hasilCekJawaban = {
benar: 0,
salah: 0
}
$.ajax({
type : "POST",
url : "/url-cek-jawaban-agan",
data : {"jawaban": valuenya},
success: function (result) {
if(result.benar) {
hasilCekJawaban.benar + 1
}else{
hasilCekJawaban.salah + 1
}
}
// di backend bisa disetting juga untuk return jsonnya:
// INI DI Controller
return response()->json(['benar' => true], 200);
Masih banyak teknik2 lain gan, tergantung kemauan agan.
sama seperti yang dikatakan @onirusama, cma saran aja sih.. klo menurut saya setiap soal per pagenya ketika next jawaban langsung di submit.. menggunakan ajax post, yah mungkin untuk menghindari misal koneksi tidak stabil, refresh page misalnya jd tidak mengulang lg dri soal awal..
dan untuk formnya coba liat referensi wizard form html http://bootsnipp.com/snippets/featured/form-wizard-using-tabs
oh pake ajax toh. waduh berarti saya harus belajar ajax dulu. soalnya masih asing terima kasih ya buat jawabannya @gunalirezqimauludi dan @onirusama
Kalau masalah tampilan mas bisa pakai library library slider untuk image, jadi datanya yang muncul satu satu bukan scroll sampai bawah
Bisa jg pakai onclick='submit()' selain menggunakan ajax
