SISTEM INFORMASI PERPUSTAKAAN SEKOLAH

BERBASIS WEB

TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga
(D.III)

Ulfa Mega Hanura

NIM: 12147660

Program Studi Manajemen Informatika

AMIK BSI Jakara
Jakarta
2017
 KATA PENGANTAR

Puji syukur alhamdulillah, penulis panjatkan kehadirat Allah, SWT, yang

telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis

dapat menyelesaikan tugas ini dengan baik. Adapun judul tugas akhir, yang

penulis ambil sebagai berikut, “Sistem Informasi Perpustakaan Sekolah

Berbasis Web”.

Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan

Program Diploma Tiga (D.III) Akademi BSI. Sebagai bahan penulisan diambil

berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber

literatur yang mendukung penulisan ini. Penulis menyadari bahwa tanpa

bimbingan dan dorongan dari semua pihak, maka penulisan tugas akhir ini tidak

akan lancar. Oleh karena itu pada kesempatan ini, izinkanlah penulis

menyampaikan ucapan terima kasih kepada:

1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

Informatika Jakarta.

2. Program Studi Manajemen Informatika pada Akademi Manajemen

Informatika dan Komputer Bina Sarana Informatika Jakarta.

3. Popon Handayani, M.Kom dosen pembimbing pertama tugas akhir.

4. Ita Dewi Sintawati, S.T, M.Kom dosen pembimbing kedua tugas akhir

5. Staff dan karyawan di lingkungan Kampus Bina Sarana Informatika.

6. Orang tua tercinta atas segenap doa dan memberikan dukungan moral maupun

spiritual.

7. Rekan-rekan seperjuangan Mahasiswa Salemba 22 dan Kramat 18, khususnya

Mahasiswa kelas 12.6H.07.

 ABSTRAK

Ulfa Mega Hanura ( 12147660 ), Sistem Informasi Perpustakaan Sekolah

Berbasis Web

Sistem informasi perpustakaan sekolah merupakan salah satu fasilitas yang

disediakan oleh sekolah sebagai pendukung dan penunjang proses kegiatan belajar
bagi para murid. Fungsi perpustakaan itu sendiri adalah sistem pengolahan data
yang cepat dan tepat. Sistem informasi pengolahan data buku diperpustakaan yang
dibutuhkan oleh sekolah nantinya dapat dipergunakan untuk pencarian buku,
kategori buku, penyimpanan, peminjaman, pengembalian buku dan juga untuk
menyalurkan informasi itu sendiri.

Sistem informasi perpustakaan ini dapat menangani proses peminjaman dan

pengembalian buku beserta perhitungan denda, maintain data master sehingga
dapat membantu mengatur koleksi buku yang ada pada perpustakaan , proses
pencarian buku menggunakan kategori dan menampilkan laporan buku.

Berdasarkan hasil penelitian didapatkan informasi bahwa lamanya pelayanan

terhadap kegiatan transaksi dan kesulitan dalam melakukan maintain buku yang
menjadi kendala utama pada perpustakaan sekolah. Dengan adanya Sistem
Informasi Perpustakaan diharapkan dapat membantu pekerjaan petugas
perpustakaan sehingga efisiensi dan efektivitas kinerja perpustakaan dapat
ditingkatkan dan mempercepat pelayanan petugas terhadap transaksi peminjaman
dan pengembalian buku berikut dengan perhitungan denda.

Kata Kunci: Sistem Informasi, Sistem Perpustakaan Sekolah Berbasis Web

 ABSTRACT

Ulfa Mega Hanura (12147660), Web Based School Library Information System

The information system is one of the facilities provided by the school as

supporting and supporting the activity process for the students. The function of
the library itself is a fast and precise data processing system. The library data
processing information system of library books required by the school can then be
used to search for books, book categories, storage, borrowing, turning books and
also to distribute the information itself.

This library information system can. How to be able to access existing documents
in the library, the process of searching books using categories and displaying
book reports.

Based on the results of the study. To find out which book is the main target of the
school library. With the Library Information System is expected to help the library
work so efficient and effective performance can be accessed and accelerated with
the requirements of loading and return of this book.

Key Words: Information Systems, Web Based School Library System

 DAFTAR ISI

Halaman

Lembar Judul Tugas Akhir.......................................................................................i

Lembar Pernyataan Keaslian Tugas Akhir...............................................................ii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah........................................iii
Lembar Persetujuan dan Pengesahan Tugas Akhir.................................................iv
Lembar Konsultasi Tugas Akhir...............................................................................v
KataPengantar......................................................................................................vii
Abstraksi..................................................................................................................ix
Daftar Isi................................................................................................................xi
Daftar Gambar.....................................................................................................xiii
Daftar Tabel........................................................................................................xiv
Daftar Simbol......................................................................................................xv
Daftar Lampiran.................................................................................................xvii

BAB I PENDAHULUAN....................................................................................1
1.1. Latar Belakang..................................................................................1
1.2. Maksud dan Tujuan..........................................................................3
1.3. Metode Penelitian.............................................................................3
1.4. Ruang Lingkup.................................................................................5
1.5. Sistematika Penulisan.......................................................................6

BAB II LANDASAN TEORI...............................................................................8

2.1. Konsep dasar Web.............................................................................8
2.1.1. Website...................................................................................8
2.1.2. Bahasa Pemrograman...........................................................10
2.1.3. Basis Data............................................................................12
2.1.4. Model Pengembangan Perangkat Lunak.............................12
2.2.Teori Pendukung...........................................................................14
2.2.1. Struktur Dasar Navigasi..................................................14
2.2.2. Entity Relationship Diagram (ERD)...............................17
2.2.3. Logical Relationship Structured (LRS)...........................19
2.2.4. Pengujian Web..................................................................20

BAB III PEMBAHASAN.................................................................................21

3.1. Tinjauan Kasus............................................................................21
3.2. Analisis Kebutuhan....................................................................21
3.3. Perancangan Perangkat Lunak...................................................23
 3.3.1. Rancangan Antar Muka....................................................23
3.3.2. Rancangan Basis Data......................................................34
3.3.3. Rancangan Struktur Navigasi...........................................44
3.4. Implementasi dan Pengujian Unit...............................................47
3.4.1. Implementasi....................................................................47
3.4.2. Pengujian Unit.................................................................77

BAB IV PENUTUP...........................................................................................80
4.1. Kesimpulan.................................................................................80
4.2. Saran............................................................................................81

DAFTAR PUSTAKA...........................................................................................82
DAFTAR RIWAYAT HIDUP............................................................................83
 DAFTAR GAMBAR

Gambar Halaman

1. Gambar II.1 Tampilan Halaman Awal dari Adobe Dreamweaver CS5.....12

2.Gambar II.2 Ilustrasi Waterfall......................................................................13
3. Gambar II.3 Struktur Navigasi Linear........................................................14
4. Gambar II.4 Struktur Navigasi Hierarchi..................................................15
5. Gambar II.5 Struktur Navigasi Non Linear................................................16
6. Gambar II.6 Struktur Navigasi Composite..................................................16
7.Gambar II.7 Logical Relationship Structure (LRS).......................................19
8.Gambar II.8 Entitas Mobil dan STNK..........................................................20
9.Gambar III.1 Rancangan Halaman Beranda Pengunjung..............................24
10.Gambar III.2 Rancangan Halaman Akun.....................................................25
11Gambar III.3 Rancangan Halaman Koleksi...................................................26
12. Gambar III.4 Rancangan Halaman Kategori................................................27
13. Gambar III.5 Rancangan Halaman Riwayat Peminjaman Buku..................28
14. Gambar III.6 Rancangan Halaman Detail Buku..........................................29
15. Gambar III.7 Rancangan Halaman Detail Pinjam.......................................30
16. Gambar III.8 Rancangan Halaman Bukti Pinjam........................................31
17. Gambar III.9 Rancangan Halaman Login Admin.......................................32
18. Gambar III.10 Rancangan Halaman Admin................................................32
19. Gambar III.11 Entity Relationship Diagram (ERD)....................................33
20. Gambar III.12 Logical Relational Structure (LRS).....................................34
21. Gambar III.13 Struktur Navigasi Pengunjung..............................................44
22. Gambar III.14 Struktur Navigasi Member....................................................45
23. Gambar III.15 Struktur Navigasi Admin.....................................................46
 DAFTAR TABEL

