Wednesday 6 April 2011

Menampilkan dan Menginput data MySQL menggunakan PHP


MySQL merupakan Relational Database Management System, yang memungkinkan kita untuk melakukan manipulasi data sesuai dengan perintah-perintah query yang kita inginkan, yang menjadi permasalahannya sekarang adalah proses manipulasi tersebut berbasis teks, karena nya cukup merepotkan jika kita melakukan perubahan pada data. PHP adalah sebuah bahasa pemrograman interpreter yang memiliki kemampuan untuk membaca database MySQL, kedua nya seolah-olah pasangan yang sangat klop, yang pada akhirnya menjadi pasangan yang cukup handal untuk pemrograman berbasis web.


Pada bahasan kali ini kita akan membahas mengenai bagaimana cara membaca database mysql yang ditampilkan dalam sebuah halaman web dengan menggunakan PHP, kali ini kita akan membuat nya di sistem operasi windows, meskipun digunakan di windows, hasilnya akan sama saja ketika progam ini disimpan dalam sistem operasi yang berbasis linux, sebelum nya ada beberapa software yang harus di installkan terlebih dahulu, antara lain :
  1. XAMPP 1.6 ke atas
  2. PHP Coder atau Ultra Edit
Catatan : untuk program XAMPP supaya file anda bisa terbaca di browser anda dengan mengetikan http://localhost anda harus meletakan  file anda dibelakang directory C:\xampp\htdocs, anda bisa menambahkan folder baru dilokasi tersebut misal nya latihan, maka halaman yang anda buat bisa di akses dengan alamat http://localhost/latihan/ .  lebih jelasnya lagi kita ikuti langkah-langkah dibawah ini :
Langkah 1. Buat database siswa, kemudian buat table tbl_siswa dengan struktur seperti pada gambar dibawah ini :



Setelah itu masukan beberapa nama,  seperti pada contoh 



Langkah selanjutnya adalah membuat file koneksi, beri nama dengan koneksi.php  berikut adalah script nya 

<?php
$host  = "localhost";
$username  = "root";
$password  = "";
$database  = "siswa";
$koneksi  = mysql_connect($host,  $username,  $password);
$pilihdatabase  = mysql_select_db($database,  $koneksi);
if  ($pilihdatabase) echo "Koneksi Berhasil berikut adalah data nya :";
else echo "Gagal Koneksi";
?>

Setelah itu buat program untuk menampilkan data mysql pada php, berikut adalah struktur dari program nya, beri nama dengan tampil.php

<?php
include "koneksi.php";

$tampilkan  = "select  * from tbl_siswa";

$query_tampilkan  = mysql_query($tampilkan);
while($hasil  = mysql_fetch_array($query_tampilkan))
                {
echo  "<br />";
echo  $hasil['nama_siswa']."<br  />";
echo  $hasil['jen_kel']."<br  />";
echo  $hasil['tgl_lahir']."<br  />";
echo  $hasil['alamat']."<br  />";
}
?>
Jika berhasil, maka tampilan nya akan tampak seperti pada gambar dibawah ini



Menampilkan Data Menggunakan Tabel

Setelah tadi kita menampilkan data dengan menggunakan query SQL  dengan tampilan data yang acak, tentu saja akan menyebabkan tampilannya kurang menarik dan kurang dapat difahami oleh pengguna program, oleh karena nya supaya tampilan tersebut menjadi lebih baik, maka data akan ditampilkan dengan berupa table, berikut adalah program nya.


<html>
<head><title>Lihat Data </title></head> <body>
<table border='1' cellpadding='2' cellspacing='2' align='center' width='70%'>
<tr><th>No</th><th>Nama</th><th>Jenis Kelamin</th><th>Tanggal Lahir</th><th>Alamat</th></tr>
<?php
include "koneksi.php";
$tampilkan_isi  = "select  * from tbl_siswa";
$tampilkan_isi_sql  = mysql_query($tampilkan_isi);
while  ($isi  = mysql_fetch_array($tampilkan_isi_sql))
{
$no  =  $isi['id_siswa'];
$nama  =  $isi['nama_siswa'];
$jeniskelamin  =  $isi['jen_kel'];
$tanggallahir  =  $isi['tgl_lahir'];
$alamat  =  $isi['alamat'];


echo "<tr align='center'>  <td>$no</td>  <td>$nama</td>
<td>$jeniskelamin</td>  <td>$tanggallahir</td>  <td>$alamat</td>  </tr>";
}
?>
<!-- bagian dinamis  -->

