1. A) Tampilan Index.php. B) Source Code. <!doctype html> <html class="no-js" lang="en">

(1)

1. A) Tampilan Index.php

B) Source Code

<!doctype html>

<?php

include '../dbconnect.php';

include '../cek.php';

if($role!=='User'){

header("location:../login.php");

};

$userid = $_SESSION['userid'];

?>

<head>

<title>User Dashboard</title>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

(2)

gtag('js', new Date());

gtag('config', 'UA-144808195-1');

</script>

</head>

<body>

<!--[if lt IE 8]>

<p class="browserupgrade">You are using an <strong>outdated</stron g> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a>

to improve your experience.</p>

<![endif]-->

</div>

<!-

- <a href="index.php"><img src="../logo.png" alt="logo" width="100%"></a> -->

</div>

<nav>

<li class="active"><a href="index.php"><span>Dashb oard</span></a></li>

<li>

<a href="daftar.php"><i class="ti- layout"></i><span>Pendaftaran</span></a>

</li>

<li>

<a href="../logout.php"><span>Logout</span></a

>

(3)

</li>

</ul>

</nav>

</div>

</div>

<!--

var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desemb er'];

var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Ka mis', 'Jumat', 'Sabtu'];

var date = new Date();

var day = date.getDate();

var month = date.getMonth();

var thisDay = date.getDay(), thisDay = myDays[thisDay];

var yy = date.getYear();

var year = (yy < 1000) ? yy + 1900 : yy;

document.write(thisDay + ', ' + day + ' ' + months[mon th] + ' ' + year);

//-->

</script></b></div></h3>

</li>

</ul>

</div>

(4)

</div>

<h2>Dashboard</h2>

</div>

Selamat datang di sistem informasi Pe nerimaan Siswa Baru (PSB) Online.

<br>SMK Negeri 4 Samarinda <br><br>

Panduan Pendaftaran:

<br>1. Pada bagian menu, klik 'Pendaf taran'.

<br>2. Isi seluruh formulir yang dita mpilkan kemudian periksa kembali, pastikan tidak ada data yang salah.

<br>3. Klik submit, kemudian klik Con firm. Setelah di-confirm, data tidak dapat diubah kembali.

<br>4. Jika sudah, bukti pendaftaran akan ditampilkan dan dapat diunduh menjadi PDF

<br>

<br>*Note: Pihak sekolah baru akan me nerima data Anda setelah Anda klik 'Confirm'

</div>

</div>

(5)

<p>PSB Online SMKN 4 Samarinda</p>

</div>

</footer>

</div>

zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";

ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339 db3edaf6d"];

</script>

</body>

</html>

2. A) Tampilan login.php

(6)

B) Source Code

<?php

session_start();

include 'dbconnect.php';

$alert = '';

if(isset($_SESSION['role'])){

$role = $_SESSION['role'];

if($role=='Admin'){

header("location:admin");

} else {

header("location:user");

} }

if(isset($_POST['btn-login'])) {

$email = mysqli_real_escape_string($conn,$_POST['email']);

$password = mysqli_real_escape_string($conn,$_POST['password']);

// menyeleksi data user dengan username dan password yang sesuai

$cariadmin = mysqli_query($conn,"select * from admin where adminemail='$email' and adminpassword='$password';");

$cariuser = mysqli_query($conn,"select * from user where useremail='$email' an d userpassword='$password';");

// menghitung jumlah data yang ditemukan

$cekadmin = mysqli_num_rows($cariadmin);

$cekuser = mysqli_num_rows($cariuser);

(7)

// cek apakah username dan password di temukan pada database if($cekadmin > 0){

//jika admin

$data = mysqli_fetch_assoc($cariadmin);

// buat session login dan username

$_SESSION['email'] = $data['adminemail'];

$_SESSION['role'] = "Admin";

header("location:admin");

} else if($cekuser > 0){

//jika user biasa

$data = mysqli_fetch_assoc($cariuser);

// buat session login dan username

$_SESSION['email'] = $data['useremail'];

$_SESSION['userid'] = $data['userid'];

$_SESSION['role'] = "User";

header("location:user");

} else {

//jika user tidak ditemukan

echo "<div class='alert alert-warning'>Username atau Password salah</div>

} }

?>

<!DOCTYPE html>

