Selasa, 16 Oktober 2018

UTS PWEB C

Membuat Data Prestasi Siswa


1. config.php

 <?php  
 $server = "localhost";  
 $user = "root";  
 $password = "1103199901";  
 $nama_database = "prestasi_siswa";  
 $db = mysqli_connect($server, $user, $password, $nama_database);  
 if( !$db ){  
      die("Gagal terhubung dengan database: " . mysqli_connect_error());  
 }  
 ?>  


2. index.php

 <!DOCTYPE html>  
 <html>  
 <head>  
      <title>SMA Harapan</title>  
 </head>  
 <body>  
      <header>  
           <h3>Data Prestasi Siswa SMA Harapan</h3>  
      </header>  
      <h4>Menu</h4>  
      <nav>  
           <ul>  
                <li><a href="form-daftar.php">Tambah Data Baru</a></li>  
                <li><a href="list-siswa.php">Daftar Siswa Berprestasi</a></li>  
           <ul>  
      </nav>  
 </bdoy>  
 </html>  


3.list-siswa.php

 <?php include("config.php"); ?>  
 <!DOCTYPE html>  
 <html>  
 <head>  
      <title>Daftar Siswa Berprestasi | SMA Harapan</title>  
 </head>  
 <body>  
      <header>  
           <h3>Siswa SMA Harapan</h3>  
      </header>  
      <nav>  
           <a href="form-daftar.php">[+] Tambah Siswa</a>  
      </nav>  
      <br>  
      <table border="1">  
           <thead>  
                <tr>  
                     <th>No</th>  
                     <th>Nama</th>  
                     <th>NIS</th>  
                     <th>Semester</th>  
                     <th>Bidang</th>  
                     <th>Prestasi</th>  
                </tr>  
           </thead>  
           <tbody>  
                <?php  
                $sql = "SELECT * FROM siswa";  
                $query = mysqli_query($db, $sql);  
                while($siswa = mysqli_fetch_array($query))  
                {  
                     echo "<tr>";  
                     echo "<td>".$siswa['id']."</td>";  
            echo "<td>".$siswa['nama']."</td>";  
            echo "<td>".$siswa['nis']."</td>";  
            echo "<td>".$siswa['semester']."</td>";  
            echo "<td>".$siswa['bidang']."</td>";  
            echo "<td>".$siswa['prestasi']."</td>";  
            echo "<td>";  
            echo "<a href='form-edit.php?id=".$siswa['id']."'>Edit</a> | ";  
            echo "<a href='hapus.php?id=".$siswa['id']."'>Hapus</a>";  
            echo "</td>";  
            echo "</tr>";  
          }  
          ?>  
        </tbody>  
        </table>  
   <p>Total: <?php echo mysqli_num_rows($query) ?></p>  
 </body>  
 </html>  


4.form-daftar.php

 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>SMA Harapan</title>  
 </head>  
 <body>  
   <header>  
     <h3>Daftar Siswa Berprestasi</h3>  
   </header>  
   <form action="proses-pendaftaran.php" method="POST">  
     <fieldset>  
     <p>  
       <label for="nama">Nama: </label>  
       <input type="text" name="nama" placeholder="nama lengkap" />  
     </p>  
     <p>  
       <label for="nis">NIS: </label>  
       <textarea name="nis"></textarea>  
     </p>  
     <p>  
       <label for="semester">Semester: </label>  
       <textarea name="semester"></textarea>  
     </p>  
     <p>  
       <label for="bidang">Bidang: </label>  
       <select name="bidang">  
         <option>Akademik</option>  
         <option>Non Akademik</option>  
         <option>Ekstrakulikuler</option>  
       </select>  
     </p>  
     <p>  
       <label for="prestasi">Prestasi: </label>  
       <input type="text" name="prestasi" placeholder="prestasi" />  
     </p>  
     <p>  
       <input type="submit" value="Tambah" name="tambah" />  
     </p>  
     </fieldset>  
   </form>  
   </body>  
 </html>  


5. proses-pendaftaran.php

 <?php  
 include("config.php");  
 // cek apakah tombol daftar sudah diklik atau blum?  
 if(isset($_POST['tambah'])){  
   // ambil data dari formulir  
   $nama = $_POST['nama'];  
   $alamat = $_POST['nis'];  
   $jk = $_POST['semester'];  
   $agama = $_POST['bidang'];  
   $sekolah = $_POST['prestasi'];  
   // buat query  
   $sql = "INSERT INTO siswa (nama, nis, semester, bidang, prestasi) VALUE ('$nama', '$nis', '$semester', '$bidang', '$prestasi')";  
   $query = mysqli_query($db, $sql);  
   // apakah query simpan berhasil?  
   if( $query ) {  
     // kalau berhasil alihkan ke halaman index.php dengan status=sukses  
     header('Location: index.php?status=sukses');  
   } else {  
     // kalau gagal alihkan ke halaman indek.php dengan status=gagal  
     header('Location: index.php?status=gagal');  
   }  
 }   
 else {  
   die("Akses dilarang...");  
 }  
 ?>  


