Nama : Christine Amelia
NRP : 05111740000174
Kelas : PWEB C
Link : ppdbonlinepweb.000webhostapp.com
Link : ppdbonlinepweb.000webhostapp.com
MEMBUAT PPDB ONLINE
1. Database:
2. Interface:
Tampilan halaman login
Tampilan halaman register
Tampilan halaman pengisian form
Tampilan halaman untuk mendownload formulir
Tampilan halaman register
Tampilan halaman jika berhasil login
Tampilan halaman untuk mendownload formulir
- connect.php
<?php
$server = "localhost";
$user = "root";
$password = "1103199901";
$nama_database = "pendaftaran_calonsiswa";
$db = mysqli_connect($server, $user, $password , $nama_database);
if(!$db){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
- opening.php
<!DOCTYPE html>
<html>
<head>
</head>
<style type="text/css">
ul{
display:table; margin:0 auto;
}
body {
background-color: #f5ffdc;
}
</style>
<body>
<header>
<h1 align="center">Pendaftaran Siswa Baru Kota Batam</h3>
<h3 align="center">Tingkat Sekolah Menengah Atas</h1>
</header>
<h4 align="center">Menu</h4>
<nav>
<ul>
<li><a href="form-daftarr.php">Isi Formulir</a></li>
<li><a href="list-siswa.php">Edit/Hapus</a></li>
<li><a href="downloadd.php">Lihat Formulir</a></li>
</ul>
</nav>
</body>
</html>
- signin.php
<?php
session_start();
// initializing variables
$email = "";
$username = "";
$errors = array();
// connect to the database
$db = mysqli_connect('localhost', 'root', '1103199901', 'pendaftaran_calonsiswa');
// REGISTER USER
if (isset($_POST['daftar'])) {
// receive all input values from the form
$email = mysqli_real_escape_string($db, $_POST['email']);
$username = mysqli_real_escape_string($db, $_POST['username']);
$password1 = mysqli_real_escape_string($db, $_POST['password1']);
$password2 = mysqli_real_escape_string($db, $_POST['password2']);
// form validation: ensure that the form is correctly filled ...
// by adding (array_push()) corresponding error unto $errors array
if (empty($username)) { array_push($errors, "Username is required"); }
if (empty($email)) { array_push($errors, "Email is required"); }
if (empty($password1)) { array_push($errors, "Password is required"); }
if ($password1 != $password2) {
array_push($errors, "The two passwords does not match");
}
$user_check_query = "SELECT * FROM users WHERE email='$email' OR username='$username' LIMIT 1";
$result = mysqli_query($db, $user_check_query);
$user = mysqli_fetch_assoc($result);
if ($user) {
if ($user['email'] === $email) {
array_push($errors, "email is already exists");
}
if ($user['username'] === $username) {
array_push($errors, "Username is already exists");
}
}
if (count($errors) == 0) {
$password = md5($password1);
$query = "INSERT INTO users (username, email, password)
VALUES('$email', '$username', '$password')";
mysqli_query($db, $query);
$_SESSION['username'] = $username;
$_SESSION['success'] = "You are now logged in";
header('location: indexx.php');
}
}
// ...
if (isset($_POST['submit'])) {
$username = mysqli_real_escape_string($db, $_POST['username']);
$password = mysqli_real_escape_string($db, $_POST['password']);
if (empty($username)) {
array_push($errors, "Username is required");
}
if (empty($password)) {
array_push($errors, "Password is required");
}
if (count($errors) == 0) {
$password = md5($password);
$query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
$results = mysqli_query($db, $query);
if (mysqli_num_rows($results) == true) {
$_SESSION['username'] = $username;
$_SESSION['success'] = "You are now logged in";
header('location: indexx.php');
}else {
array_push($errors, "Wrong username/password combination");
}
}
}
?>
- login.php
<?php
include "connect.php";
session_start();
if (isset($_SESSION['username'])){
header ("location:indexx.php");
}
?>
<html>
<head>
<title>PENDAFTARAN SISWA BARU KOTA BATAM</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body style="text-align: center;">
<form method="post" name="login" action="signin.php">
<table border=0 align="center" cellpadding=5 cellspacing=0>
<tr>
<h1>Pendaftaran Siswa Baru Kota Batam</h1>
<div class="header">
<td colspan=3><center><font size=5>LOGIN</font></center></td>
</div>
</tr>
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td colspan=2></td>
<td><input type="submit" name="submit" value="LOGIN"></td>
</tr>
<tr>
<td> Belum Mendaftar? Klik </td>
<td colspan=3><a href="daftar-baru.php">DAFTAR</a></td>
</tr>
</table>
</form>
</body>
</html>
- indexx.php
<?php
session_start();
if (!isset($_SESSION['username'])) {
$_SESSION['msg'] = "You must log in first";
header('location: login.php');
}
if (isset($_GET['logout'])) {
session_destroy();
unset($_SESSION['username']);
header("location: login.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
<h2>Home Page</h2>
</div>
<div class="content">
<!-- notification message -->
<?php if (isset($_SESSION['success'])) : ?>
<div class="error success" >
<h3>
<?php
echo $_SESSION['success'];
unset($_SESSION['success']);
?>
</h3>
</div>
<?php endif ?>
<!-- logged in user information -->
<?php if (isset($_SESSION['username'])) : ?>
<p>Welcome <strong><?php echo $_SESSION['username']; ?></strong></p>
<p> <a href="opening.php" style="color: red;">Fill The Formulir</a> </p>
<p> <a href="indexx.php?logout='1'" style="color: red;">Logout</a> </p>
<?php endif ?>
</div>
</body>
</html>
- daftar-baru.php
<?php include('signin.php') ?>
<!DOCTYPE html>
<html>
<head>
<title>Formulir Pendaftaran Siswa Baru 2019 Kota Batam</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
<h2>Register</h2>
</div>
<form method="post" action="daftar-baru.php">
<?php include('errors.php'); ?>
<div class="input-group">
<label>Email</label>
<input type="email" name="email" value="<?php echo $email; ?>">
</div>
<div class="input-group">
<label>Username</label>
<input type="text" name="username" value="<?php echo $username; ?>">
</div>
<div class="input-group">
<label>Password</label>
<input type="password" name="password1">
</div>
<div class="input-group">
<label>Confirm password</label>
<input type="password" name="password2">
</div>
<div class="input-group">
<button type="submit" class="btn" name="daftar">Register</button>
</div>
<p>
Already a member? <a href="login.php">Sign in</a>
</p>
</form>
</body>
</html>
- form-daftarr.php
<?php include('signin.php') ?>
<!DOCTYPE html>
<html>
<head>
<title>Formulir Pendaftaran Siswa Baru 2019 Kota Batam</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
<h2>Register</h2>
</div>
<form method="post" action="daftar-baru.php">
<?php include('errors.php'); ?>
<div class="input-group">
<label>Email</label>
<input type="email" name="email" value="<?php echo $email; ?>">
</div>
<div class="input-group">
<label>Username</label>
<input type="text" name="username" value="<?php echo $username; ?>">
</div>
<div class="input-group">
<label>Password</label>
<input type="password" name="password1">
</div>
<div class="input-group">
<label>Confirm password</label>
<input type="password" name="password2">
</div>
<div class="input-group">
<button type="submit" class="btn" name="daftar">Register</button>
</div>
<p>
Already a member? <a href="login.php">Sign in</a>
</p>
</form>
</body>
</html>
- form-edit.php
<?php
include("connect.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 Pendaftaran Siswa Kota Batam</title>
<style type="text/css">
body {
background-color: #f5ffdc;
}
fieldset{
background-color: #f5ffdc;
}
</style>
</head>
<body>
<header>
<h3>Formulir Pendaftaran Siswa Baru 2019 Kota Batam</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="tempat_lahir">Tempat Lahir: </label>
<input type="text" name="tempat_lahir" placeholder="tempat lahir" value="<?php echo $siswa['tempat_lahir'] ?>"/>
</p>
<p>
<label for="tanggal_lahir">Tanggal Lahir(dd/mm/yyyy): </label>
<input type="text" name="tgl_lahir" placeholder="tanggal_lahir" value="<?php echo $siswa['tgl_lahir'] ?>"/>
</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 == 'Buddha') ? "selected": "" ?>>Buddha</option>
<option <?php echo ($agama == 'Hindu') ? "selected": "" ?>>Hindu</option>
<option <?php echo ($agama == 'Islam') ? "selected": "" ?>>Islam</option>
<option <?php echo ($agama == 'Katolik') ? "selected": "" ?>>Katolik</option>
<option <?php echo ($agama == 'Kristen') ? "selected": "" ?>>Kristen</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>
<label for="pilihan1">Pilihan 1: </label>
<select name="pilihan1">
<option>SMA Negeri 01 Batam</option>
<option>SMA Negeri 03 Batam</option>
<option>SMA Negeri 04 Batam</option>
<option>SMA Negeri 08 Batam</option>
<option>SMA Negeri 12 Batam</option>
<option>SMA Negeri 15 Batam</option>
<option>SMA Negeri 20 Batam</option>
</select>
</p>
<p>
<label for="pilihan2">Pilihan 2: </label>
<select name="pilihan2">
<option>SMA Negeri 01 Batam</option>
<option>SMA Negeri 03 Batam</option>
<option>SMA Negeri 04 Batam</option>
<option>SMA Negeri 08 Batam</option>
<option>SMA Negeri 12 Batam</option>
<option>SMA Negeri 15 Batam</option>
<option>SMA Negeri 20 Batam</option>
</select>
</p>
<p>
<label for="pilihan3">Pilihan 3: </label>
<select name="pilihan3">
<option>SMA Negeri 01 Batam</option>
<option>SMA Negeri 03 Batam</option>
<option>SMA Negeri 04 Batam</option>
<option>SMA Negeri 08 Batam</option>
<option>SMA Negeri 12 Batam</option>
<option>SMA Negeri 15 Batam</option>
<option>SMA Negeri 20 Batam</option>
</select>
</p>
<p>
<input type="submit" value="Simpan" name="simpan" />
</p>
</fieldset>
</form>
</body>
</html>
- proses-daftar.php
<?php
include("connect.php");
// cek apakah tombol daftar sudah diklik atau blum?
if(isset($_POST['daftar'])){
// ambil data dari formulir
$nik = $_POST['nik'];
$nama = $_POST['nama'];
$tempat_lahir = $_POST['tempat_lahir'];
$tanggal_lahir = $_POST['tgl_lahir'];
$alamat = $_POST['alamat'];
$jk = $_POST['jenis_kelamin'];
$agama = $_POST['agama'];
$sekolah = $_POST['sekolah_asal'];
$pilihan1 = $_POST['pilihan1'];
$pilihan2 = $_POST['pilihan2'];
$pilihan3 = $_POST['pilihan3'];
// buat query
$sql = "INSERT INTO calon_siswa (nik, nama, tempat_lahir, tgl_lahir, alamat, jenis_kelamin, agama, sekolah_asal, pilihan1, pilihan2, pilihan3) VALUE ('$nik', '$nama', '$tempat_lahir', '$tanggal_lahir', '$alamat', '$jk', '$agama', '$sekolah', '$pilihan1', '$pilihan2', '$pilihan3')";
$query = mysqli_query($db, $sql);
// apakah query simpan berhasil?
if( $query ) {
// kalau berhasil alihkan ke halaman index.php dengan status=sukses
header('Location: indexx.php?status=sukses');
} else {
// kalau gagal alihkan ke halaman indek.php dengan status=gagal
header('Location: indexx.php?status=gagal');
}
} else {
die("Akses dilarang...");
}
?>
- proses-edit.php
<?php
include("connect.php");
// cek apakah tombol simpan sudah diklik atau blum?
if(isset($_POST['simpan'])){
// ambil data dari formulir
$id = $_POST['id'];
$nik = $_POST['nik'];
$nama = $_POST['nama'];
$tempat_lahir = $_POST['tempat_lahir'];
$tanggal_lahir = $_POST['tgl_lahir'];
$alamat = $_POST['alamat'];
$jk = $_POST['jenis_kelamin'];
$agama = $_POST['agama'];
$sekolah = $_POST['sekolah_asal'];
$pilihan1 = $_POST['pilihan1'];
$pilihan2 = $_POST['pilihan2'];
$pilihan3 = $_POST['pilihan3']
// buat query update
$sql = "UPDATE calon_siswa SET nik='$nik',nama='$nama', tempat_lahir='$tempat_lahir', tgl_lahir='$tanggal_lahir', alamat='$alamat', jenis_kelamin='$jk', agama='$agama', sekolah_asal='$sekolah', pilihan1='$pilihan1', pilihan2='$pilihan2', pilihan3='$pilihan3' 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...");
}
?>
- list-siswa.php
<?php include("connect.php"); ?>
<!DOCTYPE html>
<html>
<head>
<title>Formulir Pendaftaran Siswa Baru 2019 Kota Batam</title>
<style type="text/css">
body {
background-color: #f5ffdc;
}
fieldset{
background-color: #f5ffdc;
}
</style>
</head>
</style>
<body>
<header>
<h2 align="center">FORMULIR PENDAFTARAN SISWA BARU 2019 Kota Batam</h2>
<h3 align="center">TINGKAT SEKOLAH MENENGAH ATAS</h3>
</header>
<fieldset>
<p>
<?php
$sql = "SELECT * FROM calon_siswa";
$query = mysqli_query($db, $sql);
$siswa = mysqli_fetch_array($query);
echo "<p align='center'> FORMULIR PENDAFTARAN SISWA BARU 2019 Kota Batam</p>";
echo " <p align='center'> SEKOLAH MENENGAH ATAS </p>";
echo "<br />";
echo "<br />";
echo "<strong>ID</strong><br>";
echo $siswa['id']; echo "<br>";
echo "<br />";
echo "<strong>NIK</strong><br>";
echo $siswa['nik']; echo "<br>";
echo "<br />";
echo "<strong>Nama</strong><br>";
echo $siswa['nama']; echo "<br>";
echo "<br />";
echo "<strong>Tempat Lahir</strong><br>";
echo $siswa['tempat_lahir']; echo "<br>";
echo "<br />";
echo "<strong>Tanggal Lahir</strong><br>";
echo $siswa['tgl_lahir']; echo "<br>";
echo "<br />";
echo "<strong>Alamat</strong><br>";
echo $siswa['alamat']; echo "<br>";
echo "<br />";
echo "<strong>Jenis Kelamin</strong><br>";
echo $siswa['jenis_kelamin']; echo "<br>";
echo "<br />";
echo "<strong>Agama</strong><br>";
echo $siswa['agama']; echo "<br>";
echo "<br />";
echo "<strong>Sekolah Asal</strong><br>";
echo $siswa['sekolah_asal']; echo "<br>";
echo "<br />";
echo "<strong>Sekolah Pilihan 1</strong><br>";
echo $siswa['pilihan1']; echo "<br>";
echo "<strong>Sekolah Pilihan 2</strong><br>";
echo $siswa['pilihan2']; echo "<br>";
echo "<strong>Sekolah Pilihan 3</strong><br>";
echo $siswa['pilihan3']; echo "<br>";
echo "<br /></br>";
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>";
?>
</p>
</html>
</body> - style.php
* {
margin: 1px;
padding: 1px;
}
body {
font-size: 120%;
background:#f5ffdc;
}
.header {
width: 20%;
margin: 50px auto 0px;
color: black;
background: #f5ffdc;
text-align: center;
border: 1px solid #B0C4DE;
border-bottom: none;
border-radius: 10px 10px 0px 0px;
padding: 20px;
}
form, .content {
width: 30%;
margin: 0px auto;
padding: 20px;
border: 1px solid #f5ffdc;
background: white;
border-radius: 0px 0px 10px 10px;
}
.input-group {
margin: 10px 0px 10px 0px;
}
.input-group label {
display: block;
text-align: left;
margin: 3px;
}
.input-group input {
height: 30px;
width: 93%;
padding: 5px 10px;
font-size: 16px;
border-radius: 5px;
border: 1px solid gray;
}
.btn {
padding: 10px;
font-size: 15px;
color: black;
background: #FFF8DC;
border: none;
border-radius: 5px;
}
.error {
width: 92%;
margin: 0px auto;
padding: 10px;
border: 1px solid #FFF8DC;
color: #a94442;
background: #f2dede;
border-radius: 5px;
text-align: left;
}
}
- unduh.php
<?php
//export.php
$connect = mysqli_connect("localhost", "root", "1103199901", "pendaftaran_calonsiswa");
$output = '';
if(isset($_POST["download"]))
{
$query = "SELECT * FROM calon_siswa";
$result = mysqli_query($connect, $query);
if(mysqli_num_rows($result) > 0)
{
$output .= '
<table class="table" bordered="1">
<tr>
<th>nik</th>
<th>nama</th>
<th>tempat_lahir</th>
<th>tgl_lahir</th>
<th>alamat</th>
<th>jenis_kelamin</th>
<th>agama</th>
<th>sekolah_asal</th>
<th>pilihan1</th>
<th>pilihan2</th>
<th>pilihan3</th>
</tr>
';
while($row = mysqli_fetch_array($result))
{
$output .= '
<tr>
<td>'.$row["nik"].'</td>
<td>'.$row["nama"].'</td>
<td>'.$row["tempat_lahir"].'</td>
<td>'.$row["tgl_lahir"].'</td>
<td>'.$row["alamat"].'</td>
<td>'.$row["jenis_kelamin"].'</td>
<td>'.$row["agama"].'</td>
<td>'.$row["sekolah_asal"].'</td>
<td>'.$row["pilihan1"].'</td>
<td>'.$row["pilihan2"].'</td>
<td>'.$row["pilihan3"].'</td>
</tr>
';
}
$output .= '</table>';
header('Content-Type: application/xls');
header('Content-Disposition: attachment; filename=download.xls');
echo $output;
}
}
?>
- download.php
<?php include("connect.php"); ?>
<!DOCTYPE html>
<html>
<head>
<title>Formulir Pendaftaran Online Siswa Baru Kota Batam</title>
<style type="text/css">
body {
background-color: #87CEEB;
}
fieldset{
background-color: #f5ffdc;
}
</style>
</head>
</style>
<body>
<header>
<h2 align="center">FORMULIR PENDAFTARAN ONLINE SISWA BARU KOTA BATAM</h2>
<h3 align="center">SEKOLAH MENENGAH ATAS</h3>
</header>
<div class="login">
<fieldset>
<p>
<?php
$sql = "SELECT * FROM calon_siswa";
$query = mysqli_query($db, $sql);
$siswa = mysqli_fetch_array($query);
echo "<p align='center'> FORMULIR PENDAFTARAN ONLINE SISWA BARU 2019 KOTA BATAM</p>";
echo " <p align='center'> SEKOLAH MENENGAH ATAS</p>";
echo "<br />";
echo "<br />";
echo "<strong>NIK</strong><br>";
echo $siswa['nik']; echo "<br>";
echo "<br />";
echo "<strong>Nama</strong><br>";
echo $siswa['nama']; echo "<br>";
echo "<br />";
echo "<strong>Tempat Lahir</strong><br>";
echo $siswa['tempat_lahir']; echo "<br>";
echo "<br />";
echo "<strong>Tanggal Lahir</strong><br>";
echo $siswa['tgl_lahir']; echo "<br>";
echo "<br />";
echo "<strong>Alamat</strong><br>";
echo $siswa['alamat']; echo "<br>";
echo "<br />";
echo "<strong>Jenis Kelamin</strong><br>";
echo $siswa['jenis_kelamin']; echo "<br>";
echo "<br />";
echo "<strong>Agama</strong><br>";
echo $siswa['agama']; echo "<br>";
echo "<br />";
echo "<strong>Sekolah Asal</strong><br>";
echo $siswa['sekolah_asal']; echo "<br>";
echo "<br />";
echo "<strong>Sekolah Pilihan 1</strong><br>";
echo $siswa['pilihan1']; echo "<br>";
echo "<br />";
echo "<strong>Sekolah Pilihan 2</strong><br>";
echo $siswa['pilihan2']; echo "<br>";
echo "<br />";
echo "<strong>Sekolah Pilihan 3</strong><br>";
echo $siswa['pilihan3']; echo "<br>";
?>
</p>
<form method="post" action="unduh.php">
<input type="submit" name="download" class="btn btn-success" value="Download" />
</html>
</body>
- errors.php
<?php if (count($errors) > 0) : ?>
<div class="error">
<?php foreach ($errors as $error) : ?>
<p><?php echo $error ?></p>
<?php endforeach ?>
</div>
<?php endif ?>
