Bab Iv Implementasi Sistem

BAB IV
IMPLEMENTASI SISTEM
4.1 Implementasi Program
1. Tampilan Halaman Login
Gambar 4.1 Tampilan Login
<?php
include 'function/init.php';
if (isset($_SESSION['level'])) {
header('location:' . url);
$auth = new Auth();
if (isset($_POST['submit'])) {
$auth->masuk($_POST);
$judul = 'Sistem Pembayaran SPP';
67
68
include 'template/header.php';
?>
<div class="container bg-p" style="padding: 5%;">
<div class="row" style="justify-content: center">
<div class="col-4 b-sd" style="padding: 25px">
<div class="row" style="border-bottom: 1px solid #d3d3d3;padding:
15px">
<div class="col-4">
<img width="115px" src="<?= url ?>assets/images/logo.jpeg"
alt="">
</div>
<div class="col" style="">
<h3 style="font-weight:bold;text-align: center">SISTEM
INFORMASI PEMBAYARAN SPP SMK YPM CIDAHU</h3>
</div>
</div>
<form action="" method="post">
<div class="form-grup">
<label for="nama_pengguna">Nama Pengguna</label>
<input class="form-kontrol" type="text"
name="nama_pengguna" id="nama_pengguna" placeholder="Nama
pengguna">
</div>
69
<label for="pwd">Kata Sandi</label>
<div class="form-kontrol" style="padding: 7px 5px">
<input type="password" name="kata_sandi" id="pwd"
style="border:none;width: 88%;display: inline" placeholder="Kata sandi"><i
id="tbl-show-pwd" class="fa fa-eye" onclick="show_pwd()"
style="cursor:pointer;margin-left: 15px;"></i>
</div>
</div>
<div style="text-align: center;margin-top: 20px">
<button class="tbl tbl-b" type="submit" name="submit"
style="">Masuk</button>
</div>
</form>
</div>
</div>
</div>
<?php include 'template/footer.php'; ?>

70
2. Tampilan Halaman Menu Utama
Gambar 4.2 Tampilan Halaman Menu Utama
<?php
include 'function/init.php';
$pembayaran = new Pembayaran();
$listriwayat = $pembayaran->ambil(3)['data_pembayaran'];
$sum30day = $pembayaran->ambil()['sum30day'];
$sum1m = $pembayaran->ambil()['sum1m'];
$judul = 'Sistem Pembayaran SPP';
include 'template/header.php';
?>
<div class="container home-page">
<div class="row bg-p b-sd" style="padding: 15px;">
<div class="col">
<h3>DASHBOARD</h3>
</div>
<div class="col">
71
<ul class="breadcrumb">
<li>Dashboard</li>
</ul>
</div>
</div>
<div class="row">
<div class="col bg-b b-sd t-c" style="margin-top: 1%;padding: 1% 0; color:
#f7f7f7">
<h1 style="text-transform: uppercase;">SELAMAT DATANG <?=
$_SESSION['nama'] ?><br> DI WEBSITE PEMBAYARAN SPP SMK YPM
CIDAHU</h1>
</div>
</div>
<?php if ($_SESSION['level'] != 'siswa') : ?>
<div class="row " style="margin-top: 1%">
<div class="col">
<div class="row">
<div class="col bg-p b-sd" style="margin-right: 1%; border-left: 5px
solid #0f5fa3; padding: 1%">
<div class="row">
<div class="col">
<h4>Pemasukkan 30 hari terakhir</h4>
<h2>Rp<?= number_format($sum30day['total'], 0) ?></h2>

72
<span>Total pemasukkan</span>
</div>
<div class="col">
<p>List pemasukkan terbaru</p>
<ol style="padding-left: 15px">
<?php foreach ($listriwayat as $value) : ?>
<li>
<h5>Rp<?= number_format($value['jml_bayar'], 0) ?
></h5>
<span><?= $value['nama'] . ' / ' . $value['level'] ?
></span>
</li>
<?php endforeach; ?>
</ol>
</div>
<div class="col-1 " style="box-shadow:
none;margin:0;padding:0 ; text-align: right">
<a class="a-home" style="color: black" href="<?= url ?
>bayar/riwayatbayar.php"><span>Lihat pemasukkan lainnya...</span></a>
</div>
</div>
</div>
73
<div class="col-4 bg-p b-sd" style="border-left: 5px solid
#0f5fa3;padding: 1%">
<h4>Saldo bulan <?= date('F') ?></h4>
<h2 style="margin-bottom: 0">Rp<?=
number_format($sum1m['total'], 0) ?></h2>
<span>Total saldo</span>
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
<?php include 'template/footer.php'; ?>
3. Tampilan Halaman Menu Data Siswa
Gambar 4.3 Tampilan Halaman Menu Data Siswa

74
<?php
include '../function/init.php';
$siswa = new Siswa();
$kelas = new Kelas();
$datakelas = $kelas->ambil();
$datasiswa = $siswa->ambil();
if ($_POST['submit'] == "hapus") {
$siswa->hapus($_POST['nisn']);
$judul = 'Data Siswa SMK YPM CIDAHU';
include '../template/header.php';
?>
<div class="container">
<div id="user-level" data-level="<?= $_SESSION['level'] ?>"></div>
<div class="tbl-back" style="margin-right:15px; color: #0f5ea395">
<a style="cursor:pointer" onclick="window.history.back()">
<i class="fa fa-arrow-left"></i>
</a>
</div>
<div class="col">
75
<h3 style="">SISWA</h3>
</div>
<div class="col">
<li><a href="<?= url ?>">Dashboard</a></li>
<li>Siswa</li>
</ul>
</div>
</div>
<div class="row bg-p" style="margin-top: 1%;">
<div class=" col-1" style="border-bottom: 3px solid #0f5fa3 ; padding: 5px
15px">
<div class="row" style="justify-content: space-between">
<div class="col-2">
<?php if ($_SESSION['level'] == 'admin') : ?>
<a href="<?= url ?>siswa/tambahsiswa.php" class="tbl tbl-
b">Tambah siswa</a>
<a id="tbl-cetak-siswa" href="<?= url ?>siswa/cetaksiswa.php"
class="tbl tbl-h">Cetak</a>
<?php endif; ?>
</div>
<div class="col-3">
<form action="" method="get">

76
<select id="cari" type="text" name="" id="" class="form-
kontrol" placeholder="Cari berdasarkan kelas" style="margin:5px 0 5px 0">
<option value="0">-- Filter kelas --</option>
<?php foreach ($datakelas as $kelas) : ?>
<option value="<?= $kelas['id_kelas'] ?>"><?=
$kelas['nama_kelas'] ?></option>
</select>
</div>
</form>
</div>
</div>
</div>
<div class="col b-sd" style="padding: 15px">
<h3 style="margin-bottom: 15px">Table Siswa</h3>
<table id="data-tbl">
<thead>
<tr>
<td>No</td>
<td>NISN</td>
<td>NIS</td>
<td>Nama Siswa</td>
77
<td>Kelas</td>
<td>Alamat</td>
<td>No Telp</td>
<td>SPP</td>
<td>Status</td>
<td>Aksi</td>
<?php endif; ?>
</tr>
</thead>
<tbody>
<?php foreach ($datasiswa as $key => $value) : ?>
<tr>
<td><?= $key + 1 ?></td>
<td><?= $value['nisn'] ?></td>
<td><?= $value['nis'] ?></td>
<td><?= $value['nama_siswa'] ?></td>
<td><?= $value['nama_kelas'] ?></td>
<td><?= $value['alamat'] ?></td>
<td><?= $value['no_telp'] ?></td>
<td><?= $value['tahun'] . '/' . $value['keterangan'] ?></td>
<td><?= $value['status_siswa'] ?></td>

78
<td>
<a class="tbl tbl-h" href="<?= url ?>siswa/ubahsiswa.php?
nisn=<?= $value['nisn'] ?>">Ubah</a>
<input type="hidden" name="nisn" value="<?=
$value['nisn'] ?>">
<button class="tbl tbl-m" type="submit" name="submit"
value="hapus" onclick="konfirmasi(event, 'Anda yakin ingin menghapus data
'+<?= $value['nama_siswa'] ?>)">Hapus</button>
</form>
</td>
<?php endif; ?>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<?php include '../template/footer.php'; ?>

79
4. Tampilan Halaman Menu Data Kelas
Gambar 4.4 Tampilan Halaman Menu Data Kelas
<?php
$kelas = new Kelas();
$datakelas = $kelas->ambil();
$kelas->hapus($_POST['id_kelas']);
$judul = 'Data Kelas SMK YPM CIDAHU';
?>

80
</a>
</div>
<div class="col">
<h3 style="">KELAS</h3>
</div>
<div class="col">
<li>Kelas</li>
</ul>
</div>
</div>
<div class="row bg-p " style="margin-top:1%; padding-bottom: 15px">
<?php if (!isset($_GET['idk'])) : ?>
<div class=" col-1 b-sd" style="border-bottom: 3px solid #0f5fa3 ;
padding: 5px 15px">
<a href="<?= url ?>kelas/tambahkelas.php" class="tbl tbl-b">Tambah
Kelas</a>
<a href="<?= url ?>kelas/cetakkelas.php" class="tbl tbl-h">Cetak</a>
</div>
81
<?php endif; ?>
<div class="col bg-p b-sd" style="padding: 15px; margin: 1% 1% 0 0">
<table>
<thead>
<tr>
<td>No</td>
<td>Kelas</td>
<td>Kompetensi Keahlian</td>
<td>Aksi</td>
</tr>
</thead>
<tbody>
<?php foreach ($datakelas as $key => $value) : ?>
<tr>
<td><?= $key + 1 ?></td>
<td><?= $value['nama_kelas'] ?></td>
<td><?= $value['kompetensi_keahlian'] ?></td>
<td>
<a class="tbl tbl-h" href="<?= url ?>kelas/ubahkelas.php?
idk=<?= $value['id_kelas'] ?>">Ubah</a>
<input type="hidden" name="id_kelas" value="<?=
$value['id_kelas'] ?>">
82
value="hapus" onclick="konfirmasi(event, 'Anda yakin ingin menghapus data
ini')">Hapus</button>
</form>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-3"></div>
</div>
</div>
5. Tampilan Halaman Menu Data Spp
Gambar 4.5 Tampilan Halaman Menu Data Spp

83
<?php
$spp = new Spp();
$dataspp = $spp->ambil();
$spp->hapus($_POST['id_spp']);
} elseif ($_POST['submit'] == "ubah") {
$spp->simpan($_GET['idspp'], $_POST);
if (isset($_GET['idspp'])) {
$ubahspp = $spp->ubah($_GET['idspp']);
$judul = 'Data Spp SMK YPM CIDAHU';
?>
</a>
84
</div>
<div class="col">
<h3 style="">SPP</h3>
</div>
<div class="col">
<li>Spp</li>
</ul>
</div>
</div>
<div class="row bg-p " style="margin-top:1%;padding-bottom:14px">
<div class=" col-1 b-sd" style="border-bottom: 3px solid #0f5fa3 ; padding:
5px 15px">
<a href="<?= url ?>spp/tambahspp.php" class="tbl tbl-b">Tambah
spp</a>
<a href="<?= url ?>spp/cetakspp.php" class="tbl tbl-h"><i class="fa fa-
file-pdf-o"> PDF </i></a>
</div>
<div class="col b-sd" style="padding: 15px; margin-top:15px">
<h3>Table Spp</h3>
<table>
<thead>
85
<tr>
<td>No</td>
<td>Tahun Ajaran</td>
<td>Nominal /Bulan</td>
<td>Keterangan</td>
<td>Aksi</td>
</tr>
</thead>
<tbody>
<?php foreach ($dataspp as $key => $value) : ?>
<tr>
<td><?= $key + 1 ?></td>
<td><?= $value['tahun'] ?></td>
<td>Rp<?= number_format($value['nominal'], 0) ?></td>
<td><?= $value['keterangan'] ?></td>
<td>
<a class="tbl tbl-h" href="<?= url ?>spp/ubahspp.php?
idspp=<?= $value['id_spp'] ?>">Ubah</a>
<input type="hidden" name="id_spp" value="<?=
$value['id_spp'] ?>">
86
value="hapus" onclick="konfirmasi(event, 'Anda yakin ingin menghapus Spp
tahun '+<?= $value['tahun'] ?>)">Hapus</button>
</form>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-3"></div>
</div>
</div>
6. Tampilan Halaman Menu Data Petugas

87
Gambar 4.6 Tampilan Halaman Menu Data Petugas
<?php
$auth = new Auth();
$petugas = new Petugas();
if ($auth->ceklevel() != 'admin') {
header('location:' . url);
$datapetugas = $petugas->ambil();
$petugas->hapus($_POST['id_petugas']);
$judul = 'Data Petugas atau Siswa';
?>
</a>
</div>
<div class="col">
88
<h3 style="">PETUGAS</h3>
</div>
<div class="col">
<li>User</li>
</ul>
</div>
</div>
<div class="row bg-p b-sd" style="margin-top: 15px;">
<div class="col-1" style="padding: 0 15px;border-bottom:3px solid
#0f5fa3">
<a href="<?= url ?>petugas/tambahpetugas.php" class="tbl tbl-
b">Tambah User</a>
</div>
<div class="col-2 b-sd" style="padding: 15px;margin:15px 0">
<h3>Tabel Akun User</h3>
<table style="margin-top:15px">
<thead>
<tr>
<td>No</td>
<td>Nama</td>
<td>Nama Pengguna</td>
89
<td>Level</td>
<td>Aksi</td>
</tr>
</thead>
<tbody>
<?php foreach ($datapetugas as $key => $value) : ?>
<tr>
<td><?= $key + 1 ?></td>
<td><?= $value['nama'] ?></td>
<td><?= $value['nama_pengguna'] ?></td>
<td><?= $value['level'] ?></td>
<td>
<a class="tbl tbl-h" href="<?= url ?
>petugas/ubahpetugas.php?idp=<?= $value['id_petugas'] ?>">Ubah</a>
<input type="hidden" name="id_petugas" value="<?=
$value['id_petugas'] ?>">
<button class="tbl tbl-m" type="submit"
name="submit">Hapus</button>
</form>
</td>
</tr>

90
</tbody>
</table>
</div>
</div>
</div>
7. Halaman Menu Data Transaksi Pembayaran
Gambar 4.7 Tampilan Halaman Data Transaksi Pembayaran
<?php
$auth = new Auth();
$pembayaran = new Pembayaran();
$siswa = new Siswa();
if ($auth->ceklevel() != 'admin' || $auth->ceklevel() != 'petugas') {
header('' . url);
91
if ($_POST['submit'] == 'simpan') {
$pembayaran->simpan($_GET['nisn'], $_POST);
} elseif ($_POST['submit'] == 'tambahbayar') {
$pembayaran->tambahbayar($_GET['nisn'], $_POST);
if (isset($_SESSION['tambahbayar'])) {
$ambildatabayar = $_SESSION['tambahbayar'];
if (isset($_GET['nisn'])) {
$datapembayaran = $pembayaran->cari($_GET['nisn']);
$datasiswa = $siswa->cari($_GET['nisn']);
$judul = 'Tambah Kelas SMK YPM CIDAHU';
?>

92
</a>
</div>
<div class="col">
<h3 style="">TRANSAKSI PEMBAYARAN</h3>
</div>
<div class="col">
<li>Transaksi</li>
</ul>
</div>
</div>
<?php if (!isset($datapembayaran)) : ?>
<div class="row bg-p b-sd" style="padding: 15px ;margin-top:1%; justify-
content: center">
<div class="col-2 b-sd" style="width: 70%; padding: 10px">
<form action="" method="GET">
<div class="row">
<div class="col">
<input class="form-kontrol" type="text" name="nisn"
id="tahun" placeholder="Cari berdasakan NISN. EX : 1234xxxxxx">
</div>
93
<div>
<button style="padding: 10px;margin: 1px 0 ;font-size: 16px"
class="tbl tbl-b" type="submit"><i class="fa fa-search"></i></button>
</div>
</div>
</div>
</form>
</div>
<div class="col-1" style="text-align: center; margin-top:15px">
<img src="<?= url ?>assets/images/pages.search.png" alt=""
style="width: 40%">
</div>
</div>
<?php else : ?>
<?php if ($datapembayaran == null) : ?>
<div class="row bg-p b-sd" style="padding: 15px ;margin-top:1%; justify-
content: center">
<div class="col-2 b-sd" style="width: 70%; padding: 10px">
<div class="row">
<div class="col">
94
</div>
<div>
<button style="padding: 10px;margin: 1px 0 ;font-size:
16px" class="tbl tbl-b" type="submit"><i class="fa fa-search"></i></button>
</div>
</div>
</div>
</form>
</div>
<div class="col-2" style="text-align: center;margin-top: 15px">
<p style="font-size: 50px; opacity:0.3"> NISN YANG ANDA
MASUKKAN TIDAK DITEMUKAN DI DATA MANAPUN</p>
</div>
</div>
<?php else : ?>
<div class="row bg-p b-sd" style="justify-content: center; margin-top:1%;
padding:1%">
<div class="col-2" style="width: 70%; padding: 10px">
<div class="row">
95
<div class="col">
</div>
<div>
<button style="padding: 10px;margin: 1px 0 ;font-size:
16px" class="tbl tbl-b" type="submit"><i class="fa fa-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row bg-p b-sd" style="margin-top :1%;padding: 1%">
<div class="col-1">
<h4>Informasi Siswa</h4>
</div>
<div class="col-2">
<div class="row">
<div class="col-2">
<h5>Nama</h5>
<h5>Nisn</h5>
<h5>Kelas / Kompetensi Keahlian</h5>

96
</div>
<div class="col">
<p>: <?= $datasiswa['nama_siswa'] ?></p>
<p>: <?= $datasiswa['nisn'] ?></p>
<p>: <?= $datasiswa['nama_kelas'] . " / " .
$datasiswa['kompetensi_keahlian'] ?></p>
</div>
</div>
</div>
<div class="col-2">
<div class="row">
<div class="col-3">
<h5>Spp /Bulan</h5>
<h5>Tahun Ajar</h5>
<h5>Keterangan</h5>
</div>
<div class="col">
<p>: Rp<?= number_format($datasiswa['nominal'], 0) ?></p>
<p>: <?= $datasiswa['tahun'] ?></p>
<p>: <?= $datasiswa['keterangan'] ?></p>
</div>
</div>
</div>
97
</div>
<div class="row bg-p b-sd" style="padding: 15px ;margin-top:1%;">
<div class="col">
<div class="row" style="justify-content: space-around">
<?php foreach ($datapembayaran as $value) : ?>
<div class="col-3 b-sd" style="text-align: center; margin: 10px
0;">
<div class="row">
<div class="col-1" style="background-color: #f7f7f7">
<h5 style="padding:5px; display: inline-block"><?=
$value['tahun'] ?></h5>
</div>
<div class="col-1" style="padding: 10px 0">
<p>Rp<?= number_format($value['nominal'], 0) ?></p>
<p><?= $value['bulan_dibayar'] ?></p>
</div>
</div>
<div class="row">
<?php if ($value['status'] == 'Lunas') : ?>
<div class="col-1 ">
<div class="row" style="justify-content: space-
around">
98
<div class="col-2 bg-b" style="color:
white;padding: 10px 0">
<?= $value['status'] ?>
</div>
<div class="col-2 bg-h" style="padding: 10px 0">
<a href="<?= url ?>bayar/cetakriwayat.php?
idbayar=<?= $value['id_pembayaran'] ?>" style="color: white">Cetak</a>
</div>
</div>
</div>
<?php elseif ($value['status'] == 'Belum Bayar') : ?>
<div class="col-1 bg-k " style="color: black;padding:
10px 0">
<input type="hidden" name="id_pembayaran"
value="<?= $value['id_pembayaran'] ?>">
<input type="hidden" name="status" value="<?=
$value['status'] ?>">
<input type="hidden" name="bulan_dibayar"
value="<?= $value['bulan_dibayar'] ?>">
<input type="hidden" name="nominal" value="<?=
$value['nominal'] ?>">
99
<button style="width: 100%; border:none; cursor:
pointer;background-color: transparent" type="submit" name="submit"
value="tambahbayar"></a><?= $value['status'] ?></button>
</form>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="col-3" style="padding: 1%">
<div class="row b-sd" style="padding: 15px 10px">
<h2 style="margin-bottom: 15px">Pembayaran</h2>
<?php if (isset($_SESSION['tambahbayar'])) : ?>
<div class="col-1" style="border-bottom: 1px solid #d3d3d3;
padding: 10px 0">
<p>Rp<?= number_format($ambildatabayar['nominal'], 0) ?
></p>
<p><?= $ambildatabayar['bulan_dibayar'] ?></p>
<span>SPP : <?= $value['tahun'] . ' / ' . $value['keterangan'] ?
></span>
</div>
100
<div class="col-1" style="padding: 1%;margin-top: 10px">
<p style="font-weight: bold">Total : Rp<?=
number_format($ambildatabayar['nominal'], 0) ?></p>
</div>
<?php endif; ?>
<div class="col-1 " style="margin-top: 15px">
<label for="jml_bayar">Jumlah bayar</label>
<input class="form-kontrol" style="width: 95%"
type="number" name="jml_bayar" id="jml_bayar" placeholder="ex : 80.000">
</div>
<label for="tahun_bayar">Tahun</label>
<input class="form-kontrol" style="width: 95%"
type="text" maxlength="4" name="tahun_bayar" id="tahun_bayar"
placeholder="ex : 2020">
</div>
<?php if (isset($_SESSION['tambahbayar'])) : ?>
<input type="hidden" name="id_pembayaran" value="<?=
$ambildatabayar['id_pembayaran'] ?>">
<input type="hidden" name="status" value="<?=
$ambildatabayar['status'] ?>">
101
<input type="hidden" name="bulan_dibayar" value="<?=
$ambildatabayar['bulan_dibayar'] ?>">
<input type="hidden" name="nominal" value="<?=
$ambildatabayar['nominal'] ?>">
<div class="bg-h" style="padding:10px 0 ; margin-top:
10px">
<button style="width: 100%; border:none; cursor:
pointer;background-color: transparent; font-size: 18px;color: white"
type="submit" name="submit" value="simpan">BAYAR</button>
</div>
<?php endif; ?>
</form>
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
</div>

102
8. Halaman Menu Data Riwayat Pembayaran
Gambar 4.8 Tampilan Halaman Menu Data Riwayat Pembayaran
<?php
$pembayaran = new pembayaran();
if ($_SESSION['level'] == 'siswa') {
if (isset($_GET['nisn'])) {
$datapembayaran = $pembayaran->cari($_GET['nisn']);
} else {
$datapembayaran = $pembayaran->ambil()['data_pembayaran'];
}
103
$judul = 'Data pembayaran SMK YPM CIDAHU';
?>
<?php if ($_SESSION['level'] == 'siswa') : ?>
<div class="row bg-p b-sd" style="padding: 15px 0;justify-content: center">
<div class="col-2">
<div class="row">
<div class="col">
</div>
<div>
<button style="padding: 10px;margin: 1px 0 ;font-size: 16px"
class="tbl tbl-b" type="submit"><i class="fa fa-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
104
<?php if (isset($datapembayaran) && $datapembayaran != null) : ?>
<div class="row bg-p" style="margin-top: 1%">
<div class=" col-1" style="border-top: 3px solid #0f5fa3 ; padding: 5px
15px">
</div>
<h3 style="margin-bottom: 15px">Table pembayaran</h3>
<table>
<thead>
<tr>
<td>No</td>
<td>NISN</td>
<td>Petugas</td>
<td>Tahun / Keterangan</td>
<td>Bulan SPP</td>
<td>Jumlah Bayar</td>
<td>Tanggal Bayar</td>
<td>Status</td>
</tr>
</thead>
<tbody>
<?php foreach ($datapembayaran as $key => $value) : ?>

105
<tr>
<td><?= $key + 1 ?></td>
<td><?= $value['id_petugas'] . ' / ' . $value['nama'] ?></td>
<td><?= $value['tahun'] . ' / ' . $value['keterangan'] ?></td>
<td><?= $value['bulan_dibayar'] ?></td>
<td>Rp<?= number_format($value['nominal']) ?></td>
<td>Rp<?= number_format($value['jml_bayar']) ?></td>
<td><?= $value['tgl_bayar'] ?></td>
<td style="font-weight: bold"><?= $value['status'] ?></td>
</tr>
</tbody>
</table>
</div>
</div>
<?php elseif (isset($datapembayaran)) : ?>
<div class="row bg-p" style="margin-top: 1% ; height: 300px;justify-
content: center;">
<div class="col-2" style="text-align: center;margin-top: 15px">
<p style="font-size: 50px; opacity:0.3"> NISN YANG ANDA
MASUKKAN TIDAK DITEMUKAN DI DATA MANAPUN</p>
</div>
106
</div>
<?php endif; ?>
<?php else : ?>
</a>
</div>
<div class="col">
<h3 style="">pembayaran</h3>
</div>
<div class="col">
<li>Riwayat transaksi</li>
</ul>
</div>
</div>
<div class="row bg-p" style="margin-top: 1%">
<div class=" col-1" style="border-bottom: 3px solid #0f5fa3 ; padding:
5px 15px">

107
<div class="col-2">
<a href="<?= url ?>bayar/laporanpembayaran.php" class="tbl tbl-
h">Laporan</a>
</div>
</div>
</div>
<h3 style="margin-bottom: 15px">Table pembayaran</h3>
<thead>
<table>
<tr>
<td>No</td>
<td>NISN</td>
<td>Petugas</td>
<td>Tahun / Keterangan</td>
<td>Bulan SPP</td>
<td>Jumlah Bayar</td>
<td>Tanggal Bayar</td>
<td>Status</td>
</tr>
</thead>
<tbody>
108
<?php foreach ($datapembayaran as $key => $value) : ?>
<tr>
<td><?= $key + 1 ?></td>
<td><?= $value['id_petugas'] . ' / ' . $value['nama'] ?></td>
<td><?= $value['tahun'] . ' / ' . $value['keterangan'] ?></td>
<td><?= $value['bulan_dibayar'] ?></td>
<td>Rp<?= number_format($value['nominal']) ?></td>
<td>Rp<?= number_format($value['jml_bayar']) ?></td>
<td><?= $value['tgl_bayar'] ?></td>
<td style="font-weight: bold"><?= $value['status'] ?></td>
</tr>
</tbody>
</table>
</div>
</div>
<?php endif; ?>
</div>

109
9. Halaman Laporan
Gambar 4.9 Tampilan Halaman Laporan
<?php
$pembayaran = new pembayaran();
if (isset($_GET)) {
if ($_GET['idbayar']) {
$pembayaran = $pembayaran->cari($nisn = null, $_GET['idbayar']);
$judul = 'Data pembayaran SMK YPM CIDAHU';
?>
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?= url ?>assets/custom.style.css">
<link rel="stylesheet" href="<?= url ?>assets/navbar.style.css">
<link rel="stylesheet" href="<?= url ?>assets/font-awesome/css/font-
awesome.css">
<title>Riwayat Bayar NISN | <?= $pembayaran['nisn'] ?></title>
<style>
* {}
p{
font-size: 12px;
margin: 5px;
color: rgba(0, 0, 0, 0.645);
h4 {
font-size: 16px;
margin: 5px;
color: rgba(0, 0, 0, 0.645);
h5 {
111
font-size: 14px;
margin: 5px;
color: rgba(0, 0, 0, 0.645);
</style>
</head>
<body>
<div class="container bg-p">
<div class="row" style="justify-content: center; border-bottom:1px solid
#d3d3d3; padding:35px">
<div class="col-4" style="text-align: center">
<h4>BUKTI PEMBAYARAN SPP SMK YPM CIDAHU</h4>
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-2">
<h5>Status</h5>
<p>Lunas</p>
<h5>Cetak</h5>
<p><?= date('d M Y H:i') ?></p>
</div>
<div class="col">
<h5>Siswa</h5>
112
<p><?= $pembayaran['nama_siswa'] ?></p>
<p><?= $pembayaran['nama_kelas'] ?></p>
<p><?= $pembayaran['kompetensi_keahlian'] ?></p>
</div>
<div class="col" style="text-align: right">
<h5>Tanggal Pembayaran</h5>
<p><?= $pembayaran['tgl_bayar'] ?></p>
</div>
</div>
<div class="row">
<div class="col-2">
</div>
<div class="col-2">
<h5>Detail Pembayaran</h5>
<h5>SPP</h5>
<h5>Rp<?= number_format($pembayaran['jml_bayar']) ?></h5>
</div>
<div class="row" style="border-bottom: 1px solid #d3d3d3">
<p> <?= $pembayaran['bulan_dibayar'] ?></p>
</div>
<div class="row">
<div class="col-1" style="text-align: right">

113
<p>Total</p>
<h4>Rp<?= number_format($pembayaran['jml_bayar']) ?></h4>
</div>
<div class="col-1" style="text-align: right; margin-top:20px">
<h5>Penerima</h5>
<p style="padding: 20px 0; opacity: 0.3"></p>
<p><?= $pembayaran['nama'] . ' / ' . $pembayaran['level'] ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
window.print();
document.location.href = 'transaksi.php?nisn=' + <?= $pembayaran['nisn'] ?>;
</script>
114
4.2 Implementasi Basis Data
Bentuk kegiatan yang merupakan rangkaian lanjutan dan kegiatan perancangan
perangkat lunak disebut dengan implementasi basis data. Implementasi
dimaksudkan sebagai usaha untuk mewujudkan hasil dari perancangan perangkat
lunak. Berikut adalah implementasi basis datanya :
1. Nama Database (Alias) : e-spp
Nama File : tb_kelas
Media Penyimpanan : Harddisk
Panjang Record (File Size) : 32 KiB
Jumlah Record : 3 Record
Tabel 4.1 Tabel Data Kelas
Nama Field Type Size Keterangan

id_kelas Integer 11 Primary Key
nama_kelas Varchar 10
kompetensi_keahlian Varchar 50
2. Nama database (Alias) : e-spp
Nama File : tb_siswa
Panjang Record (File Size) : 64 kiB

115
Tabel 4.2 Tabel Data Siswa

nisn Char 10 Primary Key
nis Char 8
nama_siswa Varchar 35
id_kelas Int 11 Foreign Key
Alamat Text
no_telp Varchar 13
id_spp Int 11 Foreign Key
status_siswa Varchar 15
Nama File : tb_spp
Tabel 4.3 Tabel Data Spp

id_spp Int 11 Primary Key
tahun Varchar 155
nominal Int 11
keterangan Varchar 35
116
Nama File : tb_petugas
Tabel 4.4 Tabel Data Petugas

id_petugas Int 11 Primary Key
nama_pengguna Varchar 25
kata_sandi Varchar 126
nama Varchar 35
level Enum (‘admin’,’petugas’,’siswa’)
Nama File : tb_pembayaran
Tabel 4.5 Tabel Data Pembayaran

id_pembayaran Int 11 Primary Key
id_petugas Int 11 Foreign key
nisn Char 10
tgl_bayar Datetime
bulan_bayar Varchar 16
tahun_bayar Varchar 4
id_spp Int 11 Foreign key
117
jml_bayar Int 11
status Varchar 15

Bab Iv Implementasi Sistem

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Bab Iv Implementasi Sistem

Uploaded by

Copyright:

Available Formats

BAB IV

4.1 Implementasi Program

1. Tampilan Halaman Login

Gambar 4.1 Tampilan Login

$auth = new Auth();

$judul = 'Sistem Pembayaran SPP';

<div class="container bg-p" style="padding: 5%;">

<div class="row" style="justify-content: center">

<div class="col-4 b-sd" style="padding: 25px">

<div class="row" style="border-bottom: 1px solid #d3d3d3;padding:

<img width="115px" src="<?= url ?>assets/images/logo.jpeg"

<div class="col" style="">

<h3 style="font-weight:bold;text-align: center">SISTEM

INFORMASI PEMBAYARAN SPP SMK YPM CIDAHU</h3>

<form action="" method="post">

<label for="nama_pengguna">Nama Pengguna</label>

<input class="form-kontrol" type="text"

name="nama_pengguna" id="nama_pengguna" placeholder="Nama

<label for="pwd">Kata Sandi</label>

<div class="form-kontrol" style="padding: 7px 5px">

<input type="password" name="kata_sandi" id="pwd"

style="border:none;width: 88%;display: inline" placeholder="Kata sandi"><i

id="tbl-show-pwd" class="fa fa-eye" onclick="show_pwd()"

<div style="text-align: center;margin-top: 20px">

<button class="tbl tbl-b" type="submit" name="submit"

<?php include 'template/footer.php'; ?>

2. Tampilan Halaman Menu Utama

Gambar 4.2 Tampilan Halaman Menu Utama

$pembayaran = new Pembayaran();

$judul = 'Sistem Pembayaran SPP';

<div class="container home-page">

<div class="row bg-p b-sd" style="padding: 15px;">

<div class="col bg-b b-sd t-c" style="margin-top: 1%;padding: 1% 0; color:

<h1 style="text-transform: uppercase;">SELAMAT DATANG <?=

$_SESSION['nama'] ?><br> DI WEBSITE PEMBAYARAN SPP SMK YPM

<?php if ($_SESSION['level'] != 'siswa') : ?>

<div class="row " style="margin-top: 1%">

<div class="col bg-p b-sd" style="margin-right: 1%; border-left: 5px

solid #0f5fa3; padding: 1%">

<h4>Pemasukkan 30 hari terakhir</h4>

<h2>Rp<?= number_format($sum30day['total'], 0) ?></h2>

<p>List pemasukkan terbaru</p>

<ol style="padding-left: 15px">

<?php foreach ($listriwayat as $value) : ?>

<span><?= $value['nama'] . ' / ' . $value['level'] ?

<?php endforeach; ?>

<div class="col-1 " style="box-shadow:

none;margin:0;padding:0 ; text-align: right">

<a class="a-home" style="color: black" href="<?= url ?

>bayar/riwayatbayar.php"><span>Lihat pemasukkan lainnya...</span></a>

<div class="col-4 bg-p b-sd" style="border-left: 5px solid

<h4>Saldo bulan <?= date('F') ?></h4>

<h2 style="margin-bottom: 0">Rp<?=

<?php endif; ?>

<?php include 'template/footer.php'; ?>

3. Tampilan Halaman Menu Data Siswa

Gambar 4.3 Tampilan Halaman Menu Data Siswa

$siswa = new Siswa();

$kelas = new Kelas();

$judul = 'Data Siswa SMK YPM CIDAHU';

<div id="user-level" data-level="<?= $_SESSION['level'] ?>"></div>

<div class="row bg-p b-sd" style="padding: 15px;">