NGOPREK - NGOPREK IT: HTML

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

MODUL 4

Disusun Oleh :

NUGROHO ARI SAPUTRO

L200120105

JURUSAN TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

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. 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 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. Modul Praktikum

D. LANGKAH-LANGKAH PRAKTIKUM

1. Percobaan 1 (Form Data Mahasiswa)

Ø Pertama instal web server di PC kita.

Ø Kemudian buat folder baru di direktori C:\AppServ\www

Ø Buat file name dengan nim kita. L200120105.

Ø Setelah membuat folder baru di direktori C:\AppServ\www\L200120105, kemudian buka web browser anda, lalu ketikkan localhost/phpmyadmin, setelah muncul halaman dan mengisi user dan password kemudian kita buat database, perhatikan pada gambar, pada Create New Database isikan nama databasenya dan klik create.

Ø Setelah selesai buat tabelnya. Tabel selesai isikan field-field dalam tabel sesuaikan pada tabel berikut.

Ø Kemudian buka notepad ++

Ø Isikan script berikut

<html>
<head>
 <title>Data Mahasiswa</title>
</head>
<body>
 <?php
  //koneksi ke database
  $koneksi=mysql_connect('localhost', 'root', 'root'); //host,user,password
  $db=mysql_select_db('mahasiswa'); //nama database
 ?>
 <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="kelamin" type="radio" value="Laki-Laki" />Laki-Laki
     <input name="kelamin" type="radio" value="Perempuan" />Perempuan
    </td>
   </tr>
<tr>
    <td width="500">Alamat</td>
    <td width="600">
     <textarea name="txtalamat" rows="5" cols="45"></textarea.no>
    </td>
   </tr>
