Laporan Praktikum Pemrograman WEB MODUL VI

MODUL VI

MEMBUAT FORM ENTRY DATA

DAN MENAMPILKAN DATA DARI DATABASE

A. PEMBAHASAN

Pada Praktikum modul ini kita akan mengenal fungsi API dan merancang Form

untuk memasukkan data ke database. Kita dapat membuat program PHP untuk

melakukan penyimpanan data ke database dengan menggunakan Form, melakukan

koneksi ke database dan melakukan pengolahan data dengan PHP. Untuk

menampilkan hasil query pada browser, PHP memerlukan fungsi API (Application

Programming Interface). Pada modul VI in kita menggunakan database yang telah

dibuat pada modul V yaitu database Klub dan table anggota.

1. Langkah pertama yang harus kita lakukan adalah mengetikkan script berikut ini

dengan menggunakan notepad.

Koneksi :

<html>

<head>

<title>koneksi</title>

</head>

<?

mysql_connect("localhost","","");

mysql_select_db("klub");

?>

</html>

Fungsi mysql_connect digunakan untuk membuat hubungan atau koneksi ke

server MySql yang terdapat pada localhost. Sedangkan mysql_select_db

merupakan pemilihan database yang akan digunakan setelah melakukan koneksi

ke server, yaitu database klub.

2. Kemudian kita ketikkan script daftar_anggota.php :

Daftar anggota :

<html>

<head>

<title>Form Pendaftaran Anggota Klub Hebat</title>

</head>

<body>

<h1>Pendaftaran Klub Hebat</h1>

<form method="post" action="input_data.php">

<pre>

Nama : <input name="nama"type="text"

size="20"maxlength="20">

Alamat : <textarea name="alamat" cols="30"

rows="5"></textarea>

HP : <input name="hp"type="text" size="12"

maxlength="12">

Email : <input name="email"type="text" size="30"

maxlength="30">

<input type="submit" name="submit"

value="sumbit">

</pre>

</form>

</body>

</html>

Output :

Form diatas merupakan Pendaftaran Klub Hebat, dimana kita akan mengisikan

nama, alamat, hp, email. Submit digunakan untuk memasukkan atau

menginputkan data yang telah kita isi.

3. Selanjutnya kita ketikkan script anggota_klub.php :

<html>

<head>

<title>Daftar anggota Klub Hebat</title>

</head>

<body>

<?

include"koneksi.php";

$sql = "Select * from anggota";

if(!$query = mysql_query($sql))

echo mysql_error();

while($row = mysql_fetch_array($query))

{

echo "Id : $row[id] Tanggal : $row[tanggal]<br>";

echo "Nama : $row[nama]<br>";

echo "Alamat : $row[alamat]<br>";

echo "Hp : $row[hp]<br>";

echo "Email : $row[email]<br>";

echo "<hr>";

}

?>

<br>

<a href="daftar_anggota.php">Input Data Anggota Baru

</a>

</body>

</html>

Output :

Pada script anggota_klub.php diatas kita menggunakan table anggota dari

database klub yang telah kita buat pada modul sebelumnya. Kita menggunakan

mysql_query yang berguna untuk mengirimkan perintah sql ke server MySql.

MySql_fetch_array digunakan untuk menampilkan sebuah baris hasil query

sebagai array assosiatif. Pada hasil outputnya kita akan melihat data anggota

klub yang telah terisi sebelumnya, dan kita dapat mengisikan data baru dengan

mengklik Input Data Anggota Baru yang tersedia. Secara otomatis akan tampil

Form Pendaftaran Klub Hebat.

4. Memodifikasi tampilan pada halaman anggota_klub.php dengan menambahkan

table sehingga web lebih rapi :

<html>

<head>

<title>Daftar anggota Klub Hebat</title>

</head>

<body>

<table border=1>

<tr><td>Id</td>

<td>Tanggal</td>

<td>Nama</td>

<td>Alamat</td>

<td>Hp</td>

<td>Email</td></tr>

<?

include"koneksi.php";

$sql = "Select * from anggota";


echo mysql_error();

while($row = mysql_fetch_array($query))

{

echo ("<tr><td>$row[id]</td>");

echo ("<td>$row[tanggal]</td>");

echo ("<td>$row[nama]</td>");

echo ("<td>$row[alamat]</td>");

echo ("<td>$row[hp]</td>");

echo ("<td>$row[email]</td>");

echo "<hr>";

}

?>

</table>

</td>

</tr>

</table>

