Senin, 13 Oktober 2014

aplikasi web berbasis PHP dan database MySQL

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)
ü  Jurusan                  (Varchar 45)



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.
k.         Hasil pada web.





Hapus




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>





Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)