6. form-edit.php

 <?php  
 include("config.php");  
 // kalau tidak ada id di query string  
 if( !isset($_GET['id']) ){  
   header('Location: list-siswa.php');  
 }  
 //ambil id dari query string  
 $id = $_GET['id'];  
 // buat query untuk ambil data dari database  
 $sql = "SELECT * FROM siswa WHERE id=$id";  
 $query = mysqli_query($db, $sql);  
 $siswa = mysqli_fetch_assoc($query);  
 // jika data yang di-edit tidak ditemukan  
 if( mysqli_num_rows($query) < 1 ){  
   die("data tidak ditemukan...");  
 }  
 ?>  
 <!DOCTYPE html>  
 <html>  
 <head>  
   <title> SMA Harapan</title>  
 </head>  
 <body>  
   <header>  
     <h3>Daftar Siswa Berprestasi</h3>  
   </header>  
   <form action="proses-edit.php" method="POST">  
     <fieldset>  
       <input type="hidden" nam e="id" value="<?php echo $siswa['id'] ?>" />  
     <p>  
       <label for="nama">Nama: </label>  
       <input type="text" name="nama" placeholder="nama lengkap" value="<?php echo $siswa['nama'] ?>" />  
     </p>  
     <p>  
       <label for="nis">NIS: </label>  
       <textarea name="nis"><?php echo $siswa['nis'] ?></textarea>  
     </p>  
     <p>  
       <label for="semester">Semester: </label>  
       <textarea name="nis"><?php echo $siswa['nis'] ?></textarea>  
     </p>  
     <p>  
       <label for="bidang">Bidang: </label>  
       <?php $bidang = $siswa['bidang']; ?>  
       <select name="bidang">  
         <option <?php echo ($bidang == 'Akademik') ? "selected": "" ?>>Akademik</option>  
         <option <?php echo ($bidang == 'Non Akademik') ? "selected": "" ?>>Non Akademik</option>  
         <option <?php echo ($bidang == 'Ekstrakulikuler') ? "selected": "" ?>>Ekstrakulikuler</option>  
       </select>  
     </p>  
     <p>  
       <label for="prestasi">Prestasi: </label>  
       <input type="text" name="prestasi" placeholder="prestasi" value="<?php echo $siswa['prestasi'] ?>" />  
     </p>  
     <p>  
       <input type="submit" value="Simpan" name="simpan" />  
     </p>  
     </fieldset>  
   </form>  
   </body>  
 </html>  


7. proses-edit.php

 <?php  
 include("config.php");  
 // cek apakah tombol simpan sudah diklik atau blum?  
 if(isset($_POST['simpan'])){  
   // ambil data dari formulir  
   $id = $_POST['id'];  
   $nama = $_POST['nama'];  
   $nis = $_POST['nis'];  
   $semester = $_POST['semester'];  
   $bidang = $_POST['bidang'];  
   $prestasi = $_POST['prestasi'];  
   // buat query update  
   $sql = "UPDATE siswa SET nama='$nama', nis='$nis', semester='$semester', bidang='$bidang', prestasi='$prestasi' WHERE id=$id";  
   $query = mysqli_query($db, $sql);  
   // apakah query update berhasil?  
   if( $query ) {  
     // kalau berhasil alihkan ke halaman list-siswa.php  
     header('Location: list-siswa.php');  
   } else {  
     // kalau gagal tampilkan pesan  
     die("Gagal menyimpan perubahan...");  
   }  
 } else {  
   die("Akses dilarang...");  
 }  
 ?>  

8. hapus.php

 <?php  
 include("config.php");  
 if( isset($_GET['id']) ){  
   // ambil id dari query string  
   $id = $_GET['id'];  
   // buat query hapus  
   $sql = "DELETE FROM siswa WHERE id=$id";  
   $query = mysqli_query($db, $sql);  
   // apakah query hapus berhasil?  
   if( $query ){  
     header('Location: list-siswa.php');  
   } else {  
     die("gagal menghapus...");  
   }  
 } else {  
   die("akses dilarang...");  
 }  
 ?>  






Minggu, 14 Oktober 2018

UTS PBO B

Manless Parking System




1. MainMachine

  import java.util.Scanner;  
 /**    
  * Manless parking system.    
  *    
  * @author Christine Amelia   
  * @version (UTS-15/10/2018)  
  */   
  public class MainMachine    
  {    
    public static void main(String args[])    
    {  
      Scanner scan = new Scanner(System.in);    
      int vehicle,duration;    
      String nopolis;    
      System.out.println("\t\tParking System");    
      System.out.println("----------------------");    
      System.out.println("Pilih kendaraan anda: ");    
      System.out.println("1. Motor");    
      System.out.println("2. Mobil");  
      System.out.println("3. Bus/Truk");  
      System.out.print("Kendaraan: ");    
      vehicle = scan.nextInt();    
      Ticket ticket= new Ticket(vehicle);    
      System.out.print("Masukkan nomor polisi kendaraan anda : ");    
      nopolis = scan.next();    
      ticket.insertnopolis(nopolis);    
      System.out.print("Masukkan durasi parkir (jam): ");    
      duration = scan.nextInt();    
      ticket.insertduration(duration);    
      System.out.println("----------------------------");    
      if(vehicle == 1)  
      {    
        System.out.println("Tarif : Rp 2000/2 jam. Tarif sekarang: Rp " + duration*2000);    
      }    
      if(vehicle == 3)  
      {  
        System.out.println("Tarif : Rp 4000/2 jam. Tarif sekarang: Rp "+duration*4000);  
      }  
      else if(vehicle == 2)  
      {    
        System.out.println("Tarif : Rp 5000/2 jam. Tarif sekarang: Rp " + duration*5000);    
      }    
      System.out.println("Ketik 1 jika ingin mencetak karcis");    
      int type = scan.nextInt();    
      if(type==1)    
      {  
        ticket.printTicket();  
      }    
    }  
 }    


2. Ticket

 /**    
  * Manless parking system.    
  *    
  * @author Christine Amelia   
  * @version (UTS-15/10/2018)  
  */    
  public class Ticket   
  {  
    int pricemotor = 2000;    
    int pricemobil = 4000;  
    int pricebus = 5000;  
    int duration;    
    String nopolis;    
    int vehicle;  
    public Ticket(int jenis)    
    {    
      vehicle = jenis; //1 motor, 2 mobil, 3 bus  
    }    
    public void insertnopolis(String nopolisi)    
    {    
      nopolis = nopolisi;    
    }    
    public void insertduration(int waktu)    
    {    
      duration = waktu;    
    }    
    public void printTicket()  
    {  
      if(vehicle == 1)    
      {    
        System.out.println("Parking System");    
        System.out.println("-------------------------");    
        System.out.println("Durasi parkir: " + duration + " jam");    
        System.out.println("Kendaraan: Motor");    
        System.out.println("Nomor polisi kendaraan: " + nopolis);    
        System.out.println("Tarif: Rp " + pricemotor*duration);    
       }  
      if(vehicle == 2)  
      {  
        System.out.println("Parking System");  
        System.out.println("-----------------------");  
        System.out.println("Kendaraan : Mobil");  
        System.out.println("Nomor polisi kendaraan: " + nopolis);  
        System.out.println("Tarif: Rp "+pricemobil*duration);  
      }  
      else if(vehicle == 3)    
      {    
        System.out.println("Parking System");    
        System.out.println("------------------------");    
        System.out.println("Durasi parkir: " + duration);    
        System.out.println("Kendaraan: Bus/Truk");    
        System.out.println("Nomor polisi kendaraan: " + nopolis);    
        System.out.println("Tarif: Rp " + pricebus*duration);    
      }   
    }    
 }   






