Membuat Detail Informasi dengan PHP

By , July 10, 2015,

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-contoh-soal-tes

Tampilan id sebagai identifikasi detail informasi

berdasarkan-id-detail-informasi

Detail berdasarkan id soal

Tampilan detail informasi setelah di klik

tampilan-detail-informasi-setelah-di-klik

Tampilan detail informasi setelah di klik

Tampilan tabel database detail informasi

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

  1. Membuat halaman detail produk dengan php
Category: Artikel

Tentang: Abdul Rohman Wahid, ST

Programmer yang Bekerja menjadi tenaga ahli IT di Instansi Pemerintah Provinsi Riau. Saya biasanya menulis di blog ini terkait pemrograman. Selain itu Saya juga aktif mengelola web searti.com, aplikasikan.com dan kasitau.com. TLP/WA: 082285417494. Profil Lengkap.

Leave a Reply

Your email address will not be published. Required fields are marked *