Tabel Halaman

1. Tabel III.1 Spesifikasi File Data Admin....................................................35

2. Tabel III.2 Spesifikasi File Data Akses.....................................................36
3. Tabel III.3 Spesifikasi File Data Anggota..................................................37
4. Tabel III.4 Spesifikasi File Data Buku......................................................38
5. Tabel III.5 Spesifikasi File Data Kategori................................................39
6. Tabel III.6 Spesifikasi File Data Detail Peminjaman................................40
7. Tabel III.7 Spesifikasi File Data Pinjam....................................................41
8. Tabel III.8 Spesifikasi File Data Pengembalian.......................................42
9.Tabel III.9 Spesifikasi File Data Denda......................................................43
10.Tabel III.10 Hasil Pengujian Black Box Testing Halaman Login Member 77
11.Tabel III.11Hasil Pengujian Black Box Testing Halaman Peminjaman
Buku..................................................................................................................78
12. Tabel III.12 Hasil Pengujian Black Box Testing Halaman Login Admin 79
 DAFTAR SIMBOL

Entity Relationship Diagram

Entitas atau Objek Data

Kumpulan objek atau sesuatu yang dapat

dibedakan atau dapat diidentifikasi secara unik.

Relationship

Hubungan yang terjadi antar satu entitas atau lebih.

Atribut atau Elemen data

Karakteristikdalam entity atau relationship yang

mengerjakan penjelasan detail tentang entity atau

relationship atau disebut kumpulan elemen data yang

membentuk suatu entitas.

Weak Entity

Suatu entity dimana keberadaan dari entity tersebut

tergantung dari entity lain.

Atribut Multivalue

Atribut yang memiliki nilai lebih dari satu.

Connection

Digunakan sebagai penghubung entitas yang

membedakan entitas tersebut dengan entitas lainnya.

 DAFTAR LAMPIRAN
Lampiran Halaman

1. Implementasi Halaman Beranda Pengunjung................................................47

2. Implementasi Halaman Koleksi BukuPengunjung.........................................48
3. Implementasi Halaman Detail Buku Pengunjung.........................................49
4. Implementasi Halaman Daftar Anggota........................................................50
5. Implementasi Halaman Login Anggo.............................................................51
6. Implementasi Halaman Beranda Anggota......................................................52
7. Implementasi Halaman Riwayat Peminjaman Buku......................................53
8. Implementasi Halaman Edit Profil Anggota.................................................54
9. Implementasi Halaman Cetak Bukti Peminjaman Buku...............................55
10. Implementasi Halaman Bukti Tercetak........................................................55
11. Implementasi Halaman Login Master Admin...............................................56
12. Implementasi Halaman Beranda Master Admin..........................................56
13. Implementasi Halaman Tambah Kategori Buku..........................................57
14. Implementasi Halaman View Kategori Buku...............................................58
15. ImplementasiHalaman Tambah Buku...........................................................59
16. Implementasi Halaman View Buku.............................................................60
17. Implementasi Halaman Tambah Master Admin/Admin User......................61
18. Implementasi Halaman View Data Master Admin/Admin User..................62
19. Implementasi Halaman View Data Anggota..............................................63
20. Implementasi Halaman Form Peminjaman Buku......................................64
21. Implementasi Halaman Form PeminjamanPilih Buku...............................65
22. Implementasi Halaman View Data Peminjaman Buku................................66
23. Implementasi Halaman Form Pengembalian Buku....................................67
24. Implementasi Halaman View Data Pengembalian Buku.............................68
25. Implementasi Halaman Laporan Data Buku..............................................69
26. Implementasi Halaman Laporan Data Anggota.........................................70
27. Implementasi Halaman Laporan Data Peminjaman Buku..........................71
28. Implementasi Halaman Laporan Data Pengembalian Buku......................72
29. Implementasi Halaman Laporan Denda Peminjaman Buku.......................73
30. Implementasi Halaman Beranda Admin User............................................74
 BAB I

PENDAHULUAN

1.1. Latar Belakang

Perpustakaan sekolah merupakan salah satu fasilitas yang disediakan oleh

sekolah sebagai pendukung dan penunjang proses kegiatan belajar mengajar bagi

paramurid. Keberadaan sebuah perpustakaan sangat membantu untuk menambah

atau meningkat kanpengetahuan dan wawasan bagi paramurid di sekolah.Salah

satu langkah yang di terapkan untuk meningkatkan fungsi dari perpustakaan itu

sendiri adalah sistem pengolah data yang cepat dan tepat. Sistem informasi

pengolahan data buku di perpustakaan yang dibutuhkan oleh sekolah nantinya

dapat dipergunakan untuk pencarian buku, pengolahan buku, penyimpanan buku,

peminjaman buku, pengembalian buku, laporan data perpustakaan dan juga untuk

menyalurkan informasi itu sendiri.

Sistem informasi perpustakaan sekolah ini jarang sekali ada di sekolah swasta

ataupun negeri, adapun perpustakaan sekolah tetapi mereka masih memakai cara

manual dalam pembuatan kartu anggota, data peminjaman buku yang di pinjam

dan juga telatnya pengembalian buku dan ada juga laporan setiap minggu atau

bulan peminjaman buku atau terlambat mengembalikan buku. Dan adapun

pencarian buku yang sebenarnya buku itu ada tetapi tidak di temukan.

Maka dari itu tujuan dari membangun sistem informasi perpustakaan yang

berbasisweb yang nantinya diharapkan mampuuntuk meninggkatkan pelayanan

bagi para murid disekolah tersebut, sertamampu meningkatkan kinerja bagi sistem

perpustakaan itu sendiri. Baik dalamhal pendataan buku, proses peminjaman dan

pengembalian buku, sertapembuataan laporan.

 Sehubungan dengan hal tersebut maka penulis mengambilpembangunan

sistem untuk dijadikan bahan penulisan tugas akhir dengan judul“SISTEM

INFORMASI PERPUSTAKAAN SEKOLAH BERBASIS WEB ”.

1.2. Maksud Dan Tujuan

Maksud dari penulisan Tugas Akhir ini adalah sebagai berikut :

1. Mempermudah suatu transaksi peminjaman buku atau pengembalian buku

secara otomatis tanpa harus menggunakan catatan.

2. Membantu petugas menambahkan buku yang baru dating dari pemerintah.

3. Dapat menyajikan informasi-informasi tentang buku-buku yang diperlukan

dengan lebih cepat, tepat dan uptodate.

Tujuan penulisan Tugas Akhir sebagai salah satu syarat kelulusan Program

Diploma Tiga (D.III) Jurusan Manajemen Informatika pada Akademi Manajemen

Informatika dan Komputer BinaSaranaInformatika (AMIK BSI).

1.3. Metode Penelitian

A. Metode Pengembangan Perangkat Lunak

Metode penelitian yang digunakan pada pengembangan perangkat lunak ini

menggunakan model water fall (Rosa, 2013:28) yang terbagi menjadi tiga tahapan

,yaitu:

1. Analisis Kebutuhan

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat

lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat
 lunak pada tahap ini perlu untuk di dokumentasikan. Penulis menganalisis apa

saja yang dibutuhkan yaitu seperti Data Anggota, Data Peminjaman, Data

Pengembalian, Data Master Admin, Data Admin User, dan Bukti Cetak

Peminjaman.

2. Perancangan Sistem dan Perangkat Lunak

Penulis menggunakan proses perancangan system yaitu sebagai syarat

kebutuhan perancangan kesebuah perancangan perangkat lunak yang dapat

diperkirakan sebelum proses implementasi (coding). Perancangan ini terdiri

dari ERD, LRS, Struktur Navigasi, Teknik Interface, dan Interaksi antar objek

di dalamkelas.

3. Implementasi dan Pengujian Unit

