Oleh :
Syifa Aulia
20232021
KOMPUTERISASI AKUNTANSI
FAKULTAS KOMPUTER
UNIVERSITAS MA’SOEM
1444 H / 2022
LEMBAR PENGESAHAN
Menyetujui,
Pembimbing
Mengesahkan,
ii
RINGKASAN
iii
KATA PENGANTAR
iv
5. Bapak Yudhy, Drs., M.Ag. selaku Pimpinan Divisi Dikti dan Non
Formal Yayasan Al Ma’soem Bandung.
6. Bapak Encep Supriatna, S.E., S.Kom., M.M. selaku Wakil
Rektor I Bidang Akademik Universitas Ma’soem.
7. Bapak Haekal Pirous, ST, MBA. selaku Dekan Fakultas
Komputer Universitas Ma’soem.
8. Bapak Ricky Rohmanto M.Kom. selaku Ketua Prodi
Komputerisasi Akuntansi Universitas Ma’soem.
9. Bapak Nova Indrayana Yusman, S.T., M.Kom. selaku Dosen
Pembimbing Program dan Laporan.
10. Bapak Dani Wardani, S.Hum., M.Pd. selaku Kepala Sekolah
SMK Bakti Nusantara 666 yang telah mengizinkan untuk
melaksanakan Praktik Adaptasi Lapangan.
11. Bapak Handi Radiman, S.Tr.Sn. selaku Pembimbing di
Lapangan.
Penulis
v
DAFTAR ISI
COVER..................................................................................................i
LEMBAR PENGESAHAN ................................................................ii
RINGKASAN.................................................................................... iii
KATA PENGANTAR ....................................................................... iv
DAFTAR ISI ...................................................................................... vi
DAFTAR TABEL ........................................................................... viii
DAFTAR GAMBAR ......................................................................... ix
DAFTAR LAMPIRAN ..................................................................... xi
BAB I PENDAHULUAN ................................................................... 1
1.1 Latar Belakang Masalah ................................................ 1
1.2 Maksud dan Tujuan ....................................................... 3
BAB II PERSYARATAN HARDWARE DAN SOFTWARE ........ 4
2.1 Persyaratan Hardware ................................................... 4
2.2 Persyaratan Software ..................................................... 4
BAB III USE CASE DIAGRAM DAN CLASS DIAGRAM ........... 6
3.1 Use Case Diagram ......................................................... 6
3.2 Class Diagram ............................................................... 8
BAB IV PENGKODEAN ................................................................. 10
4.1 Pengertian Kode .......................................................... 10
4.2 Kode Barang ................................................................ 10
4.3 Kode Laboran .............................................................. 11
BAB V PREVIEW WEBSITE ........................................................ 12
5.1 Menu Inventory ........................................................... 15
5.2 Menu Peminjaman ....................................................... 18
5.3 Menu Pengembalian .................................................... 20
vi
5.4 Menu Operator............................................................. 21
5.5 Menu Pengaturan ......................................................... 22
5.6 Menu Siswa ................................................................. 24
BAB VI KESIMPULAN DAN SARAN .......................................... 27
6.1 Kesimpulan .................................................................. 27
6.2 Saran ............................................................................ 27
6.2.1 Saran Bagi Perusahaan ........................................ 27
6.2.2 Saran Bagi Lembaga ............................................ 28
DAFTAR PUSTAKA ....................................................................... 29
LAMPIRAN ...................................................................................... 30
1. Spesifikasi Database ....................................................................... 30
2. Daftar Kode .................................................................................... 36
3. Listing Program .............................................................................. 36
vii
DAFTAR TABEL
viii
DAFTAR GAMBAR
No
Judul Gambar Halaman
Gambar
ix
No
Judul Gambar Halaman
Gambar
5.17 Edit Data peminjaman 20
5.18 Menu Pengembalian 21
5.19 Detail Pengembalian 21
5.20 Menu Operator 22
5.21 Tambah Operator 22
5.22 Edit Operator 22
5.23 Menu Pengaturan 23
5.24 Tambah Data Laboran 23
5.25 Edit Data Laboran 23
5.26 Tambah Data Ruang 23
5.27 Edit Ruang 24
5.28 Menu Siswa 24
5.29 List Barang Tersedia 25
5.30 Menu Login Siswa 25
5.31 Tambah Peminjaman Siswa 25
5.32 List Peminjaman Siswa 26
x
FFV g
DAFTAR LAMPIRAN
No
Judul Lampiran Halaman
Lampiran
1 Spesifikasi Database 30
2 Daftar Kode 36
3 Listing Program 36
xi
FFV g
BAB I
PENDAHULUAN
1
2
4
5
Simbol Keterangan
Actor Merupakan peran orang, sistem yang
lain, atau alat Ketika berhubungan
dengan use case.
Use Case Abstraksi dari penghubung antara
actor dengan use case.
Association Abstraksi dari penghubung antara
actor dengan use case.
6
7
Simbol Keterangan
Include Menunjukan bahwa suatu use case
<<include>> seluruhnya merupakan fungsionalitas
dari use case lainnya.
Extend Menunjukan bahwa suatu use case
<<extend>>
merupakan tambahan fungsional dari
use case lainnya jika suatu kondisi
terpenuhi.
Simbol Keterangan
Asosiasi / association Relasi antar kelas dengan
makna umum, asosiasi
biasanya juga disertai dengan
multiplicity.
Asosiasi berarah / Relasi antar kelas dengan
directed association makna kelas yang satu
digunakan oleh kelas yang lain,
asosiasi biasanya juga disertai
dengan multiplicity.
Generalisasi Relasi antar kelas dengan
makna generalisasi-
spesialisasi (umum khusus).
Kebergantungan / dependency Relasi antar kelas dengan
makna kebergantungan antar
kelas.
9
Simbol Keterangan
Agregasi / aggregation Relasi antar kelas dengan
makna semua-bagian (whole-
part)
BL 2 2 0 7 2 4 0 0 1
Ket :
BL : Barang Laptop
220724001 : Nomor ID Barang
10
11
4.3 Kode Laboran
L R P L 0 0 1
Ket :
L : Laboran
RPL001 : Nomor ID Laboran
BAB V
PREVIEW WEBSITE
12
13
6.1 Kesimpulan
6.2 Saran
6.2.1 Saran Bagi Perusahaan
29
LAMPIRAN
1. Spesifikasi Database
30
31
2. Daftar Kode
3. Listing Program
Index Halaman Utama :
<?php
require 'controller/controller_inventaris.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Inventaris - SMK Bakti Nusantara 666</title>
<meta content="width=device-width, initial-
37
scale=1.0" name="viewport">
<meta content="Free HTML Templates"
name="keywords">
<meta content="Free HTML Templates"
name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect"
href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Roboto:
wght@400;500;700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.10.0/css/all.min.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css"
rel="stylesheet">
<link
href="lib/owlcarousel/assets/owl.carousel.min.css"
rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<link href="css/dataTables.bootstrap4.min.css"
rel="stylesheet">
</head>
<body>
<!-- Topbar Start -->
<div class="container-fluid">
<div class="row align-items-center bg-light
38
py-3 px-xl-5 d-none d-lg-flex">
<div class="col-lg">
<div class="d-flex">
<div class="p-1">
<img src="img/logo-bn.png"
width="100" alt="">
</div>
<div class="p-1">
<h3 class="mb-0 mt-3 ml-3">SMK
Bakti Nusantara 666</h3>
<p class="ml-3">Peminjaman
Inventaris Online</p>
</div>
</div>
</div>
<div class="col-lg-4 col-6 text-right">
<p class="m-0">Kontak Inventaris</p>
<h5 class="m-0">+012 345 6789</h5>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<div class="container-fluid bg-dark mb-30">
<?php
include "include/navbar.php";
?>
</div>
<!-- Navbar End -->
<!-- Carousel Start -->
<div class="container-fluid mb-3">
<div class="row px-xl-5">
39
<div class="col-lg-8">
<div id="header-carousel"
class="carousel slide carousel-fade mb-30 mb-lg-0" data-
ride="carousel">
<ol class="carousel-indicators">
<li data-target="#header-carousel"
data-slide-to="0" class="active"></li>
<li data-target="#header-carousel"
data-slide-to="1"></li>
<li data-target="#header-carousel"
data-slide-to="2"></li>
<li data-target="#header-carousel"
data-slide-to="3"></li>
<li data-target="#header-carousel"
data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item position-
relative active" style="height: 430px;">
<img class="position-absolute
w-100 h-100" src="img/welcome.jpg" style="object-fit:
cover;">
<div class="carousel-caption d-
flex flex-column align-items-center justify-content-
center">
<div class="p-3" style="max-
width: 700px;">
<h1 class="display-4 text-
white mb-3 animate__animated
animate__fadeInDown">Selamat Datang</h1>
<p class="mx-md-5 px-5
animate__animated animate__bounceIn">Ini adalah portal
40
untuk peminjaman barang untuk kebutuhan para siswa dari
setiap jurusan.</p>
<a class="btn btn-outline-
light py-2 px-4 mt-3 animate__animated
animate__fadeInUp" href="#">Daftar Sekarang</a>
</div>
</div>
</div>
<div class="carousel-item position-
relative" style="height: 430px;">
<img class="position-absolute
w-100 h-100" src="img/laptop-c.jpg" style="object-fit:
cover;">
<div class="carousel-caption d-
flex flex-column align-items-center justify-content-
center">
<div class="p-3" style="max-
width: 700px;">
<h1 class="display-4 text-
white mb-3 animate__animated
animate__fadeInDown">Peralatan RPL</h1>
<p class="mx-md-5 px-5
animate__animated animate__bounceIn">Peralatan
Jurusan Rekayasa Perangkat Lunak tersedia Mata
Pelajaran Produktif.
Meminjam dengan
mudah, Kembali dengan utuh.</p>
<a class="btn btn-outline-
light py-2 px-4 mt-3 animate__animated
animate__fadeInUp" href="#">Daftar Sekarang</a>
</div>
</div>
41
</div>
<div class="carousel-item position-
relative" style="height: 430px;">
<img class="position-absolute
w-100 h-100" src="img/tools.jpg" style="object-fit:
cover;">
<div class="carousel-caption d-
flex flex-column align-items-center justify-content-
center">
<div class="p-3" style="max-
width: 700px;">
<h1 class="display-4 text-
white mb-3 animate__animated
animate__fadeInDown">Peralatan DKV</h1>
<p class="mx-md-5 px-5
animate__animated animate__bounceIn">Peralatan
Jurusan Desain Komunikasi Visual tersedia Mata Pelajaran
Produktif.
Meminjam dengan
mudah, Kembali dengan utuh</p>
<a class="btn btn-outline-
light py-2 px-4 mt-3 animate__animated
animate__fadeInUp" href="#">Daftar Sekarang</a>
</div>
</div>
</div>
<div class="carousel-item position-
relative" style="height: 430px;">
<img class="position-absolute
w-100 h-100" src="img/akutansi.jpg" style="object-fit:
cover;">
<div class="carousel-caption d-
42
flex flex-column align-items-center justify-content-
center">
<div class="p-3" style="max-
width: 700px;">
<h1 class="display-4 text-
white mb-3 animate__animated
animate__fadeInDown">Peralatan AKT</h1>
<p class="mx-md-5 px-5
animate__animated animate__bounceIn">Peralatan
Jurusan Akuntansi tersedia Mata Pelajaran Produktif.
Meminjam dengan
mudah, Kembali dengan utuh</p>
<a class="btn btn-outline-
light py-2 px-4 mt-3 animate__animated
animate__fadeInUp" href="#">Daftar Sekarang</a>
</div>
</div>
</div>
<div class="carousel-item position-
relative" style="height: 430px;">
<img class="position-absolute
w-100 h-100" src="img/animation.jpg" style="object-fit:
cover;">
<div class="carousel-caption d-
flex flex-column align-items-center justify-content-
center">
<div class="p-3" style="max-
width: 700px;">
<h1 class="display-4 text-
white mb-3 animate__animated
animate__fadeInDown">Peralatan ANM</h1>
<p class="mx-md-5 px-5
43
animate__animated animate__bounceIn">Peralatan
Jurusan Animasi tersedia Mata Pelajaran Produktif.
Meminjam dengan
mudah, Kembali dengan utuh</p>
<a class="btn btn-outline-
light py-2 px-4 mt-3 animate__animated
animate__fadeInUp" href="#">Daftar Sekarang</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="product-offer mb-30"
style="height: 200px;">
<img class="img-fluid"
src="img/offer-1.jpg" alt="">
<div class="offer-text">
<h7 class="text-white
">Laptop</h7>
<h4 class="text-white mb-
3">Peminjaman Laptop</h4>
<a href="" class="btn btn-
primary">Pinjam Sekarang</a>
</div>
</div>
<div class="product-offer mb-30"
style="height: 200px;">
<img class="img-fluid"
src="img/offer-2.jpg" alt="">
<div class="offer-text">
44
<h7 class="text-white ">Kamera
atau peralatan</h7>
<h4 class="text-white mb-3 text-
center">Peminjaman Kamera atau <br> Peralatan yang
lain</h4>
<a href="" class="btn btn-
primary">Pinjam Sekarang</a>
</div>
</div>
</div>
</div>
</div>
<!-- Carousel End -->
<?php
46
require 'admin/config/database.php';
$sql_laptop = mysqli_query($koneksi,
"SELECT COUNT(id) AS laptop_count FROM barang
WHERE id_barang LIKE '%BL%'");
$laptop = mysqli_fetch_assoc($sql_laptop);
if (empty($_SESSION) ||
empty($_SESSION['id_siswa'])) {
?>
<td><a
href="javascript:void(0)" onclick="alert('Harus login
terlebih dahulu'); document.location.href = 'login.php'"
class="btn btn-primary btn-sm">Pilih</a></td>
<?php } else { ?>
<td><a
href="pilih_product.php?bg=<?php echo $l['id_barang']
?>&usr=<?php echo $_SESSION['id_siswa'] ?>"
class="btn btn-primary btn-sm">Pilih</a></td>
<?php } ?>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<!-- Products End -->
<!-- Offer Start -->
<!-- Offer End -->
50
<!-- Products Start -->
<!-- Products End -->
<!-- Vendor Start -->
<!-- Vendor End -->
<!-- Footer Start -->
<?php
include "include/footer.php";
?>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-primary back-to-
top"><i class="fa fa-angle-double-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-
3.4.1.min.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js
/bootstrap.bundle.min.js"></script>
<script
src="lib/easing/easing.min.js"></script>
<script
src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Contact Javascript File -->
<script
src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
<script
src="js/jquery.dataTables.min.js"></script>
<script
src="js/dataTables.bootstrap4.min.js"></script>
51
<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>
</body>
</html>
Controler_inventaris :
<?php
session_start();
require 'admin/config/database.php';
$date = date("d-m-Y");
function daftar($data)
{
global $koneksi;
global $date;
$id_siswa = uniqid();
$nama = htmlspecialchars($data['nama']);
$email = htmlspecialchars($data['email']);
$no_telp = htmlspecialchars($data['no_telp']);
$ruang = htmlspecialchars($data['ruang']);
$username = htmlspecialchars($data['username']);
$password = htmlspecialchars($data['password']);
$sql = mysqli_query($koneksi, "INSERT INTO siswa
52
VALUES(NULL, '$id_siswa', '$nama', '$email', '$no_telp',
'$ruang', '$username', '$password', '$date', '$date')");
if ($sql) {
echo "<script>alert('Berhasil didaftar');
document.location.href = 'login.php'</script>";
} else {
echo "<script>alert('Gagal didaftar');
document.location.href = 'login.php'</script>";
}
}
function login($data)
{
global $koneksi;
$username = htmlspecialchars($data['username']);
$password = htmlspecialchars($data['password']);
$check = mysqli_query($koneksi, "SELECT * FROM
siswa WHERE username = '$username' AND password =
'$password'");
$c = mysqli_fetch_assoc($check);
if ($c['username'] == $username && $c['password'] ==
$password) {
$_SESSION['username'] = $username;
$_SESSION['id_siswa'] = $c['id_siswa'];
echo "<script>alert('Selamat Datang " .
53
$c['nama_siswa'] . "'); document.location.href =
'index.php'</script>";
} else {
echo "<script>alert('Username atau Password Salah');
document.location.href = 'login.php'</script>";
}
}
function pinjam_proses($data, $id_user)
{
global $koneksi;
global $date;
$jumlah_pinjam = htmlspecialchars($data['qty']);
if ($jumlah_pinjam == "0" || empty($jumlah_pinjam)) {
echo "<script>alert('Masukan terlebih dahulu jumlah
barang'); document.location.href = 'cart.php'</script>";
} else {
$id_peminjaman = uniqid();
$id_barang = htmlspecialchars($data['barang']);
$keterangan_pinjam =
htmlspecialchars($data['keterangan_pinjam']);
$tanggal_pinjam =
htmlspecialchars($data['tanggal_pinjam']);
$tanggal_kembali =
htmlspecialchars($data['tanggal_kembali']);
54
$jam_pinjam = htmlspecialchars($data['jam_pinjam']);
$jam_kembali =
htmlspecialchars($data['jam_kembali']);
$check_ruang = mysqli_query($koneksi, "SELECT *
FROM siswa INNER JOIN ruang ON siswa.id_ruang_siswa =
ruang.id_ruang WHERE id_siswa = '$id_user'");
$cr = mysqli_fetch_assoc($check_ruang);
$sql = mysqli_query($koneksi, "INSERT INTO
peminjaman VALUES(NULL, '$id_peminjaman', '$id_barang',
'" . $cr['id_ruang_siswa'] . "', '$jumlah_pinjam',
'$keterangan_pinjam', '$tanggal_pinjam', '$tanggal_kembali',
'$jam_pinjam', '$jam_kembali', 'Siswa Direct', 'Pending', '',
'$date')");
if ($sql) {
$cart = htmlspecialchars($data['cart']);
$id_detail_peminjam = uniqid();
$sql2 = mysqli_query($koneksi, "INSERT INTO
detail_peminjam VALUES(NULL, '$id_detail_peminjam',
'$id_peminjaman', '" . $cr['nama_siswa'] . "', '" .
$cr['keterangan_ruang'] . "', '" . $cr['no_telp_siswa'] . "',
'$id_user', '$date')");
if ($sql2) {
mysqli_query($koneksi, "DELETE FROM cart
WHERE id_cart = '$cart'");
55
echo "<script>alert('Berhasil diproses');
document.location.href = 'peminjaman.php'</script>";
} else {
echo "<script>alert('Gagal 1 diproses');
document.location.href = 'index.php'</script>";
}
} else {
echo "<script>alert('Gagal 2 diproses');
document.location.href = 'index.php'</script>";
}}}