Membuat Detail Informasi dengan PHP. Untuk jenis informasi yang akan di berikan informasi detailnya bisa banyak jenis. Tutorial kali ini bisa di manfaatkan untuk memberikan detail informasi misalnya: detail informasi produk, detail profil, membuat detail barang dengan php, membuat detail berita.
Seperti yang Saya buat yaitu, Saya membuat sebuah aplikasi tes online yang berisi soal dan jawaban. Pada soal tersebut terdapat pilihan ganda pada masing-masing soal. Jika saya tampilkan keseluruhan isi informasi pada web maka informasi tersebut banyak memakan tempat, maka solusinya adalah menggunakan info detail pada masing-masing soal. Analoginya yaitu jika soal di klik akan memberikan info pilihan ganda yang terdapat pada soal yang di klik t ersebut. Dengan demikian sangat menghemat tempat.
Membuat Detail Informasi dengan PHP
Salah satu kunci utama dari pembuatan detail ini yaitu sebuah id pada setiap masing-masing jenis informasi. Jika pada kasus Saya, gambaran yang ada sebagai berikut, berikut ini merupakan contoh struktur tabel database yang digunakan untuk memberikan informasi detail soal,
Tampilan contoh soal tes
Tampilan id sebagai identifikasi detail informasi
Detail berdasarkan id soal
Tampilan detail informasi setelah di klik
Tampilan detail informasi setelah di klik
Tampilan tabel database detail informasi
Tampilan tabel database detail informasi
Untuk membuat contoh seperti yang saya buat di atas:
1. Buat database, kemudian inport file tabel yang saya upload disini ke database anda.
2. Jangan lupa buat koneksi dulu ya database kamu sama scriptnya.
3. Berikut ini contoh script untuk menampilkan isi tabel database di atas menggunakan php dan mysql
<?php
echo '
<h3>Soal Tes</h3>
<table class="full">
<tr>
<th>No</th>
<th>Soal Tes</th>
<th>Jawab</th>
</tr>
<tr>';
$i=0;
$tampil = "SELECT * FROM soal_tes";
$sql = mysql_query($tampil);
while($data = mysql_fetch_array($sql)) {
$i++;
//konfirmasi hapus
echo "
<script language=\"JavaScript\">
function konfirmasi()
{
tanya = confirm('Anda Yakin Akan Menghapus Data ?');
if (tanya == true) return true;
else return false;
}
</script>
<td>$i</td>
<td><a href=beranda.php?modul=tes&aksi=tampil&id=$data[id_soal]>$data[soal] ?</a><br/>";
if ($data[id_soal]== $_GET[id]){
$i=0;
$tampil2 = "SELECT * FROM soal_tes WHERE id_soal='$_GET[id]'";
$sql2 = mysql_query($tampil2);
while($data2 = mysql_fetch_array($sql2)) {
$i++;
echo '<input type="radio" name="pilihan_'.$i.'">a. '.$data2[pilihan_a].'<br/>';
echo '<input type="radio" name="pilihan_'.$i.'">b. '.$data2[pilihan_b].'<br/>';
echo '<input type="radio" name="pilihan_'.$i.'">c. '.$data2[pilihan_c].'<br/>';
echo '<input type="radio" name="pilihan_'.$i.'">d. '.$data2[pilihan_d].'<br/>';
echo '<input type="radio" name="pilihan_'.$i.'">e. '.$data2[pilihan_e].'<br/>';
}
}
echo "</td>
<td align=center><a href=beranda.php?modul=soal&aksi=edit&id=".$data[id_soal]."><img src=./images/edit.png title=Edit></a></td>
</tr>";
}
echo '</table>';
?>
Berdasarkan logika dari script diatas, ketika user mengklik link yang berisi id setiap soal, maka sistem akan menampilkan detail dari soal tersebut. Untuk pengembangan script ini bisa di gunakan untuk yang lainnya. Perpaduan yang bisa dilakukan bisa menggunakan desain yang menarik css, menggabungkannya dengan javascript atau jquery.
Postingan berikutnya
- Membuat halaman detail produk dengan php