Penulis mengimplentasikan proses perancangan kedalam suatu bahasa yang

bias dimengerti oleh komputer. Perancangan program diterjemahkan kedalam

kode-kode dengan menggunakan bahasa pemrograman php. Program yang di

bangunakan diuji satu persatu yaitu menggunakan pengujian Blackbox.

B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan TA adalah:

1. Metode Observasi

Yaitu pengamatan dan penelitian secara tidak langsung terhadap obyek yang

diamati di lapangan pada sekolah sehingga informasi tentang perpustakaan

sekolah di bagian teknologi informasi dapat diperoleh dengan jelas dan akurat.
2. Metode Wawancara

Yaitu proses tanya jawab langsung dan sistematis kepada orang yang

mengetahui tentang permasalahan yang sedang diamati untuk meyakinkan hal-

hal kegiatan observasi yang telah dilakukan.

3. Metode Studi Pustaka

Metode ini menggunakan buku-buku, berkas-berkas, laporan yang berkaitan

dengan judul yang diangkat sebagai referensi.

1.4. Ruang Lingkup

Untuk lebih memusatkan permasalahan yang ada dan agar tidak menyimpang

dari pokok permasalahan dalam penyusunan Tugas Akhir ini, maka penulis

membuat ruang lingkup permasalahan yaitu tentang perancangan system

informasi perpustakaan sekolah berbasis web.

Sistem Informasi perpustakaan sekolah yang akan dibuat adalah halaman

login anggota dan halaman login master admin /admin user, halaman beranda

anggota yang berisi tentang content yang berhubungan dengan informasi

mengenai buku-buku , halaman riwayatyang berisi tentang anggota yang

meminjam beberapa buku dan mencetak buktipinjam, halaman peminjaman buku

pada beranda admin yang berisi tentang pencatatan data anggota yang meminjam

buku di perpustakaan, halaman pengembalian buku pada login admin yang berisi

tentang pencatatan data anggota yang belum mengembalikan buku, halaman data

anggota pada beranda admin yang berisi tentang data anggota yang meminjam
buku di perpustakaan, kemudian halaman logout anggota atau logout admin untuk

keluar dari program.

1.5. Sistematika Penulisan

Untuk lebih memudahkan pembahasan dan pengertian masalah maka kami

menguraikan pembahasan dengan menggunakan sistematika penulisan yang

berhubungan dengan antara satu dengan yang lainnya secara berurutan.

Sistematika penulisan adalah sebagai berikut :

BAB I PENDAHULUAN

Dalam hal ini penulis menggambarkan tentang system informasi

perpustakaan sekolah berbasis web hal-hal umum yang berkaitan

dengan Latar Belakang, Maksud dan Tujuan Penulisan, Ruang Lingkup

Permasalahan dan Sistematika Penulisan.

BAB II LANDASAN TEORI

Dalam bab ini membahas tentang system informasi perpustakaan

sekolah berbasis web dan Konsep Dasar Web yang meliputi pengertian

website, pengenalan internet, pengenalan php, pengenalan MySQL,

HTML, pengenalan Macromedia Dreamweaver CS5. Dan juga

membahas tentang Teori Pendukung

BAB III PEMBAHASAN

Bab ini berisi tentang system informasi perpustakaan sekolah berbasis

web yang terdiri dari Tinjauan Kasus, Berisi juga tentang Analisis

Kebutuhan, Perancangan Perangkat Lunak yang meliputi rancangan

 antar muka, rancangan basis data, dan rancangan struktur navigasi. Bab

ini juga berisi tentang Implementasi Antar Muka dan Pengujian Unit.

BAB IV PENUTUP

Pada akhir bab ini berisikan kesimpulan dan saran-saran tentang system

informasi perpustakaan sekolah berbasis web dari penulisan Tugas

Akhir ini.
 BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Web adalah salah satu aplikasi yang berisikan dokumen-dokumen

multimedia (teks, gambar, suara, animasi, video) di dalamnya yang

menggunakan protocol HTTP (Hypertext transfer Protocol) dan untk

mengaksesnya menggunakan perangkat lunak yang disebut browser. Beberapa

jenis browser yang popular saat ini di antaranya: Internet Explorer yang

diproduksioleh Microsoft, Mozilla Firefox, Opera, dan Safari yang di

produksioleh Apple. Browser (perambah) adalah aplikasi yang mampu

menjalankan dokumen-dokumen web dengan cara diterjemahkan.

2.1.1. Website

MenurutArief(2011:8), “Website atau sering juga disebut situs merupakan

domain/URL (Uniform Resource Locator) yang dapat diakses semua pengguna

internet dengan cara mengetikkan alamatnya. Berikut adalah contoh alamat situs

web www.amikom.ac.id, http://rudyantoarief.com.

1. Internet

Menurut Arifin (2011:169) mengemukakan bahwa “Internet merupakan

jaringan komputer dalam skala dunia yang terdiri dari banyak jaringan lokal yang

saling terhubung sehingga membentuk jaringan global dengan segala macam

aturan (protocol) dan aplikasi”.

 Terbentuknya internet diawali pada tahun 1969 dengan sebuah proyek besar

departemen pertahanan Amerika serikat DARPA (United Stated Department of

Defense Advanced Research Project Agency) yang dinamakan ARPANET.

Awalnya informasi yang bisa diperoleh melalui internet hanya informasi berbasis

teks. Pada tahun 1990, layanan berbasis tampilan grafis yaiyu World Wide Web

(WWW) mulai dikembangkan oleh CERN. Pada tahun 1993, InterNIC didirikan

untuk pendaftaran nama domain. Sehingga dengan Internet, Dunia seolah tanpa

batas karena internet juga banyak digunakan untuk mengakses dan

mempublikasikan informasi secara luas.

2. Web Browser

Untuk mengakses sebuah fileinternetdiperlukan suatu program aplikasi yang

disebutweb browser. Program aplikasi ini mempunyai kemampuan untuk

menampilkan suatu web page yang ditulis dalam format HTML.Menurut Arief

(2011:19) “Browser web merupakan program yang berfungsi untuk menampilkan

dokumen-dokumen web dalam format HTML. Bagaimana halaman web yang

dibuat ditampilkan sangat tergantung pada web engine yang digunakan oleh

masing-masing browser. Semua jenis web browser yang ada saat ini mengikuti

standarisasi yang dibuat oleh Worl Wide Web Consortium (W3C) yang

merupakan badan indenpenden yang mengurus semua hal yang berkaitan dengan

web di dunia. Berikut adalah contoh web browser yang cukup popular beserta

web engine yang digunakan : Web Engine Webkit:Safari, Google Chrome, Web

Engine Trident: Microsoft Internet Explorer, Maxthon, Web Engine Gecko:

Mozilla Firefox, Web Engine Presto: Opera.

3. Web Server

Menurut Arief (2011:19), “WebServeradalah program aplikasi yang memiliki

fungsi sebagai tempat menyimpan dokumen-dokumen web.”Jadi semua dokumen

web baik yang ditulis menggunakan client side scripting maupun server side

scripting tersimpan di dalam direktori utama web server (document root). Berikut

adalah contoh web server: web server apache yang mendukung PHP, web server

Microsoft Internet Information Service (IIS) yang mendukung ASP dan PHP, web

server Apache Tomcat yang mendukung Java Server Pages (JSP).

4. SistemInformasi

Menurut Sutarman (2009:13), “SistemInformasi ini mengumpulkan,

memproses,

menyimpan, menganalisis, menyebarkan informasi untuk tujuan tertentu”. Seperti

system lainnya, sebuah system informasi terdiri dari input (data,intruksi) dan

output (laporan,kalkulasi).

2.1.2. Bahasa Pemrograman

1. PHP(Hypertext Preprocessor)

Menurut Arief (2011:43) ”PHP (PHP: Hypertext Preprocessor) adalah

bahasa server-side scriptingyang menyatudengan HTML untuk membuat halaman

web yang dinamis. PHP termasuk dalamOpen Source Product, sehingga source

code PHP dapat diubah dan didistribusikan secara bebas.Versiterbaru PHP dapat

