Perancangan Sistem Informasi Perpustakaan Berbasis Website Menggunakan PHP Dan MySQL Pada SMK Sandhy Putra Medan

(1)

**/List Program/**

Koneksi.php

<?php

$server = 'localhost'; $admin = 'root';

$pass = '';

$db = 'db_perpustakaan';

$conn = mysqli_connect($server, $admin, $pass, $db); // Check connection

if (!$conn) {

die("Connection failed: " . mysqli_connect_error()); }

// echo "Connected successfully"; ?>

Index.php

<!DOCTYPE html>

<title>Perpustakaan</title>

</head> <body>

</div>

(2)

<a href="../" style="color:#fff; width: 40px">Logout</a> </span>

</div> </div>

<a href="index.php"><i class="fa fa-clipboard"></i>Halaman Admin</a>

</li> <li>

</li> <li>

<a href="data_siswa.php"><i class="fa fa-users"></i>Data Siswa</a>

</li> <li>

<a href="data_pinjam.php"><i class="fa fa-table"></i>Data Peminjaman</a>

</li> <li>

<a href="data_kembali.php"><i class="fa fa-table"></i>Data Pengembalian</a>

</li> </ul> </div> </nav>

</div> </div> <hr />

</div>

</div> </div>

(3)

</div> </div>

</body> </html>

Login.php

<?php

$username = $_POST['username']; $password = $_POST['password'];

if($username == 'admin' && $password == 'admin'){ header("location: admin/");

die(); } else {

echo 'gagal'; }

?>

Index.html <!DOCTYPE html> <html lang="en"> <head>

<title>Login Admin</title>

</head> <body>

<form class="form-signin" action="login.php" method="post"> <center><h2 class="form-signin-heading"><span class="glyphicon glyphicon-th-large"></span> Perpustakaan </h2></center>

(4)

</div>

</div> <br />

</form> </body> </html>

Data_buku.php

</head> <body>

(5)

<a href="../" style="color:#fff;">LOGOUT</a> </span>

</div> </div>

<a href="index.php"><i class="fa fa-clipboard"></i>Dashboard</a>

</li>

</li> <li>

<a href="data_siswa.php"><i class="fa fa-users"></i>Data Siswa</a>

</li> <li>

<a href="data_pinjam.php"><i class="fa fa-table"></i>Data Peminjaman</a>

</li> <li>

<a href="data_kembali.php"><i class="fa fa-table"></i>Data Pengembalian</a>

</li> </ul> </div> </nav>

<div id="page-wrapper" > <div id="page-inner"> <div class="row">

<a href="tambah_buku.php" class="btn btn-primary"><h5>TAMBAH BUKU</h5></a>

</div> </div> <hr />

(6)

</div> </div>

<th>KODE BUKU</th> <th>NAMA BUKU</th> <th>KATEGORI</th> <th>JURUSAN</th> <th>JUMLAH</th> <th>AKSI</th> </tr>

<?php

error_reporting(0); include('koneksi.php'); $mode = $_GET['mode'];

$q = "SELECT * FROM data_buku"; $pencarian = $_GET['pencarian']; if($pencarian != undefined){ $q = "SELECT * FROM data_buku WHERE `nama_buku` LIKE '%$pencarian%'";

}

$query = mysqli_query($conn, $q); while($data = mysqli_fetch_array($query)){

echo "<tr>"; echo

"<td>".$data['kode_buku']."</td>";

echo "<td>".$data['nama_buku']."</td>";

echo "<td>".$data['kategori']."</td>";

echo "<td>".$data['jurusan']."</td>";

echo "<td>".$data['jumlah_buku']."</td>";

(7)

} ?> </table> </div>

</div> </div> </div> </div>

</div> </div>

var pencarian = document.getElementById("cari");

function searching(){ console.log("fs");

window.location = "data_buku.php?pencarian=" + pencarian.value;

} </script> </html>

Data_pinjaman.php

href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />

(8)

</div>

$data = mysqli_fetch_array($query); $tgl = $data['tanggal_peminjaman']; $nis = $data['nis'];

$list_buku = array($data['kode_buku']); ?>

</div>

</div>

<label class="col-md-2">TANGGAL PINJAM</label>

</div>

<label class="col-md-2">BATAS KEMBALI</label>

</div>

(9)

<table class="table table-bordered"> <tr><th>LIST BUKU</th></tr> <?php

echo "<tr><td>".$data['nama_buku']."</td></tr>";

while($data = mysqli_fetch_array($query)){

echo "<tr><td>".$data['nama_buku']."</td></tr>";

array_push($list_buku, $data['kode_buku']);

}

// print_r($list_buku); ?>

</table> </div>

<div class="col-md-4"></div> <?php

$list = json_encode($list_buku); echo "<a href='p_pengembalian.php?tgl=".$tgl."&nis=".$nis."&list=".$list."' class=\"btn btn-success\">Pengembalian Buku</a>";

?> </div> </div> </div> </div> </div>

</div> </div>

</body>

(10)

window.location = "data_pinjam.php?pencarian=" + pencarian.value;

}

</script> </html>

Pinjam_buku.php

</head> <body>

</div>

<?php echo "<form method=\"POST\" action='p_pinjam_buku.php?id=".$_GET['nis']."'>"; ?>

(11)

<th>KATEGORI</th> <th>JURUSAN</th> <th>JUMLAH</th> </tr>

<?php

error_reporting(0); include('koneksi.php'); $mode = $_GET['mode']; $kelas = $_GET['kelas'];

$q = "SELECT * FROM data_buku"; $pencarian = $_GET['pencarian']; if($pencarian != undefined){ $q = "SELECT * FROM data_buku WHERE `nama_buku` LIKE '%$pencarian%' AND `kategori` = '$kelas'"; }

$query = mysqli_query($conn, $q); while($data = mysqli_fetch_array($query)){

echo "<tr>";

echo "<td><input type=\"checkbox\" name=\"pilih_buku[]\" value='".$data['kode_buku']."'> ".$data['kode_buku']."</td>";

echo "<td>".$data['nama_buku']."</td>";

echo "<td>".$data['kategori']."</td>";

echo "<td>".$data['jurusan']."</td>";

echo "<td>".$data['jumlah_buku']."</td>";

echo "</tr>";

} ?> </table>

//echo "<a href='p_pinjam_buku.php?id=".$_GET['nis']."' class=\"btn btn-primary\">Pinjamkan</a>";

?> --> </form> </div> </div> </div>

(12)

</div> </div>

</body>

var urlParams = new URLSearchParams(window.location.search); var kelas = urlParams.get('kelas');

var nama = urlParams.get('nama'); var nis = urlParams.get('nis'); function searching(){

window.location = "pinjam_buku.php?nama="+ nama +"&nis="+ nis +"&kelas="+ kelas +"&pencarian=" + pencarian.value;

} </script> </html>

Costum.css

body {

font-family: 'Open Sans', sans-serif; line-height:30px;

}

#wrapper { width: 100%; margin-top:50px; }

#page-wrapper {

padding: 15px 15px; min-height: 600px; background:#F3F3F3; }

#page-inner { width:100%;

margin:10px 20px 10px 0px;

background-color:#fff!important;

min-height:1050px; }

#row{

(13)

.col-md-12{ width: 100%; }

}

.pad-top {

padding-top:15px; }

/*============================================== MENU STYLES

=============================================*/