Selasa, 09 Oktober 2018

Tugas PWEB C (Tugas Kelas 3)

Membuat Form Pendaftaran


1. config.php

 <?php  
 $server = "localhost";  
 $user = "root";  
 $password = "1103199901";  
 $nama_database = "pendaftaran_siswa";  
 $db = mysqli_connect($server, $user, $password, $nama_database);  
 if( !$db ){  
   die("Gagal terhubung dengan database: " . mysqli_connect_error());  
 }  
 ?>  

2. index.php

 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Pendaftaran Siswa Baru | SMK Coding</title>  
 </head>  
 <body>  
   <header>  
     <h3>Pendaftaran Siswa Baru</h3>  
     <h1>SMK Coding</h1>  
   </header>  
   <h4>Menu</h4>  
   <nav>  
     <?php if(isset($_GET['status'])): ?>  
   <p>  
     <?php  
       if($_GET['status'] == 'sukses'){  
         echo "Pendaftaran siswa baru berhasil!";  
       } else {  
         echo "Pendaftaran gagal!";  
       }  
     ?>  
   </p>  
 <?php endif; ?>  
     <ul>  
       <li><a href="form-daftar.php">Daftar Baru</a></li>  
       <li><a href="list-siswa.php">Pendaftar</a></li>  
     </ul>  
   </nav>  
   </body>  
 </html>  


3. list-siswa.php

 <?php include("config.php"); ?>  
 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Pendaftaran Siswa Baru | SMK Coding</title>  
 </head>  
 <body>  
   <header>  
     <h3>Siswa yang sudah mendaftar</h3>  
   </header>  
   <nav>  
     <a href="form-daftar.php">[+] Tambah Baru</a>  
   </nav>  
   <br>  
   <table border="1">  
   <thead>  
     <tr>  
       <th>No</th>  
       <th>Nama</th>  
       <th>Alamat</th>  
       <th>Jenis Kelamin</th>  
       <th>Agama</th>  
       <th>Sekolah Asal</th>  
       <th>Tindakan</th>  
     </tr>  
   </thead>  
   <tbody>  
     <?php  
     $sql = "SELECT * FROM calon_siswa";  
     $query = mysqli_query($db, $sql);  
     while($siswa = mysqli_fetch_array($query)){  
       echo "<tr>";  
       echo "<td>".$siswa['id']."</td>";  
       echo "<td>".$siswa['nama']."</td>";  
       echo "<td>".$siswa['alamat']."</td>";  
       echo "<td>".$siswa['jenis_kelamin']."</td>";  
       echo "<td>".$siswa['agama']."</td>";  
       echo "<td>".$siswa['sekolah_asal']."</td>";  
       echo "<td>";  
       echo "<a href='form-edit.php?id=".$siswa['id']."'>Edit</a> | ";  
       echo "<a href='hapus.php?id=".$siswa['id']."'>Hapus</a>";  
       echo "</td>";  
       echo "</tr>";  
     }  
     ?>  
   </tbody>  
   </table>  
   <p>Total: <?php echo mysqli_num_rows($query) ?></p>  
   </body>  
 </html>  



4. form-daftar.php

 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Formulir Pendaftaran Siswa Baru | SMK Coding</title>  
 </head>  
 <body>  
   <header>  
     <h3>Formulir Pendaftaran Siswa Baru</h3>  
   </header>  
   <form action="proses-pendaftaran.php" method="POST">  
     <fieldset>  
     <p>  
       <label for="nama">Nama: </label>  
       <input type="text" name="nama" placeholder="nama lengkap" />  
     </p>  
     <p>  
       <label for="alamat">Alamat: </label>  
       <textarea name="alamat"></textarea>  
     </p>  
     <p>  
       <label for="jenis_kelamin">Jenis Kelamin: </label>  
       <label><input type="radio" name="jenis_kelamin" value="laki-laki"> Laki-laki</label>  
       <label><input type="radio" name="jenis_kelamin" value="perempuan"> Perempuan</label>  
     </p>  
     <p>  
       <label for="agama">Agama: </label>  
       <select name="agama">  
         <option>Islam</option>  
         <option>Kristen</option>  
         <option>Hindu</option>  
         <option>Budha</option>  
         <option>Atheis</option>  
       </select>  
     </p>  
     <p>  
       <label for="sekolah_asal">Sekolah Asal: </label>  
       <input type="text" name="sekolah_asal" placeholder="nama sekolah" />  
     </p>  
     <p>  
       <input type="submit" value="Daftar" name="daftar" />  
     </p>  
     </fieldset>  
   </form>  
   </body>  
 </html>  




5. proses-pendaftaran.php

 <?php  
 include("config.php");  
 // cek apakah tombol daftar sudah diklik atau blum?  
 if(isset($_POST['daftar'])){  
   // ambil data dari formulir  
   $nama = $_POST['nama'];  
   $alamat = $_POST['alamat'];  
   $jk = $_POST['jenis_kelamin'];  
   $agama = $_POST['agama'];  
   $sekolah = $_POST['sekolah_asal'];  
   // buat query  
   $sql = "INSERT INTO calon_siswa (nama, alamat, jenis_kelamin, agama, sekolah_asal) VALUE ('$nama', '$alamat', '$jk', '$agama', '$sekolah')";  
   $query = mysqli_query($db, $sql);  
   // apakah query simpan berhasil?  
   if( $query ) {  
     // kalau berhasil alihkan ke halaman index.php dengan status=sukses  
     header('Location: index.php?status=sukses');  
   } else {  
     // kalau gagal alihkan ke halaman indek.php dengan status=gagal  
     header('Location: index.php?status=gagal');  
   }  
 } else {  
   die("Akses dilarang...");  
 }  
 ?>  

