Tugas Etika Profesi NEW

PERPUSTAKAAN ONLINE
UNIVERSITAS TEKNOLOGI SUMBAWA
Disusun oleh:
Fahmi Yuliono (15.01.071.033)

Juan Anugerah (15.01.071.047)
Jundi Khoirullah (15.01.071.049)
PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMATIKA
UNIVERSITAS TEKNOLOGI SUMBAWA
2017
KATA PENGANTAR
Puji serta syukur atas kehadirat Tuhan Yang Maha Esa dengan rahmat dan
hidayah-Nya sehingga penulis dapat menyelesaikan proposal ini dengan baik. Tak
lupa pula shalawat serta salam atas junjungan baginda nabi Muhammad SAW, safaat
beliaulah yang kita harapkan di yaumul mahsyar kelak. Aamiin. Terima kasih kepada
seluruh pihak yang telah ikut berpartisipasi dalam menyelesaikan proposal ini.
Adapun judul dari proposal ini adalah “Perpustakaan Online Universitas Teknologi
Sumbawa (UTS)”.
Dalam menulis proposal ini, penulis telah berusaha semaksimal mungkin untuk
mendapatkan informasi yang akurat dan sebagaimana yang telah di ajarkan. Penulis
menyadari bahwa masih banyak kekurangan dan kesalahan dalam penyajian dan
penulisan prposal ini. Maka dari itu penulis mengharapkan saran dan kritik yang
bersifat membangun demi kesempurnaan proposal ini. Semoga proposal ini dapat
menambah wawasan serta pengetahuan pembaca. Terima kasih.
Sumbawa, 16 November 2017
Penulis
DAFTAR ISI
HALAMAN JUDUL..................................................................................................... I
KATA PENGANTAR………………………………………………………………. .ii
DAFTAR ISI................................................................................................................iii
BAB I PENDAHULUAN
1.1 Latar Belakang...............................................................................................1
1.2 Identifikasi Masalah.......................................................................................2
1.2.1. Rumusan masalah.................................................................................2
1.3 Batasan masalah………………………………………………….................2
1.4 Tujuan dan manfaat………............................................................................2
BAB II LANDASAN TEORI
2.1 Pengertian Sistem kerja..................................................................................3
2.2 Pengertian Sistem berjalan.............................................................................3
2.3 Sistem yang digunakan………………………………………………………4
2.3.1 Pengertian Mysql dan................................................................................4
2.3.2
BAB III BIAYA DAN JADWAL KEGIATAN
3.1 Metode ...........................................................................................................7
3.2 Alat dan bahan
……………………………………………………………….7
3.3 Tempat dan waktu pekerjaan………………………………………….......... 8
BAB IV METODE PELAKSANAAN
4.1 Sistem kerja....................................................................................................9
4.2 Sistem berjalan...............................................................................................9
4.3 Perancangan(flowchart) ……………………………………………………10
4.4 Implementasi ………………………………………………………………11
BAB V PENUTUP
5.1 Kesimpulan ……………………………………………………………….......12
5.2 Saran ………………………………………………………………………13
DAFTAR PUSTAKA..................................................................................................14
BAB I
PENDAHULUAN
1.1 LATAR BELAKANG

Perpustakaan tidak akan terlepas dari pembelajaran baik di tingkat
pendidikan apapun. Perpustakaan menyediakan fasilitas bagi para pembaca
dengan buku-buku yang ada guna menambah ilmu pengetahuan. Dengan
meningkatkan fungsi perpustakaan, diharapkan perpustakaan dapat
menjalankan fungsinya sebagi media pendukung prose belajar mengajar di
Kampus. Fungsi perpustakaan dapat meningkat apabila didukung dengan
sistem yang baik dan layak. Sistem yang baik akan membantu pustakawan
dalam mengelola perpustakaan sehingga meningkatkan layanan perpustakaan.
Sedangkan sistem yang layak yaitu sistem yang digunakan sesuai dengan
keadaan internal dan eksternal perpustakaan.
Universitas Teknologi Sumbawa (UTS) adalah salah satu perguruan
tinggi yang juga menyediakan perpustakaan. Kampus ini memberikan fasilitas
yang mendukung pelajaran mahasiswa dan mahasiswinya. Akan tetapi, sistem
yang digunakan dalam mengorganisasikan perpustakaan masih menggunakan
sistem manual seperti pada proses peminjaman buku. Sistem ini memiliki
banyak kekurangan bila dibandingkan dengan komputerisasi.
Sistem perpustakaan yang dikelola dengan manual memiliki tingkat
kekurangan yang lebih besar. Begitu pula perpustakaan UTS. Kendala yang
dihadapi adalah kesulitan dalam mengakses informasi sehingga memakan
waktu untuk mencari sebuah informasi. Misalnya untuk mencari data
peminjaman satu minggu lalu staff harus membuka daftar buku peminjman
terlebih dahulu, lalu mencari nama peminjam, dan menyesuaikan buku dengan
yang tertulis, dan kemudian menghitung denda jika terlambat.
Selain itu, penelusuran secara langsung yang dilakukan pengunjung
mungkin akan memakan waktu mengingat ruangan yang cukup besar dan
koleksi buku di perpustakaan kampus cukup banyak. Namun bila waktu
kujungan yang terbatas, cara ini mungkin akan menghabiskan waktu.
Seharusnya ada sebuah sistem yang membantu pengguna untuk menelusuri
koleksi dengan cepat dan tepat untuk mengurangi waktu penelususran.
Melihat kendala di Perpustakaan UTS maka kami memiliki keinginan
untuk membuat sebuah laporan yang akan membahas mengenai sistem di
perpustakaan UTS dengan judul “Analisis Perancangan Sistem Perpustakaan
Universitas Teknologi Sumbawa”. Laporan ini adalah landasan awal untuk
membangun anaisis perancangan sistem perpustakaan baru.
1.2 IDENTIFIKASI MASALAH

1.2.1. Rumusan Masalah
Adapun masalah Subsistem perpustakaan UTS adalah sebagai berikut:
1. Pendaftaran sebagai anggota perpustakaan memerlukan waktu.
Waktu yang diperlukan ialah untuk melengkapi data-data yang
diperlukan sebelum dicetak.
2. Mencari buku yang akan kita baca atau pinjam akan memakan
waktu karena dilakukan secara manual. Sistem penulusuran secara
langsung yang dilakukan pengunjung mungkin akan memakan
waktu mengingat ruangan yang cukup besar dan koleksi buku di
perpustakaan kampus cukup banyak. Namun bila waktu kujungan
yang terbatas, cara ini mungkin akan menghabiskan waktu.
3. Data-data buku diperpustakaan akan memakan tempat yang cukup
besar pada arsip daftar koleksi buku. sistem pencatatan yang masih
manual membutuhkan ruang yang lebih pada buku karena struktur
data yang tidak selalu tersusun rapih.
4. Mengakses data-data perpustakaan membutuhkan waktu yang lebih
jika sebelumnya banyak pengunjung yang meminjam buku.
Pencarian data peminjaman buku harus diperiksa satu persatu dan
kemungkinan pencarian berulang-ulang tetap ada.
5. Secara tidak langsung, ada kemungkinan data yang sama sehingga
boros tempat. Data yang sama akan menyulitkan petugas
perpustakaan saat mengakses informasi pada buku.
6. Petugas perpustakaan akan kesulitan melayani pengunjung
perpustakaan saat ramai pengunjung. Petugas di perpustakaan
biasanya hanya 1 atau 2 orang sehingga orang yang melayani
pengunjung akan kerepotan mencatat atau memberi informasi
kepada pengunjung yang bertantya seputar perpustakaan.Jika begitu,
maka dapat kita bayangkan bagaimana kegiatan ini menguras tenaga
setiap harinya.
1.3 Batasan masalah
Adapun batasan permasalahan agar tidak terlalu meluas maka dianggap perlu
adanya pembatasan atas pembahasan laporan ini dengan fokus penulsan pada
analisis perancangan sistem perpustakaan UTS.
1.4 TUJUAN PENELITIAN

