1. Home
  2. Lainnya

Sistem Informasi Perpustakaan SMA UISU Medan

  

A

M

P

  

I

R

A

N

  <?php session_start(); if(isset($_SESSION['login_anggota'])==FALSE) { $_SESSION['login_anggota']=FALSE; } include "nav.php"; ?> <!doctype html> <html> <head> <title>Perpustakaan SMA UISU Medan</title> </head> <body> <div class="navbar navbar-fixed-top"> <?php menu_atas(); ?> </div> <div id="wrap"> <div class="container"> <?php include "atas.php" ?> </div> <!--div class="container"> <1--?php navigasi(); ?--> </div--> <div class="container-fluid"> <div class="row-fluid"> <div class="span2"> <!--Sidebar content--> <?php include "kiri.php"; ?> </div> <div class="span9"> <td valign="top"> <div id="contenttext"> <span class="title_blue">Aplikasi Perpustakaan</span><br /> <span class="subtitle_gray">SMA UISU Medan</span> <br />

  <p class="body_text" align="justify">Selamat Datang di Aplikasi Perpustakaan Online ini. Dengan adanya sistem Aplikasi ini diharapkan para siswa dapat menambah wawasan tentang buku-buku pelajaran yang ada di Perpustakaan SMA UISU Medan. Koleksi buku yang ada di SMA UISU Medan ini dapat dilihat didalam web site ini, selamat menikmati layanan perpustakaan online Kami. <br /> <br /> Semoga dengan adanya Aplikasi Perpustakaan Online ini, diharapkan dapat menambah fasilitas dan menambah minat baca di kalangan para siswa SMA UISU Medan. Untuk itu, maju terus bersama SMA UISU Medan. </p> </div> </td> </div> </div> </div> <footer><?php bawah(); ?></footer> </div> </body> </html> 1.