.sidebar-collapse .nav { padding:0;

padding-top:50px; }

.sidebar-collapse > .nav > li > a { padding:15px 10px;

color: #214761; font-weight: 900; font-size: 16px; }

.sidebar-collapse > .nav > li {

border-bottom:1px solid #e1e1e1; }

.sidebar-collapse .nav > li > a:hover, .sidebar-collapse .nav > li > a:focus {

background:#F3F3F3; outline:0;

}

.navbar-side { border:none;

background-color: #fff; }

.navbar-inverse {

background-color: #214761; border-color: #F0F0F0; min-height: 80px; }

.nav > li > a > i { margin-right:10px; }

(14)

float:right; color:#fff; font-size:10px; font-weight:600; margin:20px;

margin: 10px 25px 10px 50px; }

.logout-spn a { font-size:10px; color:#fff; font-size:20px; font-weight:600; margin:20px;

margin: 10px 25px 10px 50px; }

}

.active-link {

background-color:#f3f3f3; }

/*============================================== DASHBOARD STYLES

=============================================*/ .div-square {

padding:5px;

border:3px double #e1e1e1; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:5px;

}

.div-square> a,.div-square> a:hover { color:#808080;

text-decoration:none; }

/*============================================== FOOTER STYLES

=============================================*/ .footer {

background-color:#214761; width:100%;

color:#fff;

padding:20px 50px 20px 50px; padding-left:20px;

(15)

.footer > a, .footer>a:hover {

color:#fff; }

/*============================================== MEDIA QUERIES

=============================================*/

@media(min-width:768px) { #page-wrapper{

margin: 0 0 0 260px; padding: 15px 30px;

min-height: 1050px;

}

.navbar-side {

z-index: 1; position: absolute;

width: 260px; }

Perancangan Sistem Informasi Perpustakaan Berbasis Website Menggunakan PHP Dan MySQL Pada SMK Sandhy Putra Medan

/*List Program*/

Koneksi.php

Index.php

Login.php

Data_buku.php

Data_pinjaman.php

Pinjam_buku.php

Costum.css

**/List Program/**