ujian online dengan format pilihan ganda di php dan mysql
Wednesday 3 July 2019
Edit
ujian online dengan format pilihan ganda di php dan mysql
ujian online dengan format pilihan ganda di php dan mysql sudah lama menjadi perbincangan di khalayak ramai tentang hal ini, pada dasarnya sama saja dengan ujian offline bedanya hanya media untuk pengisian jawaban menggunakan sistem atau aplikasi yang semuanya meliputi pencatatan data peserta, pencatatan data soal dan pencatatan hasil jawaban nantinya tersimpan di databse.Apakah pernah terbesit di pikiran anda bagaimana cara membuat aplikasi ujian online dengan format pilihan ganda? nah untuk merealisasikannya mari simak dengaan baik tutoial singkat membuat aplikasi ujian online dengan format pilihan ganda di php dan mysql.
Hasil yang akan didapatkan akan tampak seperti gambar di bawah ini
- Langkah pertama buatlah sebuah database dengan nama "ujian" kemudian dumping SQL code di bawah ini.
-- phpMyAdmin SQL Dump
-- version 4.8.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Waktu pembuatan: 03 Jul 2019 pada 07.58
-- Versi server: 10.1.31-MariaDB
-- Versi PHP: 7.1.16
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Database: `ujian`
--
-- --------------------------------------------------------
--
-- Struktur dari tabel `tbl_soal`
--
CREATE TABLE `tbl_soal` (
`id_soal` int(5) NOT NULL,
`soal` text NOT NULL,
`a` varchar(30) NOT NULL,
`b` varchar(30) NOT NULL,
`c` varchar(30) NOT NULL,
`d` varchar(30) NOT NULL,
`knc_jawaban` varchar(30) NOT NULL,
`gambar` varchar(100) NOT NULL,
`tanggal` date NOT NULL,
`aktif` enum('Y','N') NOT NULL DEFAULT 'Y'
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Dumping data untuk tabel `tbl_soal`
--
INSERT INTO `tbl_soal` (`id_soal`, `soal`, `a`, `b`, `c`, `d`, `knc_jawaban`, `gambar`, `tanggal`, `aktif`) VALUES
(9, 'User atau Operator Komputer dalam Istilah Komputer disebut dengan..?', 'Brainware', 'Fireware', 'Software', 'Hardware', 'a', '', '0000-00-00', 'Y'),
(10, 'CPU Merupakan Singkatan dari', 'Central Progamming Unit', 'Central Promoting Unit', 'Central Processing Unit', 'Central Producing Unit', 'c', '', '0000-00-00', 'Y'),
(11, 'Jaringan dari elemen-elemen yang saling berhubungan adalah ?', 'pentium ', 'instal', 'system', 'data', 'c', '', '0000-00-00', 'Y'),
(12, 'Berikut merupakan elemen-elemen sistem komputer kecuali...?', 'Fireware', 'Brainware', 'Software', 'Hadware', 'a', '', '0000-00-00', 'Y'),
(13, 'Program yang berisi perinta-perintah / perangkat lunak disebut...?', 'Pentium', 'Brainware', 'Hardware', 'software', 'd', '', '0000-00-00', 'Y'),
(14, 'Proses memasukkan dan memasang software ke dalam komputer disebut...?', 'data', 'instal', 'loading', 'online', 'b', '', '0000-00-00', 'Y'),
(15, 'Berikut yang bukan termasuk alat output adalah...?', 'keyboard', 'speaker', 'monitor', 'printer', 'a', '', '0000-00-00', 'Y'),
(16, 'Tanda panah (tanda lain) yang mewakili posisi gerakan mouse disebut dengan...?', 'kursor', 'mouse', 'pointer', 'printer', 'c', '', '0000-00-00', 'Y'),
(17, 'Fungsi printer adalah untuk....?', 'mengeluarkan suara', 'mencetak dokumen', 'menyimpan dokumen', 'salah semua', 'b', '86image003.jpg', '0000-00-00', 'Y'),
(18, 'USB merupakan singkatan dari', 'universal serial buss', 'unit serial bus', 'Universal Serial Bus', 'Unit serial booster', 'c', '', '0000-00-00', 'Y'),
(19, 'Salah satu perangkat Lunak pengolah kata adalah', 'Ms.Word', 'Winamp', 'CC cleaner', 'Jet audio', 'a', '', '0000-00-00', 'Y'),
(20, 'Program yang digunakan untuk disain gambar adalah..?', 'Ms.Exel', 'Media Player', 'Power Point', 'Photoshop', 'd', '', '0000-00-00', 'N'),
(21, 'Yang bukan termasuk Hadware / Perangkat Keras adalah..', 'CPU', 'Keyboard', 'Ms.Office', 'Printer', 'c', '', '0000-00-00', 'N');
--
-- Indexes for dumped tables
--
--
-- Indeks untuk tabel `tbl_soal`
--
ALTER TABLE `tbl_soal`
ADD PRIMARY KEY (`id_soal`);
--
-- AUTO_INCREMENT untuk tabel yang dibuang
--
--
-- AUTO_INCREMENT untuk tabel `tbl_soal`
--
ALTER TABLE `tbl_soal`
MODIFY `id_soal` int(5) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=26;
COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
- Setelah dumping SQL maka anda akan mendapatkan sebuah tabel dengan nama "tbl_soal"
- kemudian silahkan anda membuat folder dengan nama ujian simpan di direktori c:/xampp/htdocs/
- selanjutnya silahkan copy paste kode di bawah ini kemudian simpan dengan nama index.php di di direktori c:/xampp/htdocs/ujian yang sudah di buat sebelumnya.
<?php
include "koneksi.php";
echo "<h3 style='color:blue;'>Ujian Online sederhana www.hakkoblogs.com</h3>
<b>Soal Pilihan Ganda</b><br/>
<b>Pilihlah salah satu jawaban yang benar!</b>";
echo "<div style='width:100%; border: 1px solid #EBEBEB; overflow:scroll;height:700px;'>";
echo '<table width="100%" border="0">';
$hasil=mysqli_query($koneksi, "select * from tbl_soal WHERE aktif='Y' ORDER BY RAND ()");
$jumlah=mysqli_num_rows($hasil);
$urut=0;
while($row =mysqli_fetch_array($hasil))
{
$id=$row["id_soal"];
$pertanyaan=$row["soal"];
$pilihan_a=$row["a"];
$pilihan_b=$row["b"];
$pilihan_c=$row["c"];
$pilihan_d=$row["d"];
?>
<form name="form1" method="post" action="jawab.php">
<input type="hidden" name="id[]" value=<?php echo $id; ?>>
<input type="hidden" name="jumlah" value=<?php echo $jumlah; ?>>
<tr>
<td width="17"><font color="#000000"><?php echo $urut=$urut+1; ?></font></td>
<td width="430"><font color="#000000"><?php echo "$pertanyaan"; ?></font></td>
</tr>
<?php
if (!empty($row["gambar"])) {
echo "<tr><td></td><td><img src='foto/$row[gambar]' width='200' hight='200'></td></tr>";
}
?>
<tr>
<td height="21"><font color="#000000"> </font></td>
<td><font color="#000000">
A. <input name="pilihan[<?php echo $id; ?>]" type="radio" value="A">
<?php echo "$pilihan_a";?></font> </td>
</tr>
<tr>
<td><font color="#000000"> </font></td>
<td><font color="#000000">
B. <input name="pilihan[<?php echo $id; ?>]" type="radio" value="B">
<?php echo "$pilihan_b";?></font> </td>
</tr>
<tr>
<td><font color="#000000"> </font></td>
<td><font color="#000000">
C. <input name="pilihan[<?php echo $id; ?>]" type="radio" value="C">
<?php echo "$pilihan_c";?></font> </td>
</tr>
<tr>
<td><font color="#000000"> </font></td>
<td><font color="#000000">
D. <input name="pilihan[<?php echo $id; ?>]" type="radio" value="D">
<?php echo "$pilihan_d";?></font> </td>
</tr>
<?php
}
?>
<tr>
<td> </td>
<td><input type="submit" name="submit" value="Jawab" onclick="return confirm('Apakah Anda yakin dengan jawaban Anda?')"></td>
</tr>
</table>
</form>
</p>
</div>
- Selanjutnya membuat koneksi ke database yang sudah di buat sebelumnya silahkan copy paste kode di bawah ini dan simpan dengan nama koneksi.php di direktori c:/xampp/htdocs/ujian
<?php
$db_host = "localhost";
$db_user = "root";
$db_pass = "";
$db_name = "ujian";
$koneksi = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if(mysqli_connect_errno()){
echo 'Gagal melakukan koneksi ke Database : '.mysqli_connect_error();
}
?>
- Kemudian membuat file jawaban dari soal yang sudah di jawab, silahkan anda copy dan pastekan kode di bawah ini kemudian simpan dengan nama jawab.php ke direkrori c:/xampp/htdocs/ujian
<?php
//koneksi ke database
include "koneksi.php";
if(isset($_POST['submit'])){
$pilihan=$_POST["pilihan"];
$id_soal=$_POST["id"];
$jumlah=$_POST['jumlah'];
$score=0;
$benar=0;
$salah=0;
$kosong=0;
for ($i=0;$i<$jumlah;$i++){
//id nomor soal
$nomor=$id_soal[$i];
//jika user tidak memilih jawaban
if (empty($pilihan[$nomor])){
$kosong++;
}else{
//jawaban dari user
$jawaban=$pilihan[$nomor];
//cocokan jawaban user dengan jawaban di database
$query=mysqli_query($koneksi, "select * from tbl_soal where id_soal='$nomor' and knc_jawaban='$jawaban'");
$cek=mysqli_num_rows($query);
if($cek){
//jika jawaban cocok (benar)
$benar++;
}else{
//jika salah
$salah++;
}
}
/*RUMUS
Jika anda ingin mendapatkan Nilai 100, berapapun jumlah soal yang ditampilkan
hasil= 100 / jumlah soal * jawaban yang benar
*/
$result=mysqli_query($koneksi, "select * from tbl_soal WHERE aktif='Y'");
$jumlah_soal=mysqli_num_rows($result);
$score = 100/$jumlah_soal*$benar;
$hasil = number_format($score,1);
}
}
//Lakukan Penyimpanan Kedalam Database
echo "
<tr><td>Jawaban Benar</td><td> : $benar </td></tr>
<tr><td>Jawaban Salah</td><td> : $salah</td></tr>
<tr><td>Soal Tidak di jawab</td><td>: $kosong</td></tr>
</table></div>";
?>
Setelah semuanya di simpan di direktori c:/xampp/htdocs/ujian langkah selanjutnya adalah menjalankan aplikasi ujian online format pilihan ganda yang sudah di buat dengan mengakses URL localhost/ujian di browser kesayangan anda.
Setelah dijalankan maka anda akan mendapatkan halaman seperti di bawah ini
Sampai tahap ini anda sudah bisa membuat aplikasi ujian online dengan format pilihan ganda di php dan mysql dengan mudah, semoga tutorial singkat ini bisa bermanfaat untuk anda yang sedang belajar PHP dan ingin membuat aplikasi sederhana, tetap pantau www.hakkoblogs.com untuk mendaptkan update terbaru seputar aplikasi, teknologi informasi dan pemrograman.
Next kita akan coba buat aplikasi ujian online yang sudah bisa simpan jawaban ke databse den memasukkan nilai hasilt test ke databse berdasarkan session user, jadi tetap stay tune ya di www.hakkoblogs.com
Selamat Mencoba