Cara Membuat Aplikasi Kuis Sederhana dengan PHP - Salam sejahtera sahabat blogger. Kali ini saya akan memberikan tutorial atau script untuk membuat sebuah aplikasi yang sangat sederhana yaitu aplikasi kuis. Aplikasi ini saya buat dikarenakan tugas yang diberikan seseorang kepada saya (Sedikit Curhat ya gan :D). Aplikasi ini memiliki konsep dan tampilan yang sangat sederhana, sehingga mudah di pahami untuk teman yang ingin belajar membuat program. Dan aplikasi ini dibuat dengan bahasa pemrograman PHP dan sedikit bahasa pemrograman HTML dan Javascript.
Aplikasi ini dibuat dengan konsep yang sederhana yaitu hanya mengisi beberapa pertanyaan yang diajukan, lalu mengklikkan tombol untuk mendapatkan skor.
Aplikasi ini dibuat dengan konsep yang sederhana yaitu hanya mengisi beberapa pertanyaan yang diajukan, lalu mengklikkan tombol untuk mendapatkan skor.
Dan aplikasi menggunakan array untuk menampung pertanyaan, pilihan dan jawabannnya. Berikut script arraynya :
$pertanyaan = array(
0 => array(
'soal' => 'Siapa pencipta dari PHP ?',
'pilihan' => 'A. Rasmus Lerdorf |B. Steve Jobs |C. Bill Gates',
'jawaban' => 'A'
),
1 => array(
'soal' => 'Pada tahun berapa PHP dibuat ?',
'pilihan' => 'A. 2000 |B. 1996 |C. 1995',
'jawaban' => 'C'
),
2 => array(
'soal' => 'Kenapa PHP tidak dapat tampil pada inspect element browser ?',
'pilihan' => 'A. Dikarenanakan berjalan pada client |B. Karena PHP berjalan disisi Server |C. Karena user',
'jawaban' => 'B'
),
3 => array(
'soal' => 'Apa kepanjangan dari PHP ?',
'pilihan' => 'A. Pemberi Harapan Palsu |B. HyperText Preprocessor |C. Hypertext MarkUp Language',
'jawaban' => 'B'
),
4 => array(
'soal' => 'Dibawah berikut yang mana komentar dari PHP ?',
'pilihan' => 'A. //komentar |B. <-- komentar --> |C. < komentar >',
'jawaban' => 'A'
),
5 => array(
'soal' => 'Berikut cara penulisan variabel yang benar di PHP ?',
'pilihan' => 'A. $1nama |B. $tempat-lahir |C. $nama',
'jawaban' => 'C'
),
6 => array(
'soal' => 'Kepanjangan dari HTML ?',
'pilihan' => 'A. HyperText MarkUp Language |B. HyperText Mark Language |C. HyperText Preprocessor',
'jawaban' => 'A'
),
7 => array(
'soal' => 'Berikut perintah PHP yang benar untuk menampilkan kata "Hello World" ?',
'pilihan' => 'A. echo"Hello World"; |B. write "Hello World"; |C. show"Hello World"',
'jawaban' => 'A'
),
8 => array(
'soal' => 'PHP berjalan di sisi ?',
'pilihan' => 'A. user |B. client |C. server',
'jawaban' => 'C'
),
9 => array(
'soal' => 'Berikut struktur kendali pengulangan di PHP ?',
'pilihan' => 'A. Perintah IF ELSE |B. Perintah FOR |C. Perintah IF',
'jawaban' => 'B'
)
);
Saya harap anda paham dengan script diatas, saya hanya menggunakan array di dalam array (atau array multidimensional). Dan saya menggunakan radio button dalam memilih jawaban yang ada. Kenapa menggunakan radio button.? Dikarenakan lebih mudah penggunaannya, dan radio button ini hanya dapat memilih satu diantara beberapa pilihan.
<form>
<?php
foreach($pertanyaan as $key => $value)
{
$pilihan = explode('|', $value['pilihan']);
$radio = "";
foreach($pilihan as $h => $i)
{
$radio .= '<label><input type="radio" value="'.$i.'" name="pilihan['.$key.']">'.$i. '</label><br>';
}
printf($layout, $no++, $value['soal'], $radio);
}
?>
<br><br><br>
<input type="submit" value="Hitung Skor" name="hSkor">
</form>
Dan untuk mendapatkan skor dan jawabannya saya menggunakan beberapa perintah string PHP seperti substring (atau anda bisa menggunakan yang laiinya)
if(isset($_GET['pilihan'])) {
$total = 0;
foreach($_GET['pilihan'] as $a => $b)
if(substr($b, 0, 1) == $pertanyaan[$a]['jawaban'])
$total++;
echo "
<script type='text/javascript'>
alert('Skor anda : ".$total."');
var jwb = confirm('ingin main lagi.?');
if(jwb) {
window.location ='kuis.php';
} else {
window.location ='kuis.php';
}
</script>
";
}
$no = 1;
$layout = '
<div>
<div><br>%s. %s</div>
<div>%s</div>
</div>
';
?>
Dari script diatas, mungkin tidak ada penjelasan. Jika kurang paham dengan perintah sedikit diatas, boleh ditanya pada kolom komentar. Nah, berikut dibawah script secara keseluruhannya.
<!DOCTYPE html>
<?php
$pertanyaan = array(
0 => array(
'soal' => 'Siapa pencipta dari PHP ?',
'pilihan' => 'A. Rasmus Lerdorf |B. Steve Jobs |C. Bill Gates',
'jawaban' => 'A'
),
1 => array(
'soal' => 'Pada tahun berapa PHP dibuat ?',
'pilihan' => 'A. 2000 |B. 1996 |C. 1995',
'jawaban' => 'C'
),
2 => array(
'soal' => 'Kenapa PHP tidak dapat tampil pada inspect element browser ?',
'pilihan' => 'A. Dikarenanakan berjalan pada client |B. Karena PHP berjalan disisi Server |C. Karena user',
'jawaban' => 'B'
),
3 => array(
'soal' => 'Apa kepanjangan dari PHP ?',
'pilihan' => 'A. Pemberi Harapan Palsu |B. HyperText Preprocessor |C. Hypertext MarkUp Language',
'jawaban' => 'B'
),
4 => array(
'soal' => 'Dibawah berikut yang mana komentar dari PHP ?',
'pilihan' => 'A. //komentar |B. <-- komentar --> |C. < komentar >',
'jawaban' => 'A'
),
5 => array(
'soal' => 'Berikut cara penulisan variabel yang benar di PHP ?',
'pilihan' => 'A. $1nama |B. $tempat-lahir |C. $nama',
'jawaban' => 'C'
),
6 => array(
'soal' => 'Kepanjangan dari HTML ?',
'pilihan' => 'A. HyperText MarkUp Language |B. HyperText Mark Language |C. HyperText Preprocessor',
'jawaban' => 'A'
),
7 => array(
'soal' => 'Berikut perintah PHP yang benar untuk menampilkan kata "Hello World" ?',
'pilihan' => 'A. echo"Hello World"; |B. write "Hello World"; |C. show"Hello World"',
'jawaban' => 'A'
),
8 => array(
'soal' => 'PHP berjalan di sisi ?',
'pilihan' => 'A. user |B. client |C. server',
'jawaban' => 'C'
),
9 => array(
'soal' => 'Berikut struktur kendali pengulangan di PHP ?',
'pilihan' => 'A. Perintah IF ELSE |B. Perintah FOR |C. Perintah IF',
'jawaban' => 'B'
)
);
if(isset($_GET['pilihan'])) {
$total = 0;
foreach($_GET['pilihan'] as $a => $b)
if(substr($b, 0, 1) == $pertanyaan[$a]['jawaban'])
$total++;
echo "
<script type='text/javascript'>
alert('Skor anda : ".$total."');
var jwb = confirm('ingin main lagi.?');
if(jwb) {
window.location ='kuis.php';
} else {
window.location ='kuis.php';
}
</script>
";
}
$no = 1;
$layout = '
<div>
<div><br>%s. %s</div>
<div>%s</div>
</div>
';
?>
<form>
<?php
foreach($pertanyaan as $key => $value)
{
$pilihan = explode('|', $value['pilihan']);
$radio = "";
foreach($pilihan as $h => $i)
{
$radio .= '<label><input type="radio" value="'.$i.'" name="pilihan['.$key.']">'.$i. '</label><br>';
}
printf($layout, $no++, $value['soal'], $radio);
}
?>
<br><br><br>
<input type="submit" value="Hitung Skor" name="hSkor">
</form>
<?php
if(isset($_GET['hSkor']) == 'Hitung Skor') {
echo "
<script type='text/javascript'>
alert('Tidak boleh kosong');
</script>
";
}
?>
Oh ya, jangan lupa script diatas disimpan dengan nama kuis.php. Jika anda berhasil, maka akan berjalan seperti gambar dibawah ini.
Diatas beberapa image dari preview aplikasi ini. Sangat sederhana bukan.?? Saya pamit dulu dari tutorial ini, saya akan melanjutkan dengan tutorial laiinya. Terima kasih telah membaca tutorial Cara Membuat Aplikasi Kuis Sederhana dengan PHP semoga dapat bermanfaat bagi anda, jika ada yang kurang paham boleh menggunakan kolom komentar dibawah.Atau jika anda ingin script diatas, sertakan email di kolom komentar. Sekian.!
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :