Animasi

Rabu, 15 Januari 2020

Aplikasi Perpustakaan Berbasis Web

Aplikasi  Perpustakaan Berbasis Web 



Fungsi dari perpustakaan untuk saat ini tidak hanya sebagai tempat koleksi buku dan tempat membaca saja. Sebagai contoh pada perpustakaan disekolah biasanya digunakan para siswa untuk mengerjakan tugas. Mereka lebih senang mengerjakan tugas di perpustakaan karena sumbernya lengkap . Terlepas dari pengertian perpustakaan yang beragam, membaca buku itu sangat penting karena bisa menambah wawasan karena banyak informasi di dalamnya. Jadi, budaya ke perpustakaan sangat baik untuk dilestarikan .Dengan  membuat aplikasi perpustakaan berbasis web agar memudahkan masyrakat atau kalangan anak sekolah dapat membaca dan belajar dengan mudah.


Di bawah ini adalah sourcode tampilan awal aplikasi perpustakaan dengan php dan my sql.

<!DOCTYPE html>
<html lang="en">
<head>
  <title>PERPUSTAKAAN</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
  <script src="bootstrap/js/tests/vendor/jquery.min.js"></script>
  <script src="bootstrap/dist/js/bootstrap.min.js"></script>


<?php
error_reporting(0);
switch($_GET['page'])
{
default:
include "home.php";
break;

// menu buku

case "buku";
include "buku.php";
break;
case "detil-buku";
include "buku_detil.php";
break;
case "buku_search";
include "buku_search.php";
break;

//data peminjaman
case "data_peminjam";
include "data_peminjam.php";
break;
case "detail_peminjam";
include "detail_peminjam.php";
break;
case "data_peminjam_search";
include "data_peminjam_search.php";
break;


}
?>

<footer class="container-fluid text-center">
  </footer>
</div>
</body>
</html>


Tampilan awal




Di bawah ini alah script untuk membuat halaman login aplikasi Perpustakaan

<!DOCTYPE html>
<html lang="en">
<head>
<title>HMTI PERPUS</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/js/jquery-ui/jquery-ui.css">
<link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    

    <!-- jQuery -->
    <script src="../vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="../vendor/metisMenu/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="../dist/js/sb-admin-2.js"></script>
</body>
</html>

halaman login



Dibawah ini adalah script untuk membuat panel atau halaman utama perpustakaan.

<?php
session_start();
if(!isset($_SESSION['nama'])){
echo "<script>alert('Silahkan login terlebih dahulu')</script>";
echo "<meta http-equiv='refresh' content='0; url=../index.php'>";
} else {


?>
<!DOCTYPE html>
<html lang="en">

<head>

</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->
        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                
 
<?php
error_reporting(0);
switch($_GET['page'])
{
default:
include "home.php";
break;
// anggota
case "anggota";
include "anggota.php";
break;
case "anggota_detail";
include "anggota_detail.php";
break;
case "anggota_input";
include "anggota_input.php";
break;
case "anggota_proses";
include "anggota_proses.php";
break;
case "anggota_search";
include "anggota_search.php";
break;
case "anggota_edit";
include "anggota_edit.php";
break;
case "anggota_proses_edit";
include "anggota_proses_edit.php";
break;
case "anggota_hapus";
include "anggota_hapus.php";
break;
// categori buku
case "categori_buku";
include "categori_buku.php";
break;
case "categori_buku_input";
include "categori_buku_input.php";
break;
case "categori_buku_search";
include "categori_buku_search.php";
break;
case "categori_buku_edit";
include "categori_buku_edit.php";
break;
case "categori_proses_edit";
include "categori_proses_edit.php";
break;
case "categori_buku_hapus";
include "categori_buku_hapus.php";
break;
// menu buku
case "buku";
include "buku.php";
break;
case "detil-buku";
include "buku_detil.php";
break;
case "buku_input";
include "buku_input.php";
break;
case "buku_proses";
include "buku_proses.php";
break;
case "buku_search";
include "buku_search.php";
break;
case "buku_edit";
include "buku_edit.php";
break;
case "buku_proses_edit";
include "buku_proses_edit.php";
break;
case "buku_hapus";
include "buku_hapus.php";
break;
//transaksi
case "peminjaman";
include "peminjaman.php";
break;
case "pengembalian";
include "pengembalian.php";
break;
case "buku_hapus_transaksi";
include "buku_hapus_transaksi.php";
break;
case "transaksi_detil";
include "transaksi_detil.php";
break;
case "transaksi_cari";
include "transaksi_cari.php";
break;
case "transaksi_proses_perpanjang";
include "transaksi_proses_perpanjang.php";
break;
case "transaksi_proses_kembali";
include "transaksi_proses_kembali.php";
break;
case "transaksi_proses_kembali_satu";
include "transaksi_proses_kembali_satu.php";
break;
case "transaksi_cetak";
include "transaksi_cetak.php";
break;
case "denda";
include "denda.php";
break;
//Laporan
case "laporan_anggota";
include "laporan_anggota.php";
break;
case "laporan_anggota_proses";
include "laporan_anggota_proses.php";
break;
case "laporan_buku";
include "laporan_buku.php";
break;
case "laporan_buku_proses";
include "laporan_buku_proses.php";
break;
case "laporan_pinjam";
include "laporan_pinjam.php";
break;
case "laporan_pinjam_proses";
include "laporan_pinjam_proses.php";
break;
case "laporan_kembali";
include "laporan_kembali.php";
break;
case "laporan_kembali_proses";
include "laporan_kembali_proses.php";
break;
// User
case "user";
include "user.php";
break;
case "user_input";
include "user_input.php";
break;
case "user_search";
include "user_search.php";
break;
case "user_edit";
include "user_edit.php";
break;
case "user_proses_edit";
include "user_proses_edit.php";
break;
case "user_hapus";
include "user_hapus.php";
break;
}

</body>

</html>

<?php } ?>