6. hapus.php

 <?php  
 include("config.php");  
 if( isset($_GET['id']) ){  
   // ambil id dari query string  
   $id = $_GET['id'];  
   // buat query hapus  
   $sql = "DELETE FROM calon_siswa WHERE id=$id";  
   $query = mysqli_query($db, $sql);  
   // apakah query hapus berhasil?  
   if( $query ){  
     header('Location: list-siswa.php');  
   } else {  
     die("gagal menghapus...");  
   }  
 } else {  
   die("akses dilarang...");  
 }  
 ?>  

7. form-edit.php

 <?php  
 include("config.php");  
 // kalau tidak ada id di query string  
 if( !isset($_GET['id']) ){  
   header('Location: list-siswa.php');  
 }  
 //ambil id dari query string  
 $id = $_GET['id'];  
 // buat query untuk ambil data dari database  
 $sql = "SELECT * FROM calon_siswa WHERE id=$id";  
 $query = mysqli_query($db, $sql);  
 $siswa = mysqli_fetch_assoc($query);  
 // jika data yang di-edit tidak ditemukan  
 if( mysqli_num_rows($query) < 1 ){  
   die("data tidak ditemukan...");  
 }  
 ?>  
 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Formulir Edit Siswa | SMK Coding</title>  
 </head>  
 <body>  
   <header>  
     <h3>Formulir Edit Siswa</h3>  
   </header>  
   <form action="proses-edit.php" method="POST">  
     <fieldset>  
       <input type="hidden" name="id" value="<?php echo $siswa['id'] ?>" />  
     <p>  
       <label for="nama">Nama: </label>  
       <input type="text" name="nama" placeholder="nama lengkap" value="<?php echo $siswa['nama'] ?>" />  
     </p>  
     <p>  
       <label for="alamat">Alamat: </label>  
       <textarea name="alamat"><?php echo $siswa['alamat'] ?></textarea>  
     </p>  
     <p>  
       <label for="jenis_kelamin">Jenis Kelamin: </label>  
       <?php $jk = $siswa['jenis_kelamin']; ?>  
       <label><input type="radio" name="jenis_kelamin" value="laki-laki" <?php echo ($jk == 'laki-laki') ? "checked": "" ?>> Laki-laki</label>  
       <label><input type="radio" name="jenis_kelamin" value="perempuan" <?php echo ($jk == 'perempuan') ? "checked": "" ?>> Perempuan</label>  
     </p>  
     <p>  
       <label for="agama">Agama: </label>  
       <?php $agama = $siswa['agama']; ?>  
       <select name="agama">  
         <option <?php echo ($agama == 'Islam') ? "selected": "" ?>>Islam</option>  
         <option <?php echo ($agama == 'Kristen') ? "selected": "" ?>>Kristen</option>  
         <option <?php echo ($agama == 'Hindu') ? "selected": "" ?>>Hindu</option>  
         <option <?php echo ($agama == 'Budha') ? "selected": "" ?>>Budha</option>  
         <option <?php echo ($agama == 'Atheis') ? "selected": "" ?>>Atheis</option>  
       </select>  
     </p>  
     <p>  
       <label for="sekolah_asal">Sekolah Asal: </label>  
       <input type="text" name="sekolah_asal" placeholder="nama sekolah" value="<?php echo $siswa['sekolah_asal'] ?>" />  
     </p>  
     <p>  
       <input type="submit" value="Simpan" name="simpan" />  
     </p>  
     </fieldset>  
   </form>  
   </body>  
 </html>  

8. proses-edit.php

 <?php  
 include("config.php");  
 // cek apakah tombol simpan sudah diklik atau blum?  
 if(isset($_POST['simpan'])){  
   // ambil data dari formulir  
   $id = $_POST['id'];  
   $nama = $_POST['nama'];  
   $alamat = $_POST['alamat'];  
   $jk = $_POST['jenis_kelamin'];  
   $agama = $_POST['agama'];  
   $sekolah = $_POST['sekolah_asal'];  
   // buat query update  
   $sql = "UPDATE calon_siswa SET nama='$nama', alamat='$alamat', jenis_kelamin='$jk', agama='$agama', sekolah_asal='$sekolah' WHERE id=$id";  
   $query = mysqli_query($db, $sql);  
   // apakah query update berhasil?  
   if( $query ) {  
     // kalau berhasil alihkan ke halaman list-siswa.php  
     header('Location: list-siswa.php');  
   } else {  
     // kalau gagal tampilkan pesan  
     die("Gagal menyimpan perubahan...");  
   }  
 } else {  
   die("Akses dilarang...");  
 }  
 ?>  



TUGAS PWEB C (Tugas Rumah 4)

Membuat Form Pembayaran



