DAFTAR PUSTAKA. Alfarabi Hadi, Diki Cara Penulisan Dan Penggunaan Javascript. Diakses pada tanggal 7 Agustus 2017.

(1)

93

DAFTAR PUSTAKA

Alfarabi Hadi, Diki. 2016. Cara Penulisan Dan Penggunaan Javascript.

http://www.malasngoding.com. Diakses pada tanggal 7 Agustus 2017.

Agustian Muhammad dkk. IMPLEMENTASI E-COMMERCE PENJUALAN

ALAT-ALAT KESEHATAN DAN LABORATORIUM PADA PT EKA PRATAMA

HUSADA. Jurnal IJCCS.

Distiningrum dan Adrian Jafar Qadhli. 2017. SISTEM INFORMASI

PENJADWALAN

DOKTER

BERBASSIS

WEB

DENGAN

MENGGUNAKAN FRAMEWORK CODEIGNITER (STUDI KASUS:

RUMAH SAKIT YUKUM MEDICAL CENTRE). Jurnal Teknonfo. Volume

11 no.2 2017, 32.

Dwi, Hendraswati Enggar. 2016. Balsamiq Mockup. http://enggar.net. Diakses

pada tanggal 7 Agustus 2017.

Firman Astria dkk. 2016. Sistem Informasi Perpustakaan Online Berbasis Web.

Jurnal Teknik Elektro dan Komputer. Volume 5 no.2 Januari – Maret 2016,

30. Fridayanthie Wida Eka dan Mahdiati Tias. 2016. RANCANG BANGUN SISTEM

INFORMASI PERMINTAAN ATK BERBASIS INTRANET (STUDI

KASUS:

KEJAKSAAN

NEGERI

RANGKASBITUNG).

Jurnal

Khatulistiwa Informatika. Volume 4 No.2 Desember 2016, 132.

Helsa.

18 September

2014.

Pelayanan

Perpustakaan.

http://pp.ktp.fip.unp.ac.id/?p=38. 18 September

Priyatno Agus dan Safitri Yulia. 2015. PEMANFAATAN SISTEM INFORMASI

PERPUSTAKAAN DIGITAL BERBASIS WEBSITE UNTUK PARA

PENULIS . Indonesian Journal on Software Engineering. Volume 1 No.1 –

2015, 2

(2)

94

Lavarino dio dan yustanti wiyli . 2016. RANCANG BANGUN E – VOTING

BERBASIS WEBSITE DI UNIVERSITAS NEGERI SURABAYA . Jurnal

Manajemen Informatika. Volume 6 No.1 Tahun 2016, 72.

Umar Usman. 2015. PERANCANGAN SISTEM INFORMASI ADMINISTRASI

KESISWAAN PADA MADRASAH ALIYAH MIFTAHUL JANNAH

DENGAN METODOLOGI BERORIENTASI OBJEK . Jurnal SIFOM.

Prasetyo Budi. 2015. Perancangan dan Pembuatan Sistem Informasi Gudang

(Studi Kasus : PT. PLN (Persero) Area Surabaya Barat). Volume 4 No.1

November 2015, 13.

Palit. V Randi. 2015. Rancangan Sistem Informasi Keuangan Gereja Berbasis Web

Di Jemaat GMIM Bukit Moria Malalayang. E-jurnal Teknik Elektro dan

Komputer. Volume 4 No.7, 2.

Torio Dennis dan Bettiza Martaleli, 2011. Perancangan Sistem Penjualan Tiket

berbasis website pada PT.Bintan Resort Ferries Batam. Jurnal Sustanible.

Volume 2 No.1 Mei 2011, 14.

Utariani dan Herkules. 2017. MONITORING BIMBINGAN SKRIPSI ONLINE

PADA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER (STMIK) PALANGKA RAYA .Jurnal Saintekom, Vol.7 ,

No.1 , Maret 2017, 36.

(3)

(4)

Lampiran Halaman Depan User

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

<meta http-equiv="content-type"

content="text/html;charset=UTF-8" /> <head>

<title>LAYANAN ADMINISTRASI PERPUSTAKAAN KABUPATEN INDRAMAYU</title>

<style> /*MORPH*/

.morph {

-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .morph:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } a,a:visited,a:focus, a:hover { color:#000 !important; cursor: pointer; text-decoration: none } html, body{ background-color:#fff } html, body { height: 100%; }

(5)

.carousel, .item, .active { height: 100%; } .carousel-inner { height: 100%; }

/* Background images are set within the HTML using inline CSS, not here */ .fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } #form_search{

margin:0px auto 40px auto; width:50%; } #gambar{ width:100px; } @media(max-width:767px){ html, body { position: relative; background-image:url('themes/boostrap/images/intro-back-mobile.jpg'); background-size: cover } .carousel, .item, .active { height: 0; } .fill { width: 100%; } #form_search{ margin:50px auto; width:80%;

(6)

} #title{ margin-bottom:20px; } #gambar{ width:80%; } #nav{ position: absolute; top: 10px; z-index: 15; width: 100%; padding-left: 0; text-align: center; } } /* BUTTON BLINK */ .blink{ background: #05335c; //background: #ff9900; padding: 10px 20px 10px 20px; color:#fff; animation-name: flash; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; //Firefox 1+ -webkit-animation-name: flash; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; //Safari 3-4 -moz-animation-name: flash; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; } @keyframes flash { 0% { opacity: 0.1; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } //Firefox 1+ @-webkit-keyframes flash { 0% { opacity: 0.1; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } //Safari 3-4

(7)

@-moz-keyframes flash { 0% { opacity: 0.1; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } </style>  <link href="themes/boostrap/welcome/css/bootstrap.min.css" rel="stylesheet">

</head> <body >

<div class="fill" style="

background-image:url('application/modules/gambardepan/files/coba.jpeg');"> <div style="position:relative;height:100%;width:100%">

<button class="btn blink" type="submit" href="index.php"

style="

border: 4px solid #ff9900; border-radius: 9px; "> <a href="index.php">

<i class="fa fa-home"></i>  <b>KELUAR</b><br>

</a> </button>

<h3 style="color: black;">ADMINISTRASI LAYANAN PERPUSTAKAAN</h3>

<h4 style="color: black;">KABUPATEN INDRAMAYU</h4> </div>

<form action="#" method='post' id='form_search'

style='margin: 20px auto;' class='visible-xs hidden-md hidden-sm hidden-lg' accept-charset="utf-8"> <div class="input-group text-center">

(8)

<button class="btn blink" type="submit" name="cari" style="

border: 4px solid #ff9900; border-radius: 9px; ">

<i class="fa fa-home"></i>  <b>HALAMAN UTAMA WEBSITE</b><br>  </button> </span> </div> </form> <form action="https://disarpus.indramayukab.go.id/" method='post' id='form_search' class='hidden-xs' accept-charset="utf-8"> <div class="input-group text-center">

<button id="announcement" class="btn blink" type="submit" name="cari"

style=" color:#fff;

<i class="fa fa-home"></i>  <b>HALAMAN UTAMA WEBSITE</b><br>

</button>

</span>

</div> </form>

<br /><strong>PERPUSTAKAAN KELILING</strong>

</a></div> </div> <div class="col-md-3 col-sm-4 col-xs-6">

(9)

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

<div class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/masyarakat/masyarakat.php" > <img src="application/modules/icon/files/icons-doc3.png" style="width:80px;" class="morph"> <br /><strong>MINAT MASYARAKAT</strong> </a> </div> </div> <tr> <tr> </div> <br /><div class='row'>

<div class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/peminjaman/peminjaman.php" > <img src="application/modules/icon/files/icons-doc2.png" style="width:80px;" class="morph"> <br /><strong>PINJAM RUANGAN</strong> </a></div> </div>

<br /><strong>ANTAR JEMPUT PEMUSTAKA DINI</strong> </a>

</div> </div>

<div class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/konfirmasi/konfirmasi.php"> <img src="application/modules/icon/files/chat.png" style="width:80px;" class="morph"> <br /><strong>PENGAJUAN</strong> </a> </div> </div></div> </div>

</div> </nav> <!-- Carousel

(10)

</div>

<form action="https://www.kemendagri.go.id/home/index" method='post' id='form_search' style='margin: 20px auto;'

class='visible-xs hidden-md hidden-sm hidden-lg' accept-charset="utf-8"> <div class="input-group text-center">

<button class="btn blink" type="submit" name="cari" style="

color:#fff;

<i class="fa fa-home"></i>  <b>HALAMAN UTAMA WEBSITE</b><br>

</button>

</span>

</div>

<div class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/pusling/form_pusling.php"> <img src="application/modules/icon/files/pusling.png" style="width:80px;" class="morph"> <br /><strong>PERPUSTAKAAN KELILING</strong> </a> </div>

</div><div class="col-md-3 col-sm-4 col-xs-6">

<br /><strong>KARTU TANDA ANGGOTA</strong> </a>

</div>

(11)

</div><div class="col-md-3 col-sm-4 col-xs-6" <div

class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/masyarakat/form_masyarakat.php" > <img src="application/modules/icon/files/icons-doc3.png" style="width:80px;" class="morph"> <br /><strong>MINAT MASYARAKAT</strong> </a></div></div> <tr> <tr>

<br /><strong>ANTAR JEMPUT PEMUSTAKA DINI</strong> </a> </div> </div> </div> <br /><div class='row'>

<div class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/peminjaman/form_peminjaman.php" > <img src="application/modules/icon/files/icons-doc2.png" style="width:80px;" class="morph"> <br /><strong>PINJAM RUANGAN</strong> </a> </div> </div>

<div class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/konfirmasi/konfirmasi.php"> <img src="application/modules/icon/files/chat.png" style="width:80px;" class="morph"> <br /><strong>PENGAJUAN</strong> </a> </div> </div>

(12)

<img src="application/modules/icon/files/chat.png" style="width:80px;" class="morph"> <br /><strong>LNK TERKAIT</strong> </a> </div> </div>

<div class="thumbnail" style="background-color: rgba(211, 211, 211, 0.57);"> <a href="./page/tentang/profil.php" > <img src="application/modules/icon/files/chat.png" style="width:80px;" class="morph"> <br /><strong>TENTANG</strong>

</a> </div></div></div> </div></div><div class="carousel-inner anim" role="listbox">

<div class="fill" style="

background-image:url('application/modules/gambardepan/files/coba.jpeg');">

</div>

</div></div> </div><!-- /.carou> </div>

<! jQuery (necessary for Bootstrap's JavaScript plugins) -->

(13)

$('#menuutama').tooltip().eq(0).tooltip('hide').tooltip('enable' ); }, 5000); function angka(e) { if (!/^[0-9]+$/.test(e.value)) { e.value = e.value.substring(0,e.value.length-1); } } </script>