diunduh secara gratis di situsresmi PHP: http://www.php.net. PHP juga dapat

berjalan pada berbagai web server seperti IIS (Internet Information Server), PWS

(Personal Web Server), Apache, Xitami.

2. HTML ( Hyper Text Markup Language)

Menurut Arief (2011:23) mengemukakan bahwa “HTML atau Hyper Text

Markup Language merupakan salah satu format yang digunakan dalam

pembuatan dokumen dana plikasi yang berjalan di halamanWeb”. Dokumen

HTML merupakan dokumen yang disajikan pada web browser. Tag adalah kode

yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML.

3. Pengenalan XAMPP

MenurutRiyanto (2011:1) “XAMPP merupakan paket PHP dan MySQL

berbasis open source, yang dapat digunakan sebagai tool pembantu

pengembangan aplikasi berbasis PHP”. XAMPP mengombinasikan beberapa

paket perangkat lunak berbeda ke dalam satu paket.

4. Pengenalan Adobe Dreamweaver CS5

Menurut Sadeli (2011:2) mengemukakan bahwa”Dreamweaver adalah suatu

perangkat lunak web editor keluaran Adobe System yang digunakan untuk

membangun dan mendesign suatu website dengan fitur-fitur yang menarik dan

kemudahan dalam penggunaannya”. Selain mudah digunakan dalam membuat dan

mendesignweb, Dreamweaver juga menambah flexibilitasnya dengan bahasa

pemrograman web lainnya dan dapat berintegrasi pada beberapa perangkat lunak

lainnya dan tidak salah jika perangkat lunak ini menjadi pilihan utama bagi para

web-designer amatir maupun expert. Pada Dreamweaver CS5 terdapat beberapa

fitur baru yang dapat digunakan segera mulai dari seputar CSS, penggunaan fitur
canggih Ajaxdan JQuery menggunakan Browser Widget, serta pengujian tampilan

web menggunakan Web Adobe BrowserLab.

Berikut ini merupakan tampilan pada Adobe Dreamweaver CS5:

Sumber: Sadeli (2011:3)

Gambar II.1.
Tampilan Halaman Welcome Screen dari AdobeDreamweaver CS5

2.1.3. Basis Data

Aplikasi basis data yang penulis gunakan adalah MySQL.MenurutArief

(2011:151), “MySQL adalah salah satu jenis database server yang sangat terkenal

dan banyak digunakan untuk membangun aplikasi web yang menggunakan

database sebagai sumber dan pengelolaan datanya. MYSQL juga bersifat open

source danfree (Anda tidak perlu membayar untuk menggunakannya pada

berbagai platform (kecuali pada Windows, yang bersifat shareware).MYSQL

merupakan database yang pertama kali didukung oleh bahasa pemograman script

untuk internet (PHP dan Perl).

2.1.4. Model Pengembangan Perangkat Lunak

Dalam perkembangan perangkat lunak yang baik dan berkualitas, salah

satu metode daur hidup rekayasa perangkat lunak yang terkenal adalah metode air

terjun (waterfall).

Menurut RosadanSalahuddin (2013:28) waterfall sering disebut model

sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle).

Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara

sekuensial atau terurut mulai dari analis, desain, pengodean, pengujian dan tahap

pendukung (support).

Berikut adalah gambar model air terjun :

Sistem / Rekayasa Informasi

Analisis Desain Pengodean Pengujian

Sumber : Rosa danSalahuddin(2013:29)

Gambar II.2.
Ilustrasi Model Waterfall

Dari kenyataan yang terjadi sangat jarang model air terjun dapat dilakukan

sesuai alurnya karena sebab berikut :

1. Perubahan spesifikasi perangkat lunak terjadi di tengah alur

pengembangan.

2. Sangat sulit bagi pelanggan untuk mendefinisikan semua spesifikasi di

awal alur pengembangan. Pelanggan sering kali butuh contoh (prototype)

untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut.

3. Pelanggan tidak mungkin bersabar mengakomodasi perubahan

yang diperlukan di akhir alur pengembangan,

2.2. Teori Pendukung

2.2.1. Struktur Dasar Navigasi.

Menurut Simarmata (2010:310) mengatakan bahwa “Navigasi merupakan

petunjuk bagi pengunjung mengenai halaman-halaman yang terdapat dalam

situs”. Berfungsi untuk membantu pengguna menjelajahi situs web untuk mencari

informasi yang diinginkan secara mudah.

Menurut Binanto (2010:269) ada empat macam bentuk dasar dan struktur

navigasi yang biasa digunakan dalam proses pembuatan website, yaitu :

1. Linear

Struktur navigasi linear merupakan struktur yang mempunyai satu rangkaian

cerita berurutan. Struktur ini menampilkan satu demi satu tampilan layer

secara berurutan menurut aturannya.

Sumber : Binanto (2010:269)

Gambar II.3.Struktur Navigasi Linear

2. Hierarchical (Hirarki)

Struktur navigasi hirarki sering disebut struktur navigasi bercabang, yaitu

merupakan suatu struktur yang mengandalkan percabangan untuk

menampilkan data atau gambar pada layer dengan kriteria tertentu. Tampilan

pada menu utama disebut master page (halaman utama satu). Halaman

tersebut mempunyai halaman percabangan yang disebut slave page (halaman

pendukung) dan jika dipilih akan menjadi halaman kedua, begitu seterusnya.
 Sumber : Binanto (2010:269)

Gambar II.4.Struktur Navigasi Hirarki

3. Non Linear

Struktur navigasi non linear (tidak terurut) merupakan pengembangan dari

struktur navigasi linear, hanya saja pada struktur ini diperkenankan untuk

membuat percabangan. Percabangan pada struktur non linear berbeda dengan

percabangan pada struktur hirarki. Pada struktur ini kedudukan semua page

sama, sehingga tidak dikenal adanya master atau slave page.

Sumber : Binanto (2010:270)

Gambar II.5. Struktur Navigasi Non Linear

4. Composite (Campuran)

Struktur navigasi campuran (composite) merupakan gabungan dari struktur

sebelumnya dan disebut juga navigasi bebas, maksudnya adalah jika suatu
tampilan membutuhkan percabangan maka dibuat percabangan. Struktur ini
paling banyak digunakan dalam pembuatan aplikasi multimedia.

Sumber : Binanto (2010:270)

Gambar II.6.Struktur Navigasi Campuran

2.2.2. Entity Relationship Diagram (ERD)

Pengertian ERD Menurut Rosa (2013:50),“Pemodelan awal basis data yang

paling banyak digunakan adalah menggunakan Entity Relationship

Diagram(ERD)”. ERD dikembangkan berdasarkan teori himpunan dalam bidang

matematika .ERD digunakan untuk pemodelan basis data relational. Sehingga

jika penyimpanan basis data menggunakan OODBMS maka perancangan basis

data tidak perlu menggunakan ERD. ERD memiliki beberapa aliran notasi seperti

notasi Chen (dikembangkan oleh Peter Chen), Barker (dikembangkan oleh

Richard Barker, Ian Palmer, Harry Ellis), notasi Crow’s Foot, danbeberapanotasi

lain.
1. Komponen-komponen yang terdapat didalam Entity Relationship

Diagram:

a. Entity, merupakan data inti yang akandisimpan; bakal table pada basis data;

benda yang memiliki data dan harus disimpan datanya agar dapat diakses

oleh aplikasi komputer; penamaan entitas biasanya lebih ke kata benda dan

belum merupakan nama tabel.

b. Hubungan atau Relasi, yang menghubungkan anta rentitas; biasanya diawali

dengan kata kerja.

c. Atribut, field atau kolom data yang butuh disimpan dalam suatu entitas.

2. Derajat Relationship

Menjelaskan jumlah entity yang berpartisipasi dalam suatu relationship.

Contoh strukturnya :

a. Binary Degree

Pegawai
Kerja Departemen
.
Sumber : Zulfikar (2010:35)

b. Ternary Degree

Pegawai Kerja Proyek

Kota
Sumber : Zulfikar (2010:35)

