MEMBUAT PROGRAM APLIKASI SIMPUS MENGGUNAKAN HTML,

PHP, MYSQL DAN BOOTSTRAP

Sebelum membuat sebuah program aplikasi berbasis web, perlu di ketahui bahwa ada beberapa
software / alat yang digunakan yaitu :
 Editor : Notepad++ ( boleh diganti dengan yang lain)
 Browser : Chrome, firefox, Internet Explorer, Safari, dll
 Database : Mysql dengan tools phpmyadmin
 Bahasa pemrogramman : PHP
 CSS framework : Bootstrap (file terlampir tingggal copy paste dan letakkan pada project
teman-teman)

I. Membuat Database
Sebelum membuat sebuah program aplikasi web yang bersifat dinamis, keberadaan database
sangatlah diperlukan untuk menampung kumpulan data dari program aplikasi tersebut,
bahkan database tersebut tidak hanya untuk menyimpan data tetapi kita bisa
memanipulasinya (menghapus dan mengubah data tersebut).
Pada pembelajaran ini kita menggunakan database Mysql dengan tools (alat bantu) php
myadmin sehingga untuk mengelola database kita tidak perlu repot-repot harus mengetahui
kode-kode SQL cukup dengan memasukkan url localhost/phpmyadmin pada browser, maka
phpmyadmin akan tampil dengan catatan apache atau xampp sudah aktif.
Setelah jendela phpmyadmin tampil, tahapan berikutnya adalah membuat database, misalkan
buat database baru dengan nama simpus. Setelah membuat database, tahapan berikutnya
adalah membuat tabel-tabel berikut :
Tabel : user

Tabel : penerbit

Tabel : kategori

Tabel : buku

Tabel : anggota

1
 Tabel : pengadaan

Tabel : dt_pengadaan

Tabel : tmp_pengadaan

Tabel : peminjaman

Tabel : dt_peminjaman

Tabel : tmp_peminjaman

II. Membuat Koneksi Database Dengan PHP dan Mysqli

Menghubungkan PHP dan database adalah suatu keharusan yang dasar dalam pemrograman
web. karena dengan menghubungkan PHP dan database, kita bisa mengakses database untuk
berinteraksi lebih lanjut. contohnya seperti menginput data ke database, menampilkan data
dari database, mengedit data dari database, menghapus data dari database. serta interaksi data
ke database lainnya yang akan kita lakukan.
Pada praktikum ini kita menggunakan MySQLi, bukan MySQL.
Kenapa Menggunakan MySQLi ?
MySQLi adalah sebuah fungsi baru dari MySQL. MySQLi di informasikan lebih aman
digunakan. dan lebih cepat dari pada MySQL. MySQLi di ciptakan untuk di jalankan pada
versi PHP 5 ke atas (PHP 7). karena lebih stabil. jadi mulai sekarang kita sudah boleh
berhenti menggunakan mysql untuk pemprosesan database. dan beralih menggunakan
MySQLi.
Untuk menghubungkan PHP dengan database menggunakan MySQLi kita membutuhkan
sebuah database baru misalkan database simpus.
Buat file php baru dengan nama koneksi.php dan ketik syntax berikut dalam file koneksi.php

<?php
$koneksi = mysqli_connect("localhost","root","","simpus");
// Check connection
if (mysqli_connect_errno()){
echo "Koneksi database gagal : " . mysqli_connect_error();
}
?>

2
 Note:
Pada parameter pertama, kita mengetikkan nama host kita. yaitu localhost. dan pada
parameter kedua kita mengetikan username dari mysql kita, defaultnya adalah root.
parameter ketiga kita ketikkan password mysql kita (jika ada), karena default nya kosong.
jika menggunakan password pada mysql, silahkan teman-teman ketik pada parameter ke tiga
ini. dan terakhir pada parameter ke empat kita mengetik nama database yang ingin kita
gunakan. atau database yang ingin kita hubungkan ke php. isikan sesuai dengan nama
database yang ingin dihubungkan.
perhatikan juga pada : // Check connection

if (mysqli_connect_errno()){
echo "Koneksi database gagal : " . mysqli_connect_error();
}

di sini kita akan mengecek, apakah koneksi berhasil atau tidak.