<head>

<title>Masuk</title>

(8)

gtag('config', 'UA-144808195-1');

</script>

@media screen and (max-width: 600px) { h4{font-size:85%;}

}

.container{

background-color:#2c3e50;

width:70%;

border: 3px white;

border-style:solid;

border-radius:30px;

padding-left:10%;

padding-right:10%;

padding-top:3%;

padding-bottom:2%;

} .btn{

width:40%;

}

</style>

<link rel="icon"

type="image/png"

href="favicon.png">

</head>

<body>

<h1>Penerimaan Siswa Baru (PSB)</h1>

<h2>Tahun Ajaran 2021/2022</h2>

<label><h1>Login</h1></label><br \>

</div>

(9)

<input type="email" class="form-

control" placeholder="Email" name="email" autofocus required>

</div>

</div>

<button type="submit" class="btn btn-primary" name="btn- login">Masuk</button>

<a class="btn btn-info text- light" href="register.php">Daftar</a>

</form>

<br \>

</div></div>

</body>

</html>

3. A) Tampilan register.php

B) Source Code

<?php

session_start();

include 'dbconnect.php';

$alert = '';

if(isset($_SESSION['role'])){

header("location:index.php");

}

(10)

if(isset($_POST['btn-daftar'])) {

$email = mysqli_real_escape_string($conn,$_POST['email']);

$password = mysqli_real_escape_string($conn,$_POST['password']);

//cek apakah email sudah pernah digunakan

$lihat1 = mysqli_query($conn,"select * from user where useremail='$email'");

$lihat2 = mysqli_num_rows($lihat1);

if($lihat2 < 1){

//email belum pernah digunakan

$insert = mysqli_query($conn,"insert into user (useremail,userpassword) va lues ('$email','$password')");

//eksekusi query if($insert){

echo "<div class='alert alert-

success'>Berhasil mendaftar, silakan login.</div>

} else {

//daftar gagal

echo "<div class='alert alert-

warning'>Gagal mendaftar, silakan coba lagi.</div>

}

} else {

//jika email sudah pernah digunakan

$alert = '<strong><font color="red">Email sudah pernah digunakan</font></s trong>';

echo '<meta http-equiv="refresh" content="2">';

} };

?>

<!DOCTYPE html>

<head>

(11)

<title>Pendaftaran PPDB</title>

gtag('config', 'UA-144808195-1');

</script>

@media screen and (max-width: 600px) { h4{font-size:85%;}

}

.container{

background-color:#2c3e50;

width:70%;

border: 3px white;

border-style:solid;

border-radius:30px;

padding-left:10%;

padding-right:10%;

padding-top:3%;

padding-bottom:2%;

} .btn{

width:40%;

}

</style>

<link rel="icon"

type="image/png"

href="favicon.png">

</head>

<body>

(12)

<label>Pendaftaran PPDB Online</label><br \>

</div>

<input type="email" class="form-

control" placeholder="Email" name="email" autofocus required>

</div>

</div>

<button type="submit" class="btn btn-primary" name="btn- daftar">Daftar</button>

</form>

<br \>

</div></div>

</body>

</html>

4. A) Tampilan user/Index.php atau dashboard user

B) Source Code

<!doctype html>

<?php

(13)

if($role!=='User'){

};

?>

<head>

<title>User Dashboard</title>

gtag('config', 'UA-144808195-1');

</script>

</head>

<body>

<!--[if lt IE 8]>

(14)

<![endif]-->

</div>

<!-

</div>

<nav>

<li class="active"><a href="index.php"><span>Dashb oard</span></a></li>

<li>

</li>

<li>

>

</li>

</ul>

</nav>

</div>

</div>

(15)

</div>

<!--

var year = (yy < 1000) ? yy + 1900 : yy;

//-->

</li>

</ul>

</div>

<h2>Dashboard</h2>

</div>

(16)

<br>1. Pada bagian menu, klik 'Pendaf taran'.

<br>

</div>

<p>PSB Online SMKN 4 Samarinda</p>

</div>

</footer>

</div>

(17)

</script>

</body>

</html>

5. A) Tampilan daftar.php atau form pendaftaran

B) Source Code

<!doctype html>

<?php

if($role!=='User'){

};

(18)

include 'submit.php';