<script type="text/javascript">

</body>

</html>

(14)

Lampiran Halaman Depan Admin

<?php include("config/koneksi.php"); ?><!DOCTYPE html> <html lang="en"> <head>

<title>Layanan Administrasi Perpustakaan</title> <meta charset="UTF-8">

href="../vendor/bootstrap/css/bootstrap.min.css">

href="../fonts/Linearicons-Free-v1.0.0/icon-font.min.css">

(15)

} else if ($mtkex[$nmr] == "kali") { $hasil = $acak1 * $acak2;

$opr = "*";

} else if ($mtkex[$nmr] == "kurang") { $hasil = $acak1 - $acak2;

$opr = "-"; } ?> </head> <body> <div class="limiter">

<div class="wrap-login100 p-t-190 p-b-30"> <form class="login100-form validate-form"

action="config/cek_login.php" method="post" autocomplete="off"> <div class="login100-form-avatar"> <img src="../images/download.png" alt="AVATAR"> </div> <span class="login100-form-title p-t-20 p-b-45">

LAYANAN ADMINISTRASI PERPUSTAKAAN KABUPATEN INDRAMAYU

</span>

</div>

(16)

</div>

<input class="input100" type="text" name="mtk" value="<?php echo $acak1 ." ". $opr ." ". $acak2; ?>" readonly="readonly" placeholder="Password">

</div>

<input class="input100" type="hidden" name="hd" value="<?php echo $hasil; ?>"

style="text-align:center;" class="form-control" />

<i class="fa fa-ceklis"></i> </span> </div> <div class="container-login100-form-btn p-t-10"> <button class="login100-form-btn"> Login </button> </div>

Forgot Username / Password? </a> </div> </form> </div> </div> </div> <!-- <script src="../vendor/jquery/jquery-3.2.1.min.js"></script> <script src="../vendor/bootstrap/js/popper.js"></script> <script src="../vendor/bootstrap/js/bootstrap.min.js"></script> <!--================================================================ === <script src="../vendor/select2/select2.min.js"></script> <!-- <script src="../js/main.js"></script> </body> </html>

(17)

(18)

(19)

(20)

(21)

(22)

(23)

(24)

(25)

(26)

(27)

(28)

(29)

(30)

(31)

(32)

(33)

(34)

(35)

(36)

(37)

(38)

(39)

(40)

(41)

(42)

(43)

(44)

BIODATA PENULIS TUGAS AKHIR

Nama

: Uci Ramadhani

Nomor Induk Mahasiswa (NIM) : 1603027

Jenis Kelamin

: Perempuan

Tempat & Tanggal Lahir

: Simpang Tj Nan IV, 22 Januari 1998

Status

: Mahasiswa

Agama

: Islam

Asal Ijazah Sekolah

:

SD

: SDN 02 Simpang Tj nan IV

2010

SLTP

: SMPN 1 Danau Kembar

2013

SLTA

: SMAN 1 Lembah Gumanti

2016

Program Studi / Jurusan

: D3 Teknik Informatika/ Teknik Informatika

Alamat Rumah Asal

: Simpang Tj nan IV Kecamatan : Danau Kembar

Kabupaten : Solok Profinsi : Sumatera Barat

No. Telepon / HP

: 087718880934

Email

: [email protected]

Nama Orang Tua

: Syarifudin – Titin

Pekerjaan

: Wiraswasta – Ibu Rumah Tangga

Alamat Orang Tua

: Simpang Tj Nan IV Kecamatan : Danau Kembar

Judul Tugas Akhir

: Aplikasi Layanan Administrasi Perpustakaan Kabupaten

Indramayu

Berbasis Website

Dosen Pembimbing

: 1. Darsih, S.Kom., M.Kom

2. Alifia Puspaningrum, S.Pd., M.Kom

Indramayu, 24 Agustus 2019

Penulis

Uci Ramadhani

1603027

(45)