Source code form yang di simpan dengan nama index.php

 <?php  
      session_start();  
 ?>  
 <!DOCTYPE html>  
 <head>  
 <style type="text/css">  
 body  
 {  
      background:#efefef;  
       font-family:arial;  
 }  
 #wrapshopcart  
 {  
      width:70%;  
      margin:3em auto;  
      padding:30px;  
      background:#fff;  
      box-shadow:0 0 15px #ddd;  
 }  
 h1  
 {  
      margin:0;  
      padding:0;  
      font-size:2.5em;  
      font-weight:bold;  
 }  
 p  
 {  
      font-size:1em;  
      margin:0;  
 }  
 table  
 {  
      margin:2em 0 0 0;  
      border:1px solid #eee;  
      width:100%;  
      border-collapse: separate;  
      border-spacing:0;  
 }  
 table th  
 {  
      background:#dbd9d9;  
      border:none;  
      padding:20px ;  
      font-weight:normal;  
      text-align:left;  
 }  
 table td  
  {  
      background:#fff;   
      border:none;  
      padding:12px 20px;   
      font-weight:normal;  
      text-align:left;   
      border-top:1px solid #eee;  
 }  
 table tr.total td  
 {  
      font-size:1.5em;  
 }  
 .btnsubmit  
 {  
      display:inline-block;  
      padding:10px;  
      border:1px solid #ddd;  
      background:#eee;  
      color:#000;  
      text-decoration:none;  
      margin:2em 0;  
 }  
 form  
 {  
      margin:2em 0 0 0;  
 }  
 label  
 {  
      display:inline-block;  
      width:12em;  
 }  
 input[type=text]  
 {  
      border:1px solid #bbb;  
      padding:10px;  
      width:30em;  
 }  
 textarea  
 {  
      border:1px solid #bbb;  
      padding:10px;  
      width:30em;  
      height:5em;  
      vertical-align:text-top;  
      margin:0.3em 0 0 0;  
 }  
 .submitbtn  
 {  
      font-size:1.5em;  
      display:inline-block;  
      padding:10px;  
      border:1px solid #ddd;  
      background:#eee;  
      color:#000;  
      text-decoration:none;  
      margin:0.5em 0 0 8em;  
 };  
 </style>  
 </head>  
 <body>  
      <div id="wrapshopcart">  
      <h1>Form Registrasi</h1>  
        <p>Silakan lengkapi form di bawah ini untuk membayar tagihan anda! (* berarti wajib) </p>  
      <script type="text/javascript">  
      function validasi_input(form)  
      {  
             pola_email=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
        pola_nopel=/^[0-9\_\-]{6,100}$/;  
           if (form.nama_depan.value == "")  
           {  
                alert("Nama anda masih kosong.");  
                form.nama_depan.focus();  
                return (false);  
           }  
           else if (!pola_email.test(form.email.value))  
           {  
                alert ('Penulisan Email tidak valid.');  
                form.email.focus();  
                return false;  
           }  
           else if (!pola_nopel.test(form.no_pel.value))  
           {  
                alert ('Nomor pelanggan terdiri dari 8 digit.');  
                form.no_pel.focus();  
                return false;  
           }  
           else if (form.alamat.value == "")  
           {  
                alert("Alamat anda masih kosong.");  
                form.alamat.focus();  
                return (false);  
           }  
           return (true);  
      }  
      </script>  
        <form action="invoice.php" method="POST" onsubmit="return validasi_input(this)">  
        <label>Nama Depan* : </label><input type="text" name="nama_depan" class="inputan" />  
       <br></br>  
        <label>Nama Belakang : </label><input type="text" name="nama_belakang" class="inputan" />  
       <br></br>  
        <label>Email* : </label><input type="text" name="email" class="inputan" />  
       <br></br>  
        <label>No Pelanggan* : </label><input type="text" name="no_pel" class="inputan" />  
       <br></br>  
        <label>No Telp : </label><input type="text" name="no_telp" class="inputan" />  
       <br></br>  
        <label>Alamat* :</label><textarea name="alamat" class="textan"></textarea>  
        <br></br>  
        <input type="submit" name="kirim" value="Kirim Isi Formulir!" class="submitbtn" />  
        </form>  
 </div>  
 </body>  
 </html>  


Source code penyimpan data yang di simpan dengan nama invoice.php

 <?php  
  session_start();  
  $total = NULL;  
  $post = $_POST;  
  /* invoice bisa di ambil dari database, karena pada dasarnya invoice tidak akan pernah menghapus recordnya. */  
  /* berapa jumlah invoice kemudian di tambahkan 1 */  
  $numrows_invoice_db = 565;  
  $invoice = $numrows_invoice_db + 1;  
 ?>  
 <!DOCTYPE html>  
  <head>  
  <style type="text/css">  
  body  
  {  
       background:#dbd9d9;  
       font-family:arial;  
   }  
  #wrapshopcart  
  {  
       width:70%;  
       margin:3em auto;  
       padding:30px;  
       background:#fff;  
       box-shadow:0 0 15px #ddd;  
   }  
  h1  
  {  
       margin:0;  
       padding:0;  
       font-size:2.5em;  
       font-weight:bold;  
   }  
  p  
  {  
       font-size:1em;  
       margin:0;  
   }  
  table  
  {  
       margin:2em 0 0 0;  
       border:1px solid #eee;  
       width:100%;   
       border-collapse: separate;  
       border-spacing:0;  
   }  
  table th  
  {  
       background:#dbd9d9;  
       border:none;  
       padding:20px ;  
       font-weight:normal;  
       text-align:left;  
   }  
  table td  
  {  
       background:#fff;   
       border:none;   
       padding:12px 20px;  
       font-weight:normal;  
       text-align:left;   
       border-top:1px solid #eee;  
   }  
  table tr.total td  
  {  
       font-size:1.5em;  
   }  
  .btnsubmit  
  {  
       display:inline-block;  
       padding:10px;  
       border:1px solid #ddd;  
       background:#eee;  
       color:#000;  
       text-decoration:none;  
       margin:2em 0;  
   }  
  form  
  {  
       margin:2em 0 0 0;  
   }  
  label  
  {  
       display:inline-block;  
       width:auto;  
   }  
  input[type=text]  
  {  
       border:1px solid #bbb;  
       padding:10px;  
       width:30em;  
   }  
  textarea  
  {  
       border:1px solid #bbb;  
       padding:10px;  
       width:30em;  
       height:5em;  
       vertical-align:text-top;  
       margin:0.3em 0 0 0;  
   }  
  .submitbtn  
  {  
       font-size:1.5em;  
       display:inline-block;  
       padding:10px;  
       border:1px solid #ddd;  
       background:#eee;  
       color:#000;  
       text-decoration:none;  
       margin:0.5em 0 0 8em;  
  }  
  </style>  
  </head>  
  <body>  
   <div id="wrapshopcart">  
   <h1>Invoice <?php echo $invoice;?></h1>  
   <p>Silahkan simpan halaman ini. </p>  
   <h3>Data lengkap Anda : </h3>  
   </label><table><tr></tr></table>  
   <label>Nama Lengkap : <?php echo $post['nama_depan'] . ' ' . $post['nama_belakang'] ;?> </label><table><tr></tr></table>  
   <label>Email : <?php echo $post['email'] ;?> </label></label><table><tr></tr></table>  
   <label>No Pelanggan: <?php echo $post['no_pel'] ;?></label></label><table><tr></tr></table>  
   <label>No Telp : <?php echo $post['no_telp'] ;?></label></label><table><tr></tr></table>  
   <label>Alamat : <?php echo $post['alamat'] ;?></label></label><table><tr></tr></table>  
   <h3>Total tagihan anda: </h3>  
   <table>  
   <tr><th width="70%">Produk</th><th width="10%">Quantity</th><th width="20%">Jumlah</th></tr>  
   <?php foreach($_SESSION['cart'] as $row):?>  
    <?php   
    $jumlah = $_SESSION['price'][$row['productid']] * $row['qty'];   
    $total += $jumlah;  
    ?>  
    <tr><td><?php echo $row['product'];?></td><td><?php echo $row['qty'];?></td><td><?php echo $jumlah; ?></td></tr>  
   <?php endforeach;?>  
   <tr class="total"><td></td><td >Total</td><td><?php echo $total;?></td></tr>  
   </table>    
   <h3>Silahkan Lakukan Pembayaran Ke Kantor PLN terdekat!</h3>  
  </div>  
  </body>  
 </html>  


