Rafli Setiadi: modul 6

NAMA : rafli setiadi
NIM : L200120106

LAPORAN PRAKTIKUM MODUL 6

MENGGABUNGKAN WEB PHP & CSS

A. TUJUAN
Kita dapat mengimplementasikan web php dengan gabungan CSS untuk memperindah tampilan website.

B. LANDASAN TEORI

Landasan teori modul 4 ( PHP ) dan modul 5 ( CSS ) sebagai teori dasar pembelajaran php dan css.

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1
1. Memodifikasi script percobaan 1 modul 4 dengan menambahkan script CSS dibagian bawah tag body.
2. Script

<!DOCTYPE HTML>
<head>
<title>Data Mahasiswa</title>
</head><body>
<link rel="stylesheet" href="style.css">
<?php 
//koneksi ke database
$koneksi=mysql_connect ('localhost','root','');
$db=mysql_select_db('mahasiswa');
?>

th{
 background-color: #2B95EC;
 color: #ffffff;
}
tr:hover{
background-olor: #00ccff;
}
</style>

<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" required="required" size="25" ></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="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"><textarea name="txtalamat" rows="5" required="required" cols="45"></textarea.ini></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'])){
$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 ('$nama', '$nim', '$jeniskelamin','$alamat','$jurusan')";

if($nim==''){
echo "<br>";

}else{

mysql_query($input);
echo'<br>Data berhasil dimasukan';
}
}
?>
<hr>
<h2 align="center">
 Data mahasiswa</h2>
<?php
$warna1 = "#FFFFFF";
$warna2 = "#CCFFFF";
$warna  = $warna1;

$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];
  
 if($warna == $warna1) {
 $warna = $warna2;
 }
 else {
 $warna = $warna1;
 }
  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>

3. Menyimpan file dengan nama form.php pada folder yang sudah dibuat sebelumnya
4. Membuka file dengan menggunakan browser
5. Hasil

E. TUGAS 1
1. Memodifikasi hasil tugas modul 4 dengan menambahkan script css yang berbeda dari modul 1 percobaan 6
2. Script

<html>
<head>
<title>Data Mahasiswa</title>
</head>
<body>
<?php
 $koneksi=mysql_connect('localhost','root','12345');
 $db=mysql_select_db('mahasiswa');
 ?>

3. Hasil

TUGAS 2
1. Membuat script baru untuk memodifikasi tabel input data percobaan 1 modul 6
2. Script

3. Hasil

Rafli Setiadi

Senin, 01 Desember 2014

modul 6

Tidak ada komentar:

Posting Komentar