Banner.php

  <!DOCTYPE html> <html> <head> <title></title> <script src="bootstrap/js/jquery.js"></script> <script src="bootstrap/js/jquery.roundabout.js"></script>

  <script src="bootstrap/js/jquery.roundabout- shapes.js"></script> <script src="bootstrap/js/jquery.event.drag- 2.2.js"></script> <script src="bootstrap/js/jquery.event.drop- 2.2.js"></script> <script src="bootstrap/js/jquery.easing.min.js"></script> <!-- kecil--> <!--style> .roundabout-holder { list-style: none; padding: 0; margin: 0; height: 5em; width: 5em; } .roundabout-moveable-item { height: 4em; width: 4em; cursor: pointer; background-color: #ccc; border: 1px solid #999; } .roundabout-in-focus { cursor: auto; } </style--> <!--style> ul { list-style: none; padding: 0; margin: 0 auto; width: 42em; height: 24em;

  } li { height: 20em; width: 30em; background-color: #ccc; text-align: center; cursor: pointer;

  } cursor: default; } li span { display: block; padding-top: 6em;

  } #carbonads-container .carbonad { margin: 0 auto; }

  </style--> <style> ul.ko { list-style: none; padding: 0; margin: 0 auto; width: 60em; height: 28em;

  } .ko li { height: 10em; width: 10em; text-align: center; cursor: pointer;

  • webkit-backface-visibility: hidden; border: 1px solid #bbb;
  • webkit-border-radius: 40em;
  • moz-border-radius: 40em;
  • ms-border-radius: 40em;
  • o-border-radius: 40em; border-radius: 40em;
  • moz-box-shadow:0 0 15px #
  • webkit-box-shadow:0 0 15px #666; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+

    • / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color- stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9

  • /

  } .ko li img { width: 100%; } .ko li.roundabout-in-focus { cursor: default; }

  .ko li span { display: block; padding-top: 3.5em;

  } # ko carbonads-container .carbonad { margin: 0 auto; }

  </style> <!--style> ul { list-style: none; padding: 0; margin: 0 auto; width: 32em; height: 24em;

  } li { height: 24em; width: 28em; background-color: #ccc; text-align: center; cursor: pointer;

  • webkit-backface-visibility: hidden; border: 1px solid #bbb;
  • webkit-border-radius: 2em;

  • ms-border-radius: 2em;
  • o-border-radius: 2em; border-radius: 2em;

  } li.roundabout-in-focus { cursor: default;

  } li span { display: block; padding-top: 6em;

  } #carbonads-container { clear: both; margin-top: 1em;

  } #carbonads-container .carbonad { margin: 0 auto; }

  </style--> </head> <body> <center>

  <ul class="ko"> <li><a href="cool.html"><img src="img/award.png" alt="Award"

  /></a>Penghargaan</li> <li><img src="img/backpack.png" alt="Backpack" />Tas</li> <li><img src="img/bear.png" alt="Bear"

  />Beruang</li> <li><img src="img/gun.png" alt="Gun"

  />Petong</li> <li><img src="img/high-five.png" alt="High-Five" />Tosss</li> <li><img src="img/mustache.png" alt="Mustache" />Kumis</li> <li><img src="img/sun.png" alt="Sun"

  />Matahari</li> <li><img src="img/logo_uisu.png" alt="UISU" />UISU</li> <li><img src="img/award.png" alt="Award"

  <li><img src="img/backpack.png" alt="Backpack" />Tas</li> <li><img src="img/bear.png" alt="Bear"

  />Beruang</li> <li><img src="img/gun.png" alt="Gun"

  />Petong</li> <li><img src="img/high-five.png" alt="High-Five" />Tosss</li> <li><img src="img/mustache.png" alt="Mustache" />Kumis</li> <li><img src="img/sun.png" alt="Sun"

  />Matahari</li> <li><img src="img/logo_uisu.png" alt="UISU"/>UISU</li>

  </ul> <a href="#" class="prev">Prev <i class="icon-backward" ></i></a>

  <a href="#" class="start">Start <i class="icon-play" ></i></button>  <a href="#" class="stop" >Stop <i class="icon-stop" ></i></a> <a href="#" class="next">Next <i class="icon-forward" ></i></a>

  <br/><br/> </center> <!--script> $(document).ready(function() { $('ul').roundabout({ //shape: "waterWheel", btnNext: ".next", btnPrev: ".prev", btnStartAutoplay: ".start", btnStopAutoplay: ".stop", btnToggleAutoplay: ".toggle", autoplay: true, autoplayDuration: 1000, autoplayPauseOnHover: true, reflect: true, enableDrag: true }); // $(".next").click(function() { // return false;

  // $(".next").click(function() { // $("ul").roundabout("animateToNextChild"); // return false; // }); }); </script-->

  <script> $(document).ready(function() {

  $('li') .bind({

  "reposition": function() { var degrees =

  $(this).datắroundabout').degrees, roundaboutBearing = $(this).parent().datắroundabout').bearing, rotateY = Math.round(roundaboutBearing - degrees);

  $(this).css({ "-webkit- transform": "perspective(2000) rotateY(" + rotateY +

  "deg)", "-moz- transform": "perspective(2000) rotateY(" + rotateY +

  "deg)", "transform":

  "perspective(2000) rotateY(" + rotateY + "deg)" });

  } })

  $('ul').roundabout({ // shape: "waterWheel", // shape: 'lazySusan', // shape: 'figure8', // shape: 'square', //shape: 'conveyorBeltLeft', // shape: 'diagonalRingLeft', //shape: 'rollerCoaster', shape: 'tearDrop',

  // shape: 'goodbyeCruelWorld', minScale: 0.1, //easing: 'easeOutElastic', //easing: 'easeOutSine', //easing: 'easeOutBack', easing: 'easeOutBounce', //easing: 'easeOutCircle', duration: 1600, btnNext: ".next", btnPrev: ".prev", btnStartAutoplay: ".start", btnStopAutoplay: ".stop", btnToggleAutoplay: ".toggle", autoplay: true, autoplayDuration: 700, autoplayPauseOnHover: true, reflect: true, enableDrag: true

  }); });

  </script> </body> </html> 2.

Buku.php

  <? session_start(); session_is_registered('reg'); $reg=$_SESSION['reg']; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Perpustakaan SMA UISU Medan</title> <script language="JavaScript"> function validasi(){ var myform = document.form1; if (myform['no_stanbuk'].value==""){ alert("Maaf, Data belum lengkap"); return false; } if (myform['judul'].value==""){ alert("Maaf, Data belum lengkap"); myform['judul'].focus(); return false; } if (myform['pengarang'].value==""){ alert("Maaf, Data belum lengkap"); myform['pengarang'].focus(); return false; } if (myform['penerbit'].value==""){ alert("Maaf, Data belum lengkap"); myform['penerbit'].focus(); return false; } if (myform['thn_edisi'].value=="0"){ alert("Maaf, Data belum lengkap"); myform['thn_edisi'].focus(); return false; } if (myform['jml_eksemplar'].value==""){ alert("Maaf, Data belum lengkap"); myform['jml_eksemplar'].focus(); return false; } return true; } function cek_no_stanbuk (kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13)

  { document.form1.judul.focus(); return false; } return true;

  } function cek_judul (kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode;

  { document.form1.pengarang.focus(); return false; } return true;

  } function cek_pengarang (kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13)

  { document.form1.penerbit.focus(); return false; } return true;

  } function cek_penerbit (kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13)

  { document.form1.thn_edisi.focus(); return false; } return true;

  } function cek_thn_edisi (kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13)

  { document.form1.jml_eksemplar.focus(); return false; } return true;

  } function cek_jml_eksemplar (kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : if (charCode > 31 && (charCode < 48 || charCode > 57)) { return false; } if (charCode ==13)

  { document.form1.myfile.focus(); return false; } return true;

  } function cek_myfile (kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13)

  { document.form1.simpan.focus(); return false; } return true;

  } </script> </head> <body onload="document.form1.no_stanbuk.focus()"> <? if(isset($reg)) { include "nav.php"; ?> <div class="navbar navbar-fixed-top"> <?php nav_petugas(); ?> </div><br/><br/><br> <div id="wrap"> <div class="container-fluid"> <div class="row-fluid"> <div class="span2"> <!--Sidebar content--> <?php include "kiri.php"; ?> </div> <div class="span9"> <td valign="top"> <div id="contenttext">

  <span class="title_blue">Input Data Buku Perpustakaan</span><br /> <span class="subtitle_gray">SMA UISU Medan</span> <br /> <p class="body_text" align="justify"> <div class="alert alert-info"> <table class="table table-condensed" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <form id="form1" name="form1" method="post" action="buku.php" enctype="multipart/form-data" onsubmit="return validasi()"> <table width="500" height="224" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="133">ISBN </td> <td width="367"><input name="no_stanbuk" type="text" class="inputbok" id="no_stanbuk" size="50" onKeyPress="return cek_no_stanbuk(event)" /></td> </tr> <tr> <td>Judul</td> <td><input name="judul" type="text" class="inputbok" id="judul" size="50" onKeyPress="return cek_judul(event)" /></td> </tr> <tr> <td>Pengarang</td> <td><input name="pengarang" type="text" class="inputbok" id="pengarang" size="50" onKeyPress="return cek_pengarang(event)" /></td> </tr> <tr> <td>Penerbit</td> <td><input name="penerbit" type="text" class="inputbok" id="penerbit" size="50" onKeyPress="return cek_penerbit(event)" /></td> </tr> <tr> <td>Tahun Edisi </td> <td><select name="thn_edisi" id="thn_edisi" class="selectpicker" data- width="auto" onkeypress="return

  <option value="0" selected="selected"> <?

  $sekarang = (integer) date("Y"); for ($y = $sekarang; $y > ($sekarang- 100); $y--) echo("<option value=$y> $y");

  ?> </option> </select></td> </tr> <tr> <td>Jumlah Eksemplar </td> <td><input name="jml_eksemplar" type="text" class="inputbok" id="jml_eksemplar" size="50" onKeyPress="return cek_jml_eksemplar(event)" /></td> </tr> <tr> <td>File PDF </td> <td>

  <input title="cari lokasi file" name="myfile" type="file" onKeyPress="return cek_myfile(event)" />

  </td> </tr> <tr> <td> </td>

  <td> <br/> <button name="simpan" type="submit" id="simpan" value="Simpan" class="btn btn-small"> Simpan <i class="icon-ok- sign"></i></button>

  <button name="batal" type="reset" id="batal" value="Batal" class="btn btn-small"> Batal <i class="icon-rotate- left"></i></button> </td>

  </tr> </table>

  </div> </form><br />

  <? if(isset($_POST['simpan'])){ $no_stanbuk =$_POST['no_stanbuk'];

  $pengarang =$_POST['pengarang']; $penerbit =$_POST['penerbit']; $thn_edisi =$_POST['thn_edisi']; $jml_eksemplar =$_POST['jml_eksemplar']; $filepdf =$_FILES['myfile']['tmp_name']; $type_file =$_FILES['myfile']['type']; $cek=mysql_query("select no_stanbuk from buku where no_stanbuk='$no_stanbuk'",$link); $hasil=mysql_fetch_array($cek); if(!empty($hasil)){ echo "<div class='alert alert-error' style='padding:10px;font-size:13px;font- weight:bold;'> <i class='icon-info-sign icon-2x'></i> Data buku dengan No. Stanbuk $no_stanbuk sudah ada dalam database.</div><br>"; }else{ if($type_file=="application/pdf"){

  $uploadDir = "pdf/"; // Apabila ada file yang di-upload if(is_uploaded_file($_FILES['myfile']['tmp_name'])

  ){ $uploadFile = $_FILES['myfile']; // Extract nama file $extractFile = pathinfo($uploadFile['name']); $sameName = 0; // Menyimpan banyaknya file dengan nama yang sama dengan file yg diupload $handle = opendir($uploadDir); while(false !== ($file = readdir($handle))){ // Looping isi file pada directory tujuan

  // Apabila ada file dengan awalan yg sama dengan nama file di uplaod if(strpos($file,$extractFile['filename']) !== false)

  $sameName++; // Tambah data file yang sama } /* Apabila tidak ada file yang sama

  ($sameName masih '0') maka nama file pakai

  • nama ketika diupload, jika $sameName > 0 maka pakai format "namafile($sameName).ext */

  $newName = empty($sameName) ? $uploadFile['name'] : $extractFile['filename'].'('.$sameName.').'.$extract File['extension']; if(move_uploaded_file($uploadFile['tmp_name'],$upl oadDir.$newName)){ echo "<div class='alert alert- success' style='font-size:13px;font- weight:bold;padding:10px;'> <i class='icon-info-sign icon-2x'></i> Data berhasil disimpan dan file PDF berhasil diupload dengan nama $newName.</div><br>";

  }else echo "<div class='alert alert- success' style='font-size:13px;font- weight:bold;padding:10px;'><i class='icon-info-sign icon-2x'></i> Data berhasil disimpan dan file PDF gagal diupload, silahkan upload kembali dengan fasilitas Edit Data Buku.</div><br>";

  } }else{ echo "<div class='alert alert-success' style='font- size:13px;font-weight:bold;padding:10px;'> <i class='icon-info-sign icon-2x'></i> Data berhasil disimpan dan file gagal diupload, file yang diupload harus dalam format PDF, silahkan ubah file dengan fasilitas Edit Data Buku.</div><br>"; } $pdf="$uploadDir$newName"; $query=mysql_query("insert into buku values('$no_stanbuk','$judul','$pengarang','$penerbi t','$thn_edisi','$jml_eksemplar','$jml_eksemplar','$ pdf')",$link) or die("<div class='pesan' style='width:506px;padding:10px;'>Data buku dengan No. Stanbuk $no_stanbuk sudah ada dalam database.</div><br>"); } ?> <div class="alert alert-warning" > <legend style="color:#0099CC;">Data Buku Berhasil Disimpan</legend> <table class="table table-condensed" border="0" cellpadding="0" cellspacing="0"> <tr>

  <td >:</td> <td style="color:black;font-weight:bold;"><? echo $no_stanbuk; ?></td> </tr> <tr> <td>Judul</td> <td>:</td> <td style="color:black;font-weight:bold;"><? echo $judul; ?></td> </tr> <tr> <td>Pengarang</td> <td>:</td> <td style="color:black;font-weight:bold;"><? echo $pengarang; ?></td> </tr> <tr> <td>Penerbit</td> <td>:</td> <td style="color:black;font-weight:bold;"><? echo $penerbit; ?></td> </tr> <tr> <td>Tahun Edisi </td> <td>:</td> <td style="color:black;font-weight:bold;"><? echo $thn_edisi; ?></td> </tr> <tr> <td>Jumlah Eksemplar </td> <td>:</td> <td style="color:black;font-weight:bold;"><? echo $jml_eksemplar; ?></td> </tr> <tr> <td>File PDF </td> <td>:</td> <td style="color:black;font-weight:bold;"> <? if($filepdf==""){ echo "File PDF belum diupload"; }else{ ?> <a href="<? echo $pdf; ?>" target="_blank"><? echo $newName; ?></a> <? } ?>

  </tr> </table> </div> <? } ?> </p> </div></td> </table> </p> </div> </td> </div> </div> <footer><?php bawah(); ?></footer> </div> <? }else{ print "<script>alert(\"Silahkan login terlebih dahulu...\");location.href=\"../login.php\";</script >"; } ?> </body> </html> 3.

