Modul 6 ~ anrzero

Follow me on Twitter!

Selasa, 23 Desember 2014

Modul 6

17.54

Unknown

Modul 6

Percobaan 1

1. Modifikasi script percobaan 1 modul 4 dengan menambahkan css dibagian bawah tag body.
Seperti berikut :

<html>
<head>
    <title>Data Mahasiswa</title>
    <body>
<?php
//koneksi ke database
$koneksi=mysql_connect('localhost','root',''); //host, user, password
$db=mysql_select_db('mahasiswa'); //nama database
?>

<style type="text/css">
table {
    border: 1 px solid #000000;
}
th{
    background-color: #2B95EC;
    color: #FFFFFF;
}
tr:hover{
    background-color: #00CCFF;
}
p {
    font-family: "Times New Roman";
    font-size: 20px;
}
h1 {
    text-shadow: 5px 5px 5px #FF0000;
}
</style>
<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="25"></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">TULIS<./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 data ke database

if (isset($_POST['txtnim'])){
    $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 ($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
//buat warna tabel
$warna1 = "#FFFFFF";
$warna2 = "#CCFFFF";
$warna = $warna1;

//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=+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 bgcolor=$warna>
        <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=?'edit.php'=$nim>Ubah</a> |
        <a 
href=?proses=bltubh&&kdubah=$nim>Hapus</a></td>
    </tr>
";
$no++;
}
echo "</table>
";
?>
    </body>
    </html>

2. Simpan file dengan nama form.php pada folder L200120095.
3. Buka file menggunakan browser dengan mengetikkan alamat http://localhost/nama folder/form.php

Tugas

Memodifikasi hasil tugas modul 4 dengan menambahkan script css yang berbeda dari modul 1 percobaan 6
Ketikkan script sebagai berikut

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

<style type="text/css">
 table{
  border: 0px solid #000000;
  padding :14px;
  background-color : #E0FFFF;
  font-color : #000080;
  border-radius: 15px;
  }
 th {
  background-color : #2b95ec;
  color : #ffffff;
  height : 15px;
  border-radius: 15px;
  }
 input {
  border-radius: 10px;
  height : 26px;
  }
 textarea {
  border-radius: 10px;
  }
 tr:hover{
  background-color : #00CCFF;
  padding : 5px 2px;
  border-radius: 15px;
  }
 .tombol{
  width:90px;
  height:30px;
  border:solid 0px green;
  border-radius:15px;
  margin:2px 2px 2px 2px;
  padding:2px 2px 2px 2px;
  color:#AB00B9;
  background-color:#00BDC9;
  font:15px bold arial Black;
  transition:2s;
  duration:2s;
 }
 .tombol:hover{
  border-radius:10px;
  color:#2ECC0D;
  background-color:#CF3C0D;
  transition:2s;
  duration:2s;
  border:dotted 5px red;
 }
 </style>
 
 <table width="600" cellpadding="3" cellspacing="3" align="center" 
border="0">
<tr>
  <th colspan="2">Input Data Mahasiswa</th>
  </tr>
<form action="percobaan1.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"></textarea.ini></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 type="submit" name="simpan" 
value="Simpan" class="tombol">
       <input type="reset"  value="Batal" 
class="tombol"></td>
  </tr>
</form>
</table>
<?php
 if(isset($_POST['simpan'])){
  $nim  = $_POST['txtnim'];
  $nama  = $_POST['txtnama'];
  $jeniskelamin =$_POST['radiokelamin'];
  $alamat  = $_POST['txtalamat'];
  $jurusan = $_POST['txtjurusan'];
  
  $input="insert into mhs (nim, nama, jeniskelamin, alamat, jurusan) 
value ('$nim','$nama','$jeniskelamin','$alamat','$jurusan')";
  if($nim==''){
   echo "</br> NIM tidak boleh kosng";
   }
  else if($nama==''){
   echo "</br> NAMA tidak boleh kosng";
   }
  else if($jeniskelamin==''){
   echo "</br> JK tidak boleh kosng";
   }
   else if($alamat==''){
   echo "</br> Alamat tidak boleh kosng";
   }
   else if($jurusan==''){
   echo "</br> Jur tidak boleh kosng";
   }else {
     mysql_query($input);
     echo "Sukses Input";}
   }
   ?>
   <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 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_array($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 bgcolor=$warna>
     <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=3>edit || 
hapus</a></td>";
     
     $no++;
     }
     echo "</table>
";
     ?>
     </body>
     </html>

Hasilnya sebagai berikut :

Tugas 2

Membuat script baru untuk memodifikasi tabel input data percobaan 1 modul 6
Scriptnya sebagai berikut :

Hasilnya sebagai berikut :

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

Design by NewWpThemes | Blogger Theme by Lasantha - Premium Blogger Templates | NewBloggerThemes.com