<tr>
    <td width="500">Jurusan</td>
    <td width="600">
     <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 data ke database
  if (isset($_POST['simpan'])){
   $nim    = $_POST['txtnim'];
   $nama    = $_POST['txtnama'];
   $jeniskelamin  = $_POST['kelamin'];
   $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($nim==''){
    echo "</br>NIM tidak boleh kosong, diisi dulu";
   }else if($nama==''){
    echo "</br>Nama tidak boleh kosong, diisi dulu";
   }else if($jeniskelamin==''){
    echo "</br>Jenis Kelamin tidak boleh kosong, diisi dulu";
   }else if($alamat==''){
    echo "</br>Alamat tidak boleh kosong, diisi dului";
   }else if($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>Nama</th>
     <th>NIM</th>
     <th>Jenis Kelamin</th>
     <th>Alamat</th>
     <th>Jurusan</th>
     <th>Pilihan</th>
    </tr>
";
    $posisi=1;
    $no=$posisi+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='delete.php?nim=$nim'>Hapus</a> |<a href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> ubah</a></td></tr>
;
      </tr>
";
     $no++;
    }
  echo "</table>
";
 ?>
</body>
</html>

Ø Setelah selesai simpan file tersebut ke dalam direktori C:\Appserv\www\L2001020105 dengan nama file form.php , kemudian buka web browser ketikan localhost/L200120105.form.html untuk melihat hasilnya.

Ø hasilnya

2. Tugas

1. Membuat script update dan hapus

Ø Buka notepad++

Ø Tulis script berikut

<?php
$koneksi=mysql_connect ('localhost','root','root');
$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>";

$nama = $_GET['nama']; //mengambil no / id
$nim = $_GET['nim'];
$jeniskelamin = $_GET['jeniskelamin'];
$alamat = $_GET['alamat'];
$jurusan = $_GET['jurusan'];
$query = "SELECT * FROM mhs WHERE nim = '$nim'"; //Memilih nama tabel dan menyeleksi no
$hasil = mysql_query($query) or die (mysql_error()); 
$data  = mysql_fetch_array($hasil);
?>

<table width="600" cellpadding="3" cellspasing="3" align="center" border="1">
<tr>
<th colspan="2">Edit Data Mahasiswa</th></tr>
<tr>
<td width="500">NIM</td>
<td width="600"><input type="number" value="<?php echo $nim; ?>" required="required" name="txtnim" size="25"></td>
</tr>
<tr>
<td width="500">Nama</td>
<td width="600"><input type="text" value="<?php echo $nama; ?>" name="txtnama" required="required" size="25"></td>
</tr>
<tr>
<td width="500">Jenis Kelamin</td>
<td width="600"><input type="radio" name="radiokelamin" value="<?php echo $jeniskelamin; ?>" required="required">Laki-laki
<input type="radio" name="radiokelamin" value="<?php echo $jeniskelamin; ?>" required="required">Perempuan</td>
</tr>
<tr>
<td width="500">Alamat</td>
<td width="600"><input type="text" name="txtalamat" rows="5" cols="45" required="required">
<?php echo $alamat; ?></td>
</tr>
<tr>
<td width="500">Jurusan</td>
<td width="600"><input type="text" name="txtjurusan" value='<?php echo $jurusan ?>' required="required" size="45"></td>
</tr>
<tr>
<td width="500"> <input type="hidden" name="nim" value="<?php echo $nim; ?>">
   <input type="SUBMIT" name="simpan" value="Simpan"></td>
</tr>
</table>
</form>
<?php
if (isset ($_POST ['submit'])){
$nama   = $_POST['txtnama'];
$nim   = $_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>";
}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>

Ø Simpan dengan nama edit.php

Ø Kemudian klik menu file pada notepad ++ kemudian pilih new.

Ø Tulis script berikut

Ø Simpan dengan nama proses.php
Ø Kemudian klik menu file pada notepad ++ kemudian pilih new.
Ø Tulis script berikut

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

<?php 
//koneksi ke database
$koneksi=mysql_connect ('localhost','root','root');
$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>

Simpan dengan nama hapus.php

Ø Lihat hasilnya

2. Buatlah validasi form.

Ø Buka file form.php

Ø Kemudian edit file form.php lalu tambahkan <HTML !DOCTYPE> di awal script, dan tambahkan required pada form input.

Ø Simpan file tersebut dengan nama validasi.php

Ø Scriptnya jadi seperti ini :

<html !DOCTYPE>
<html>
<head>
 <title>Data Mahasiswa</title>
</head>
<body>
 <?php
  //koneksi ke database
  $koneksi=mysql_connect('localhost', 'root', 'root'); //host,user,password
  $db=mysql_select_db('mahasiswa'); //nama database
 ?>
 <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" 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 name="kelamin" type="radio" value="Laki-Laki" />Laki-Laki
     <input name="kelamin" type="radio" value="Perempuan" />Perempuan
    </td>
   </tr>
<tr>
    <td width="500">Alamat</td>
    <td width="600">
     <textarea name="txtalamat" rows="5" cols="45" required></textarea.in>
    </td>
   </tr>
<tr>
    <td width="500">Jurusan</td>
    <td width="600">
     <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" value="Batal" type="reset">
    </td>
   </tr>
</form>
</table>
<?php
  //simpan data ke database
  if (isset($_POST['simpan'])){
   $nim    = $_POST['txtnim'];
   $nama    = $_POST['txtnama'];
   $jeniskelamin  = $_POST['kelamin'];
   $alamat   = $_POST['txtalamat'];
   $jurusan   = $_POST['txtjurusan'];
  
   //query input
   $input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan) values ('$nim', '$nama', '$jeniskelamin', '$alamat', '$jurusan')";
  }
 ?>
 <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>Nama</th>
     <th>NIM</th>
     <th>Jenis Kelamin</th>
     <th>Alamat</th>
     <th>Jurusan</th>
     <th>Pilihan</th>
    </tr>
";
    $posisi=1;
    $no=$posisi+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='delete.php?nim=$nim'>Hapus</a> |<a href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> ubah</a></td></tr>
;
      </tr>
";
     $no++;
    }
  echo "</table>
";
 ?>
</body>
</html>

Ø Hasil :

NGOPREK - NGOPREK IT

Kamis, 13 November 2014

Laporan Praktikum Pemrograman Web Modul 6

Senin, 13 Oktober 2014

Laporan Praktikum Pemrograman Web Modul_4

Minggu, 21 September 2014

Laporan Praktikum Perograman Web Moudul 1

Rabu, 18 Desember 2013

Menu dan Zebra Table

Rabu, 18 September 2013

Sejarah dan Perkembangan HTML