BinaryDegree melakukan proses melalui perantara dan melalui suatu kerja

kemudian menghasilkan output. Sedangkan Ternary Degree dari proses awal

terdapat dua alternatif pilihan yang dapat dipilih sehingga output yang dihasilkan

lebih dari satu.

3. Cardinality Rasio

Yaitu menjelaskan batasan pada jumlah entity yang berhubungan melalui

suatu relationship.Jenis-jenis Cardinality Rasio :

a. One to One (1:1)

Setiap anggota entitas A hanya boleh berhubungan dengan satu anggota entitas

B, begitu pula sebaliknya.

Contoh : Satu anggota meminjam banyak buku

b. One to Many (1:M)

Setiap anggota entitas A dapat berhubungan dengan lebih dari satu anggota

entitas B tetapi tidak sebaliknya.

Contoh : Satu mahasiswa meiliki Banyak Kelas, Satu STNK motor dapat

dimiliki bayak orang.

c. Many to Many (M:M)

Setiap entitas A dapat berhubungan dengan banyak entitas himpunan entitas B

dan demikian pula sebaliknya.

Contoh : Banyak kendaraan bermotor yang dapat dimiliki oleh banyak orang.

2.2.3. LRS ( Logical Relationship Structured )

Menurut Frieyadie (2007:13) “Logical Relationship StructureLRS

merupakan suatu bentuk relational model yang dibuat secara logic (level external)

dan konsep yang dibuat sebelum table di bentuk dari field atau atribut entitas

secara fisik (level internal)”.LRS merupakan hasil dari pemodelan Entity

Relationship (ER) beserta atributnya, sehingga bisa terlihat hubungan-hubungan

antar entitas.

Sumber : Frieyadie (2007:14)

Gambar II.7.Logical Relationship Structure (LRS)

Sebagai contoh pada gambar II.7, yang menunjukan dua buah entitas. Pada

entitas Mobil, sebagai primary key adalah NO_POLISI, sedangkan entitas STNK

sebagai primary key adalah NO_STNK. Pada saat bersamaan NO_POLISI

menjadi Foreign Key pada entitas STNK.

Sumber : Frieyadie (2007:14)

Gambar II.8.Entitas Mobil dan STNK

2.2.4. Pengujian Web

Untuk pengujian web, penulis menggunakan Blackbox testing. Menurut

Pressman (2010, p495) “Blackbox testing berfokus pada persyaratan fungsional

perangkat lunak yang memungkinkan engineers untuk memperoleh set kondisi

input yang sepenuhnya akan melaksanakan persyaratan fungsional untuk sebuah

program”. Blackbox testing berusaha untuk menemukan kesalahan dalam

kategori berikut:

1. Fungsi yang tidak benar atau fungsi yang hilang.

2. Kesalahan antarmuka.

3. Kesalahan dalam struktur data atau akses database eksternal.

4. Kesalahan perilaku (behavior) atau kesalahan kinerja.

5. Inisialisasi dan pemutusan kesalahan.

 BAB III

PEMBAHASAN

3.1. Tinjauan Kasus

Penulis mengamati bahwa penyelenggaraan perpustakaan bukan hanya untuk

menyimpan bahan-bahan pustaka, tetapi dengan adanya penyelenggaraan

perpustakaan diharapkan dapat membantu semua orang untuk menyelesaikan

tugas-tugas atau mencari solusi dari masalah yang dihadapi.

3.2. Analisis Kebutuhan

Analisa kebutuhan yang dibuat di dalam pembuatan website ini, antara lain :

1. Halaman Pengunjung / Front End

Halaman website yang bersifat public atau dapat dilihat semua pengunjung

perpustakaan baik anggotaataupun bukan anggota, halaman in terdiri dari :

a. Berandamemuat informasi keseluruhan isi website yang berupa data koleksi buku

yang di miliki perpustakaan.

b. Koleksi adalah halaman yang memuat ssemua daftar buku.

c. Kategori adalah halaman yang memuat daftar buku yang di klasifikasikan

berdasarkan jenis.

2. Halaman Anggota / Member

Halaman ini adalah halaman yang dibuat khusus untuk anggota yang berfungsi

sebagai alat /toolyang digunakan anggota untuk menyebarkan atau

mempublikasikan hasil karya, dan juga sebagai sarana berbagi tips atau artikel

yang berhubungan dengan “Art”, Halaman ini terdiri dari:

a. Loginhalaman yang berfungsi untuk anggota melakukan login, sebelum

melakukan proses peminjaman buku.

 b. Beranda memuat informasi keseluruhan isi website yang berupa data koleksi buku

yang di miliki perpustakaan.

c. Koleksi adalah halaman yang memuat ssemua daftar buku.

d. Kategori adalah halaman yang memuat daftar buku yang di klasifikasikan

berdasarkan jenis.

e. Riwayat adalah halaman yang memuat historypeminjaman buku yang dilakukan

oleh anggota.

3. Halaman Admin

Halaman ini merupakan dapur dari contentatau transaksi yang ada di website. Akses

halaman ini hanya diberikan kepada user tertentu saja yang dipercaya untuk

mengontrol semua aktifitas pada website, dan Halaman ini terdiri dari :

a. Dashboardhalaman muka pada halaman admin.

b. Kategori Bukuhalaman yang memuat data kategori yang digunakan untuk

mengklasifikasikan buku, aksi yang diberikan adalah view, edit, input, dan

hapus.Data ini juga menyimpan lokasi dimana buku itu di susun.

c. Buku adalah halaman yang memuat semua data buku aksi yang diberikan

adalahview, edit, input, dan hapus.

d. Adminhalaman yang berfungsi untuk mengontrol semua data akun admin/petugas

perpustakaan, sedangkan akses hanya di berikan kepada, petugas yang memiliki

jenis akun master admin.aksi yang diberikan adalah blokir, view, edit, input.

e. Anggotahalaman yang berfungsi untuk mengontrol semua data akun

anggotaperpustakaan, sedangkan akses hanya di berikan kepada, petugas yang

memiliki jenis akun master admin.aksi yang diberikan adalah blokir, view, edit,

input..
 f. Peminjamanadalahhalaman yang menampilkan data transaksi peminjaman buku

yang dilakukan oleh anggota, akses pada halaman ini bersifat terbuka yaitu berhak

diakses oleh semua jenis akun petugas.Aksi yang di berikan adalah view, input,

dan detail.

g. Pengembalianhalaman yang menampilkan data transaksi pengembalian buku yang

telah dipinjam oleh anggota, akses pada halaman ini bersifat terbuka yaitu berhak

diakses oleh semua jenis akun petugas.

Aksi yang di berikan adalah view, input, dan detail.

h. Akun adalah halaman yang berfungsi untuk mengontrol data akun petugas yang

login, akses yang diberikan hanya edit. Akses pada halaman ini bersifat terbuka

yaitu berhak diakses oleh semua jenis akun petugas

i. Log outhalaman yang berfungsi untuk keluar dari halaman admin.

3.3. Perancangan Perangkat Lunak

3.3.1. Rancangan Antar Muka

Merancang antarmuka merupakan bagian yang paling penting dari merancang

sistem. Biasanya hal tersebut juga merupakan bagian yang paling sulit, karena

dalam merancang antarmuka harus memenuhi tiga persyaratan yaitu: sebuah

antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah

antarmuka harus memiliki kinerja yang cepat.

1. Rancangan Antar Muka Halaman Pengunjung& Anggota

A. Rancangan Antar MukaBeranda.

Gambar III.1.Rancangan Antar Muka BerandaPengunjung

B. Antar Muka Halaman Akun.

Gambar III.2.Rancangan Antar Muka Halaman Akun

C. Rancangan Antar Muka Halaman Koleksi.

Gambar III.3.Rancangan Antar Muka Halaman Koleksi

D. Rancangan Antar Muka Halaman Kategori.

Gambar III.4.Rancangan Antar Muka Halaman Kategori

E. Rancangan Antar Muka Halaman Riwayat.

Gambar III.5.Rancangan Antar Muka Halaman Riwayat

F. Rancangan Antar Muka Halaman Detail Buku.

Gambar III.6.Rancangan Antar Muka Halaman Detail Buku

G. Rancangan Antar Muka Halaman Detail Pinjam.

Gambar III.7.Rancangan Antar Muka Halaman Detail Pinjam

H. Rancangan Antar Muka Halaman Bukti Pinjam.

Gambar III.8.Rancangan Antar Muka Halaman Bukti Pinjam

I. Rancangan Antar Muka Halaman Login Admin.

Gambar III.9. Rancangan Antar Muka Halaman Login Admin

J. Rancangan Antar Muka Halaman Admin.

Gambar III.10.Rancangan Antar Muka Halaman Admin

3.3.2 Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

Username Password
blokir Id_akses Akses

email
1 1 Akses
Memiliki kategori
Nama Admin

Id_admin Id_akses
baris
Id_kategori

kategori
1 pengarang
Mengelola Thn_terbit Jml_buku
M1
1 penerbit
1
buku
Memiliki
Mengelola
Id_buku
Lama_hari M Id_pinjam judul
Id_buku
1 Denda_hari Id_kategori
Total_denda tanggal
Id_anggota
Mengelola 1 d_pinjam
pinjam Memiliki
1 1
M Id_kembali Mengelola status Tgl_kembali
denda Id_admin Id_pinjam
M

M
melakukan
1
Id_anggota
Id_admin
1
M 1
1
Memiliki kembali melakukan

Id_pinjam tanggal
Id_kembali
No_telp
email
alamat
Anggota

Nama Password

Id_anggota blokir

Gambar III.11.Entity Relationship Diagram (ERD)

2. Logical Relational Structure (LRS)

Akses Admin Anggota Kembali

1
* id_akses akses * id_anggota
* id_admin id_akses Nama Email Username Nama
Password blokir *id_kembali Id_pinjam Id_anggo
1 M email No_telp Alamat
1 Password blokir
M
1

1
M1

1 1 1

1
Denda
M
Pinjam id_kembali Lama_hari Denda_ha

* id_pinjam Id_admin Id_anggota Tanggal Tgl_kembali status

M
1

M
1
buku D_pinjam

* id_buku id_pinjam Id_buku

Id_kategori Judul Cover Penerbit Thn_terbit Pengarang Jml_buku 1

M
Kategori
1
*id_kategori Kategori baris
1

Gambar III.12.Logical Relational Structure(LRS)

3. Spesifikasi File

Database adalah sekumpulan data yang saling berkaitan satu sama lain,

Terpusat dan terorganisir sehingga dapat dimanfaatkan dengan cepat dan mudah

untuk berbagai macam kebutuhan pengolahan data. Penulis membuat satu

database yang bernama :kuliah_perpus.

Adapun spesifikasi file-file tersebut antara lain :

a. Spesifikasi file Admin

Nama File : Admin

Akronim : admin.MYD

Fungsi : untuk menyimpan data-data admin atau petugas

perpustakaan

Tipe File : FileMaster

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 133 karakter

Kunci Field : id_admin

Software : Mysql

Tabel III.1.
File Data Admin

No Elemen Data Nama Field Tipe Size Ket

1 Id Admin id_admin Int 11 Primary Key

Auto_increment

2 Jenis Akun id_akses Int 11 Foreigen Key

Index

3 Nama Petugas Nama Varchar 30

4 Email Email Varchar 25

5 Username Username Varchar 25

7 Password Password Varchar 50

8 Blokir Blokir Int 1

b. Spesifikasi file Akses

Nama File : Akses

Akronim : akses.MYD

Fungsi : untuk menyimpan data jenis akun atau hak akses petugas.

Tipe File : FileMaster

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 36 karakter

Kunci Field : id_akses

Software : Mysql

Tabel III.2.
File Data Akses

No Elemen Data Nama Field Tipe Size Ket

1 Id Akses id_akses Int 11 Primary Key

Auto_increment

2 Nama Akses Akses Varchar 25

c. Spesifikasi file Anggota

Nama File : Anggota

Akronim : anggota.MYD

Fungsi : untuk menampilkan data-data anggota

perpustakaan. Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

 Media : Hard Disk

Panjang Record : 142 karakter

Kunci Field : id_anggota

Software : Mysql

Tabel III.3.
FileData Anggota

No Elemen Data Nama Field Tipe Size Ket

1 Id Anggota id_anggota Int 11 Primary Key

Auto_increment

2 Nama Anggota Nama Varchar 50

3 Email Anggota Email Varchar 30

4 Nomor Telepon no_telp Number -

5 Alamat Alamat Text -

6 Password password Varchar 50

7 Blokir Blokir Varchar 1

d. Spesifikasi file Buku

Nama file : Buku

Akronim : buku.MYD

Fungsi : untuk menyimpan datadata koleksi buku perpustakaan

Tipe file : FileMaster

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 412 karakter

Kunci Field : id_buku

Software : Mysql

Tabel III.4.
File Buku

No Elemen Data Nama Field Tipe Size Ket

1 Id Buku id_buku Int 11 Primary Key

Auto_increment

2 Id kategori id_kategori Int 11 Foreign Key

3 Judul Buku judul Varchar 75

4 Cover Buku cover Varchar 150

5 Penerbit Buku penerbit Varchar 75

6 Tahun Terbit thn_terbit Varchar 4

7 Pengarang Buku pengarang Varchar 75

8 Jumlah Buku jml_buku Int 11

e. Spesifikasi file Kategori

Nama File : Kategori

Akronim : kategori.MYD

Fungsi : untuk menyimpan data katgori buku

Tipe File : FileMaster

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 66 karakter

 Kunci Field : id_kategori

Software : Mysql

Tabel III.5.
File Kategori

No Elemen Data Nama Field Tipe Size Ket

1 Id Kategori id_kategori Int 11 Primary Key

Auto_increment

2 Kategori Kategori Varchar 50

3 Baris baris Varchar 5

f. Spesfikasi file Detail Pinjam

Nama file : Detail Pinjam

Akronim : id_pinjam.MYD

Fungsi: untuk menyimpan data Buku yang di pinjam oleh anggota.

Tipe file : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record :22 karakter

Kunci Field :-

Software : Mysql

Tabel III.6.
FileDetail Peminjaman

No Elemen Data Nama Field Tipe Size Ket

1 Id Pinjam id_pinjam Int 11 Foreign Key

2 Id Buku id_buku Int 11 Foreign Key

g. Spesifikasi file Peminjaman

Nama File : Pinjam

Akronim : pinjam.MYD

Fungsi : untuk menyimpan data Peminjaman.

Tipe file : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 34 karakter

Kunci Field : id_member

Software : Mysql

Tabel III.7.
FilePinjam

No Elemen Data Nama Field Tipe Size Ket

1 Id Pinjam id_pinjam Int 11 Primary Key Auto

Increment

2 Id Admin id_admin Int 11 Foreign Key

NULL

3 Id Anggota id_anggota Date

4 Tanggal Kembali tgl_kembali Date

5 Status Peminjaman status Varchar 1

h. Spesifikasi filePengembalian

Nama File : Pengembalian

Akronim : kembali.MYD

Fungsi : untuk menyimpan data Pengembalian buku.

Tipe File : FileTransaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 44 karakter

Kunci Field : id_kembali

Software : Mysql

Tabel III.8.
File Pengembalian

No Elemen Data Nama Field Tipe Size Ket

1 Id Kembali id_kembali Int 11 Primary Key

Auto Increment

2 Id Pinjam id_pinjam Int 11 Foreign Key

3 Id Anggota id_anggota Int 11 Foreign Key

4 Id Admin id_admin Int 11 Foreign Key

5 Tanggal Tanggal Date

i. Spesifikasi fileDenda

Nama File : Denda

Akronim : denda.MYD

Fungsi : untuk menyimpan data denda bila pengembalian

buku melewati batas peminjaman.

Tipe file : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 22 karakter

Kunci Field :-

Software : Mysql

Tabel III.9.
FileDenda

No Elemen Data Nama Field Tipe Size Ket