Source code pembayaran yang disimpan dengan nama tagihan.php

 <?php  
  session_start();  
  $total = NULL;  
  /* daftar transaksi dalam bentuk session */  
  $_SESSION['cart'] = array(  
     array('productid' => 'TL01', 'product' => 'Listrik yang terpakai (Kwh)' , 'qty' => 62.03 ),  
     array('productid' => 'BA01', 'product' => 'Biaya Administrasi' , 'qty' => 1),  
     array('productid' => 'PJ01', 'product' => 'Pajak' , 'qty' => 1)  
    );  
  /* daftar harga produk */  
  $_SESSION['price'] = array(  
     'TL01' => 2000,  
     'BA01' => 5000,  
     'PJ01' => 5000  
    );   
 ?>  
 <!DOCTYPE html>  
  <head>  
  <style type="text/css">  
  body  
  {  
       background:#dbd9d9;  
       font-family:arial;  
  }  
  #wrapshopcart  
  {  
       width:70%;  
       margin:3em auto;  
       padding:30px;  
       background:#fff;  
       box-shadow:0 0 15px #ddd;  
   }  
  h1  
  {  
       margin:0;  
       padding:0;  
       font-size:2.5em;  
       font-weight:bold;  
   }  
  p  
  {  
       font-size:1em;  
       margin:0;  
   }  
  table  
  {  
       margin:2em 0 0 0;  
       border:1px solid #eee;  
       width:100%;   
       border-collapse: separate;  
       border-spacing:0;  
  }  
  table th  
  {  
       background:#dbd9d9;  
       border:none;  
       padding:20px ;  
       font-weight:normal;  
       text-align:left;  
  }  
  table td  
  {  
       background:#fff;  
       border:none;   
       padding:12px 20px;  
       font-weight:normal;  
       text-align:left;  
       border-top:1px solid #eee;  
  }  
  table tr.total td  
  {  
       font-size:1.5em;  
  }  
  .btnsubmit  
  {  
       display:inline-block;  
       padding:10px;  
       border:1px solid #ddd;  
       background:#eee;  
       color:#000;  
       text-decoration:none;  
       margin:2em 0;  
   }  
  </style>  
  </head>  
  <body>  
      <div id="wrapshopcart">  
           <h1>Daftar Tagihan Listrik Anda</h1>  
                <p>Berikut adalah tagihan listrik anda bulan ini: </p>  
   <table>  
   <tr><th width="70%">Produk</th><th width="10%">Quantity</th><th width="20%">Jumlah</th></tr>  
   <?php foreach($_SESSION['cart'] as $row):?>  
    <?php   
    $jumlah = $_SESSION['price'][$row['productid']] * $row['qty'];   
    $total += $jumlah;  
    ?>  
    <tr><td><?php echo $row['product'];?></td><td><?php echo $row['qty'];?></td><td><?php echo $jumlah; ?></td></tr>  
   <?php endforeach;?>  
   <tr class="total"><td></td><td >Total</td><td><?php echo $total;?></td></tr>  
   </table>  
   <a href="invoice.php" class="btnsubmit">Lanjut ke Pembayaran >></a>  
  </div>  
  </body>  
 </html>  

Hasil screenshot





Selasa, 02 Oktober 2018

TUGAS PWEB C (Tugas Rumah 3)

Membuat Form Registrasi



