Ra Share: Laporan Modul 4

MODUL 4

“Aplikasi Web Berbasis PHP dan Database MYSQL”

A. Tujuan

Dapat mengimplementasikan bahasa pemrograman PHP (HyperText Prepocessor) dengan menggunakan database MySQL ke dalam sebuah aplikasi berbasis web.

B. Landasan Teori

PHP

PHP adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web. PHP dapat berintegrasi dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. PHP adalah bahasa scripting, bukan bahasa tag based seperti HTML. PHP termasuk bahasa yang cross-platform, yang artinya bisa berjalan pada sistem operasi yang berbeda-beda. Program PHP ditulis dalam file plain text dan mempunyai akhiran “.php”.PHP membutuhkan web server, yang bertugas untuk memproses file-file php dan mengirimkaan hasil pemrosesan untuk ditampilkan di browser client. Oleh karena itu, PHP termasuk server-side scriptin.

MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (database management system) atau DBMS yang multithread, multi-user,dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

C. Alat dan Bahan

Alat dan bahan yang digunakan dalam praktikum adalah:

      1.      PC (Personal Komputer) atau Laptop
      2.      Sistem Operasi Windows
      3. Browser (Mozilla Firefox)
    4.    Notepad++
    5.    File gambar ber-ekstensi .jpg
6.    Web server local XAMPP
7.    Microsoft Word

D. Langkah-langkah Percobaan

1. Membuka browser dan buka localhost/phpmyadmin

2. Membuat database baru dengan nama database “mahasiswa” pada kolom create
new database

3. Membuat tabel baru dengan “mhs” dengan jumlah field “5”

4. Mengisi field yang tersedia seperti gambar berikut, setelah selesai klik "Go"

5. Membuat "nim" menjadi primary key dengan cara mengklik "primary"
pada baris "nim"

6. Membuka Notepad++
7. Mengetik Script berikut:

<html>
<head>
<title>Data Mahasiswa</title>
</head>
<body>

<?php
$koneksi=mysql_connect('localhost','root','');
$db=mysql_select_db('mahasiswa');
?>

<table width='600' cellpadding='3' cellspacing='3' align='center' border='1'>
<tr>
 <th colspan='2'>input Data mahasiswa</th>
</tr>
<form action='percobaan.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 type='radio' name='radiokelamin' value="Laki-Laki"/>Laki-Laki
   <input type='radio' name='radiokelamin' value="Perempuan"/>Perempuan</td>
</tr>
<tr>
 <td width='500'>Alamat</td>
 <td width='600'><textarea name='txtalamat' rows='5' cols='45'>&alt;/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' type='reset' value='batal'></td>
</tr>
</form>
</table>
<?php
if (isset($_POST['simpan'])){
 $nim   = $_POST['txtnim'];
 $nama   = $_POST['txtnama'];
 $jenis_kelamin = $_POST['radiokelamin'];
 $alamat   = $_POST['txtalamat'];
 $jurusan  = $_POST['txtjurusan'];

$input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan)
  values('$nim','$nama','$jenis_kelamin','$alamat','$jurusan')";

if($nim==''){
 echo"</br> NIM tidak boleh kosong, diisi dulu";
}elseif($nama==''){
 echo"</br> Nama tidak boleh kosong, diisi dulu";
}elseif($jenis_kelamin==''){
 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
$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>
   </tr>
";
   
 $no=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'>$jenis_kelamin</td>
    <td align='center'>$alamat</td>
    <td align='center'>$jurusan</td>
     </tr>
";
 $no++;
}
echo"</table>
";
?>
</body>
</html>

      8.      Menyimpan file dengan nama form.php di folder C:\xampp\htdocs\ppw.mod4
      9.      Membuka web browser mozilla firefox dan mengetik alamat
   localhost/ppw.mod4/form.php pada kolom alamat
      10 Mengisi data dan menekan tombol simpan
      11. Hasil

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1TX5-QRGwUbqjvxp7mw5CsAoxUN2VH2jsMnkLBFuYR9j38_uU9wZbutWZ9-V_RO4b4kQccT3RCM5EoSKh-iwL9M6KDJnP1k7HiaTO7yRQ9yuwdNMwb5bC-rIcT5uUBsVuVgxS1i4hxJNH/s1600/hasil+mod4+perc+1.gif

(klik gambar untuk lebih jelas)

     E.   Tugas
    1.      Menambahkan fungsi ubah dan hapus pada tabel berdasarkan percobaan diatas.
             a.         Membuka Notepad++
             b.        Mengetik Script berikut:

<html>
<head>
<title>Data Mahasiswa</title>
</head>
<body>

<?php
$koneksi=mysql_connect('localhost','root','');
$db=mysql_select_db('mahasiswa');
?>

<table width='600' cellpadding='3' cellspacing='3' align='center' border='1'>
<tr>
 <th colspan='2'>Input Data Mahasiswa</th>
</tr>
<form action='formtugas1.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 type='radio' name='radiokelamin' value="Laki-Laki"/>Laki-Laki
     <input type='radio' name='radiokelamin' value="Perempuan"/>Perempuan</td>
</tr>
<tr>
 <td width='500'>Alamat</td>
 <td width='600'><textarea name='txtalamat' rows='5' cols='45'>&alt;/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' type='reset' value='batal'></td>
</tr>
</form>
</table>
<?php
if (isset($_POST['simpan'])){
 $nim   = $_POST['txtnim'];
 $nama   = $_POST['txtnama'];
 $jenis_kelamin = $_POST['radiokelamin'];
 $alamat   = $_POST['txtalamat'];
 $jurusan  = $_POST['txtjurusan'];
 
$input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan)
  values('$nim','$nama','$jenis_kelamin','$alamat','$jurusan');";
 
if($nim==''){
 echo"</br> NIM tidak boleh kosong, diisi dulu";
}elseif($nama==''){
 echo"</br> Nama tidak boleh kosong, diisi dulu";
}elseif($jenis_kelamin==''){
 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
$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];
   $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'>$jenis_kelamin</td>
    <td align='center'>$alamat</td>
    <td align='center'>$jurusan</td>
    <td align='center'><a href='edit.php?nim=$nim'>Edit</a> | 
      <a href='hapus.php?nim=$nim'>Hapus</a></td>
     </tr>
";
 $no++;
}
echo"</table>
";
?>
</body>
</html>

     c.         Menyimpan file dengan nama formtugas1.php di folder
   C:\xampp\htdocs\ppw.mod4
         d.        Membuka Notepad++
             e.         Mengetik Script berikut:

<html>
<head>
<title>Data Mahasiswa</title>
</head>
<body>

<?php

$koneksi=mysql_connect('localhost','root','');
$db=mysql_select_db('mahasiswa');

$nim = $_REQUEST['nim'];
 
$sql=mysql_query("select * from mhs where nim = '$nim'");

while($baris = mysql_fetch_row($sql))
 {
   $nim           =$baris[0];
   $nama          =$baris[1];
   $jenis_kelamin =$baris[2];
   $alamat        =$baris[3];
   $jurusan       =$baris[4];
?>
<table width='600' cellpadding='3' cellspacing='3' 
   align='center' border='1'>
<tr>
 <th colspan='2'>input Data mahasiswa</th>
</tr>
<form action='update.php' method='post'>
<tr>
 <td width='500'>NIM</td>
 <td width='600'><input type='text' name='txtnim' value=
    "<?php echo $nim;?>"/> // Nim tidak boleh diganti //</td>
</tr>
<tr>
 <td width='500'>Nama</td>
 <td width='600'><input type='text' name='txtnama' 
     value="<?php echo $nama;?>" size='45'></td>
</tr>
<tr>
 <td width='500'>Jenis Kelamin</td>
 <td width='600'><?php if ($baris[2] === "Laki-Laki") : ?>
            <input type="radio" name="radiokelamin" 
               value="Laki-Laki" checked />Laki-Laki</label>
            <input type="radio" name="radiokelamin" 
               value="Perempuan" />Perempuan</label>
            <?php else : ?>
            <input type="radio" name="radiokelamin" 
               value="Laki-Laki" />Laki-Laki</label>
            <input type="radio" name="radiokelamin" 
               value="Perempuan" checked />Perempuan</label>
            <?php endif; ?>
</tr>
<tr>
 <td width='500'>Alamat</td>
 <td width='600'><textarea name='txtalamat' type='text' rows='5'
    cols='45'><?php echo $alamat;?> &alt;/textarea></td>
</tr>
<tr>
 <td>jurusan</td>
 <td><input type='text' name='txtjurusan' value=
   "<?php echo $jurusan;?>" size='45'></td>
</tr>
<tr>
 <td width='500'></td>
 <td width='600'><input id='submit' type='submit' name='update'
   value='update'>
     <input id='submit' type='reset' value='batal'></td>
</tr>
</form>
</table>
<?php
}
?>