1 Id Kembali id_kembali Int 11 Primary Key

Auto_increment

2 Over Time lama_hari Int 11

3 Denda Perhari denda_hari Double -

4 Total Denda total_denda Dounble -

3.3.3. Rancangan Struktur Navigasi

1. Struktur Navigasi Halaman Pengunjung

Gambar III.13.
Struktur Navigasi Halaman Pengunjung.
2. Struktur Navigasi Halaman Member

Gambar III.14.
Struktur Navigasi Halaman Member.
3. Struktur Navigasi Halaman Admin

Gambar III.15.
Struktur Navigasi Halaman Admin.
3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

1. Implementasi Rancangan Antar Muka

A. Halaman Pengunjung

1) Halaman BerandaPengunjung.

Halaman beranda berisi informasi tampilan awal dari website.

Gambar III.16.
Implementasi Halaman BerandaPengunjung
2) Halaman Koleksi Buku

Berisi informasi jenis-jenis buku yang tersedia , dimana yang belum menjadi

anggota harus daftar dulu sebagai anggota untuk bias melakukan peminjaman

buku.

Gambar III.17.
Implementasi Halaman KoleksiBukuPengunjung

3) Halaman Detail Buku

Berisi tentang informasi detail buku, letak buku itu disimpan dan juga jumlah

buku yang tersedia.

 Gambar III.18.
Implementasi Halaman DetailBukuPengunjung

4) Halaman Daftar Anggota

Berisi registrasi data anggota agar dapat bisa meminjam buku, jika ingin daftar

harus menemui admin atau petugas terlebih dahulu dan apabila tidak

mendaftar maka tidak bisa meminjam buku tersebut.

 Gambar III.19.
Implementasi Halaman DaftarAnggota

5) Halaman LoginAnggota

Berisiusername dan password yang telah di isi oleh admin atau petugas di daftar

anggota agar dapat melakukanpeminjaman buku.

 Gambar III.20.

Implementasi Halaman LoginAnggota

B. Halaman Anggota

1) Halaman Anggota

Berisi informasi kategori buku yang berbagai macam seperti Komputer dan

Internet, Bahasa dan Kamus, Buku Sekolah, Agamayang dimana anggota bisa

meminjam buku dan mengetahui posisi buku itu ada di rak mana dan jumlah buku

sisa berapa.
 Gambar III.21.
Implementasi Halaman Anggota

2) Halaman Riwayat Peminjaman Buku

Berisi informasi buku-buku yang telah anggota itu pinjam beserta berisi data

profil anggota seperti nama, alamat, email, dan nomer telepon.

 Gambar III.22.
Implementasi Halaman RiwayatPeminjamanBuku

3) Halaman EditProfil Anggota

Berisi mengubah informasi data anggota seperti merubah password anggota.

 Gambar III.23.
Implementasi Halaman EditProfil Anggota

4) Halaman CetakBukti Peminjaman Buku

Di Halaman ini, cetakbukti peminjaman buku berfungsi untuk di bawa pulang

sebagai bukti bahwa buku itu sedang dipinjam dan di saat akan mengembalikan di

wajibkan untuk membawa kembali bukti itu.

 Gambar III.24.
Implementasi Halaman CetakBukti Peminjaman Buku

5) BuktiTercetak

BuktiTercetak ini harus di bawa kembali saat melakukan pengembalian buku.

Gambar III.25.
Implementasi BuktiTercetak

C. Halaman Master Admin

1) Halaman Login Master Admin’

Admin harus login terlebih dahulu untuk masuk ke Halaman Admin.

 Gambar III.26.
Implementasi Halaman Login Master Admin

2) Halaman BerandaMaster Admin

Dihalaman beranda admin terdapat informasi yang memaparkan isi dari halaman

admin tersebut.

Gambar III.27.
Implementasi Halaman BerandaMasterAdmin

3) Halaman TambahKategoriBuku

Halaman tambah kategoribuku ini berisi data untuk penambahaan kategoribuku

beserta rak buku itu disimpan.

 Gambar III.28.
Implementasi Halaman DataTambah KategoriBuku

4) Halaman View KategoriBuku

Di halaman ini, Admin dapat mengelola dan melihat keseluruhan Data Kategori

yang sudah ada.

 Gambar III.29.
Implementasi Halaman View Kategori

5) Halaman TambahBuku

Halaman tambah Buku ini berisi data untuk penambahaan judul, kategori,

penerbit, tahun terbit, cover buku, pengarang dan jumlah buku yang tersedia.
 Gambar III.30.
Implementasi Halaman TambahBuku

6) Halaman View Buku

Di halaman ini, Admin dapat mengelola dan melihat keseluruhan Data Buku yang

sudah ada.
 Gambar III.31.
Implementasi Halaman View Buku

7) Halaman TambahMasterAdmin/AdminUser

Halaman DataAdmin ini berisi data untuk penambahan MasterAdmin/AdminUser

baru dengan mengisikan nama, email, jenis akses, username dan password.
 Gambar III.32.
Implementasi Halaman TambahMasterAdmin/AdminUser

8) Halaman View DataMasterAdmin/AdminUser

Di halaman ini, MasterAdmin dapat mengelola dan melihat keseluruhan Data

MasterAdmin lainyang baru.

 Gambar III.33.
Implementasi Halaman View DataMasterAdmin/AdminUser

9) Halaman ViewDataAnggota

Berisi Informasi data anggota yang terdaftar.

 Gambar III.34.
Implementasi Halaman View Anggota

10) Halaman FormPeminjaman Buku

Berisi informasi tentang lamanya peminjaman buku.

 Gambar III.35.
Implementasi Halaman FormPeminjamanBuku

11) Halaman Form Peminjaman PilihBuku

Berisi informasi anggota untuk memilih buku yang di pinjam.

 Gambar III.36.
Implementasi Halaman Form Peminjaman PilihBuku

12) Halaman View DataPeminjamanBuku

Berisi Informasi data anggota yang melakukan peminjaman buku dan tanggal

kembali dimana buku itu harus di kembalikan pada tanggal tersebut.

 Gambar III.37.
Implementasi Halaman View DataPeminjamanBuku

13) Halaman FormPengembalianBuku

Berisi informasi mengisi ID peminjaman buku yang akan dikembalikan.

 Gambar III.38.
Implementasi Halaman FormPengembalianBuku

14) Halaman View DataPengembalianBuku

Berisi Informasi data anggota yang melakukan peminjaman buku dan tanggal

kembali dimana buku itu harus di kembalikan pada tanggal tersebut.

 Gambar III.39.
Implementasi Halaman View DataPengembalianBuku

15) Halaman Laporan Data Buku

Dihalaman laporan data buku admin terdapat informasi data keseluruhan harian ,
bulanan atau tahunan buku yang masuk ke perpustakaan.
 Gambar III.40.
Implementasi Halaman Laporan Data Buku

16) Halaman Laporan Data Anggota

Dihalaman laporan data anggota terdapat informasi data keseluruhan harian ,

bulanan atau tahunan anggota yang mendaftar ke perpustakaan.
 Gambar III.41.
Implementasi Halaman Laporan Data Anggota

17) Halaman Laporan Data Peminjaman Buku

Dihalaman laporan data peminjaman buku terdapat informasi data keseluruhan

harian , bulanan atau tahunan daftar anggota yang meminjam buku pada
perpustakaan.
 Gambar III.42.
Implementasi Halaman Laporan Data Peminjaman Buku

18) Halaman Laporan Data Pengembalian Buku Tanpa Denda

Dihalaman laporan data pengembalian buku tanpa denda ini terdapat informasi
data keseluruhan harian , bulanan atau tahunan daftar anggota yang
mengembalikan buku secara tepat waktu.
 Gambar III.43.
Implementasi Halaman Laporan Data Pengembalian Buku Tanpa Denda

19) Halaman Laporan Denda Peminjaman Buku

Dihalaman laporan denda peminjaman buku ini terdapat informasi data

keseluruhan harian , bulanan atau tahunan daftar anggota yang mengembalikan
buku dengan melebihi batas waktu yang ditentukan.
 Gambar III.44.