Adapun maksud dari penelitian yaitu:
1. Untuk mengembangkan sistem perpustakaan
2. Membuat aplikasi sistem informasi perpustakaan sehingga diharapkan dapat
menghasilkan laporan-laporan yang lebih baik dan informasi yang lebih
akurat
Sedangkan tujuan dari penelitian tersebut adalah sebagai berikut:

1. Dengan sistem yang baru maka proses sirkulasi dan proses penelusuran dapat
dilakukan secara cepat, tepat, akurat dan menekan kesalahan sekecil
mungkin.
2. Memanfaatkan teknologi informasi secara maksimal.
3. Sistem mampu memberikan pelayanan yang lebih baik yang akhirnya dapat
memuaskan para anggota dan petugas perpustakaan.
BAB II
LANDASAN TEORI
2.1 PENGERTIAN SISTEM KERJA

Sistem kerja merupakan suatu ilmu yang terdiri dari teknik-teknik dan prinsip-
prinsip untuk mendapatkan suatu rancangan sistem kerja yang lebih baik, prinsip-
prinsip ini memiliki tujuan dan mencapai tingkat efektifitas dan efisien. Sebenarnya
sistem kerja itu terdiri dari manusia, bahan perlengkapan, dan peralatan.
2.2 PENGERTIAN SISTEM BERJALAN
Analisis terhadap sitem yang sedang berjalan bertujuan untuk mengetahui lebih
jelas bagaimana kerja suatu sistem dan mengetahui masalah yang dihadapi sistem
untuk dapat dijadikan landasan usulan perancangan sistem. Tahap analisis sistem
perlu dilakukan dahulu sebelum dilakukanperancangan sistem. Tahap analisis ini
merupakan tahapan yang penting didalam merancang sistem. Analisis sistem yang
dilakukan untuk menetahui masalah apa yang sedang dihadapi oleh perusahaan.
Sistem yang sedang berjalan diartikan sebagai sistem yang sedang di pakai,
sedangkan analisis sistem yang sedang berjalan di artikan sebagai cara untuk
memahami terlebih dahulu masalah yang dihadapi oleh sistem, seperti mendefinisikan
kebutuhan-kebutuhan fungsional dari sistem sehingga dapat diketahui apa saja
kebutuhan-kebutuhan pemakai yang belum terpenuhi oleh sistem yang sedang
berjalan tersebut.
2.3 SISTEM YANG DIGUNAKAN
2.3.1 MYSQL
Mysql merupakan sebuah perangkat lunak atau software sistem manajemen
basis data SQL atau DBMS Multithread dan multi user. Mysql sebenarnya
merupakan turunan dari salah satu konsep utama dalam database untuk pemilihan
atau seleksi dan pemasukkan data yang memungkinkan pengoperasian data di
kerjakan secara mudah dan otomatis.
2.3.2 ADOBE DREAMWEAVER
Adobe Dreamweaver merupakan salah satu software dari kelompok Adobe

yang banyak digunakan untuk mendesain situs web. Adapun Adobe
Dreamweaver itu sendiri adalah sebuah HTML editor professional yang
digunakan oleh webdesigner maupun webprogrammer dalam mengembangkan
web. Hal ini disebabkan ruang kerja, fasilitas dan kemampuan Dreamweaver
yang mampu meningkatkan produktivitas dan efektivitas dalam desain maupun
membangun sebuah sistem informasi berbasis web. Adobe Dreamweaver
didukung dengan cara pemakaian yang praktis dan standar serta didukung untuk
pengembangan penggunaan CSS, XML dan RSS. (Nore, V.N, 2013)
BAB III
METODELOGI PENELITIAN
3.1 METODE
Dalam perancangan aplikasi pada tugas akhir ini penulis menggunakan

metode Waterfall. Metode Waterfall adalah metode yang menyarankan sebuah
pendekatan yang sistematis dan sekuensial melalui tahapan-tahapan yang ada
pada SDLC untuk membangun sebuah perangkat lunak.
Gambar menjelaskan bahwa metode Waterfall menekankan pada sebuah

keterurutan dalam proses pengembangan perangkat lunak. Metode ini adalah
sebuah metode yang tepat untuk membangun sebuah perangkat lunak yang tidak
terlalu besar dan sumber daya manusia yang terlibat dalam jumlah yang terbatas.
3.1.1 Diagram Waterfall.
3.2 ALAT DAN BAHAN
A. Perangkat Keras
Perangkat keras yang digunakan dalam sistem informasi pengelolaan
sarana dan aset ini adalah:
No Perangkat Keras Keterangan

1 Processor AMD C-70 APU
2 RAM 780 MB
3 Flasdisk 8 GB
4 Mouse dan Keyboard Standar
B.perangkat lunak
Perangkat lunak yang digunakan dalam sistem informasi pengelolaan

sarana dan aset ini adalah:
No Perangkat Lunak Keterangan

1 Sistem operasi untuk Windows 7 Profesional
menjalankan program
2 Development tool PHP versi 5.5.12
3 Pengelolah database MySql versi 5.6.17
4 Rich Text Aplication CodeIgniter versi 3.1.3
5 Web editor Adobe Dreamweaver CC
6 Web Server Xampp versi 1.8.3
3.3 TEMPAT DAN WAKTU PEKERJAAN