</table>
</body>
</html>

Nama file tampil_table.php berikut adalah contoh dari tampilannya



Membuat Formulir Input Data

Setelah berhasil membuat tampilan data mysql di PHP, maka langkah selanjutnya adalah membuat formulir khusus untuk pemasukan data, sehingga kita tidak usah lagi menggunakan teks sehingga harus dilakukan berulang kali, atau pun menggunakan phpmyadmin, karena akan sangat membayakan apabila di gunakan oleh orang lain, oleh karena nya di butuhkan sebuah halaman khusus untuk input data. Program untuk input data ini terdiri dari dua kategori yaitu input_data.html yang merupakan formulir HTML yang digunakan untuk proses input, setelah itu harus dibuat pula input_data.php sebagai program yang digunakan untuk memproses input data pada formulir, hingga akhirnya data dapat masuk dan terhubung ke database mysql, adapun program nya adalah sebagai berikut.


1.       File input_data.html

<html>
<head><title>Formulir Input Data</title></head> <body>
<form action="input_data.php" method="POST">
<table border='0'    cellpadding='3'    cellspacing='3' align='center'> <caption><strong>Formulir Biodata
Siswa</strong><br/><br/></caption><br/>
<tr><td>Nama</td><td><input type="text" name="nama"  /></td></tr> <tr><td>Jenis Kelamin</td><td><label for="jeniskelamin"><input
type="radio" name="jeniskelamin" value="pria"/>Pria</label>
<label for="jeniskelamin"><input type="radio" name="jeniskelamin" value="wanita"/>Wanita</label>
</td></tr>
<tr><td>Tanggal lahir</td><td>
<select name="tanggal">
<option value="01">1</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>

/<select name="bulan">
<option value="01">Januari</option>
<option value="02">Februari</option>
<option value="03">Maret</option>
<option value="04">April</option>
<option value="05">Mei</option>
<option value="06">Juni</option>
<option value="07">Juli</option>
<option value="08">Agustus</option>
<option value="09">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select>

/<select name="tahun">
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
</select>
</td></tr>
<tr><td>Alamat</td><td><textarea cols="20" rows="5" name="alamat"></textarea></td></tr>
<tr><td></td><td><input type="submit" name="kirim" value="kirim" /></td></tr>
</table>
</form>
</body>
</html>

Berikut ini adalah tampilannya, langkah selanjutnya adalah membuat input_data.php



1.       File input_data.php

<?php
// nama, jeniskelamin, tanggal, bulan, tahun, alamat
// kemudian untuk dapat menginsert databasenya kita kita lakukan // koneksi dulu
// kita ambil file koneksi yang pada bab3 telah saya jelaskan // sebelumnya

include "koneksi.php";

// kemudian kita ambil data-data yang dikirim dari formnya // di masukkan ke dalam variabel
// ini digunakan untuk memmudahkan proses insert record ke dalam // database

$nama  =  $_POST['nama'];
$jeniskelamin  =  $_POST['jeniskelamin'];

// untuk dapat menginsertkan tanggal ke dalam database
// terlebih dahulu kita rubaah formatnya menjadi tahun-bulan-tanggal // seperti ini  ...
$tanggallahir  =  $_POST['tahun'].'-'.$_POST['bulan'].'-
'.$_POST['tanggal'];
$alamat  =  $_POST['alamat'];

// setelah dari situ kemudian kita buat query mysql untuk insert record // kedalam tbl_mhsiswa
$insert  = "insert into  `tbl_siswa`  (`nama_siswa`,  `jen_kel`, `tgl_lahir`,  `alamat`)
values  ('$nama', '$jeniskelamin', '$tanggallahir','$alamat');";

// lalu lakukan querynya
$insert_query  = mysql_query($insert);

// untuk memberitahukan jika record yang telah berhasil diinsert ke // dalam database
if($insert_query)  {
echo "Insert Record Berhasil<br  />";
echo "Anda Telah berhasil Menginput data:";
echo  $nama,"<br  />",$jeniskelamin,"<br  />",$tanggallahir,"<br
/>",$alamat  ;  }

// namun jika gagal...
else
echo "Gagal Insert Record";

?>

Berikut adalah tampilannya.


(Riki Nuryadin)

1 comment:

Repositori Institusional Di Perguruan Tinggi

Oleh : Riki Nuryadin riki.nuryadin@upi.edu riki.nuryadin@gmail.com Abstrak: Institusional repositori adalah sebuah wadah o...