//cek dulu sudah pernah submit belum

$cekdulu = mysqli_query($conn,"select * from userdata where userid='$useri d'");

$lihathasil = mysqli_num_rows($cekdulu);

//kalau udah pernah submit if($lihathasil>0){

header("location:mydata.php");

} else {

};

?>

<head>

<title>Pendaftaran</title>

gtag('config', 'UA-144808195-1');

</script>

(19)

</head>

<body>

<!--[if lt IE 8]>

<![endif]-->

</div>

<!-

</div>

<nav>

<li><a href="index.php"><span>Dashboard</span></a>

</li>

</li>

<li>

>

</li>

</ul>

</nav>

</div>

(20)

</div>

<!--

var year = (yy < 1000) ? yy + 1900 : yy;

//-->

</li>

</ul>

</div>

(21)

<h2>Pendaftaran</h2>

</div>

<br>

</div>

<h2>Data Pribadi</h2>

<p>* Data yang telah diinput tidak dapat d iubah kembali, harap isi dengan teliti dan benar</p>

</div>

(22)

<input name="nisn" type="text"

class="form-control" placeholder="NISN" maxlength="12" required>

</div>

<input name="nik" type="text"

class="form-control" placeholder="NIK" maxlength="16" required>

</div>

<label>Nama Lengkap*</label>

<input name="namalengkap" type

="text" class="form-

control" placeholder="Nama Lengkap" maxlength="50" required>

</div>

<label>Jenis Kelamin*</label>

<option value="P">Perempuan</o ption>

</select>

</div>

<label>Tempat Lahir*</label>

<input name="tempatlahir" type

="text" class="form-control" placeholder="Tempat Lahir" maxlength="20">

</div>

(23)

<label>Tanggal Lahir*</label>

</div>

<label>Alamat Lengkap</label>

</div>

<label>Provinsi*:</label>

<?php

$sql_provinsi = mysqli_query($

conn,"SELECT * FROM provinces ORDER BY name ASC");

?>

<?php while($rs_provinsi = mysql i_fetch_assoc($sql_provinsi)){

echo '<option value="'.$rs _provinsi['id'].'">'.$rs_provinsi['name'].'</option>';

} ?>

</select>

</div>

<label>Kota/Kabupaten*:</label>

</select>

</div>

(24)

</div>

<label>Kecamatan*:</label>

</select>

</div>

<label>Kelurahan*:</label>

</select>

</div>

<label>Agama*</label>

<option value="Islam">Islam</o ption>

<option value="Kristen">Kriste n</option>

<option value="Katolik">Katoli k</option>

<option value="Buddha">Buddha<

/option>

<option value="Hindu">Hindu</o ption>

<option value="Konghucu">Kongh ucu</option>

(25)

</select>

</div>

<label>No Telepon</label>

</div>

<label>JaraK Ke Sekolah</label

>

<input name="jarak" type="text

" class="form-control" maxlength="15" required>

</div>

<h2>Data Orang Tua</h2>

</div>

</div>

(26)

</div>

<label>Pendidikan Ayah</label>

<option value="SMA">SMA/SM K/Sederajat</option>

<option value="S1">S1/Sede rajat</option>

</select>

</div>

<label>Pekerjaan Ayah</label>

<option value="Tidak Beker ja">Tidak Bekerja</option>

<option value="Wiraswasta"

>Wiraswasta</option>

<option value="Pegawai Swa sta">Pegawai Swasta</option>

<option value="PHL">Pekerj a Harian Lepas</option>

TNI/Polri</option>

(27)

<option value="Pensiun">Pe nsiun</option>

</select>

</div>

<label>Penghasilan Ayah per bu lan</label>

<option value="<500.000"><

Rp500.000</option>

<option value=">20.000.000

">> Rp20.000.000</option>

</select>

</div>

<label>No Telepon Ayah</label>

<input name="ayahtelepon" type

="text" class="form-control" maxlength="15">

</div>

<br>

<hr>

<br>

(28)

</div>

</div>

<label>Pendidikan Ibu</label>

<option value="SMA">SMA/SM K/Sederajat</option>

<option value="S1">S1/Sede rajat</option>

</select>

</div>

<label>Pekerjaan Ibu</label>

<option value="Tidak Beker ja">Ibu Rumah Tangga</option>