Source code :
  • HTML
 <html>  
 <head>  
   <link href="form.css" rel="stylesheet" type="text/css">  
   <title> Form Registrasi </title>  
 </head>  
 <tr>  
   <td width="1038" align="center"> <marquee> <h1> <font face="Rockwell" color="ffffff"> Register Form </font> </h1> </marquee> </td>  
 </tr>  
 <div class="container">  
   <div class="content">  
     <div class="body">  
       <div class="header">  
         <br><p class="textheader" align="center">Form Registrasi</p>  
       </div>  
       <div class="border">  
         <form action="#" method="POST" onSubmit="validasi_input(this)">  
           <table width="550" border="0">  
             <tr>  
               <td>Nama Lengkap</td>  
               <td><input class="nama" type="text" name="nama" id="name" placeholder="Nama"></td>  
                            </tr>  
                                    <td>Alamat</td>  
               <td>  
                 <textarea class="alamat" type="textarea" name="Nama Jalan" id="textarea" placeholder="Nama Jalan" cols="35" rows="1"></textarea>  
               </td>  
               <tr>  
                 <td>   </td>  
                 <td>  
                   <textarea class="alamat" type="textarea" name="No" id="textarea" placeholder="No" cols="35" rows="1"></textarea>  
                 </td>  
               </tr>  
               <tr>  
                 <td>   </td>  
                 <td>  
                   <textarea class="alamat" type="textarea" name="Kota" id="textarea" placeholder="Kota" cols="35" rows="1"></textarea>  
                 </td>  
               </tr>  
             </tr>  
                               <tr>  
               <td>Email</td>  
               <td><input class="email" type="text" name="email" id="email" placeholder="Email"></td>  
             </tr>  
             <tr>  
                                    <td>No. HP</td>  
                                    <td><input class="tlp" input name="telp" type="text" id="tlp" placeholder="No.HP" ></td>  
             <tr>  
               <td>Jenis Kelamin</td>  
               <td>  
                 <label class="jeniskelamin">  
                   <input type="radio" name="gender" id="laki" value="laki-laki">Laki-Laki  
                 </label>  
                 <label class="jeniskelamin">  
                   <input type="radio" name="gender" id="laki" value="perempuan">Perempuan  
                 </label>  
               </td>  
             </tr>  
             <tr>  
               <td>Tanggal Lahir</td>  
               <td>  
                 <div>  
                   <select class="tgllahir" name="tanggal">  
                     <option value="Tanggal" selected>Tanggal</option>  
                     <option value="1">1</option>  
                     <option value="2">2</option>  
                     <option value="3">3</option>  
                     <option value="4">4</option>  
                     <option value="5">5</option>  
                     <option value="6">6</option>  
                     <option value="7">7</option>  
                     <option value="8">8</option>  
                     <option value="9">9</option>  
                     <option value="10">10</option>  
                     <option value="11">11</option>  
                     <option value="12">12</option>  
                     <option value="13">13</option>  
                     <option value="14">14</option>  
                     <option value="15">15</option>  
                     <option value="16">16</option>  
                     <option value="17">17</option>  
                     <option value="18">18</option>  
                     <option value="19">19</option>  
                     <option value="20">20</option>  
                     <option value="21">21</option>  
                     <option value="22">22</option>  
                     <option value="23">23</option>  
                     <option value="24">24</option>  
                     <option value="25">25</option>  
                     <option value="26">26</option>  
                     <option value="27">27</option>  
                     <option value="28">28</option>  
                     <option value="29">29</option>  
                     <option value="30">30</option>  
                     <option value="31">31</option>  
                   </select>  
                   <select class="tgllahir" name="bulan">  
                     <option value="Bulan" selected>Bulan</option>  
                     <option value="Januari">Januari</option>  
                     <option value="Februari">Februari</option>  
                     <option value="Maret">Maret</option>  
                     <option value="April">April</option>  
                     <option value="Mei">Mei</option>  
                     <option value="Juni">Juni</option>  
                     <option value="Juli">Juli</option>  
                     <option value="Agustus">Agustus</option>  
                     <option value="September">September</option>  
                     <option value="Oktober">Oktober</option>  
                     <option value="November">November</option>  
                     <option value="Desember">Desember</option>  
                   </select>  
                   <select class="tgllahir" name="Tahun">  
                     <option value="Tahun" selected>Tahun</option>  
                     <option value="2003">2003</option>  
                     <option value="2002">2002</option>  
                     <option value="2001">2001</option>  
                     <option value="2000">2000</option>  
                     <option value="1999">1999</option>  
                     <option value="1998">1998</option>  
                     <option value="1997">1997</option>  
                     <option value="1996">1996</option>  
                     <option value="1995">1995</option>  
                     <option value="1994">1994</option>  
                     <option value="1993">1993</option>  
                     <option value="1992">1992</option>  
                     <option value="1991">1991</option>  
                     <option value="1990">1990</option>  
                   </select>  
                 </div>  
               </td>  
             </tr>  
             <tr>  
               <td>Rubrik Favorit</td>  
               <td>  
                 <div>  
                   <select class="rubrik" name="rubrik">  
                     <option value="rubrik" selected>pilih salah satu</option>  
                     <option value="Ekonomi">Ekonomi</option>  
                     <option value="Olahraga">Olahraga</option>  
                     <option value="Opini">Opini</option>  
                     <option value="Seni">Seni</option>  
                     <option value="Teknologi">Teknologi</option>  
                   </select>  
                  </div>  
               </td>  
             </tr>  
             <tr>  
               <td>  
                 <button class="daftar" type="daftar" value="Daf">Daftar</button>  
                 <button class="reset" type="res" value="res">Reset</button>  
               </td>  
             </tr>  
           </table>  
         </form>  
       </div>  
     </div>  
   </div>  
 </div>  
 <footer>  
   <p> <marquee><font face="Rockwell" color="ffffff"> Copyright &copy; 2018. Saya mencontoh internet</font> </marquee></p>  
 </footer>  
 </body>  
 <script type="text/javascript">  
      function validasi_input() {  
           var nama = document.getElementById("nama").value;  
           var email = document.getElementById("email").value;  
           var alamat = document.getElementById("alamat").value;  
           var NO HP = document.getElementById("tlp").value;  
           if (nama != "" && email!="" && alamat !="" && tlp!="") {  
                return true;  
           }else{  
                alert("Anda harus mengisi data dengan lengkap !");  
           }  
      }  
 </script>  
 <script type="text/javascript">  
 function validasi_input(form){  
  if (form.rubrik.value =="pilih"){  
   alert("Anda belum memilih rubrik favorit!");  
   return (false);  
  }  
 return (true);  
 }  
 </script>  
 <script type="text/javascript">  
 function validasi_input(form){  
  function check_radio(radio)  
  {  
   for (i = 0; i < radio.length; i++)  
   {  
    if (radio[i].checked === true)  
    {  
     return radio[i].value;  
    }  
   }  
   return false;  
   }  
   var radio_val = check_radio(form.jk);  
   if (radio_val === false)  
   {  
    alert("Anda belum memilih Jenis Kelamin!");  
    return false;  
   }  
   return (true);  
 }  
 </script>  
 <script type="text/javascript">  
 function validasi_input(form){  
  email=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
  if (!email.test(form.email.value)){  
   alert ('Penulisan Email tidak benar');  
   form.email.focus();  
   return false;  
  }  
  return (true);  
 }  
 </script>  
 <script type="text/javascript">  
  function validasi_input(form){  
  if (form.tlp.value != ""){  
  var x = (form.tlp.value);  
  var status = true;  
  var list = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9");  
  for (i=0; i<=x.length-1; i++)  
  {  
  if (x[i] in list) cek = true;  
  else cek = false;  
  status = status && cek;  
  }  
  if (status == false)  
  {  
  alert("No. HP harus terdiri dari angka!");  
  form.tlp.focus();  
  return false;  
  }  
  }  
  return (true);  
  }  
  </script>  
 </html>  


  • CSS
                .container{  
         margin-top: 10px;  
         margin-left: 400px;  
       }  
       .border{  
         border: 5px solid #00008B;  
         width: 550px;  
         height: 550px;  
       }  
       .header{  
         width: 560px;  
         height: 130px;  
         background-color: #FFFFFF;  
         border-radius: 3px 3px 0 0;  
       }  
       .textheader{  
         color: #000000;  
         text-align: center;  
         font-size: 18pt;  
         font-family: Times New Roman;  
         padding-top: 12px;  
         height: 30px;  
       }  
       .textheader:hover{  
         color: #ff0000;  
       }  
       .body{  
         width: 550px;  
         height: 680px;  
         background-color: #ffffff;  
         border-radius: 3px;  
         box-shadow: 6px 6px 0 0 #ffffff;  
       }  
                .email{  
         font-family: Times New Roman;  
         font-size: 13pt;  
         width: 415px;  
         height: 35px;  
         border: 1px solid #000000;  
         padding-left: 5px;  
         margin-top: 10px;  
         margin-left: 15px;  
         display: compact;  
         box-shadow: #000000;  
         border-radius: 5px;  
       }  
       .nama{  
         font-family: Times New Roman;  
         font-size: 13pt;  
         width: 415px;  
         height: 35px;  
         border: 1px solid #000000;  
         padding-left: 5px;  
         margin-top: 10px;  
         margin-left: 15px;  
         display: compact;  
         box-shadow: #000000;  
         border-radius: 5px;  
       }  
                .alamat{  
         font-family: Times New Roman;  
         font-size: 13pt;  
         width: 415px;  
         height: 35px;  
         border: 1px solid #000000;  
         padding-left: 5px;  
         margin-top: 10px;  
         margin-left: 15px;  
         display: compact;  
         box-shadow: #000000;  
         border-radius: 5px;  
       }  
       .jeniskelamin{  
         font-family: Times New Roman;  
         color:#000000;  
         margin-top: 35px;  
         margin-left: 15px;  
         width: 15px;  
         height: 15px;  
         position: relative;  
         top: 0px;  
         display: compact;  
       }  
       .submit:hover{  
         background-color: #ff0000;  
         color: #ffffff;  
       }  
       .footertext{  
         margin-top: 5px;  
         text-align: center;  
         font-family: Times New Roman;  
         font-size: 12pt;  
         color: #ffffff;  
       }  
       .rubrik{  
         font-family: Times New Roman;  
         font-size: 12pt;  
         color: #000000;  
         border: 1px solid #000000;  
         margin-left: 15px;  
         height: 30px;  
         margin-right: -18px;  
       }  
       .rubriktext{  
         margin-left: 15px;  
         color: #000000;  
         font-family: Times New Roman;  
         font-size: 12pt;  
         text-align: left;  
       }  
                .tgllahir{  
         font-family: Times New Roman;  
         font-size: 12pt;  
         color: #000000;  
         border: 1px solid #000000;  
         margin-left: 15px;  
         height: 30px;  
         margin-right: -18px;  
       }  
       .tgllahirtext{  
         margin-left: 15px;  
         color: #000000;  
         font-family: Times New Roman;  
         font-size: 12pt;  
         text-align: left;  
       }  
       .jeniskelamintext{  
         margin-left: 15px;  
         color: #000000;  
         font-family: Times New Roman;  
         font-size: 12pt;  
         text-align: left;  
       }  
       .tlp{  
         font-family: Times New Roman;  
         font-size: 13pt;  
         width: 415px;  
         height: 35px;  
         border: 1px solid #000000;  
         margin-left: 15px;  
         margin-top: 10px;  
         padding-left: 5px;  
         display: compact;  
         box-shadow:#000000;  
         border-radius: 5px;  
       }  
       .file{  
         font-family: Times New Roman;  
         color: #000000;  
         margin-top: 55px;  
         margin-left: 15px;  
         width: 200px;  
         height: 25px;  
         position: relative;  
         top: -30px;  
         display: compact;  
       }  
       .content{  
         padding: 10px;  
         padding-bottom: 30px;  
       }  
 .daftar{  
     position:relative;  
     box-sizing:border-box;  
     display:block;  
     width:100px;  
     border: 0px none;  
     padding: 0px 15px;  
     text-align:center;  
     font-family:Times New Roman;  
     font-weight:400;  
     text-shadow: 0px 0px 0px transparent;  
     border-radius: 4px;  
     color:#FFF;  
     background:#9b9696 none repeat scroll 0% 0%;  
     height: 30px;  
     line-height: 29px;  
     font-size: 16px;  
     margin:auto;  
     margin-top:10px;  
     }  
        .reset{  
     position:relative;  
     box-sizing:border-box;  
     display:block;  
     width:100px;  
     border: 0px none;  
     padding: 0px 15px;  
     text-align:center;  
     font-family:Times New Roman;  
     font-weight:400;  
     text-shadow: 0px 0px 0px transparent;  
     border-radius: 4px;  
     color:#FFF;  
     background:#9b9696 none repeat scroll 0% 0%;  
     height: 30px;  
     line-height: 29px;  
     font-size: 16px;  
     margin:auto;  
     margin-top:10px;  
     }  
 #footer{  
   width: 100%;  
   height: 30px;  
   line-height: 30px;  
   border-bottom: silver 1px solid;  
   position: absolute;  
   bottom: 0px;  
   background-color: #cccccc;  
 }  

MPPL 2020 - Manajemen Biaya

Christine Amelia / 05111740000174 Nandha Himawan / 05111740000180 Berikut merupakan manajemen biaya yang telah kami buat berdasarkan KAK ...