MODUL
4
“
Aplikasi Web Berbasis PHP dan Database MySQL“
A.
TUJUAN
Mengimplementasikan
bahasa pmrograman PHP dengan menggunakan database MySQL ke dalam sebuah
aplikasi berbasis web.
B.
LANDASAN
TEORI
PHP (HyperText
Preprocessor) merupakan bahasa pemrograman server side programming yang
berfungsi untuk membuat website bersifat dinamis. Halaman website dinamis
memberikan kesempatan kepada user untuk dapat berinteraksi dengan memberikan
kesempatan kepada user untuk dapat berinteraksi dengan halaman web tersebut.
Contoh diperlukannya
halaman web dinamis ketika ingin membuat halaman buku tamu, atau ingin membuat
aplikasi-aplikasi database. Halaman Web dinamis juga mempermudah admin situs
untuk merawat (maintenance) situs yang dimilikinya.
Database MySQL
Sebuah website yang
interaktif dan dinamis, tentu membutuhkan penyimpanan data yang fleksibel dan
cepat untuk diakses. Salah satu database untuk server adalah MySQL. Jenis
database ini sangat popular dan digunakan pada banyak website di internet
sebagai bank data.
XAMPP
XAMPP adalah
perangkat lunak bebas (free) yang mendukung banyak system operasi, merupakan
kompilasi dari beberapa program. Berfungsi sebagai server yang berdiri sendiri
(localhost), yang terdiri dari program Apache HTTP server, MySQL database, dan
penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama
XAMPP merupakan singkatan dari X (empat system operasi apapun), Apache, MySQL,
PHP, dan Perl.
C.
ALAT
dan BAHAN
1.
PC
2.
Sistem
Operasi Windows 7
3.
Browser
Mozilla Firefox/Chrome
4.
Notepad
5.
Web
server lokal XAMPP/Appserv
6.
Lembar
kerja percobaan
D.
LANGKAH-LANGKAH
PRAKTIKUM
1.
Menginstal
web server lokal (Appserv) :
a.
Menginstal
software server web lokal AppServ ke komputer.
b.
Secara
default file-file instalasi terletak di direktori C:\AppServ\www.
c.
Membuat
folder baru dalam direktori www, memberi
nama folder tersebut dengan nama modul_4.
d.
Folder
tersebut yang akan digunakan untuk menyimpan file-file percobaan.
2.
Percobaan
1 (Form Data Mahasiswa)
Langkah-langkah
praktikum :
a.
Membuka
browser lalu membuka http”localhost/phpmyadmin.
b.
Membuat
database baru dengan nama “mahasiswa” pada kolom create new database.
c.
Buat
tabel baru dengan nama “mhs” dengan jumlah field 5 pada database tersebut.
d.
Mengisi
field yang sudah dibuat dengan data berikut :
ü
Nim (Varchar 20)
ü
Nama (Char 40)
ü
Jenis_Kelamin (enum “Laki-Laki”,”Perempuan”)
ü
Alamat (Text)
e.
Membuka
aplikasi Notepad.
f.
Mengetikkan
script berikut dalam notepad.
g.
Menyimpan file dengan nama form.php
h.
Membuka
file yang sudah disimpan menggunakan browser dengan mengetikkan alamat
http://localhost/L200120106/form.php pada kolom alamat.
i.
Mengisi data yang diperlukan dan menekan
tombol “Simpan”, kemudian mengamati yang terjadi.
j.
Menggambar
hasilnya pada lembar kerja percobaan.
E.
TUGAS
Tuliskan script PHP
untuk membuat program penjumlahan menggunakan fungsi variabel seperti gambar di
bawah. Kemudian print screen hasilnya di browser dan lampirkan dalam laporan.
Langkah-langkah
praktikum :
a.
Buat
database sama seperti percobaan sebelumnya.
b.
Membuka
aplikasi Notepad.
c.
Mengetikkan
script berikut di dalam notepad.
d.
Menyimpan
file dengan nama proses.php.
e.
Mengetikkan
script berikut di dalam notepad.
<html><head>
<title>Data Mahasiswa</title>
</head><body>
<?php
//koneksi ke database
$koneksi=mysql_connect ('localhost','root','123');
$db=mysql_select_db('mahasiswa');
$nim = $_GET['nim'];
$query = ("DELETE from mhs WHERE nim='$nim'");
$hasil = mysql_query($query);
echo"Data telah di hapus<br>";
?>
<table width="600" cellpadding="3" cellspacing="3" align="center" border="1">
<tr>
<th colspan="2">Input Data Mahasiswa</th></tr>
<form action="form.php" method="post"
enctype="multipart/form-data">
<tr>
<td width="500">NIM</td>
<td width="600"><input type="text" name="txtnim" size="25"></td>
</tr>
<tr>
<td width="500">Nama</td>
<td width="600"><input type="text" name="txtnama" size="45"></td>
</tr>
<tr>
<td width="500">Jenis kelamin</td>
<td width="600"><input name="radiokelamin" type="radio" value="Laki-laki" />
Laki-laki
<input name="radiokelamin" type="radio" value="Perempuan"/>
Perempuan</td>
</tr>
<tr>
<td width="500">alamat</td>
<td width="600">
<textarea name="txtalamat" rows="5" cols="45"></textarea></td>
</tr>
<tr>
<td>Jurusan</td>
<td><input type="text" name="txtjurusan" size="45"></td>
</tr>
<tr>
<td width="500"></td>
<td width="600">
<input id="submit" type="submit" name="simpan" value="Simpan">
<input id="submit" value="Batal" type="reset">
</td>
</tr>
</form>
</table>
<?php
//simpan
if(isset($_POST['simpan'])){
$nim
= $_POST['txtnim'];
$nama
= $_POST['txtnama'];
$jeniskelamin
= $_POST['radiokelamin'];
$alamat
= $_POST['txtalamat'];
$jurusan
= $_POST['txtjurusan'];
//query input
$input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan) values ('$nim','$nama','$jeniskelamin','$alamat','$jurusan')";
//kondisi inputan
if($simpan&&nim==''){
echo "</br> NIM tidak boleh kosong, diisi dulu";
}elseif($nama==''){
echo "</br> Nama tidak boleh kosong, diisi dulu";
}elseif($jeniskelamin==''){
echo "</br> Jenis kelamin tidak boleh kosong, diisi dulu";
}elseif($alamat==''){
echo "</br> Alamat tidak boleh kosong, diisi dulu";
}elseif($jurusan==''){
echo "</br> Jurusan tidak boleh kosong, diisi dulu";
}else{
mysql_query($input);
echo'</br>Data berhasil dimasukkan';
}
}
?>
<hr>
<h2 align="center">Data Mahasiswa</h2>
<?php
//menampilkan data
$sql = mysql_query("SELECT *FROM mhs ORDER BY nim");
if(!sql)
die("Query Salah");
echo "<table cellpadding=4 border=1 align=center><tr>
<th>No</th>
<th>Nim</th>
<th>Nama</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>Jurusan</th>
<th>pilihan</th>
</tr>";
$no=$posisi+1;
while ($baris = mysql_fetch_row($sql)){
$nim
= $baris[0];
$nama
= $baris[1];
$jenis_kelamin
= $baris[2];
$alamat
= $baris[3];
$jurusan
= $baris[4];
echo "<tr>
<td align=center>$no</td>
<td align=center>$nim</td>
<td align=center>$nama</td>
<td align=center>$jeniskelamin</td>
<td align=center>$alamat</td>
<td align=center>$jurusan</td>
<td align=center><a href='hapus.php?nim=$nim'>Hapus</a> |<a href='edit.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> edit</a></td>
</tr>";
$no++;
}
echo "</table>";
?>
</body>
</html>
f.
Menyimpan
file dengan nama hapus.php.
g.
Lalu
mengetikkan script lagi di notepad.
<?php
$koneksi=mysql_connect ('localhost','root','123');
$db=mysql_select_db('mahasiswa');
if (isset($_POST['simpan'])) {
$nim
= $_POST['txtnim'];
$nama
= $_POST['txtnama'];
$jeniskelamin
= $_POST['radiokelamin'];
$alamat
= $_POST['txtalamat'];
$jurusan
= $_POST['txtjurusan'];
//query untuk update data di database
$query = "UPDATE mhs SET nim = '$nim', nama = '$nama', alamat = '$alamat', jurusan = '$jurusan' WHERE nim = '$nim'" ;
$hasil = mysql_query($query);
//hasil
if ($hasil) {
include "form.php";
echo "<center>
<h4>
Update data sukses </h4>
</center>
";
}
else {
die($sql . " => " . mysql_error());
}
}
?>
h.
Menyimpan
file dengan nama update.php.
i.
Membuka
file yang sudah disimpan menggunakan browser dengan mengetikkan alamat
j.
http://localhost/L200120106/form.php
pada kolom alamat.
Dari
tugas 1 ubahlah form html ke html 5 kemudian hapus kondisi inputan tersebut
lalu tambahkan atribut “required” pada form tersebut.
a.
Cara
sama seperti Tugas 1 lalu mengubah script menjadi berikut :
b.
Lalu
lihat hasilnya.
<!DOCTYPE HTML>
<head>
<title>Data Mahasiswa</title>
</head><body>
<?php
//koneksi ke database
$koneksi=mysql_connect ('localhost','root','123');
$db=mysql_select_db('mahasiswa');
?>
<table width="600" cellpadding="3" cellspasing="3" align="center"
border="1">
<tr>
<th colspan="2">Input Data Mahasiswa</th></tr>
<form action="form.php" method="POST"
enctype"multipart/form-data">
<tr>
<td width="500">NIM</td>
<td width="600"><input type="number" name="txtnim" size="25"
required ></td>
</tr>
<tr>
<td width="500"> nama</td>
<td width="600"><input type="text" name="txtnama"
required="required" size="45"></td>
</tr>
<tr>
<td width="500"> jenis kelamin</td>
<td width="600"><input type="radio" name="radiokelamin" value="Laki-laki" required="required">Laki-laki
<input type="radio" name="radiokelamin" value="Perempuan" required="required">Perempuan
</td>
</tr>
<tr>
<td width="500"> Alamat</td>
<td width="600"><input type="text" name="txtalamat" rows="5"
required="required" cols="45"></td>
</tr>
<tr>
<td width="500"> jurusan</td>
<td width="600"><input type="text" name="txtjurusan"
required="required" size="45"></td>
</tr>
<tr>
<td width="500"></td>
<td width="600"><input id="submit" type="submit" name="submit"
value="simpan">
<input id="submit" type="reset" value="Batal"></td>
</tr>
</form>
</table>
<?php
if (isset ($_POST ['submit'])){
$nim = $_POST['txtnama'];
$nama = $_POST['txtnim'];
$jeniskelamin = $_POST['radiokelamin'];
$alamat = $_POST['txtalamat'];
$jurusan = $_POST['txtjurusan'];
$input="insert into mhs (nim, nama, jenis_kelamin, alamat, jurusan)
values ('$nim','$nama','$jeniskelamin','$alamat','$jurusan')";
if($nim==''){
echo "<br> NIM tidak boleh kosong, diisi dulu";
}elseif($nama==''){
echo "<br> nama tidak boleh kosong, diisi dulu";
}elseif($jeniskelamin==''){
echo "<br> jenis kelamin tidak boleh kosong, diisi dulu";
}elseif($alamat==''){
echo "<br> Alamat tidak boleh kosong, diisi dulu";
}elseif($jurusan==''){
echo "<br> jurusan tidak boleh kosong, diisi dulu";
}else{
mysql_query($input);
echo'<br>Data berhasil dimasukan';
}
}
?>
<hr>
<h2 align="center">
Data mahasiswa</h2>
<?php
$sql = mysql_query("SELECT * FROM mhs ORDER BY nim");
if(!$sql)
die ("Query salah");
echo"<table cellpadding=4 border=1 align=center>
<tr>
<th>No</th>
<th>Nim</th>
<th>Nama</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>Jurusan</th>
<th>Pilihan</th></tr>
";
$no=+1;
while ($baris=mysql_fetch_row($sql)) {
$nim = $baris[0];
$nama = $baris[1];
$jeniskelamin = $baris[2];
$alamat = $baris[3];
$jurusan = $baris[4];
echo"
<tr>
<td align=center>$no</td>
<td align=center>$nim</td>
<td align=center>$nama</td>
<td align=center>$jeniskelamin</td>
<td align=center>$alamat</td>
<td align=center>$jurusan</td>
<td align=center><a
href='hapus.php?nim=$nim'>Hapus</a> |<a
href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'>
ubah</a></td></tr>
";
$no++;
}
echo"</table>
";
?>
</body>
</html>