fungsi mysqli_connect_errno() berguna untuk memeriksa koneksi apakah berhasil atau tidak,
jika gagal maka akan kita jalankan fungsi berikut:
echo "Koneksi database gagal : " . mysqli_connect_error();
Sekarang kita coba jalankan file koneksi.php. jika tidak tampil apa-apa, maka koneksi
database telah berhasil. jika terdapat error berarti koneksi database php dan mysqli belum
sesuai, sehingga harus di sesuaikan lagi. Jalankan pada browser : (jangan lupa mengaktifkan
atau menjalankan apache dan mysql terlebih dulu) dan hasilnya akan tampil, sekarang coba
untuk merubah nama database menjadi “sekolah”, karena database sekolah tidak ada di
database kita
sampai di sini kita telah berhasil membuat koneksi database php dan mysqli.
sekarang coba untuk merubah nama database menjadi “sekolah”. Karena database sekolah
tidak ada di database kita, maka akan muncul pesan error yang memberitahukan bahwa
database dengan nama ‘sekolah’ tidak di temukan.

III. Membuat halaman index

Tahapan selanjutnya, setelah membuat file koneksi adalah membuat halaman index.
Halaman index inilah yg akan di load pertama kali ketika alamat web local kita diakses.
Untuk membuat halaman index.php, perhatikan source code berikut :
<br>
<div class="col-md-4">
</div>
<div class="well col-md-4 login-box" >
<div align="center" class="alert alert-info"><h4>Login terlebih dahulu untuk masuk ke
SIMPUS</h4></div>
<form class="form-horizontal" action="cek_login.php?op=login" method="POST">
<div class="input-group input-group-md">
<span class="input-group-addon"><i class="glyphicon glyphicon-user
red"></i></span>
<input type="text" class="form-control" placeholder="Nama User"
name="username">
</div>
<div class="clearfix"></div><br>
<div class="input-group input-group-md">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock
red"></i></span>
<input type="password" class="form-control" placeholder="Kata Sandi"
name="password">

3
 </div>
