Pages

Selasa, 14 Oktober 2014

Praktik Pemograman web Modul4

LAPORAN PRAKTIKUM
PEMOGRAMAN WEB
MODUL 4







                                               Nama               : Alfi Nur Rohmat
                                               NIM                 : L200120074
                                               Kelas                : D



JURUSAN TEKNIK INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2014



A.       TUJUAN
Mengimplementasikan bahasa pemograman PHP (Hypertext Prepocessor) dengan mnggunakan database MySQL kedalam sebuah aplikasi berbasis web.
B.       PERCOBAAN
Percobaan 1 (Hyperlink)
Langkah-langkahpercobaan :
1.    Buka browser dan buka http://localhost/phpmyadmin .
2.    Buat database baru dengan nama database “mahasiswa” pada kolom create vew database”


3.    Buat tabel baru dengan  nama “mhs” dengan jumlah field “5” pada database yang sudah anda buat


4.    Isikan field yang sudah anda buat dengan isi sebagai berikut


5.    Buka aplikasi Notepad
6.    Ketikan script berikut

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

<?php
//koneksi ke database
$koneksi=mysql_connect('localhost', 'root', '12345');//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">jeniskelamin</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 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['radiokelamin'];
$alamat                         = $_POST['txtalamat'];
$jurusan                       = $_POST['txtjurusan'];
//query input
$input="insert into mhs (nim, nama, jeniskelamin, 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>jeniskelamin</th>
<th>alamat</th>
<th>jurusan</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>

7.    Simpan dengan nama form.php pada folder yang sudah di buat sebelumnya
8.    Buka file menggunakan browser dengan mengetikan alamat http://localhost/NIM/form.php pada kolom alamat


9.    lihat hasilnya dan isikan data-data yang diperlukan. Kemudian tekan tombol “Simpan”
10. Hasil percobaan


C.     TUGAS
1.    Dari foem percobaan diatas, buatlah supaya data dalam tabel di setiap barisnya dapat diubah dan di hapus.
Langkah-langkah:
1.    Buat database sama seperti percobaan sebelumnya.
2.    Membuka aplikasi Notepad. 
3.    Mengetikkan script berikut di dalam notepad.

<?php
//koneksi ke database
$koneksi=mysql_connect('localhost', 'root', '1234');//host, user, password
$db=mysql_select_db('mahasiswa');//nama database
?>

4.    Menyimpan file dengan nama config.php
5.    .Mengetikkan script berikut di dalam notepad.

<!DOCTYPE html>
<?php
include("config.php");
?>

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

<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 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'];
$Jenis_Kelamin           = $_POST['radiokelamin'];
$Alamat                      = $_POST['txtalamat'];
$Jurusan                      = $_POST['txtjurusan'];
//query input
     $input="insert into mhs (Nim, Nama, Jenis_Kelamin, Alamat, Jurusan) values ('$Nim', '$Nama', '$Jenis_Kelamin', '$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($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
//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];
$Pilihan                       = $baris[5];

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><a align=center href=edit.php>$Pilihan Edit</a> ||
<a align=center href=hapus.php>$Pilihan Hapus</a></td>
</tr>";

$no++;
}
echo"</table>";
?>
</body>
</html>
6.     Menyimpan file dengan nama form.php.
7.    Lalu mengetikkan script lagi di notepad.

<?php
include"config.php";

$no = $_GET['no'];

$query = mysql_query("select * from mhs where Nim='$Nim'") or die(mysql_error());

$sql = mysql_fetch_array($query);
?>

<table width="600" cellpadding="3" cellspacing="3" align="center" border="1">
<tr>
<th colspan="2">Silahkan Isi Form di Bawah Ini Untuk Edit Data Mahasiswa</th>
</tr>
    <form name="update_data" action="update.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 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>


</body>
</html>
8.    Menyimpan file dengan nama edit.php.
9.    Lalu mengetikkan script lagi di notepad.
<?php
include"config.php";
include"form.php";

$no = $_GET['no'];

$query = mysql_query("delete from mhs where Nim='$Nim'") or                                           die(mysql_error());

echo "<script> alert(' Data Telah Berhasil Di Hapus' ) </script>";
echo" <meta http-equiv='refresh' content='0;url=form.php' />";
 ?>

10. Menyimpan file dengan nama hapus.php.
11.  Lalu mengetikkan script lagi di notepad.

<?php
include("config.php");

//simpan data ke database
if (isset($_POST['simpan'])){
$Nim                           = $_POST['txtnim'];
$Nama                         = $_POST['txtnama'];
$Jenis_Kelamin           = $_POST['radiokelamin'];
$Alamat                      = $_POST['txtalamat'];
$Jurusan                      = $_POST['txtjurusan'];

//kondisi inputan
if($simpan&&$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{

    $query=mysql_query("UPDATE mhs SET Nim='$Nim', Nama='$Nama', Jenis_Kelamin='$Jenis_Kelamin', Alamat='$Alamat', Jurusan='$Jurusan' where Nim='$Nim'");
echo "<script> alert(' Data Telah Berhasil Di Edit' ) </script>";
echo "<meta http-equiv='refresh' content='0;url=form.php' />";
}
}         
?>

12.  Menyimpan file dengan nama update.php. 
13.   Membuka file yang sudah disimpan menggunakan browser dengan mengetikkan    alamat http://localhost/NIM/form.php pada kolom alamat.
14. Hasil pada web.





2. Dari tugas 1 ubahlah form html ke html 5 kemudian hapus kondisi inputan tersebut lalu tambahkan atribut “required” pada form tersebut.

1.  Cara sama seperti Tugas 1 lalu mengubah script menjadi berikut :

<!DOCTYPE html>
<?php
include("config.php");
?>

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

<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" required name="txtnim" size="25"></td>
</tr>
<tr>
<td width="500">Nama</td>
<td width="600"><input type="text" required 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" required rows="5" cols="45"></textarea></td>
</tr>
<tr>
<td width="500">Jurusan</td>
<td width="600"><input type="text" required 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'];
$Jenis_Kelamin           = $_POST['radiokelamin'];
$Alamat                       = $_POST['txtalamat'];
$Jurusan                      = $_POST['txtjurusan'];
//query input
    $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
//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];
$Pilihan                       = $baris[5];

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><a align=center href=edit.php>$Pilihan Edit</a> ||
<a align=center href=hapus.php>$Pilihan Hapus</a></td>
</tr>";

$no++;
}
echo"</table>";
?>
</body>
</html>

2. Lalu lihat hasilnya.






Tidak ada komentar:

Posting Komentar

 

Blogger news

Blogroll

About