Implementasi Halaman Laporan Denda Peminjaman Buku

20) Halaman Beranda Admin User

Dihalaman beranda admin terdapat informasi yang memaparkan isi dari halaman

admin tersebut.
 Gambar III.44.
Implementasi Halaman Beranda Admin User

2. Spesifikasi Sistem Komputer

A. Spesifikasi Perangkat Keras

Yang dimaksud perangkat keras diatas adalah seperangkat alat yang membantu

sistem yang diusulkan dengan alat bantu lain. Yang terdiri dari unit masukan

(input), unit pemrosesan (process), unit keluaran (output) dan untuk simpanan luar
(memory). Pemilihan suatu komputer antara lain ditentukan oleh kapasitas

komuter dan unit pengolahan datanya (CPU), unit pemasukan datanya yaitu

keyboard dan media penyimpanan datanya berupa hardisk.Penulis menerangkan

juga bahwa perangkat keras yang digunakan pada sistem berjalan saat ini adalah

sebagai berikut:

1. Server

a. Laptop

a) Intel Prosesor Core i3-4130 3.4Ghz.

b) RAM DDR3 >4 GB

c) Hard Disk 465 GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar maximum 1366x768

e. Koneksi internet dengan kecepatan 6 Mbps

2. Client

a. CPU

a) Prosesor Intel Core2Duo

b) RAM DDR3 >2GB

c) Hard Disk 350 GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar minimum 1024x600

B. Spesifikasi Perangkat Lunak

Perangkat lunak atau software adalah seluruh fase dari sistem pengolahan data

yang diluar dari peralatan komputernya sendiri.Fasilitas software itu sendiri terdiri

dari sistem desain, program dan prosedur-prosedur lainnya. Disini penulis

menerangkan bahwa sistem komputer perangkat komputer yang digunakan saat

ini adalah sebagai berikut:

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows7

Profesional

b. Aplikasi bundle web server seperti: Xampp, yang terdiri dari komponen,

diantaranya:

(1) Aplikasi Apache Server v2.2.11.7

(2) Aplikasi PHP Server v5.0.51b

(3) Aplikasi MySQL Server v5.0.51b

(4) Aplikasi phpMyAdmin v2.11.7

c. Aplikasi Web Browser seperti Mozilla Firefox, Google Chrome, Internet

Explorer.

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows7

Profesional

b. Aplikasi web browser seperti Mozilla Firefox, Google Chrome, Internet

Explorer.

3.4.2. Pengujian Unit

A. Pengujian Halaman Pengunjung

 Skenario Hasil yang Hasil
No Test Case Kesimpulan
Pengujian Diharapkan Pengujian

1 Melihat koleksi Klik Menu Koleksi MenampilkaSemua Sesuai

Buku Terbaru Data Buku Harapan

Valid

2 Kembali Ke Klik Menu Beranda Kembali Ke halaman Sesuai

halaman utama utama Harapan Valid

3 Melihat koleksi Klik salah Menu MenampilkaSemua

Buku kategori Data Buku

Sesuai
berdasarkan berdasarkan kategori
Harapan
Valid
kategori

4 Melihat detail Klik salah satu judul Menampilkan

buku atau cover buku Deskripsi buku

Sesuai

Harapan
Valid

Tabel III.10.
Hasil Pengujian Black Box Testing Halaman LoginMember.

B. Pengujian PeminjamanBuku

Skenario Hasil yang Hasil

No Test Case Kesimpulan
Pengujian Diharapkan Pengujian

1 Meminjam Buku Klik menu pinjam Data peminjaman

yang dipilih pada detail buku selesai dan menuju ke
halaman detail Sesuai
peminjaman Harapan
Valid
 2 Menambahkan Memilih lagi buku Buku yang di pilih
Buku lain pada yang akan di pinjam masuk ke dalam data
peminjaman dengan klik menu peminjaman Sesuai
pinjam pada detail sebelumnya Harapan
Valid
buku

3 Menyelesaikan Memilih atau klik Proses peminjaman

Peminjaman button selesai pada selesai dan menuju ke
detail peminjaman halaman cetak bukti Sesuai
peminjaman Harapan
Valid

4 Cetak Bukti Klik button cetak Sistem akan

Peminjaman bukti mengarahkan anggota
untuk cetak bukti Sesuai
Harapan
Valid

Tabel III.14
Hasil Pengujian Black Box Testing Peminjaman Buku Anggota

C. Pengujian Form LoginAdmin

Skenario Hasil yang Hasil

No Test Case Kesimpulan
Pengujian Diharapkan Pengujian

1 Username Klik menu login System akan

danPasswordtida tanpa mengisi form mengarahkan

Sesuai
k diisikemudian pengguna harus
Harapan
Valid
klik tombol login mengisi form terlebih

dahulu
2 Mengisi Klik Menu login Sistem akan menolak

Username dan setelah mengisi form akses login dan

Sesuai
Password secara secara acak menampilkan
Harapan
acak kemudian “Username dan
Valid
klik tombol login Password Salah”

3 Mengisi Klik Menu login Sistem akan

username dan setelah mengisi form mengalihan ke

Sesuai
password dengan dengan benar halaman admin
Harapan
Valid
benar website

Tabel III.15
Hasil Pengujian Black Box Testing Halaman Login Admin
 BAB IV

PENUTUP

4.1. Kesimpulan

Dalam penyajian informasi, disamping dituntut untuk penyajian data yang

akurat juga dibutuhkan kecepatan dalam hal pengolahan data itu sendiri.

Program yang penulis buat mempunyai kelebihan diantaranya :

1. Dengan adanya sistem informasi perpustakaan inipencarian data tentang buku-

bukuyang dibutuhkan dapat ditemukan dengan cepat.

2. Dengan adanya sistem informasi perpustakaan ini pengawasan dalam

peminjaman buku dapat termonitoring dengan baik.

3. Dengan adanya sistem informasi perpustakaan ini diharapkan dapat

mempermudah pengguna (admin) dalam penyajian laporan sehingga proses

pelaporan dapat dilakukan lebih cepat.

4. Dengan adanya sistem informasi perpustakaan ini diharapkan mempermudah

pengguna program (user) dalam peminjaman buku.

4.2. Saran

Ada beberapa hal yang penulis sarankan bagi pemakai, diantaranya :

1. Setiap pengguna (user) diharuskan memahami terlebih dahulu program yang

akan digunakan.

2. Membuat file backup (cadangan) untuk menghindari hal-hal yang tidak

diinginkan.

3. Selalu update tentang informasi security terbaru, celah keamanan website, serta

ancaman virus atau spyware yang ada di internet.

 DAFTAR PUSTAKA

Arifin, Hasnul. 2011. Kitab Suci Jaringan Komputer dan Koneksi Internet.
Jakarta:PT. Elex Media Komputindo.

Arief, M Rudyanto. 2011. Pemograman Web Dinamis Menggunakan PHP dan

MySQL: C.V Andi Offset.

Pressman,Roger S. 2010.Software EngineeringA Practitioner's Approach. New

York:McGraw-Hill Higher Education.

Simmarmata, Janner. 2010. Rekayasa web. Yogyakarta: C.V Andi Offset.

Riyanto. 2011. Sistem Informasi Penjualan dengan PHP dan MySQL.
Yogyakarta: Gava Media.

Sadeli, Muhammad.2011.7 Jam Belajar Interaktif Dreamweaver CS5 untuk orang

Awam. Palembang: Maxicom.

Saputra, Agus. 2011. Step by step membangun Aplikasi SMS dengan PHP dan
MySQL. Jakarta:PT. Elex Media Komputindo.

S, Rosa A dan M. Salahuddin. 2013. Rekayasa Perangkat Lunak Terstruktur

dan Berorientasi Objek. Bandung: Informatika.

Binanto, Iwan. 2010. Multimedia Digital Dasar Teori dan

Pengembangannya.
Yogyakarta: C.V Andi Offset.

Sutarman. 2009. Pengantar Teknologi Informasi. Jakarta: PT. BumiAksara