halaman utama aplikasi perpus




Di bawah ini adalah sript untuk membuat data anggota


<?php
 include '../conn/koneksi.php';
 ?>



<?php
$batas=5; //satu halaman menampilkan 10 baris
$halaman=$_GET['halaman'];
$posisi=null;
if(empty($halaman)){
 $posisi=0;
 $halaman=1;
}else{
 $posisi=($halaman-1)* $batas;
}
?>




Data anggota








Dibawah ini adalah sript Data buku dalam  pembuatan apklikasi perpustakaan

<?php 

include 'conn/koneksi.php';
?>
<br>
<div class="container-fluid text-center">    
  <div class="row content">
    <div class="col-sm-1 ">
     
    </div>
    <div class="col-sm-10 "> 
    <h1 align="left" class="page-header">Data Buku</h1>
   
 
                <div class="col-sm-12" >
                    <div class="panel panel-info" align="right">
                        <div class="panel-heading">
<span><?php
$array_hr= array(1=>"Senin","Selasa","Rabu","Kamis","Jumat","Sabtu","Minggu");
  $hr = $array_hr[date('N')];
$tgl= date('j');
$array_bln = array(1=>"Januari","Februari","Maret", "April", "Mei","Juni","Juli","Agustus","September","Oktober", "November","Desember");
$bln = $array_bln[date('n')];
$thn = date('Y');
echo $hr . ", " . $tgl . " " . $bln . " " . $thn . " ";
?>
        </span>
                           
                        </div>
<?php 
$batas=5; //satu halaman menampilkan 10 baris
$halaman=$_GET['halaman'];
$posisi=null;
if(empty($halaman)){
  $posisi=0;
  $halaman=1;
}else{
  $posisi=($halaman-1)* $batas;
}

?>
$query = "SELECT * FROM m_buku ORDER by id_buku DESC limit $posisi,$batas";
$sql = mysql_query($query);
$total = mysql_num_rows($sql);
$no = 1;
while ($data=mysql_fetch_array($sql)) {
  ?>
<tbody>
  <tr>
<td align="center"><?php echo $no; ?></td>
<td><a href="?page=detil-buku&judul=<?php echo $data['judul']; ?>" class="detil"><?php echo $data['judul']; ?></a></td>
<td align="center"><?php echo $data['categori']; ?></td>
<td align="center"><?php echo $data['pengarang']; ?></td>
<td align="center"><?php echo $data['penerbit']; ?></td>
<td align="center"><?php echo $data['jumlah_buku']; ?></td>
  </tr>
  
<?php $no++; } ?>
</tbody>
  </table>
  <ul class="pagination">
 
<?php 
  $sql_paging = mysql_query("select id_buku from m_buku");
      $jmldata = mysql_num_rows($sql_paging);
      $jumlah_halaman = ceil($jmldata / $batas);

      echo "Halaman :";
      for($i = 1; $i <= $jumlah_halaman; $i++)
        if($i != $halaman) {
          echo "<a href=?page=buku&halaman=$i>$i</a>|";
        } else {
          echo "<b>$i</b>|";
        }
      mysql_close();
?>
 </ul>
</div>
</div>
                        <!-- /.panel-heading -->
                      
    <div class="col-sm-1 ">
      
    </div>
  </div>
</div>
<br>



Data buku 




Di bawah ini adalah sript untuk membuat kategori buku

<?php
 include '../conn/koneksi.php';
 ?>



 while ($data=mysql_fetch_array($sql)) {
 ?>
 <tbody>
 <tr>
 <td align="center"><?php echo $no; ?></td>
 <td align="center"><?php echo $data['categori']; ?></td>
 <td align="center"><a href="?page=categori_buku_edit&id=<?php echo $data['id']; ?>"><img src="../images/edit.png"/ width="15px" height="15px"></a></td>
 <td align="center"><a href="?page=categori_buku_hapus&id=<?php echo $data['id']; ?>" onclick="return confirm('Anda yakin ingin menghapus data Categori <?php echo $data['judul']; ?> ?')"><img src="../images/delete.png"/ width="15px" height="15px"></a></td>
 </tr>

 <?php $no++; } ?>
 </tbody>
 </table>

 <!-- /.table-responsive -->



kategori buku




Semoga membantu:))























Aplikasi Perpustakaan Berbasis Web

Aplikasi  Perpustakaan Berbasis Web   Fungsi dari perpustakaan untuk saat ini tidak hanya sebagai tempat koleksi buku dan tempat membac...