UTS - PWEB - Membuat Input Prestasi Siswa dengan MySQL

UTS - Pemrograman Web
Membuat Input Prestasi Siswa dan kemudian dimasukkan kedalam database MySQL dengan menggunakan php
Nama : Bastian Farandy
NRP : 05111740000190
Kelas : Pemrograman Web C
Source Code :

config.php

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

index.php

 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Input Prestasi Siswa | E-Rapor</title>  
   <style type="text/css">  
     ul{  
        display:table; margin:0 auto;  
     }  
     body {  
       background-color: #80deea;    
     }  
     fieldset{  
       background-color: #b4ffff;  
     }  
   </style>  
 </head>  
 <body>  
   <header>  
     <h3 align="center">Input Prestasi Siswa</h3>  
     <h1 align="center">E-Rapor</h1>  
   </header>  
   <fieldset>  
   <h4 align="center">Menu</h4>  
   <nav>  
     <ul>  
       <li><a href="form-daftar.php"><button type="button">Input Prestasi Siswa</button></a></li><br/>  
       <li><a href="list-siswa.php"><button type="button">List Siswa</button></a></li>  
     </ul>  
   </nav>  
   <?php if(isset($_GET['status'])): ?>  
   <p align="center">  
     <?php  
       if($_GET['status'] == 'sukses'){  
         echo "Input Prestasi Siswa telah berhasil!";  
       } else {  
         echo "Pendaftaran gagal!";  
       }  
     ?>  
   </p>  
   <?php endif; ?>  
   </fieldset>  
   </body>  
 </html>

form-daftar.php

 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Input Prestasi Siswa | Sekolah Koding</title>  
   <style type="text/css">  
     ul{  
        display:table; margin:0 auto;  
     }  
     body {  
       background-color: #80deea;    
     }  
     fieldset{  
       background-color: #b4ffff;  
     }  
   </style>  
 </head>  
 <body>  
   <header>  
     <h3 align="center">Formulir Penginputan Prestasi Siswa | E-Rapor</h3>  
   </header>  
   <form action="proses-pendaftaran.php" method="POST">  
     <fieldset>  
     <ul>  
       <li>  
       <label for="nama">Nama Siswa&emsp;: </label>  
       <input type="text" name="nama" placeholder="nama lengkap" />  
     </li>  
       <br/>  
     <li>  
       <label for="jenis_prestasi">Jenis Prestasi: </label>  
       <textarea name="jenis_prestasi"></textarea>  
     </li>  
     <br/>  
     <li>  
       <label for="Kelas">Kelas&emsp;&emsp;&emsp;: </label>  
       <input type="text" name="Kelas" placeholder="Kelas" />  
     </li>  
     <br/>  
     <li>  
       <label for="sekolah">Sekolah&emsp;&emsp;: </label>  
       <input type="text" name="sekolah" placeholder="Kelas" />  
     </li>  
     <br/>  
     <li>  
       <label for="Keterangan">Keterangan&emsp;: </label>  
       <textarea name="Keterangan"></textarea>  
     </li>  
     <p align="center">  
       <input type="submit" value="Daftar" name="daftar" />  
       &emsp;<a href="index.php"><button type="button">Menu Utama</button></a>  
     </p>  
     </fieldset>  
   </form>  
   </body>  
 </html>

hapus.php

 <?php  
 include("config.php");  
 if( isset($_GET['id']) ){  
   // ambil id dari query string  
   $id = $_GET['id'];  
   // buat query hapus  
   $sql = "DELETE FROM prestasi_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...");  
 }  
 ?>

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'];  
   $jenis_prestasi = $_POST['jenis_prestasi'];  
   $sekolah = $_POST['sekolah'];  
   $Kelas = $_POST['Kelas'];  
   $Keterangan = $_POST['Keterangan'];  
   // buat query  
   $sql = "INSERT INTO prestasi_siswa (Nama_Siswa, Jenis_Prestasi, Kelas, sekolah, Keterangan) VALUE ('$nama', '$jenis_prestasi', '$Kelas', '$sekolah', '$Keterangan')";  
   $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...");  
 }