Galery.php

  <?php session_start(); if(isset($_SESSION['login_anggota'])==FALSE) { $_SESSION['login_anggota']=FALSE; } ?> <!doctype html> <html> <head> <title>Perpustakaan SMA UISU Medan</title> </head> <body> <div id="wrap"> <div class="navbar navbar-fixed-top">

  <?php include "nav.php"; ?> <?php menu_atas(); ?> </div>

  <?php include"atas.php" ?> </div>

  <div class="container-fluid"> <div class="row-fluid"> <div class="span2"> <!--Sidebar content--> <? include "kiri.php"; ?> </div> <div class="span10"> <td valign="top">

  <div id="contenttext"> <span class="title_blue">Galeri <?=$opt;?>

  Perpustakaan</span><br /> <span class="subtitle_gray">SMA UISU Medan</span>

  <div class="alert alert- info" style="font-size:13px;"> <strong><i class="icon- info-sign icon-large"></i> Klik judul buku untuk melihat detail buku dan mendownload file pdf (jika ada).</strong>

  </div> <?php if(isset($_GET['opt'])){

  $opt=$_GET['opt']; }elseif(isset($_POST['opt'])){ $opt=$_POST['opt'];

  } ?>

  <?php if($opt=="Buku"){ ?> <?php include"bootable.php"; ?> <table class="display" id="user" cellpadding="0" cellspacing="0" border="0" style="font-size:13px;"> <thead> <tr>

  <th>No.Stanbuk</th> <th>Judul Buku</th> <th>Pengarang</th> <th>Penerbit</th> <th>stok</th> <!--th>Aksi</th-

  • > </tr> </thead> <tbody> <?php $sql="select *

  from buku order by judul asc"; $result = mysql_query($sql); $j=1; $i="$q$j"; while ($row=mysql_fetch_array($result)){ $id=$row['no_stanbuk']; ?> <tr> <td align="center"><? echo floor($i); ?></td> <td><?php echo $row['no_stanbuk']; ?></td> <td>

  <a href="#<?php echo $id ?>" data-toggle="modal" title="Lihat Detail Buku : <?php echo $row['judul']; ?> <br/> Stock : <?php echo $row['stock']; ?>" class="kiki" ><?php echo $row['judul']; ?> <i class="icon-edit icon-large"></i>

  </a> <!-- a href="#<?php echo $id ?>" data-toggle="modal" class="tip"><?php echo $row['judul']; ?> <i class="icon-edit icon-large"></i><span>Lihat Detail : <br/> <?php echo $row['judul']; ?> <br/> Stock :

  </a-

  • >

  <!-- a href="#<?php echo $id ?>" data-toggle="modal" title="Lihat Detail : <?php echo $row['judul']; ?> <br/> Stock : <?php echo $row['stock']; ?>"><?php echo $row['judul']; ?> <i class="icon-edit icon- large"></i> </a-->

  </td> <td><?php echo $row['pengarang']; ?></td> <td><?php echo $row['penerbit']; ?></td> <td align="center"><?php //echo $row['stock']; if($row['stock']==0){ echo "buku tidak tersedia"; }else{ echo $row['stock']; } ?></td>

  <!-- td> <a href="#<?php echo $id ?>" data-toggle="modal" class="boxy" title="Lihat Detail Buku">Detail <i class="icon-edit"></i> </a>

  </td-

  • > </tr>

  <!-- Modal

  • >

  <div id="<?php echo $id ?>" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

  <h3 id="myModallabel label-info"> Detail Buku </h3>

  <div class="modal-body" style="font-size:18px;"> <center>

  <p class="alert alert-info">No.Stanbuk : <?php echo $row['no_stanbuk']; ?> </p> <p class="alert alert-info">Judul : <?php echo $row['judul']; ?> </p> <p class="alert alert-info">Pengarang : <?php echo $row['pengarang']; ?> </p> <p class="alert alert-info">Penerbit : <?php echo $row['penerbit']; ?> </p> <p class="alert alert-info">Jml.Eksemplar : <?php echo $row['jml_eksemplar']; ?> </p> <p class="alert alert-info">Stock : <?php //echo $row[//'stock']; if($row['stock']==0){ echo "buku tidak tersedia (stock tidak mencukupi)"; }else{ echo $row['stock']; } ?> </p> <p class="alert alert-info">Download File PDF : <?php if(!empty($row['pdf'])){ echo "<a href='petugas/$row[pdf]' target='_blank'>$row[pdf]</a>"; }else{

  } ?> </p> </center>

  </div> <div class="modal-footer"> <button class="btn btn-mini" data-dismiss="modal" aria- hidden="true">OK</button>

  </div> </div>

  <?php $i++; } ?> </tbody> </table> <?php } elseif($opt=="Majalah" || $opt=="Surat Kabar" || $opt=="LKS"){ ?> <?php include"bootable.php"; ?> <table class="display" id="user" cellpadding="0" cellspacing="0" border="0"> <thead> <tr> <th>No.</th> <th>No.

  Bacaan</th> <th>Judul</th> <th>Dekripsi</th> <th>Jenis</th> <th>Jumlah</th> <!--th>Aksi</th-

  • > </tr> </thead> <tbody>

  $sql = mysql_query("SELECT * From bacaan order by judul ASC"); $j=1; $i="$q$j"; while ($row = mysql_fetch_array($sql)){ $id_bc=$row['no_bacaan']; ?> <tr> <td align="center"><? echo floor($i); ?></td> <td align="center"><?php echo $row['no_bacaan']; ?></td> <td><a href="#<?php echo $id_bc ?>" data-toggle="modal" title="Lihat Detail Bacaan : <?php echo $row['judul']; ?>" class="ko2herv"><?php echo $row['judul']; ?> <i class="icon-edit"></i> </a></td> <td><?php echo $row['deskripsi']; ?></td> <td><?php echo $row['jenis']; ?></td> <td align="center"><?php echo $row['jml_eksemplar']; ?></td> <!--td></td-

  • > </tr>

  <!-- Modal

  • >

  <div id="<?php echo $id_bc ?>" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

  <h3 id="myModallabel label-info"> Detail Buku </h3> </div> <div

  <center> <p class="alert alert-info">No.Bacaan : <?php echo

  $row['no_bacaan']; ?> </p> <p class="alert alert-info">Judul : <?php echo $row['judul']; ?> </p> <p class="alert alert-info">Deskripsi : <?php echo $row['deskripsi']; ?> </p> <p class="alert alert-info">Jenis : <?php echo $row['jenis']; ?> </p> <p class="alert alert-info">Jml.Eksemplar : <?php echo $row['jml_eksemplar']; ?> </p> <p class="alert alert-info">File PDF : <?php if(!empty($row['pdf'])){ echo "<a href='petugas/$row[pdf]' target='_blank'>$row[pdf]</a>"; }else{ echo "File PDF belum diupload"; } ?> </p> </center>

  </div> <div class="modal-footer"> <button class="btn btn-mini" data-dismiss="modal" aria- hidden="true">OK</button>

  </div> </div>

  <?php $i++; } ?> </tbody> </table> <?php } ?> </div> </div> </div> </div> <footer><?php bawah(); ?></footer> </body> </html> 4.