<div class="clearfix"></div><br>
<div align="right">
<button type="submit" class="btn btn-primary">Login</button> <button
type="reset" class="btn btn-primary">Cancel</button>
</div>
</form>
</div>
<div class="col-md-4">
</div>
Ketika dijalankan di browser, halaman index tersebut merupakan tampilan sebuah form
login, isi data username dan password yang akan digunakan untuk login, sebelum testing
pastikan tabel user sudah diisi datanya, serta username dan password yang diinput harus
sama dengan yang tersimpan di database untuk masuk ke halaman administrator jika tidak
sama akan tampil notifikasi serta gagal masuk ke halaman administrator. Sehingga
dibutuhkan sebuah file baru untuk memproses form login tersebut yaitu file cek_login.php,
adapun source code program cek_login.php adalah sbb:
<?php
session_start();
include "koneksi.php";
$user = $_POST['username'];
$pass = $_POST['password'];
$op = $_GET['op'];
if($op=="login"){
$cek = mysqli_query($koneksi,"SELECT * FROM user WHERE user='$user' AND
sandi='$pass'");
if(mysqli_num_rows($cek)==1){
$a = mysqli_fetch_array($cek);
$_SESSION['user'] = $a['user'];
$_SESSION['sandi'] = $a['sandi'];
$_SESSION['level']=$a['level'];
if($a['level']=='Administrator'){
header("location:admin/index.php");
}
elseif($a['level']=='Anggota'){
header("location:admin/indexanggota.php");
}
}else{
echo"<script type='text/javascript'>alert('Nama User dan Kata Sandi yang anda
masukkan salah!!!');</script>";
echo"<meta http-equiv=refresh content=0;url=index.php?menu=login>";
}
}else if($op=="logout"){
unset($_SESSION['user']);
unset($_SESSION['sandi']);
unset($_SESSION['level']);
header("location:index.php");
}
?>

IV. Membuat halaman administrator

Tahapan selanjutnya adalah membuat halaman administrator, ada dua file yang harus dibuat
untuk menampilkan halaman administrator yaitu index.php dan menu.php dimana kedua file
tersebut simpan dalam folder admin yang terletak dalam folder simpus.
Source kode program index.php

4
<!DOCTYPE html>
<html lang='ind'>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/styles-menu-admin.css">
<link rel="stylesheet" href="../assets/css/font-awesome.min.css">

<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/script.js"></script>
<title>::SIMPUS SMK ISLAM AL AMANAH::</title>
</head>
<?php
session_start();
include "../koneksi.php";
if(!isset($_SESSION['user'])){
die("<h3>Anda belum login, Silahkan Login terlebih dahulu <a
href='../index.php?menu=login'>Klik Disini</h3></a>");
} $sql = mysqli_query($koneksi,"SELECT * FROM user");
?>
<body>
<div class="container-fluid">
<!-- row 1: Header -->
<div class="row" style="background: #1E90FF;color: white">
<div class="col-md-12">
<h1>SISTEM INFORMASI PERPUSTAKAAN <br>SMK ISLAM AL
AMANAH SALEM</h1>
</div>
</div>
<!-- row 2: Content -->
<div class="row center" >
<div class="col-md-2 colmenu" style="padding:0;">
<?php include "menu.php"; ?>
</div>
<div class="col-md-10" style="padding:0;">
<?
if(isset($_GET['menu'])){
$menu = $_GET['menu'];
if ($menu=="home"){ include "content/home.php"; }

if ($menu=="anggota"){ include "content/anggota.php"; }

if ($menu=="tambahanggota"){ include "content/tambahanggota.php"; }
if ($menu=="ubahanggota"){ include "content/ubahanggota.php"; }
if ($menu=="hapusanggota"){ include "content/hapusanggota.php"; }
if ($menu=="carianggota"){ include "content/carianggota.php"; }

if ($menu=="buku2"){ include "content/buku.php"; }

if ($menu=="tambahbuku"){ include "content/tambahbuku.php"; }
if ($menu=="ubahbuku"){ include "content/ubahbuku.php"; }

5
 if ($menu=="hapusbuku"){ include "content/hapusbuku.php"; }
if ($menu=="caribuku"){ include "content/caribuku.php"; }

if ($menu=="kategori"){ include "content/kategori.php"; }

if ($menu=="tambahkategori"){ include "content/tambahkategori.php"; }
if ($menu=="ubahkategori"){ include "content/ubahkategori.php"; }
if ($menu=="hapuskategori"){ include "content/hapuskategori.php"; }
if ($menu=="carikategori"){ include "content/carikategori.php"; }

if ($menu=="penerbit"){ include "content/penerbit.php"; }

if ($menu=="tambahpenerbit"){ include "content/tambahpenerbit.php"; }
if ($menu=="ubahpenerbit"){ include "content/ubahpenerbit.php"; }
if ($menu=="hapuspenerbit"){ include "content/hapuspenerbit.php"; }
if ($menu=="caripenerbit"){ include "content/caripenerbit.php"; }

if ($menu=="pengadaan"){ include "content/pengadaan.php"; }

if ($menu=="tambahpengadaan"){ include "content/tambahpengadaan.php"; }
if ($menu=="ubahpengadaan"){ include "content/ubahpengadaan.php"; }
if ($menu=="hapuspengadaan"){ include "content/hapuspengadaan.php"; }
if ($menu=="caripengadaan"){ include "content/caripengadaan.php"; }
if ($menu=="hapusbukupeng"){ include "content/hapusbukupeng.php"; }
if ($menu=="hapusbukupjm"){ include "content/hapusbukupjm.php"; }

if ($menu=="peminjaman"){ include "content/peminjaman.php"; }

if ($menu=="tambahpeminjaman"){ include "content/tambahpeminjaman.php"; }
if ($menu=="ubahpeminjaman"){ include "content/ubahpeminjaman.php"; }
if ($menu=="hapuspeminjaman"){ include "content/hapuspeminjaman.php"; }
if ($menu=="caripeminjaman"){ include "content/caripeminjaman.php"; }

if ($menu=="pengembalian"){ include "content/pengembalian.php"; }

if ($menu=="lapbukuperiode"){ include "content/lapbukuperiode.php"; }

if ($menu=="view_lapbukuperiode"){ include "content/view_lapbukuperiode.php";
}
if ($menu=="lapbukukat"){ include "content/lapbukukat.php"; }
if ($menu=="view_lapbukukat"){ include "content/view_lapbukukat.php"; }
if ($menu=="lapbukupenerbit"){ include "content/lapbukupenerbit.php"; }
if ($menu=="view_lapbukupenerbit"){ include
"content/view_lapbukupenerbit.php"; }
if ($menu=="lappengadaan"){ include "content/lappengadaan.php"; }
if ($menu=="view_lappengadaan"){ include "content/view_lappengadaan.php"; }
if ($menu=="lappeminjaman"){ include "content/lappeminjaman.php"; }
if ($menu=="view_lappeminjaman"){ include "content/view_lappeminjaman.php";
}
if ($menu=="lappeminjamananggota"){ include
"content/lappeminjamananggota.php"; }
if ($menu=="view_lappeminjamananggota"){ include
"content/view_lappeminjamananggota.php"; }
if ($menu=="lappeminjamanbuku"){ include "content/lappeminjamanbuku.php"; }
if ($menu=="view_lappeminjamanbuku"){ include
"content/view_lappeminjamanbuku.php"; }
if ($menu=="lappeminjamankat"){ include "content/lappeminjamankat.php"; }

6
 if ($menu=="view_lappeminjamankat"){ include
"content/view_lappeminjamankat.php"; }
if ($menu=="lapbelumkembali"){ include "content/lapbelumkembali.php"; }
if ($menu=="view_lapbelumkembali"){ include
"content/view_lapbelumkembali.php"; }
if ($menu=="lapdenda"){ include "content/lapdenda.php"; }
if ($menu=="view_lapdenda"){ include "content/view_lapdenda.php"; }

}else{ include "content/home.php"; }

?>
</div>
</div>

<!-- row 3: Footer -->

<div class="row" style="background: #1E90FF;color: white">
<div class="col-md-12" align="center">
<p>&copy; BTI SMK ISLAM AL AMANAH SALEM @ 2019</p>
</div>
</div>
</div>
</body>
</html>
Source kode program menu.php
<div id='cssmenu'>
<ul>
<li><a href='?menu=home'><i class="fa fa-home fa-fw"></i>&nbsp; Beranda</a></li>
<li><a href='?menu=anggota'><i class="fa fa-users fa-fw"></i>&nbsp; Anggota</a></li>
<li><a href='?menu=buku2'><i class="fa fa-users fa-fw"></i>&nbsp; Buku</a></li>
<li><a href='?menu=kategori'><i class="fa fa-users fa-fw"></i>&nbsp; Kategori</a></li>
<li><a href='?menu=penerbit'><i class="fa fa-users fa-fw"></i>&nbsp; Penerbit</a></li>
<li><a href='?menu=pengadaan'><i class="fa fa-users fa-fw"></i>&nbsp; Pengadaan
Buku</a></li>
<li><a href='?menu=peminjaman'><i class="fa fa-users fa-fw"></i>&nbsp;
Peminjaman</a></li>
<li><a href='?menu=pengembalian'><i class="fa fa-users fa-fw"></i>&nbsp;
Pengembalian</a></li>
<li class='active has-sub'><a href='#'><i class="fa fa-bars fa-fw"></i>&nbsp; Laporan</a>
<ul>
<li class='has-sub'><a href='#'><span>Stok Buku</span></a>
<ul>
<li><a href='content/view_lapbukuperiode.php'><span>Per
Periode</span></a></li>
<li><a href='?menu=lapbukukat'><span>Per Kategori</span></a></li>
<li><a href='?menu=lapbukupenerbit'><span>Per Penerbit</span></a></li>
</ul>
</li>
<li><a href='?menu=lappengadaan'><span>Pengadaan Buku</span></a></li>
<li class='has-sub'><a href='#'><span>Peminjaman Buku </span></a>
<ul>
<li><a href='?menu=lappeminjaman'><span>Per Periode</span></a></li>
<li><a href='?menu=lappeminjamananggota'><span>Per Anggota</span></a></li>
<li><a href='?menu=lappeminjamanbuku'><span>Per Judul Buku</span></a></li>
<li><a href='?menu=lappeminjamankat'><span>Per Kategori</span></a></li>
<li><a href='?menu=lapbelumkembali'><span>Belum Kembali</span></a></li>
</ul>
</li>
<li><a href='?menu=lapdenda'><span>Denda</span></a></li>

7
 </ul>
</li>
<li class='last'><a href='../cek_login.php?op=logout' onclick="return confirm('Keluar dari
Sistem Informasi Perpustakaan ?')"><i class="fa fa-sign-out fa-fw"></i>&nbsp;
Keluar</a></li>
</ul>
</div>