list-siswa.php

 <?php include("config.php"); ?>  
 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Input Prestasi Siswa | E-Rapor</title>  
   <style type="text/css">  
     th, td {  
        padding: 15px;  
        text-align: left;  
       }  
     body {  
       background-color: #80deea;    
     }  
     fieldset{  
       background-color: #b4ffff;  
     }  
     table{  
       background-color: white;   
     }  
   </style>  
 </head>  
 <body>  
   <header>  
     <h3 align="center">Siswa berprestasi yang telah di Input | E-Rapor</h3>  
   </header>  
   <fieldset>  
   <nav>  
     <p align="center"><a href="form-daftar.php"><button type="button">Tambah Baru</button></a></p>  
   </nav>  
   <br>  
   <table border="1" align="center">  
   <thead>  
     <tr>  
       <th>No</th>  
       <th>ID</th>  
       <th>Nama Siswa</th>  
       <th>Jenis Prestasi</th>  
       <th>Kelas</th>  
       <th>Sekolah</th>  
       <th>Keterangan</th>  
       <th>Opsi</th>  
     </tr>  
   </thead>  
   <tbody>  
     <?php  
     $sql = "SELECT * FROM prestasi_siswa";  
     $query = mysqli_query($db, $sql);  
     $nomor = 0;  
     while($siswa = mysqli_fetch_array($query)){  
       echo "<tr>";  
       $nomor++;  
       echo "<td>".$nomor."</td>";  
       echo "<td>".$siswa['id']."</td>";  
       echo "<td>".$siswa['Nama_Siswa']."</td>";  
       echo "<td>".$siswa['Jenis_Prestasi']."</td>";  
       echo "<td>".$siswa['Kelas']."</td>";  
       echo "<td>".$siswa['sekolah']."</td>";  
       echo "<td>".$siswa['Keterangan']."</td>";  
       echo "<td>";  
       echo "<a href='hapus.php?id=".$siswa['id']."'>Hapus</a>";  
       echo "</td>";  
       echo "</tr>";  
     }  
     ?>  
   </tbody>  
   </table>  
   <p align="center">Total Siswa : <?php echo mysqli_num_rows($query) ?><br/><br/>  
   <a href="index.php"><button type="button">Menu Utama</button></a></p></fieldset>  
   </body>  
 </html>

Screenshot


Keterangan : Tampilan Utama dari Input Prestasi E-Rapor


Keterangan : Tampilan dari Formulir Penginputan Prestasi Siswa


Keterangan : Setelah input, maka akan ada pesan bahwa Input Prestasi Siswa telah berhasil


Keterangan : Tampilan dari list siswa yang telah diinput


Keterangan : Setelah user menginput data siswa selanjutnya, maka pada list siswa yang telah terdaftar akan di update (ditambah)


Keterangan : Setelah user menekan opsi 'Hapus' pada ID 9 dengan siswa bernama Bastian Farandy, maka dalam list siswa yang sudah terdaftar akan diupdate dan ID 9 akan di delete.

Keterangan : Tampilan Utama pada Database

Catatan :
  • Pada web yang saya buat, berbeda dengan yang saya tuliskan di kertas ujian karena ada beberapa fitur dan keterangan yang saya tambahkan setelah kertas ujian sudah dikumpulkan. 

Comments

Post a Comment

Popular posts from this blog

PWEB5 - Membuat Form Pembayaran Air

Image
TUGAS 4 - Pemrograman Web Membuat Form Pembayaran Air serta menampilkan datanya ke dalam tabel dengan PHP Nama : Bastian Farandy NRP : 05111740000190 Kelas : Pemrograman Web C Source Code form.html <!DOCTYPE html> <html> <head> <title>Form Pembayaran HTML</title> <style type="text/css"> table { border-collapse: collapse; vertical-align: middle; padding: 10px; align-content: center; } .ket { text-align: center; } body { background-image: url("bg1.jpg"); background-position: center; } </style> </head> <body> <form action="data.php" method="post" id="form"> <table width="750" height="800" align="center" bgcolor="white"> <tr> <td colspan="4" align="center"><h1>Form Pembayaran Rekening Air</h1></td> </tr> <tr...
Read more

MPPL1 - Mendeskripsikan Proyek

TUGAS 1 - MPPL Mendeskripsikan proyek Nama : Bastian Farandy NRP   : 05111740000190 Kelas  : MPPL C Nama Proyek Membuat Lampu Pintar Deskripsi Proyek Mendesain sebuah lampu pintar yang dapat menyala secara otomatis pada jam tertentu, serta dapat mati secara otomatis pada jam tertentu dengan menggunakan arduino untuk merancang programnya. Lokasi Proyek CV Golden Autotech Jl. Rajawali IV No. 2, Ngeni, Waru, Sidoarjo, Jawa Timur, 61256 Waktu Proyek Proyek memakan waktu kurang lebih 1 sampai 2 minggu pengerjaan Tim yang Terlibat Satria Ade V. K. beserta timnya Produk yang Dihasilkan Lampu pintar yang dapat menyala / mati secara otomatis bedasarkan waktu yang dapat diatur Referensi Satria Ade V. K.
Read more

PBO1 - Biodata dengan BlueJ

Image
TUGAS 1 - Pemrograman Berbasis Objek Membuat biodata dengan Java menggunakan program BlueJ pada pertemuan minggu ke-2. Nama : Bastian Farandy NRP : 05111740000190 Kelas : Pemrograman Berbasis Objek A 1. Source Code /** * Write a description of class PBOA_Tugas1 here. * Program PBOA_Tugas1 merupakan program berisi biodata * @author : Bastian Farandy * @version : 0.1 */ public class PBOA_Tugas1 { // instance variables - replace the example below with your own private int x; /** * Constructor for objects of class PBOA_Tugas1 */ public PBOA_Tugas1() { // initialise instance variables x = 0; System.out.println("Nama : Bastian Farandy"); System.out.println("Kelas : PBO-A"); System.out.println("Alamat Rumah : Jl. Kejawan Gebang 1/17"); System.out.println("Email : bastian.farandy@gmail.com"); System.out.println("Blog...
Read more