Login.php

  <?php include "nav.php"; ?> <!doctype html> <html> <head> <title>Perpustakaan SMA UISU Medan</title> <script language="JavaScript"> function validasi(){ var myform=document.form1; if (myform['user'].value==""){ alert("Isi dengan username Anda..!!"); myform['user'].focus(); return false; } if (myform['pass'].value==""){ alert("Masukan password..!!"); myform['pass'].focus(); return false; } return true; } function cekuser(kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13) { document.form1.pass.focus();

  } return true; } function cekpass(kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13) { document.form1.login.focus(); return false; } return true; } </script> </head> <body onload="document.form1.user.focus()"> <div class="navbar navbar-fixed-top"> <?php menu_atas(); ?> </div> <div id="wrap"> <div class="container"> <?php include"atas.php"; ?> </div> <div class="container-fluid"> <div class="row-fluid"> <div class="span2"> <!--Sidebar content--> <? include "kiri.php"; ?> </div> <div class="span9"> <td valign="top"><div id="contenttext"> <span class="title_blue">Login Admin</span><br /> <span class="subtitle_gray">Perpustakaan SMA UISU Medan</span><br /><br /> <?php if($_GET['opt']=="salah"){ echo "<div class='alert alert- error' style='width:550px;font-size:15px;'> <button type='button' class='close' data- password salah, silahkan ulangi lagi.</div></strong>"; } ?> <p> <form id="form1" name="form1" method="post" action="cek.php" onsubmit="return validasi()"> <table width="350" height="84" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="body_text">Username</td> <td>

  <!--input name="user" type="text" class="inputbok" id="user" onKeyPress="return cekuser(event)" /-->

  <div class="input-prepend"> <span class="add-on"><i class="icon icon-user"></i></span> <input name="user" class="input-medium" class="span2" id="prependedInput" type="text" placeholder="" class="inputbok" id="user" onKeyPress="return cekuser(event)">

  </div> </td>

  </tr> <tr> <td class="body_text">Password</td> <td>

  <!--input name="pass" type="password" class="inputbok" id="pass" onKeyPress="return cekpass(event)" /-->

  <div class="input-prepend"> <span class="add-on"><i class="icon icon-lock"></i></span> <input name="pass" class="input-medium" class="span2" id="prependedInput" type="password" placeholder="" class="inputbok" id="pass" onKeyPress="return cekpass(event)">

  </div> </td>

  </tr> <tr>

  <td> <!--input name="login" type="submit" class="inputbok" id="login" value="Login" /> <input name="batal" type="reset" class="inputbok" id="batal" value="Batal" /--> <button class="btn" type="submit" id="login"><i class="icon-ok"></i> Login</button> <button class="btn" type="reset" id="batal"><i class="icon-refresh"></i> Batal</button> </td> </tr> </table> </form> </p> </div></td> </div> </div> </div> <footer><?php bawah(); ?></footer> </div> </body> </html> 5.