Jenis Kegiatan Bulan Tempat
April Mei `
1 2 3 4 1 2 3 4
wawancara kampus
Menganlisis dan pencarian kampus
bahan
Pembuatan laporan dari kampus
Bab I sampai Bab III
Pembuatan Flowchart kampus
Implementasi (Pembuatan Telkom
tampilan interface dan
source code)
Mencoba sistem (uji coba) kampus
Pembuatan laoran dari Bab Telkom
III sampai latar belakang
BAB IV
PEMBAHASAN
4.1 Waktu kerja
4.1.1 DFD LEVEL 0

4.1.2 DFD LEVEL 1
4.1.2.1 DFD level 1 peminjaman
4.1.2.2 DFD level 1 pendaftaran

4.1.2.3 DFD level 1 pengembalian
4.2 SISTEM BERJALAN
4.2.1 ERD
4.3 PERANCANGAN
4.3.1 Flowchart pendaftaran
4.3.2 Flowchart pengambilan

4.3.3 flowchart peminjaman
4.4 IMPLEMENTASI
pada bab ini membahas implementasi dari analisis dan perancangan sistem yang telah
dibuat
mencangkup implementasi tampilan dan source code.
4.4.1 Halaman Index

Halaman index berisikan tampilan slide dari gambar post dan pengunjung bisa
dapat melihat-lihat post dan info yang ada.Halaman ini ditampilkan saat pengunjung pertama
kali membuka sistem.
\
Berikut ini script untuk halaman index merupakan tampilan awal sebelum
melakukan transaksi:
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8"/>
<title> PERPUSTAKAAN UNIVERSITAS TEKNOLOGI SUMBAWA</title>
<link rel="stylesheet" media="all" href="css/style.css"/>
<meta name="viewport" content="width=device-width, initial-
scale=1"/>
<link rel="shortcut icon" href="img/favicon.ico" />

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/tabs.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/jquery.columnizer.min.js"></script>


<script src="js/jquery.isotope.min.js"></script>


<script src="js/jquery.easing.js"></script>
<script src="js/lof-slider.js"></script>
<link rel="stylesheet" href="css/lof-slider.css"
media="all" />


<link rel="stylesheet" href="css/jquery.tweet.css" media="all"
/>
<script src="js/tweet/jquery.tweet.js" ></script>



<link rel="stylesheet" media="screen"
href="css/superfish.css" />
<script src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script src="js/superfish-1.4.8/js/superfish.js"></script>
<script src="js/superfish-1.4.8/js/supersubs.js"></script>



<script
src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet"
href="js/prettyPhoto/css/prettyPhoto.css" media="screen" />



<link rel="stylesheet" href="js/poshytip-1.1/src/tip-
twitter/tip-twitter.css" />
<link rel="stylesheet" href="js/poshytip-1.1/src/tip-
yellowsimple/tip-yellowsimple.css" />
<script src="js/poshytip-
1.1/src/jquery.poshytip.min.js"></script>



<script type="text/javascript"
src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" media="screen"
href="css/carousel.css" />



<link href='http://fonts.googleapis.com/css?family=Voltaire'
rel='stylesheet' type='text/css'>


<script src="js/modernizr.js"></script>


<link rel="stylesheet" media="all" href="css/skin.css"/>


<link rel="stylesheet" media="all"
href="css/lessframework.css"/>


<link rel="stylesheet" href="css/flexslider.css" >
<script src="js/jquery.flexslider.js"></script>
</head>
<body class="BERANDA">


<header>
<div class="wrapper cf">
<div id="logo">
<a href="index2.html"><img src="img/web perpus/logo.png"
alt="Simpler"></a>
</div>


<ul id="nav" class="sf-menu">
<li class="current-menu-item"><a
href="index2.html">BERANDA</a></li>
<li><a href="Rekomendasi.html">REKOMENDASI</a>
</li>
<li><a href="Daftar Buku.html">DAFTAR BUKU</a>
</li>
<li><a href="INFORMASI.html">INFORMASI</a>
<ul>
<li><a href="Pendaftaran Anggota.html">PENDAFTARAN
ANGGOTA</a></li>
<li><a href="peminjaman buku.html">PEMINJAMAN BUKU</a></li>
<li><a href="Galery.html">GALERY</a>
</ul>
</li>
<li><a href="Kontak kami.html">KONTAK KAMI</a></li>
</ul>
<div id="combo-holder"></div>



<div id="home-slider" class="lof-slidecontent">
<div class="preload"><div></div></div>


<div class="main-slider-content" >
<ul class="sliders-wrap-inner">
<li>
<img src="img/web perpus/l.jpg" title="" alt="alt" />
<div class="slider-description">
<h4>SELAMAT DATANG</h4>
<p>Tempat untuk menggali ilmu pengetahuan yang luas lewat
buku</p>
</div>
</li>
<li>
<img src="img/file/Kampus.jpeg"title="" alt="alt" />
<h4>UNIVERSITAS TEKNOLOGI SUMBAWA</h4>
<p>GAMBAR INI ADALAH UNIVERSITAS TEKNOLOGI SUMBAWA</p>
</div>
</li>
<li>
<img src="img/web perpus/radensaleh_1358230656websize.jpg"
title="" alt="alt" />
<h4>Penangkapan Pangeran Diponegoro (1857)</h4>
<p>Raden saleh merupakan pelukis kenamaan dunia yang berasal
dari Jawa. Ia lahir di Semarang 1811 dan meninggal di Bogor
1880. Hidupnya dihabiskan di Eropa dan Jawa. Ia dianggap
pelopor seni rupa modern Indonesia....
<a class="link" href="galery 1.html">BACA LAGI </a>
</p>
</div>
</li>
<li>
<img src="img/web perpus/Sujoyono-3.jpg" title="" alt="alt" />
<h4>Kawan-kawan Revolusi (1947)</h4>
<p>Pada 1947 lukisan tersohor karya Sudjojono yang bertajuk
Kawan-Kawan Revolusi lahir. Lukisan ini dikerjakan atas
tantangan yang diberikan oleh kritikus seni, Trisno Sumardjo,
sebagai pembuktian kemampuan teknis melukis realisnya yang
dianggap lambat....
<a class="link" href="galery 2.html">BACA LAGI</a>
</p>
</div>
</li>
<li>
<img src="img/web perpus/7320_840x576.JPG" title=""
alt="alt" />
<h4>Rini (1958)</h4>
<p>Dullah, sebagai saksi atas lukisan ini, menuliskan dalam
buku koleksi lukisan Sukarno, kisah tentang Rini, sebagai
berikut:....

</p>
</div>
</li>
<li>
<img src="img/web perpus/bc11d3cd-7727-4811-8024-
61851fe28997.jpg"title="" alt="alt" />
<h4>Gadis Melayu dengan Bunga (1955)</h4>
<p>Lukisan ini konon hasil rayuan maut Sukarno. Menurut cerita
Guntur Sukarno, awalnya lukisan ini oleh Presiden Lopez
(Meksiko) tidak akan diberikan kepada siapapun, karena....
</p>
</div>
</li>
<li>
<img src="img/web perpus/memanah_henk_ngantung.jpg" title=""
alt="alt" />
<h4>Memanah (1943)</h4>
<p>Lukisan Memanah Henk Ngantung secara kebetulan dipakai
sebagai latar belakang pembacaan proklamasi kemerdekaan
Republik Indonesia. Menariknya secara formal....
</p>
</div>
</li>
</ul>
</div>



<div class="navigator-content">
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
<li><img src="img/web perpus/l.jpg"alt="alt" /></li>
<li><img src="img/file/Kampus.jpeg" alt="alt" /></li>
<li><img src="img/web perpus/radensaleh_1358230656websize.jpg"
alt="alt" /></li>
<li><img src="img/web perpus/Sujoyono-3.jpg" /></li>
<li><img src="img/web perpus/7320_840x576.JPG" alt="alt"
/></li>
<li><img src="img/web perpus/bc11d3cd-7727-4811-8024-
61851fe28997.jpg" alt="alt" /></li>
<li><img src="img/web perpus/memanah_henk_ngantung.jpg"
alt="alt" /></li>
</ul>
</div>
<div class="button-next">LANJUT</div>
<div class="button-previous">MUNDUR</div>
</div>
</div>

</div>
</header>


<div id="main">

<div class="home-featured">
<ul id="filter-buttons">
<li><a href="#" data-filter="#" class="selected">#</a></li>
<li><a href="#" data-filter="#"></a></li>
</ul>


<div id="filter-container" class="cf">
<figure class="web">
<a href="Rekomendasi.html"class="thumb"><img src="img/web
perpus/buku-1-5746d36066afbdfb08bcc7b4.jpg"alt="alt" /></a>
<figcaption>
<a href="Rekomendasi.html"><h3 class="heading">Rekomendasi
Buku</h3></a>
Rekomendasi Buku adalah daftar buku-buku yang sering di pinjam
dan buku-buku terupdate dari perpustakaan universitas teknologi
sumbawa...
<a class="link" href="Rekomendasi.html">BACA LAGI
</a></figcaption>
</figure>
<figure class="web photo">

<a href="galery 4.html" class="thumb"><img src="img/web
perpus/bc11d3cd-7727-4811-8024-61851fe28997.jpg" alt="alt"
/></a>
<figcaption>
<a href="galery 4.html" ><h3 class="heading">Gadis Melayu
dengan Bunga (1955)</h3></a>
Lukisan ini konon hasil rayuan maut Sukarno. Menurut cerita
Guntur Sukarno, awalnya lukisan ini oleh Presiden Lopez
(Meksiko) tidak akan diberikan kepada siapapun, karena...
<a class="link" href="galery 4.html">BACA LAGI
</a></figcaption>
</figure>
<figure class="web print">
perpus/memanah_henk_ngantung.jpg" alt="alt" /></a>
<figcaption>
<a href="galery 5.html" ><h3 class="heading">Memanah
(1943)</h3></a>
Lukisan Memanah Henk Ngantung secara kebetulan dipakai sebagai
latar belakang pembacaan proklamasi kemerdekaan Republik
Indonesia. Menariknya secara formal mengonsep lukisan ini
sebagai latar belakang acara konferensi pers perdana bagi
bangsa yang baru merdeka
<a class="link" href="galery 5.html">BACA LAGI
</a></figcaption>
</figure>
</div>
</div>

</div>

</div>



<footer>


<ul class="widget-cols cf">
<li class="first-col">
<div class="widget-block">
<h4>DAFTAR POSTING</h4>
<div class="recent-post cf">
perpus/rrr.jpg"alt="Post" /></a>
<div class="post-head">
<a href="galery 1.html">Penangkapan Pangeran Diponegoro
(1857)</a><span> Maret 13, 2017</span>
</div>
</div>
<a href="Daftar Buku.html" class="thumb"><img src="img/web
perpus/tt.jpg" alt="Post" /></a>
<a href="Daftar Buku.html">Daftar Buku</a><span> Maret 13,
2017</span>
</div>
</div>
<a href="Rekomendasi.html" class="thumb"><img src="img/web
perpus/ii.jpg" alt="Post" /></a>
<a href="Rekomendasi.html">Rekomendasi Buku</a><span> Maret 13,

2017</span>
</div>
</div>
</div>
</li>
<li class="second-col">
<h4>KONTAK KAMI</h4>
<p>Sekretariat Perpustakaan</p>
<p>Kampus UTS, Komplek Rektorat lantai 1</p>
<p>Jln. Olat Maras, Batu Alang, Sumbawa Besar, Indonesia</p>
</div>
</li>
<li class="third-col">
<div id="tweets" class="footer-col tweet">
<h4>LOKASI KAMI</h4>
<p>Jln. Olat Maras, Batu Alang, Sumbawa Besar, NUSA TENGGARA

BARAT, Indonesia</p>
</div>
</div>
</li>
<li class="fourth-col">
<h4>Menu</h4>
<ul>
<li class="cat-item"><a href="index2.html" >Beranda</a></li>
<li class="cat-item"><a href="Rekomendasi.html"
>Rekomendasi</a></li>
<li class="cat-item"><a href="Daftar Buku.html" >Daftar
Buku</a></li>
<li class="cat-item"><a href="INFORMASI.html"
>Informasi</a></li>
</ul>
</div>
</li>
</ul>



<div class="footer-bottom">
<div class="left">by <a href="#" >Admin</a></div>
<ul id="social-bar" class="cf sb">
<li><a href="http://www.facebook.com" title="Become a fan"
class="facebook">Facebbok</a></li>
<li><a href="http://www.twitter.com" title="Follow my tweets"
class="twitter">TWITTER</a></li>
<li><a href="http://plus.google.com" title="Enter my circles"
class="plus">PLUS</a></li>
</ul>
</div>

</div>
</footer>

</body>
</html>
4.4.2 halaman rekomendasi
Halaman ini berisi rekomendasi buku-buku yang telah banyak dibaca
Berikut ini script untuk halaman index user merupakan tampilan awal sebelum
melakukan transaksi:
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8"/>
<title>PERPUSTKAAN UNIVERSITAS TEKNOLOGI SUMBAWA</title>
<link rel="stylesheet" media="all" href="css/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="img/favicon.ico" />

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/tabs.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/jquery.columnizer.min.js"></script>


<script src="js/jquery.isotope.min.js"></script>


<script src="js/jquery.easing.js"></script>
<script src="js/lof-slider.js"></script>
<link rel="stylesheet" href="css/lof-slider.css" media="all" />


<link rel="stylesheet" href="css/jquery.tweet.css" media="all" />
<script src="js/tweet/jquery.tweet.js" ></script>



<link rel="stylesheet" media="screen" href="css/superfish.css" />
<script src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script src="js/superfish-1.4.8/js/superfish.js"></script>
<script src="js/superfish-1.4.8/js/supersubs.js"></script>



<script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" media="screen" />



<link rel="stylesheet" href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css" />
<link rel="stylesheet" href="js/poshytip-1.1/src/tip-yellowsimple/tip-
yellowsimple.css" />
<script src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>



<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" media="screen" href="css/carousel.css" />



<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet'
type='text/css'>


<script src="js/modernizr.js"></script>


<link rel="stylesheet" media="all" href="css/skin.css"/>


<link rel="stylesheet" media="all" href="css/lessframework.css"/>


<link href="player-skin/jplayer-black-and-yellow.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>


<link rel="stylesheet" href="css/flexslider.css" >
<script src="js/jquery.flexslider.js"></script>


<script src="js/moveform.js"></script>
</head>
<body class="single">
<header>
<div id="logo">
<a href="index2.html"><img src="img/web perpus/logo.png" alt="Simpler"></a>
</div>


<ul id="nav" class="sf-menu">
<li class="current-menu-item"><a href="index2.html">BERANDA</a></li>
<li><a href="Rekomendasi.html">REKOMENDASI</a>
</li>
<li><a href="Daftar Buku.html">DAFTAR BUKU</a>
</li>
<li><a href="INFORMASI.html">INFORMASI</a>
<ul>
<li><a href="Pendaftaran Anggota.html">PENDAFTARAN ANGGOTA</a></li>
<li><a href="peminjaman buku.html">PEMINJAMAN BUKU</a></li>
<li><a href="Galery.html">GALERY</a>
</ul>
</li>
<li><a href="Kontak kami.html">KONTAK KAMI</a></li>
</ul>

</div>
</header>



<div id="main">


<div id="posts-list" class="cf">


<article class="format-standard">
<div class="feature-image">
<img src="img/web perpus/buku-1-5746d36066afbdfb08bcc7b4.jpg" alt="Alt text" />
</div>
<div class="box cf">
<div class="entry-date"><div class="number">13</div><div
class="month">Maret</div></div>
<div class="excerpt">
<div class="post-heading" >REKOMENDASI</div>
<div class="entry-content">
<img src="img/web perpus/hk-agraria-ind-himpunan1.gif">

<p>PENULIS : PROF BOEDI HARTONO</p>
<p>PENERBIT : DJAMBATAN</p>
<img src="img/web perpus/z.jpg">

<p>PENULIS : Dr.BASU SWASTHA</p>
<p>PENERBIT : PT. BUMI AKSARA</p>
<img src="img/web perpus/u.jpg">

<p>PENULIS : MOHAMMAD IQBAL</p>
<p>PENERBIT : PT. ELEX MEDIA KOMPUTINDO</p>
<img src="img/web perpus/f.jpg">

<p>PENULIS : H. MUHAMMAD SOLAHUDIN</p>
<p>PENERBIT : PT. GRAMEDIA PUSTAKA UTAMA</p>
<IMG src="img/web perpus/o.jpg">

<p>PENULIS : H. MUHAMMAD SOLAHUDIN</p>
<p>PENERBIT : PT. GRAMEDIA PUSTAKA UTAMA</p>
</div>
</div>
<div class="meta">
<span class="format">Post</span>
<span class="user"><a href="#">By Admin, </a></span>
<span class="comments">0 comments</span>
</div>
</div>
</article>



<div id="comments-wrap">
<h4 class="heading">0 Comments</h4>
<ol class="commentlist">
</ol>
</div>


<div id="respond">
<h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-
reply-link" href="/themes/wp-simpler/archives/34#respond" style="display:none;">Cancel
reply</a></small></h3>
<form action="single.html" method="post" id="commentform">

<p class="comment-notes">Your email address will not be published. Required fields
are marked <span class="required">*</span></p>
<p class="comment-form-author"><label for="author">Name<span

class="required">*</span></label><input id="author" name="author" type="text" value=""
size="30" aria-required="true"></p>
<p class="comment-form-email"><label for="email">Email<span

class="required">*</span></label><input id="email" name="email" type="text" value=""
<p class="comment-form-comment"><label
for="comment">Comment</label><textarea id="comment" name="comment" cols="45"
rows="8" aria-required="true"></textarea></p>


<p class="form-allowed-tags">You may use these <abbr title="HyperText Markup
Language">HTML</abbr> tags and attributes: <code><a href="" title=""> <abbr
title=""> <acronym title=""> <b> <blockquote cite=""> <cite>
<code> <del datetime=""> <em> <i> <q cite=""> <strike>
<strong> </code></p>

<p class="form-submit">
<input name="submit" type="submit" id="submit" value="Post Comment">
<input type="hidden" name="comment_post_ID" value="34" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
</form>
</div>

</div>



<aside id="sidebar">
<ul>
<li class="block">
<h4>SEPATAH KATA</h4>
MENGENAL DUNIA DI MULAI LEWAT BUKU KARENA DI DALAM BUKU KITA
BISA MELIHAT DUNIA YANG TIDAK BISA DILIHAT DENGAN MATA
</li>
<li class="block">
<h4>BACA JUGA</h4>
<ul>
<li class="cat-item"><a href="galery 1.html" title="title">Lukisan Penangkapan
Pangeran Diponegoro (1857)</a></li>
<li class="cat-item"><a href="Daftar Buku.html" title="title">Daftar Buku</a></li>
<li class="cat-item"><a href="Rekomendasi.html" title="title">Rekomendasi
Buku</a></li>
<li class="cat-item"><a href="galery 2.html" title="title">Lukisan Kawan-kawan
Revolusi (1947)</a></li>
</ul>
</li>
</aside>


</div>



<footer>


<a href="galery 1.html" class="thumb"><img src="img/web perpus/rrr.jpg"alt="Post"
/></a>
<a href="galery 1.html">Penangkapan Pangeran Diponegoro (1857)</a><span>
Maret 13, 2017</span>
</div>
</div>
<a href="Daftar Buku.html" class="thumb"><img src="img/web perpus/tt.jpg"
alt="Post" /></a>
<a href="Daftar Buku.html">Daftar Buku</a><span> Maret 13, 2017</span>
</div>
</div>
<a href="Rekomendasi.html" class="thumb"><img src="img/web perpus/ii.jpg"
alt="Post" /></a>
<a href="Rekomendasi.html">Rekomendasi Buku</a><span> Maret 13, 2017</span>
</div>
</div>
</div>
</li>
</div>
</li>
<p>Jln. Olat Maras, Batu Alang, Sumbawa Besar, NUSA TENGGARA BARAT,
Indonesia</p>
</div>
</div>
</li>
<h4>Menu</h4>
<ul>
<li class="cat-item"><a href="Rekomendasi.html" >Rekomendasi</a></li>
<li class="cat-item"><a href="Daftar Buku.html" >Daftar Buku</a></li>
<li class="cat-item"><a href="INFORMASI.html" >Informasi</a></li>
</ul>
</div>
</li>
</ul>

<li><a href="http://plus.google.com" title="Enter my circles"
class="plus">PLUS</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>
4.4.3 halaman daftar buku

Halaman berisi tentant daftar buku yang ada di perpustakaan universitas
teknologi Sumbawa
Berikut ini script program untuk tampilan halaman Daftar Buku :

<div class="post-heading" >DAFTAR BUKU</div>
<style>

</style>
<div class=WordSection1>
<p class=MsoNormal align=center style='text-align:center'><b><span lang=IN

style='font-size:14.0pt;line-height:115%;font-family:"Times New
Roman","serif"'> </span></b></p>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=588

style='width:440.75pt;margin-left:4.35pt;border-collapse:collapse'>
<tr style='height:20.9pt'>
<td width=162 nowrap valign=bottom style='width:121.25pt;border:solid black 1.0pt;
border-left:solid windowtext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:20.9pt'>
<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
text-align:center;line-height:normal'><b><span lang=IN
style='color:black'>Judul</span></b></p>
</td>
border-left:none;padding:0in 5.4pt 0in 5.4pt;height:20.9pt'>
style='color:black'>Salin</span></b></p>
</td>
text-align:center;line-height:normal'><b><span lang=IN style='color:black'>Tempat
Terbit</span></b></p>
</td>
style='color:black'>Penerbit</span></b></p>
</td>
argin-bottom:.0001pt;line-height:
normal'><span lang=IN style='color:black'>332 ZUL p C1</span></p>
</td>
<td width=105 nowrap valign=bottom style='width:79.05pt;border-top:none;
border-left:none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
background:#D8D8D8;padding:0in 5.4pt 0in 5.4pt;height:15.0pt'>
<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
normal'><span lang=IN style='color:black'>NULL</span></p>
</td>
background:#D8D8D8;padding:0in 5.4pt 0in 5.4pt;height:15.0pt'>
normal'><span lang=IN
padding:0in 5.4pt 0in 5.4pt;height:15.0pt'>
normal'><span lang=IN style='color:black'>658.4012 HAR f C1</span></p>
</td>
</tr>
</table>
<p class=MsoNormal><b><span lang=IN style='font-size:14.0pt;line-height:115%;

font-family:"Times New Roman","serif"'> </span></b></p>




</div>
4.4.4 halaman informasi

Halaman ini berfungsi untuk memberikan informasi terhadap pengunjung tentang
informasi terupdate di perpustakaan
Berikut ini script program untuk tampilan halaman informasi:
<div class="post-heading" >INFORMASI</div>
<p>Lomba Menulis Blog</p>
<P>Prelo Blog Competition</P>

<P>“Hariku Bersama Prelo”</P>
<P>Total Hadiah 25 Juta Rupiah</P>
<P>Periode: 20 April - 20 Mei 2017</P>
<P>Cara Ikutan:</P>
<P>1. Download aplikasi Prelo & berikan rating di AppStore atau GooglePlay
2. Follow semua media sosial Prelo (Instagram, Twitter dan Like Page Prelo di
Facebook)
3. Buat tulisan di blog kamu mengenai review aplikasi Prelo dengan Tema: Hariku Bersama
Prelo
4. Share mengenai Prelo Blog Competition di media sosial kamu (share dapat
dilakukan via halaman Prelo Blog Comptition)
5. Daftarkan diri kamu di www.prelo.co.id/blog-competition</P>
<P>Teknis Penulisan: </P>

<P>1. Tulisan / materi merupakan karya sendiri, tidak mengandung SARA, hate
speech, pornografi, kekerasan dan belum pernah dipublikasikan
2. Menggunakan Bahasa Indonesia
3. Minimal terdiri dari 500 kata dan menggunakan kata-kata sendiri (non-formal)
4. Tulisan wajib dilengkapi dengan keyword: Prelo, barang bekas, second, preloved, [nama
barang] bekas, dan [nama barang] second
5. Setiap keyword tersebut berisi tautan/hyperlink ke URL: https://prelo.co.id/
6. Domain yang digunakan adalah: wordpress, blogspot, dan self domain</P>
<P>selengkapnya di: http://www.infolombanulis.com/2017/05/lomba-menulis-blog-total-
hadiah-25-juta.html#ixzz4fZaZXfdj
Follow us: @infolombanulis on Twitter | Infolombanulis on Facebook</P>
<img src="img/web perpus/Prelo Blog Competition.jpg">
<P>Hadiah : </P>
<P>Juara I :</P>
<P>Uang tunai Rp 5.000.000
Prelo Balance Rp 250.000
Prelo Bonus Rp 250.000</P>
<P>Juara II :</P>
<P> Uang tunai Rp 4.000.000
Prelo Bonus Rp 150.000</P>
<P>Juara III :</P>
Uang tunai Rp 3.000.000
Prelo Bonus Rp 100.000
<P>2 Juara Harapan</P>

<P>Uang Tunai @Rp800,000 + Prelo Balance Rp100,000 + Prelo Bonus Rp100.000
100 Peserta Pertama yang memenuhi kriteria
Prelo Balance sebesar @Rp100.000</P>
<P>Syarat & Ketentuan kunjungi:</P>

<P> Merupakan Warga Negara Indonesia dan harus berusia 17 tahun keatas
Peserta yang melakukan registrasi untuk mengikuti kompetisi blog harus menggunakan e-
mail dan nomor telepon yang aktif
Blog aktif dalam kurun waktu 3 bulan terakhir dengan minimal total artikel 10 post
Peserta diperbolehkan menggunakan lebih dari 1 domain
Peserta yang menggunakan lebih dari 1 domain diwajibkan untuk membuat materi (isi
tulisan) yang berbeda di setiap domain yang dia miliki
Peserta yang mengikuti kompetisi lebih dari 1 domain, wajib melakukan registrasi dari
setiap domain
URL artikel yang dilombakan harus sama dengan URL yang didaftarkan pada saat
registrasi
100 peserta pertama yang mendapatkan hadiah Prelo Balance @100.000 adalah yang
sudah memenuhi kriteria teknis penulisan dan syarat ketentuan saat mendaftarkan
artikelnya</P>
<P> Tulisan yang telah dibuat oleh peserta sepenuhnya akan menjadi hak milik Prelo
Peserta diminta untuk tidak menghapus ataupun meng-edit tulisan setelah kompetisi
selesai selama waktu yang ditentukan oleh pihak Prelo
Prelo Indonesia berhak untuk membatalkan pemenang dan menarik kembali hadiah
termasuk mendiskualifikasi peserta jika pihak Prelo menemukan pelanggaran ataupun
kecurangan</P>
<P> Hadiah akan diserahkan kepada pemenang melalui rekening yang telah disepakati
oleh pemenang dan pihak Prelo
Pihak Prelo tidak bertanggung jawab atas semua bentuk tuntutan yang ditujukan kepada
peserta kompetisi blog dan materi tulisan
Syarat dan ketentuan dapat sewaktu-waktu berubah tanpa pemberitahuan terlebih dahulu
Hasil keputusan juri adalah mutlak dan tidak bisa diganggu gugat. Pajak hadiah
ditanggung oleh pemenang.
Hati-hati terhadap penipuan yang mengatasnamakan Prelo. Prelo tidak memungut biaya
apapun dalam setiap kompetisi yang dilaksanakan. Pemenang akan diumumkan dan
dihubungi oleh pihak Prelo melalui media sosial, e-mail dan telepon pada waktu yang
telah ditetapkan.</P>
<P>Info dan Pendaftaran : http://www.prelo.co.id/blog-competition</P>
</div>
4.4.5 halaman pendaftaran anggota

Halaman ini adalah halaman yg dibuat untuk pengunujng yang ingin menjadi anggota
perpustakaan :
Berikut ini script program untuk tampilan halaman pendaftaran anggota:
<div class="post-heading" >PENDAFTARAN ANGGOTA</div>
<style>
#daftar{
background:#transparent;
border:1px solid #ccc;
margin:auto;
width:400px;
padding:4px;
border-radius:3px;
}
.texbox{
height:25px;
}
.texarea{
}
.btn{
width:85px;
height:30px;
color:#099;
font-weight:bold;
margin-bottom:3px;
}
.btn:hover{
background:#333;
color:#fff;
font-weight:bold;
cursor:pointer;
border:2px solid #099;
border-radius:4px;
}
</style>
<?php
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
include "koneksi.php";
if ($_POST['act']=="add"){
$sql_add="INSERT INTO pendaftaran_anggota
(nama,nim,prodi,jenis_kelamin,tanggal_lahir,alamat,no_hp,email) VALUES ("
."'".$_POST['nama']."',
'".$_POST['nim']."',
'".$_POST['prodi']."',
'".$_POST['jk']."',
'".$_POST['tgl_lahir']."',
'".$_POST['alamat']."',
'".$_POST['no_hp']."',
'".$_POST['email']."') ";
<div id="daftar">
<p align="center">»FORM PENDAFTARAN ANGGOTA«</p>
<table border="0px">
<form method="post" enctype="multipart/form-data">
<tr><td>Nama Lengkap</td><td>:</td><td><input name="nama" size="25"
class="texbox"></td></tr>
<tr><td>NIM </td><td>:</td><td><input name="nim" size="11" class="texbox"></td></tr>
<tr><td>Prodi </td><td>:</td><td><input name="prodi" size="30"
<tr><td>Jenis Kelamin</td><td>:</td><td><select name="jk" class="texbox" value="<?php

$_POST['jk']?>">
<option value="pilih">--Pilih--</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select></td></tr>
<tr><td>Tanggal Lahir</td><td>:</td><td><input name="tgl_lahir" size="25"
<tr><td>Alamat</td><td>:</td><td><textarea name="alamat" cols="25" rows="3"
class="texarea"></textarea></td></tr>
<tr><td>No_hp</td><td>:</td><td><input name="no_hp" size="25"
<tr><td>Email</td><td>:</td><td><input name="email" size="25" class="texbox"></td>
</tr>
<tr><td><input type="submit" value="Simpan" class="btn">
<input type="hidden" name="act" value="add"></td></tr>
</table>
</form>
</div>
4.4.6 halaman peminjaman

Halaman ini berfungsi untuk pengunjung yang ingin meminjam buku atau membooking
buku
Berikut ini script program untuk tampilan halaman peminjaman buku :

<div class="post-heading" >PEMINJAMAN BUKU</div>
<style>
#daftar{
background:#transparent;
margin:auto;
width:400px;
padding:4px;
border-radius:3px;
}
.texbox{
height:25px;
}
.texarea{
}
.btn{
width:85px;
height:30px;
color:#099;
font-weight:bold;
margin-bottom:3px;
}
.btn:hover{
background:#333;
color:#fff;
font-weight:bold;
cursor:pointer;
border:2px solid #099;
border-radius:4px;
}
</style>
<?php
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
include "koneksi.php";
if ($_POST['act']=="add"){
$sql_add="INSERT INTO pendaftaran_anggota
(nama,nim,prodi,jenis_kelamin,tanggal_lahir,alamat,no_hp,email) VALUES ("
."'".$_POST['nama']."',
'".$_POST['nim']."',
'".$_POST['prodi']."',
'".$_POST['jdl_buku']."',
'".$_POST['penulis_penerbit']."',
'".$_POST['no_hp']."',
'".$_POST['catatan']."') ";
<div id="daftar">
<p align="center">»PEMINJAMAN BUKU«</p>
<table border="0px">
<form method="post" enctype="multipart/form-data">
<tr><td>Nama Lengkap </td><td>:</td><td><input name="nama" size="25"
<tr><td>NIM </td><td>:</td><td><input name="nim" size="11"
<tr><td>Prodi </td><td>:</td><td><input name="prodi" size="30"
<tr><td>Judul Buku </td><td>:</td><td><input name="jdl_buku" size="20"
<tr><td>Penerbit/Penulis </td><td>:</td><td><input name="penulis_penerbit" size="20"
<tr><td>No_hp </td><td>:</td><td><input name="no_hp" size="13"
<tr><td>Catatan </td><td>:</td><td><textarea name="catatan" cols="25" rows="3"
class="texarea"></textarea></td></tr>
<tr><td><a href="Pendaftaran berhasil.html"><input type="submit" value="Pinjam"

class="btn">
<input type="hidden" name="act" value="add"></a></td></tr>
</table>
</form>
</div>
</div>
<div class="meta">
<span class="format">Post</span>
<span class="user"><a href="#">By Admin, </a></span>
<span class="comments">0 comments</span>
</div>
</div>
</article>



<div id="comments-wrap">
<h4 class="heading">0 Comments</h4>
<ol class="commentlist">
</ol>
</div>



<div id="respond">
<h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link"
href="/themes/wp-simpler/archives/34#respond" style="display:none;">Cancel
reply</a></small></h3>
<form action="single.html" method="post" id="commentform">

<p class="comment-notes">Your email address will not be published. Required fields are
marked <span class="required">*</span></p>
<p class="comment-form-author"><label for="author">Name<span

class="required">*</span></label><input id="author" name="author" type="text" value=""
<p class="comment-form-email"><label for="email">Email<span
class="required">*</span></label><input id="email" name="email" type="text" value=""
<p class="comment-form-comment"><label for="comment">Comment</label><textarea

id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>


<p class="form-allowed-tags">You may use these <abbr title="HyperText Markup
Language">HTML</abbr> tags and attributes: <code><a href="" title=""> <abbr
title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code>
<del datetime=""> <em> <i> <q cite=""> <strike> <strong>
</code></p>

<p class="form-submit">
<input name="submit" type="submit" id="submit" value="Post Comment">
<input type="hidden" name="comment_post_ID" value="34" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
</form>
</div>

</div>



<aside id="sidebar">
<ul>
<li class="block">
<h4>SEPATAH KATA</h4>
MENGENAL DUNIA DI MULAI LEWAT BUKU KARENA DI DALAM BUKU KITA BISA
MELIHAT DUNIA YANG TIDAK BISA DILIHAT DENGAN MATA
</li>
<li class="block">
<h4>BACA JUGA</h4>
<ul>
<li class="cat-item"><a href="galery 1.html" title="title">Lukisan Penangkapan Pangeran
Diponegoro (1857)</a></li>
<li class="cat-item"><a href="Daftar Buku.html" title="title">Daftar Buku</a></li>
<li class="cat-item"><a href="Rekomendasi.html" title="title">Rekomendasi Buku</a></li>
<li class="cat-item"><a href="galery 2.html" title="title">Lukisan Kawan-kawan Revolusi
(1947)</a></li>
</ul>
</li>
</aside>

</div>



<footer>


<a href="galery 1.html" class="thumb"><img src="img/web perpus/rrr.jpg"alt="Post" /></a>
<a href="galery 1.html">Penangkapan Pangeran Diponegoro (1857)</a><span> Maret 13,
2017</span>
</div>
</div>
<a href="Daftar Buku.html" class="thumb"><img src="img/web perpus/tt.jpg" alt="Post" /
></a>
<a href="Daftar Buku.html">Daftar Buku</a><span> Maret 13, 2017</span>
</div>
</div>
<a href="Rekomendasi.html" class="thumb"><img src="img/web perpus/ii.jpg" alt="Post"
/></a>
<a href="Rekomendasi.html">Rekomendasi Buku</a><span> Maret 13, 2017</span>
</div>
</div>
</div>
</li>
</div>
</li>
<p>Jln. Olat Maras, Batu Alang, Sumbawa Besar, NUSA TENGGARA BARAT, Indonesia
</p>
</div>
</div>
</li>
<h4>Menu</h4>
<ul>
<li class="cat-item"><a href="Rekomendasi.html" >Rekomendasi</a></li>
<li class="cat-item"><a href="Daftar Buku.html" >Daftar Buku</a></li>
<li class="cat-item"><a href="INFORMASI.html" >Informasi</a></li>
</ul>
</div>
</li>
</ul>


<li><a href="http://plus.google.com" title="Enter my circles" class="plus">PLUS</a></li>
</ul>
</div>
</div>
</footer>
</body></html>
4.4.7 halaman gallery
Halaman ini berisi tentang pengetahuan-pengetahuan atau informasi kegiatan
perpustakaan
Berikut ini script program untuk tampilan halaman galery

<img src="img/web perpus/bfi-library-september-2012-001-1000x750.jpg" alt="Alt text" />
</div>
<div class="entry-date"><div class="number">13</div><div class="month">Maret</div></div>
<div class="post-heading" >GALERY</div>
<img src="img/web perpus/radensaleh_1358230656websize (1).jpg">

<p>Lukisan Penangkapan Pangeran Diponegoro (1857)</p>
<p>Raden saleh merupakan pelukis kenamaan dunia yang berasal dari Jawa. Ia lahir di
Semarang 1811 dan meninggal di Bogor 1880. Hidupnya dihabiskan di Eropa dan Jawa. Ia
dianggap pelopor seni rupa modern Indonesia....
<a class="link" href="#">BACA LAGI </a>
</p>
<img src="img/web perpus/sudjojono_1352700193.jpg">

<p>Kawan-kawan Revolusi (1947)</p>
<p>Pada 1947 lukisan tersohor karya Sudjojono yang bertajuk Kawan-Kawan Revolusi lahir.
Lukisan ini dikerjakan atas tantangan yang diberikan oleh kritikus seni, Trisno Sumardjo,
sebagai pembuktian kemampuan teknis melukis realisnya yang dianggap lambat....
<a class="link" href="#">BACA LAGI</a>
</div>
4.4.8 halaman kontak kami

Halaman ini berisi tentang kontak perpustakaan agar pengunjung bisa mengajukan
masalah atau ada hal yang error atau ada hal yang tidak di mengerti
Berikut ini script program untuk tampilan halaman Pkontak kami :


<img src="img/web perpus/peta.jpg" alt="Alt text" />
</div>
<div class="entry-date"><div class="number">13</div><div class="month">Maret</div></div>
<div class="post-heading" >KONTAK KAMI</div>

</div>
4.4.9 Input dan Output Pendaftaran

>Input Pendaftaran >Output Pendaftaran
4.4.10 Input dan Output Peminjaman
>Input Peminjaman >Output Peminjaman
BAB V
PENUTUP
5.1 KESIMPULAN
Pengertian perpustakaan adalah kumpulan bahan informasi yang terdiri dari
bahan buku/book materials dan bahan nonbuku/nonbook materials yang disusun
dengan sistem tertentu dipersiapkan untuk diambil manfaatnya/pengertiannya, tidak
untuk dimiliki sebagian maupun keseluruhan.
Fungsi Perpustakaan yaitu untuk penelitian, pendidikan, rekreasi, informasi.
Jenis-jenis Perpustakaan diantaranya yaitu: Perpustakaan negara, Perpustakaan awam,
Perpustakaan akademik, Perpustakaan sekolah dan perpustakaan khusus.
Peranan perpustakaan yakni sebagai pusat sumber informasi, Sebagai Pusat
inovasi dan Sebagai pusat sumber belajar.
5.2 SARAN
Demikian makalah yang kami sajikan, bila ada kesalahan dalam penulisan
juga kekurangan dalam segi pembahasan mohon dimaklumi. Dengan segala
kerendahan hati, kami sebagai penyusun makalah mengharapkan kritik dan saran
yang membangun dari teman-teman dan dosen pembimbing agar dapat memperbaiki
makalah selanjutnya.
DAFTAR PUSTAKA
http://izzati-site.blogspot.co.id/2013/11/makalah-perpustakaan-sebagai-sumber.html
http://elib.unikom.ac.id/files/disk1/610/jbptunikompp-gdl-adecudmary-30455-7-
babiva-a.pdf
http://contohmakalahdocx.blogspot.com/2015/02/contoh-susunan-makalah-lengkap-
yang-baik-dan-benar.html
http://www.teorikomputer.com/2015/10/pengertian-mysql-beserta-kelebihan-dan.htm
http://arismigisetiawan.blogspot.co.id/
http://bayyulf.blogspot.co.id/2013/09/pengertian-erd-dan-dfd.html
http://bayyulf.blogspot.co.id/2013/09/pengertian-erd-dan-dfd.html

Tugas Etika Profesi NEW

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Etika Profesi NEW

Diunggah oleh

Hak Cipta:

Format Tersedia

PERPUSTAKAAN ONLINE

UNIVERSITAS TEKNOLOGI SUMBAWA

Fahmi Yuliono (15.01.071.033)

PROGRAM STUDI TEKNIK INFORMATIKA

Sumbawa, 16 November 2017

1.1 LATAR BELAKANG

1.2 IDENTIFIKASI MASALAH

1.4 TUJUAN PENELITIAN

Sedangkan tujuan dari penelitian tersebut adalah sebagai berikut:

2.1 PENGERTIAN SISTEM KERJA

2.2 PENGERTIAN SISTEM BERJALAN

2.3 SISTEM YANG DIGUNAKAN

2.3.2 ADOBE DREAMWEAVER

Adobe Dreamweaver merupakan salah satu software dari kelompok Adobe

Dalam perancangan aplikasi pada tugas akhir ini penulis menggunakan

Gambar menjelaskan bahwa metode Waterfall menekankan pada sebuah

3.1.1 Diagram Waterfall.

3.2 ALAT DAN BAHAN

No Perangkat Keras Keterangan

Perangkat lunak yang digunakan dalam sistem informasi pengelolaan

No Perangkat Lunak Keterangan

3.3 TEMPAT DAN WAKTU PEKERJAAN

4.1 Waktu kerja

4.1.1 DFD LEVEL 0

4.1.2.1 DFD level 1 peminjaman

4.1.2.2 DFD level 1 pendaftaran

4.2 SISTEM BERJALAN

4.3.1 Flowchart pendaftaran

4.3.2 Flowchart pengambilan

mencangkup implementasi tampilan dan source code.

4.4.1 Halaman Index

<a class="link" href="galery 3.html">BACA LAGI </a>

<figure class="web photo">

</div>

</div>

<a href="Rekomendasi.html">Rekomendasi Buku</a><span> Maret 13,

<p>Jln. Olat Maras, Batu Alang, Sumbawa Besar, NUSA TENGGARA