Database

Membuat Database Pendaftaran Mahasiswa Baru

Tugas Pemrograman Web

Kelas C

Kali ini saya akan membuat database pendaftaran mahasiswa baru menggunakan php dan mysql. Berikut source code dan tampilan akhirnya :

1. Source code config.php

 <?php  
 $server = "yukiyr.cucicuciku.com";  
 $user = "cucicuc1_yukiyr";  
 $password = "cucicuci11";  
 $nama_database = "cucicuc1_pendaftaran_siswa";  
 $db = mysqli_connect($server, $user, $password, $nama_database);  
 if( !$db ){  
   die("Gagal terhubung dengan database: " . mysqli_connect_error());  
 }  
 ?>

2. Source code index.php

 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Pendaftaran Mahasiswa Baru | Institut Teknologi Sepuluh Nopember</title>  
   <style type="text/css">   
   #topbar {  
     background-color: #7A0000;  
     width: 100%;  
     height: 100px;  
     color: white;  
   }  
   h4 {  
     color: #7A0000;  
   }  
   li {  
     color: #7A0000;  
   }  
 </head>  
 </style>  
 <body>  
 <div id="topbar">  
   <header>  
     <h1 align="center">Pendaftaran Mahasiswa Baru 2018</h3>  
     <h3 align="center">Institut Teknologi Sepuluh Nopember (ITS)</h1>  
     <hr align="nilai">  
   </header>  
   <h4>Menu</h4>  
   <nav>  
     <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. Source code list-siswa.php

 <?php include("config.php"); ?>  
 <!DOCTYPE html>  
 <html>  
 <head>  
   <title>Pendaftaran Mahasiswa Baru | Institut Teknologi Sepuluh Nopember</title>  
   <style type="text/css">   
   #topbar {  
     background-color: #7A0000;  
     width: 100%;  
     height: 125px;  
   }  
 </head>  
 </style>  
 <body>  
   <div id="topbar">  
   <header>  
     <h1 align="center">Pendaftaran Mahasiswa Baru 2018</h3>  
     <h3 align="center">Institut Teknologi Sepuluh Nopember (ITS)</h1>  
     <br>  
     <hr align="nilai">  
     <h3>DAFTAR MAHASISWA</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. Source code form-daftar.php

 <html>  
 <head>  
   <title>Formulir Pendaftaran Mahasiswa Baru | Institut Teknologi Sepuluh Nopember</title>  
   <style type="text/css">   
   body {  
     background: #7A0000;  
     font-family: sans-serif;  
   }  
   .login {  
     padding: 1em;  
     margin: 2em auto;  
     width: 20em;  
     background: #fff;  
     border-radius: 3px;  
   }  
   label {  
     font-size: 10pt;  
     color: #555;  
   }  
   textarea {  
     padding: 8px;  
     width: 95%;  
     background: #efefef;  
     border: 0;  
     font-size: 10pt;  
     margin: 6px 0px;  
   }  
   .tombol {  
     background: #7A0000;  
     color: #fff;  
     border: 0;  
     padding: 5px 8px;  
   }  
 </head>  
 </style>  
 <body>  
   <header>  
     <h2 align="center">  
 FORMULIR PENDAFTARAN MAHASISWA BARU 2018</h2>  
 <h3 align="center">  
 INSTITUT TEKNOLOGI SEPULUH NOPEMBER (ITS)</h3>  
 </header>  
   <div class="login">  
   <form action="proses-pendaftaran.php" method="POST">  
     <fieldset>  
       <label for="nama">Nama: </label>  
       <input name="nama" placeholder="Nama lengkap" type="text" />  
     <br />  
       <label for="alamat">Alamat: </label>  
       <textarea name="alamat"></textarea>  
     <br />  
       <label for="jenis_kelamin">Jenis Kelamin: </label>  
       <label><input name="jenis_kelamin" type="radio" value="laki-laki" /> Laki-laki</label>  
       <label><input name="jenis_kelamin" type="radio" value="perempuan" /> Perempuan</label>  
     <br />  
       <label for="agama">Agama: </label>  
       <select name="agama">  
         <option>Islam</option>  
         <option>Kristen</option>  
         <option>Hindu</option>  
         <option>Budha</option>  
         <option>Atheis</option>  
       </select>  
     <br />  
       <label for="sekolah_asal">Sekolah Asal: </label>  
       <input name="sekolah_asal" placeholder="Nama sekolah" type="text" />  
     <br />  
       <input class="tombol" name="daftar" type="submit" value="Daftar" />  
     <br />  
     </fieldset>  
 </form>  
 </div>  
 </body>  
 </head></html>

5. Source code proses-pendafaran.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. Source code 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. Source code 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 Mahasiswa | Institut Teknologi Sepuluh Nopember</title>  
 </head>  
 <body>  
   <header>  
     <h3>Formulir Edit Mahasiswa</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. Source code 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...");  
 }  
 ?>

9. Tampilan akhir

Tampilan awal