Login_Anggota.php

  <?php include "nav.php"; ?> <!doctype html> <html> <head> <title>Perpustakaan SMA UISU Medan</title> <script language="JavaScript"> function validasi(){ var myform=document.form1; if (myform['user'].value==""){ alert("Isi dengan username Anda..!!"); myform['user'].focus(); return false; } if (myform['pass'].value==""){ alert("Masukan password..!!"); myform['pass'].focus();

  } return true; } function cekuser(kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13) { document.form1.pass.focus(); return false; } return true; } function cekpass(kejadian) { kejadian = (kejadian) ? kejadian : window.event; var charCode = (kejadian.which) ? kejadian.which : kejadian.keyCode; if (charCode ==13) { document.form1.login.focus(); return false; } return true; } </script> </head> <body onload="document.form1.user.focus()"> <div class="navbar navbar-fixed-top"> <?php menu_atas(); ?> </div> <div id="wrap"> <div class="container"> <?php include"atas.php"; ?> </div> <div class="container-fluid"> <div class="row-fluid"> <div class="span2"> <!--Sidebar content--> <? include "kiri.php"; ?> </div> <div class="span9">

  <td valign="top"><div id="contenttext"> <span class="title_blue">Login Anggota</span><br /> <span class="subtitle_gray">Perpustakaan SMA UISU Medan</span><br /><br /> <?php if($_GET['opt']=="salah"){ echo "<div class='alert alert- error' style='width:550px;'> <button type='button' class='close' data-dismiss='alert'>×

  </button><strong>NIS atau password salah, silahkan ulangi lagi.</strong></div>"; } ?> <p> <form id="form1" name="form1" method="post" action="cek_anggota.php" onsubmit="return validasi()"> <table width="350" height="84" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="body_text">NIS</td> <td>

  <!--input name="user" type="text" class="inputbok" id="user" onKeyPress="return cekuser(event)" /-->

  <div class="input-prepend"> <span class="add-on"><i class="icon icon-user"></i></span> <input name="user" class="input-medium" class="span2" id="prependedInput" type="text" placeholder="" class="inputbok" id="user" onKeyPress="return cekuser(event)">

  </div> </td>

  </tr> <tr> <td class="body_text">Password</td> <td>

  <!--input name="pass" type="password" class="inputbok" id="pass" onKeyPress="return cekpass(event)" /-->

  <span class="add-on"><i class="icon icon-lock"></i></span> <input name="pass" class="input-medium" class="span2" id="prependedInput" type="password" placeholder="" class="inputbok" id="pass" onKeyPress="return cekpass(event)">

  </div> </td>

  </tr> <tr> <td> </td> <td> <!--input name="login" type="submit" class="inputbok" id="login" value="Login" /> <input name="batal" type="reset" class="inputbok" id="batal" value="Batal" /--> <button class="btn" type="submit" id="login"><i class="icon-ok"></i> Login</button> <button class="btn" type="reset" id="batal"><i class="icon-refresh"></i> Batal</button> </td> </tr> </table> </form> </p> </div></td> </div> </div> </div> <footer><?php bawah(); ?></footer> </div> </body> </html> 6.

Ubah_pass.php

  <?php session_start(); if(isset($_SESSION['login_anggota'])==FALSE) {

Dokumen yang terkait

Perancangan Sistem Informasi Perpustakaan Berbasis Web Pada SMA Negeri 7 Medan

5 79 107

Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web

9 179 86

Sistem Informasi Perpustakaan SMA UISU Medan

4 80 169

Sistem Informasi Perpustakaan Pada SMA Dhama Pancasila Medan

3 62 116

Perancangan Sistem Informasi Perpustakaan SMA Swasta Angkasa

2 38 86

Perancangan Sistem Informasi Perpustakaan Di SMA Negeri 9 Bandung

1 12 1

Sistem Informasi Perpustakaan Pada SMA Pasundan 2 Bandung

0 6 1

Sistem Informasi Perpustakaan SMA Negeri 1 Jampangkulon Sukabumi

0 4 1

Sistem Informasi Perpustakaan Di SMA Pasundan 8 Kota Bandung

3 30 117

Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web

0 0 22