(29)

TNI/Polri</option>

</select>

</div>

<label>Penghasilan Ibu per bul an</label>

<option value="<500.000"><

Rp500.000</option>

<option value=">20.000.000

">> Rp20.000.000</option>

</select>

</div>

<label>No Telepon Ibu</label>

<input name="ibutelepon" type=

"text" class="form-control" maxlength="15">

</div>

<br>

<hr>

(30)

<br>

</div>

</div>

<label>Pekerjaan Wali</label>

<option value="Tidak Beker ja">Tidak Bekerja</option>

TNI/Polri</option>

</select>

</div>

<label>No Telepon Wali</label>

(31)

<input name="walitelepon" type

="text" class="form-control" maxlength="15">

<input type="hidden" value="<?

=$userid;?>" name="id">

</div>

<h2>Data Sekolah Asal & Berkas</h2>

<p>Data yang telah diinput tidak dapat diu bah kemabli</p>

</div>

<label>NPSN Sekolah Asal</labe l>

<input name="sekolahnpsn" type

="text" class="form-control" placeholder="NPSN Sekolah Asal" maxlength="12">

</div>

<label>Nama Sekolah Asal</labe l>

<input name="sekolahnama" type

="text" class="form-control" placeholder="Nama Sekolah Asal" maxlength="40">

</div>

(32)

<input type="file" id=

"foto" name="foto" class="form-control-file">

</div>

<label for="scanijazah depan" class=" form-control-

label">Scan Ijazah Bagian Depan (JPG/PNG), maks 500kb</label>

"scanijazahdepan" name="scanijazahdepan" class="form-control-file">

</div>

<label for="scanijazah belakang" class=" form-control-

label">Scan Ijazah Bagian Belakang (JPG/PNG), maks 500kb</label>

"scanijazahbelakang" name="scanijazahbelakang" class="form-control-file">

</div>

<input type="submit" name="submit"

class="btn btn-primary" value="Simpan">

</div>

</form>

(33)

</div>

<p>PPDB Online by Richard's Lab</p>

</div>

</footer>

</div>

</script>

(34)

</body>

</html>

6. A) Tampilan hasil cetak bukti pendaftaran

B) Source Code

<?php

include('../dbconnect.php');

$u = $_GET['u'];

$cekdulu = mysqli_query($conn,"select * from userdata where nisn='$u'");

$ambil = mysqli_fetch_array($cekdulu);

(35)

//get alamat

$ambilprov = $ambil['provinsi'];

$prov1 = mysqli_query($conn,"select name from provinces where id='$ambilpr ov'");

$prov = mysqli_fetch_array($prov1)['name'];

$ambilkota = $ambil['kabupaten'];

$kab1 = mysqli_query($conn,"select name from regencies where id='$ambilkot a'");

$kab = mysqli_fetch_array($kab1)['name'];

$ambilkec = $ambil['kecamatan'];

$kec1 = mysqli_query($conn,"select name from districts where id='$ambilkec '");

$kec = mysqli_fetch_array($kec1)['name'];

$ambilkel = $ambil['kelurahan'];

$kel1 = mysqli_query($conn,"select name from villages where id='$ambilkel'

");

$kel = mysqli_fetch_array($kel1)['name'];

require_once("../dompdf/autoload.inc.php");

use Dompdf\Dompdf;

$dompdf = new Dompdf();

$query = mysqli_query($conn,"select * from userdata where nisn='$u'");

$html = '

<center><h3>Daftar Pendaftaran SMKN 4 Samarinda (Berbasis Online)</h3></center

><hr/><br/>';

$html .= '<div class="row mt-5 mb-5">

<h2>Data Pribadi</h2>

</div>

</div>

(36)

</div>

<label>Nama Lengkap</label>

</div>

<label>Jenis Kelamin</label>

</select>

</div>

<label>Tempat Lahir</label>

</div>

<label>Tanggal Lahir</label>

</div>

<label>Alamat Lengkap</label>

</div>

(37)

<label>Provinsi:</label>

</div>

<label>Kota/Kabupaten:</label>

</div>

<label>Kecamatan:</label>

</div>

<label>Kelurahan:</label>

</div>

<label>Agama</label>

</div>

<label>No Telepon</label>

</div>