</body>
</html>

             f.         Menyimpan file dengan nama edit.php di folder
                     C:\xampp\htdocs\ppw.mod4
             g.        Membuka Notepad++
             h.        Mengetik Script berikut:

             i.          Menyimpan file dengan nama update.php di folder
                     C:\xampp\htdocs\ppw.mod4
             j.          Membuka Notepad++
             k.        Mengetik Script berikut:

            l.          Menyimpan file dengan nama hapus.php di folder
C:\xampp\htdocs\ppw.mod4
            m.      Membuka web browser mozilla firefox dan mengetik alamat
                  localhost/ppw.mod4/formtugas1.php pada kolom alamat.
            o.        Hasil

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IiVWBKZj4tCtMVDov28r15vbPV5K_9AqRwAtLx8wD7bcX4b8W4sV3rldDoQQ0Tb3z7rgmn7xPWWabchez73yxvFTodRrunefS2nDuDCeqfBQyI5N50kUqVnctOWNaLh-tn9MNYxkp7Vq/s1600/hasil+mod4+tugas1.gif

(klik gambar untuk lebih jelas)

2. Merubah script pada percobaan menajadi berbasis HTML5
Script

<!DOCTYPE html>
<html>
<head>
<title>TUGAS 2</title>
</head>
<body>

<?php
$koneksi=mysql_connect('localhost','root','');
$db=mysql_select_db('mahasiswa');
?>

<table width='600' cellpadding='3' cellspacing='3' align='center' border='1'>
<tr>
  <th colspan='2'>input Data mahasiswa</th>
</tr>
<form action='formtugas2.php' method='post' 
    enctype='multipart/form-data'>
<tr>
  <td width='500'>NIM</td>
  <td width='600'><input type='text' name='txtnim' size='25' 
    required></td>
</tr>
<tr>
  <td width='500'>Nama</td>
  <td width='600'><input type='text' name='txtnama' size='45' 
    required></td>
</tr>
<tr>
  <td width='500'>Jenis Kelamin</td>
  <td width='600'><input type='radio' name='radiokelamin'
                    value="Laki-Laki" required/>Laki-Laki
                  <input type='radio' name='radiokelamin' 
                    value="Perempuan" required/>Perempuan</td>
</tr>
<tr>
  <td width='500'>Alamat</td>
  <td width='600'><textarea name='txtalamat' rows='5' cols='45' 
                     required>&alt;/textarea></td>
</tr>
<tr>
  <td>jurusan</td>
  <td><input type='text' name='txtjurusan' size='45' required></td>
</tr>
<tr>
  <td width='500'></td>
  <td width='600'><input id='submit' type='submit' name='simpan' 
       value='simpan'>
      <input id='submit' type='reset' value='batal'></td>
</tr>
</form>
</table>
<?php
if (isset($_POST['simpan'])){
  $nim   = $_POST['txtnim'];
  $nama   = $_POST['txtnama'];
  $jenis_kelamin = $_POST['radiokelamin'];
  $alamat  = $_POST['txtalamat'];
  $jurusan  = $_POST['txtjurusan'];

$input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan)
 values('$nim','$nama','$jenis_kelamin','$alamat','$jurusan')";
  
mysql_query($input);
 echo"</br> Data Berhasil dimasukkan";
} 
?>

<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>
      </tr>
";
   
$no=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'>$jenis_kelamin</td>
 <td align='center'>$alamat</td>
 <td align='center'>$jurusan</td>
 </tr>
";
$no++;
}
echo"</table>
";
?>
</body>
</html>

Hasil

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTtYyWXVnFU5TYxycTBoqyyuHH8mFsjI1jp8DcoUGf6ChHqM112kMFwpx14cqXmrGqx4pLNjb7GnorSnqWoacUWvXsMFG9LXkI1IVV6RFeJNVxAlUYIoABNvEqX8KnR8qUOZsc3CyOczdu/s1600/hasil+mod4+tugas2.gif.gif

(klik gambar untuk lebih jelas)

3. Mencari bentuk lain dari script barikut:
while($baris=mysql_fetch_row($sql)){

$nim =$baris[0];

$nama =$baris[1];

$jenis_kelamin =$baris[2];

$alamat =$baris[3];

$jurusan =$baris[4];}

Script

Ra Share

Rabu, 15 Oktober 2014

Laporan Modul 4

Tidak ada komentar:

Posting Komentar

Labels

Blog Archive