<a href="daftar_anggota.php">Input Data Anggota Baru

</a>

</body>

</html>

Pada script diatas kita hanya menambahkan dan mengubah script yang ada pada

script anggota_klub.

Output :

B. KESIMPULAN

Program PHP dapat melakukan penyimpanan data ke database dengan

menggunakan Form, melakukan koneksi ke database, dan melakukan pengolahan

data. Sebelumnya kita harus mengetikkan script koneksi terlebih dahulu, karena

masing-masing script yang akn kita buat nanti akan saling berhubungan.

C. TUGAS

1. Menambahkan field jenis_kelamin dalam table anggota :

mysql> alter table anggota

-> add jenis_kelamin char(1) not null;

2. Memodifikasi script form (daftar_anggota.php) untuk menambahkan input data

jenis kelamin, (untuk pria,maka nilai yang dimasukkan kedalam jenis_kelamin =

1, dan jika wanita maka jenis_kelamin = 0).

<html>

<head>

<title>Form Pendaftaran Anggota Klub Hebat</title>

</head>

<body>

<h1>Pendaftaran Klub Hebat</h1>

<form method="post" action="input_data.php">

<pre>

Nama : <input name="nama"type="text"

size="20"maxlength="20">

Alamat : <textarea name="alamat" cols="30"

rows="5"></textarea>

HP : <input name="hp"type="text" size="12"

maxlength="12">

Email : <input name="email"type="text" size="30"

maxlength="30">

Jenis Kelamin : <select><input

name="1"type="pria"></select>

<input type="submit" name="submit" value="sumbit">

</pre>

</form>

</body>

</html>

OUTPUT:

3. Memodifikasi script untuk penyimpanan data (input_data.php) agar dapat

menyimpan jenis_kelamin :

<html>

<head>

<title>Input Data</title>

</head>

<body>

<?

include "koneksi.php";

if(empty($nama)or empty($alamat))

{

echo "Data ada yang kosong. Silahkan tekan back untuk

mengisi";

exit;

}

$sql = "INSERT INTO anggota(nama, alamat, hp, email,

Jenis_kelamin,tanggal)

VALUES

('$nama','$alamat','$hp','$email','$Jenis_kelamin',NOW())";


echo mysql_error();

else

{

echo "Selamat bergabung dengan Klub HEBAT<br>";

echo "ini adalah kumpulan orang-orang Hebatt<br>";

echo "<a href=anggota_klub.php>Lihat daftar Anggota Klub

Hebat</a>";

}

?>

</body>

</html>

4. Menambahkan script untuk menampilkan data jenis kelamin ( file

anggota_klub.php) :

<html>

<head>

<title>Daftar anggota Klub HEBAT</title>

</head>

<body>

<center>

<table width="600" border="2">

<tr align="center" bgcolor="#01FFFF">

<td height="50" colspan="16"><strong><h1>Laporan Daftar Anggota

Klub HEBAT</h1></strong></td>

</tr>

<tr>

<td width="50" height="50"><center><strong>ID</strong></center>

</td>

<td width="132"><center><strong>Tanggal</strong></center></td>

<td width="125"><center><strong>Nama</strong></center></td>

<td width="150"><center><strong>Alamat</strong></center></td>

<td width="100"><center><strong>HP</strong></center></td>

<td width="100"><center><strong>Email</strong></center></td>

<td width="120"><center><strong>Jenis_Kelamin</strong></center>

</td>

</tr>

<?

include "koneksi.php";

$sql = "SELECT date_format(tanggal,'%W %d %M %Y')as tanggal,

nama, alamat,

hp, email,Jenis_kelamin, id FROM anggota";


echo mysql_error();

while($hasil = mysql_fetch_array($query))

{

?>

<tr>

<td height="22"><?php echo "$hasil[id]"; ?></td>

<td><?php echo "$hasil[tanggal]";?></td>

<td><?php echo "$hasil[nama]";?></td>

<td><?php echo "$hasil[alamat]";?></td>

<td><?php echo "$hasil[hp]";?></td>

<td><?php echo "$hasil[email]";?></td>

<td><?php echo "$hasil[Jenis_kelamin]";?></td>

</tr>

<?php

}

?>

</table>

</center>

<br>

<center><a href="daftar_anggota.php">Input Data Anggota

Baru</a></center>

<hr> </hr>

</body>

</html>

Laporan Praktikum Pemrograman WEB MODUL VI

Documents

Transcript of Laporan Praktikum Pemrograman WEB MODUL VI