Disusun Oleh :
NAMA : ELFAN ROSYANA
NPM : 16271065088
Telah dapat diterima sebagai salah satu syarat menyelesaikan Sarjana Teknik
Informatika di Institut Teknologi Budi Utomo.
i
PROGRAM STUDI TEKNIK INFORMATIKA
FAKUTAS TEKNOLOGI INDUSTRI INSTITUT
TEKNOLOGI BUDI UTOMO
JUDUL SKRIPSI
Dibuat Oleh:
ELFAN ROSYANA
NIM: 16271065088
ii
LEMBAR PERSETUJUAN GELAR
Kami yang bertandatangan dibawah ini menyatakan bahwa Skripsi yang dibuat
oleh:
ELFAN ROSYANA
NIM: 16271065088
Dengan Judul:
SARJANA TEKNIK
Jakarta, 20 Agustus 2022
iii
LEMBAR PERNYATAAN KEASLIAN
Adalah benar hasil karya sendiri, tidak mencontoh atau menduplikasi Skripsi/karya
tulis orang lain. Bilamana dikemudian hari terbukti skripsi saya hasil duplikasi dari
Skripsi/karya tulis orang lain, maka saya bersedia dibatalkan kelulusannya atau proses
pengadilan.
Demikian surat pernyataan ini saya buat tanpa paksaan dan digunakan sesuai
keperluan.
Materai 10.000
(Elfan Rosyana)
iv
PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI UNTUK
KEPENTINGAN AKADEMIK
Sebagai sivitas akademika Institut Teknologi Budi Utomo, saya yang bertanda
tangan di bawah ini:
Nama : Elfan Rosyana
Nomor Induk Mahasiswa : 16271065088
Program Studi : Teknik Informatika
Fakultas : Teknologi Industri
Jenis Karya : Skripsi
Demi mengembangkan ilmu pengetahuan, menyetujui untuk memberikan kepada
Institut Teknologi Budi Utomo Hak Bebas Royalti Nonekslusif atas Skripsi saya
yang berjudul:
Beserta perangkat yang ada (jika ada). Dengan Hak Bebas Royalti Noneksklusif ini
Institut Teknologi Budi Utomo berhak menyimpan, mengalihmedia/format-kan,
mengelola dalam bentuk pangkalan data (database), merawat, dan
mempublikasikan skripsi saya.
Dibuat di : Jakarta
Pada tanggal : 20 Agustus 2022
Yang menyatakan,
Materai 10.000
(Elfan Rosyana)
v
LEMBAR ASISTENSI PEMBIMBING I
vi
LEMBAR ASISTENSI PEMBIMBING II
vii
KATA PENGANTAR
Segala puji dan syukur penulis panjatkan kepada Allah SWT atas karunia-
Nya sehingga penulis dapat menyelesaikan laporan skripsi ini. Skripsi yang
berjudul “Analisis dan Perancangan Sistem Informasi Perpustakaan Berbasis Web
pada SMP Perguruan Rakyat 3” ini disusun sebagai bukti syarat akademis
pelaksanaan mata kuliah Skripsi Program Studi Teknik Informatika di Institut
Teknologi Budi Utomo.
viii
7. Kedua Orang tua yang selalu memberikan dukungan, baik moril maupun
material dan telah menjadi sumber inspirasi dalam menyelesaikan kripsi
ini.
8. Teman-teman semua atas motivasi dan bantuan yang amat berarti bagi
penulis.
9. Semua pihak yang terlibat membantu penulis dalam penyusunan skripsi
ini.
ix
ANALISIS DAN PERANCANGAN SISTEM INFORMASI
PERPUSTAKAAN BERBASIS WEB PADA
SMP PERGURUAN RAKYAT 3
ABSTRAK
x
ANALYSIS AND DESIGN OF WEB-BASED
LIBRARY INFORMATION SYSTEM IN
JUNIOR HIGH SCHOOL PERGURUAN RAKYAT 3
ABSTRACT
xi
DAFTAR ISI
xii
2.1.2 Karakteristik Sistem ....................................................................6
2.1.3 Klasifikasi Sistem ........................................................................8
2.2 Software Development Life Cycle (SDLC) .......................................9
2.2.1 Model Pengembangan Waterfall ................................................. 10
2.3 Pengertian Perpustakaan .....................................................................10
2.4 Maksud Dan Tujuan Perpustakaan ..................................................... 10
2.5 Peran, Tugas Dan Fungsi Perpustakaan .............................................11
2.6 Unified Modeling Language (UML) .................................................. 12
2.6.1 Use Case Diagram ......................................................................12
2.6.2 Activity Diagram .........................................................................12
2.6.3 Sequence Diagram ......................................................................13
2.6.4 Class Diagram.............................................................................13
2.7 Pola Pikir/Kerangka Pemikiran .......................................................... 13
2.8 Sistem Basis Data (Database) ............................................................ 13
2.9 XAMPP .............................................................................................. 14
2.10 Coding Program ................................................................................. 14
2.11 Definisi Bahasa Pemrograman Web ................................................... 14
2.12 HTML (Hyper Text Markup Language) ............................................15
2.13 CSS (Cascading Style Sheet) .............................................................. 15
2.14 PHP (PHP Hypertext Processor) ....................................................... 16
2.15 Definisi Web Browser ........................................................................16
2.16 Definisi Website ................................................................................. 17
2.17 Definisi MySQL ................................................................................. 17
2.18 Definisi Framework ............................................................................18
2.19 Definisi Bootstrap ..............................................................................18
2.20 Struktur Navigasi ................................................................................19
2.20.1 Struktur Navigasi Linier .............................................................. 19
2.20.2 Struktur Navigasi Hirarki ............................................................ 19
2.20.3 Struktur Navigasi Non Linier ...................................................... 20
2.20.4 Struktur Navigasi Campuran ....................................................... 20
2.21 Testing atau Pengujian........................................................................21
xiii
2.21.1 Black Box Testing ........................................................................21
xiv
4.5.4 Desain Tampilan - Halaman Menu Master Data ......................... 54
4.5.4.1 Desain Tampilan - Menu Data Anggota .............................. 54
4.5.4.2 Desain Tampilan - Menu Data Penerbit ............................... 55
4.5.4.3 Desain Tampilan - Menu Data Administrator ...................... 56
4.5.4.4 Desain Tampilan - Menu Data Peminjaman ........................ 57
4.5.5 Desain Tampilan - Halaman Menu Katalog Buku ...................... 58
4.5.5.1 Desain Tampilan - Menu Data Buku....................................58
4.5.5.2 Desain Tampilan - Menu Kategori Buku ............................. 59
4.5.6 Desain Tampilan - Halaman Laporan Perpustakaan ................... 60
4.5.7 Desain Tampilan - Halaman Identitas Applikasi ........................ 61
4.5.8 Desain Tampilan - Halaman Pesan Admin .................................62
4.5.9 Desain Tampilan - Keluar Applikasi Perpustakaan .................... 63
4.5.10 Desain Tampilan - Dashboard Hal. Anggota Perpustakaan ........64
4.5.11 Desain Tampilan - Halaman Menu Peminjaman Buku ..............64
4.5.12 Desain Tampilan - Halaman Menu Pengembalian Buku ............65
4.5.13 Desain Tampilan - Halaman Pesan Anggota .............................. 66
4.5.14 Desain Tampilan - Halaman Profil Saya.....................................67
4.6 Hasil Implementasi Sistem .................................................................68
4.6.1 Tampilan - Halaman Login ......................................................... 68
4.6.2 Tampilan - Halaman Daftar Sebagai Member Baru ................... 69
4.6.3 Tampilan – Dashboard Halaman Admin Perpustakaan ..............70
4.6.4 Tampilan - Halaman Menu Master Data ....................................71
4.6.4.1 Menu Data Anggota ............................................................. 71
4.6.4.2 Menu Data Penerbit .............................................................. 72
4.6.4.3 Menu Data Administrator..................................................... 73
4.6.4.4 Menu Data Peminjaman ....................................................... 74
4.6.5 Tampilan - Halaman Menu Katalog Buku ..................................74
4.6.5.1 Menu Data Buku ..................................................................74
4.6.5.2 Menu Kategori Buku ............................................................ 75
4.6.6 Tampilan - Halaman Laporan Perpustakaan ............................... 76
4.6.7 Tampilan - Halaman Identitas Applikasi ....................................78
xv
4.6.8 Tampilan - Halaman Pesan Admin .............................................78
4.6.9 Tampilan - Keluar Applikasi Perpustakaan ................................ 80
4.6.10 Tampilan - Dashboard Halaman Anggota Perpustakaan ............80
4.6.11 Tampilan - Halaman Menu Peminjaman Buku .......................... 81
4.6.12 Tampilan - Halaman Menu Pengembalian Buku ........................ 82
4.6.13 Tampilan - Halaman Pesan Anggota ..........................................83
4.6.14 Tampilan - Halaman Profil Saya................................................. 84
4.7 Testing atau Pengujian........................................................................85
4.7.1 Rencana Testing atau Pengujian ................................................. 85
4.7.2 Hasil Testing atau Pengujian ....................................................... 86
4.7.3 Kesimpulan Hasil Testing atau Pengujian ..................................92
xvi
DAFTAR TABEL
xvii
DAFTAR GAMBAR
xviii
Gambar 4.22 Desain Tampilan Login ............................................................... 53
Gambar 4.23 Desain Tampilan Daftar Member Baru .......................................53
Gambar 4.24 Desain Tampilan Dashboard Halaman Admin Perpustakaan .....54
Gambar 4.25 Desain Tampilan Menu Data Anggota Perpustakaan.................. 54
Gambar 4.26 Desain Tampilan Tambah Anggota Perpustakaan ...................... 55
Gambar 4.27 Desain Tampilan Menu Data Penerbit Buku ............................... 55
Gambar 4.28 Desain Tampilan Menu Tambah Data Penerbit Buku................. 56
Gambar 4.29 Desain Tampilan Menu Data Administrator ............................... 56
Gambar 4.30 Desain Tampilan Menu Tambah Data Administrator ................. 57
Gambar 4.31 Desain Tampilan Menu Data Peminjaman Buku ........................ 57
Gambar 4.32 Desain Tampilan Menu Data Buku .............................................58
Gambar 4.33 Desain Tampilan Menu Tambah Buku .......................................58
Gambar 4.34 Desain Tampilan Menu Kategori Buku.......................................59
Gambar 4.35 Desain Tampilan Menu Tambah Kategori Buku ........................ 59
Gambar 4.36 Desain Tampilan Menu Tanggal Peminjaman Buku .................. 60
Gambar 4.37 Desain Tampilan Menu Tanggal Pengembalian Buku ................60
Gambar 4.38 Desain Tampilan Menu Nama Anggota/Siswa ........................... 61
Gambar 4.39 Desain Tampilan Menu Edit Identitas Applikasi &
Menampilkan Identitas Applikasi ...............................................61
Gambar 4.40 Desain Tampilan Menu Daftar Pesan Masuk .............................. 62
Gambar 4.41 Desain Tampilan Menu Daftar Pesan Terkirim .......................... 62
Gambar 4.42 Desain Tampilan Form Tambah Pesan Baru .............................. 63
Gambar 4.43 Desain Tampilan Keluar Aplikasi Perpustakaan ......................... 63
Gambar 4.44 Desain Tampilan Menu Dashboard Halaman Anggota
Perpustakaan ................................................................................64
Gambar 4.45 Desain Tampilan Form Peminjaman Buku .................................64
Gambar 4.46 Desain Tampilan Daftar Riwayat Peminjaman Buku ................. 65
Gambar 4.47 Desain Tampilan Form Pengembalian Buku .............................. 65
Gambar 4.48 Desain Tampilan Daftar Riwayat Pengembalian Buku ...............65
Gambar 4.49 Desain Tampilan Daftar Pesan Masuk ........................................66
Gambar 4.50 Desain Tampilan Daftar Pesan Terkirim .....................................66
xix
Gambar 4.51 Desain Tampilan Form Tambah Pesan Baru .............................. 67
Gambar 4.52 Desain Tampilan Edit Profil Saya Dan Menampilkan
Profil Saya ................................................................................... 67
Gambar 4.53 Form Login Admin dan Member Perpustakaan .......................... 68
Gambar 4.54 Form Daftar Member Baru Perpustakaan ...................................69
Gambar 4.55 Form Tampilan Dashboard Halaman Admin Perpustakaan........70
Gambar 4.56 Menampilkan Data Anggota Perpustakaan .................................71
Gambar 4.57 Form Tambah Data Anggota Perpustakaan ................................ 71
Gambar 4.58 Menampilkan Data Penerbit Buku ..............................................72
Gambar 4.59 Form Tambah Data Penerbit Buku .............................................72
Gambar 4.60 Menampilkan Data Administrator ...............................................73
Gambar 4.61 Form Tambah Data Administrator ..............................................73
Gambar 4.62 Menampilkan Data Peminjaman Buku........................................74
Gambar 4.63 Menampilkan Data Buku............................................................. 74
Gambar 4.64 Form Tambah Data Buku Baru ................................................... 75
Gambar 4.65 Menampilkan Kategori Buku ...................................................... 75
Gambar 4.66 Form Tambah Data Kategori Buku .............................................76
Gambar 4.67 Menampilkan Data Berdasarkan Tanggal Peminjaman ..............76
Gambar 4.68 Menampilkan Data Berdasarkan Tanggal Pengembalian ...........77
Gambar 4.69 Menampilkan Data Berdasarkan Nama Anggota/Siswa .............77
Gambar 4.70 Edit Identitas Applikasi & Menampilkan Identitas Applikasi ....78
Gambar 4.71 Menampikan Daftar Pesan Masuk ..............................................78
Gambar 4.72 Menampilkan Daftar Pesan Terkirim ..........................................79
Gambar 4.73 Form Tambah Pesan Baru ........................................................... 79
Gambar 4.74 Keluar Aplikasi Perpustakaan ..................................................... 80
Gambar 4.75 Tampilan Menu Dashboard Halaman Anggota Perpustakaan ....80
Gambar 4.76 Tampilan Form Peminjaman Buku .............................................81
Gambar 4.77 Tampilan Daftar Riwayat Peminjaman Buku ............................. 81
Gambar 4.78 Tampilan Form Pengembalian Buku ..........................................82
Gambar 4.79 Tampilan Daftar Riwayat Pengembalian Buku ........................... 82
Gambar 4.80 Tampilan Daftar Pesan Masuk .................................................... 83
xx
Gambar 4.81 Tampilan Daftar Pesan Terkirim ................................................. 83
Gambar 4.82 Tampilan Form Tambah Pesan Baru...........................................84
Gambar 4.83 Tampilan Edit Profil Saya Dan Menampilkan Profil Saya .........84
xxi
DAFTAR LAMPIRAN
xxii
BAB I
PENDAHULUAN
1
mempermudah proses manajemen, peminjaman dan pengembalian buku
pada perpustakaan SMP Perguruan Rakyat 3.
1.2 Permasalahan
1.2.1 Identifikasi Masalah
Berdasarkan latar belakang masalah diatas, dapat identifikasi
masalah yaitu :
1. Perpustakaan di SMP Perguruan Rakyat 3 belum memiliki sistem
informasi perpustakaan.
2. Proses pendaftaran keanggotaan, peminjaman dan pengembalian buku
masih dilakukan secara manual.
3
BAB I PENDAHULUAN
Menjelaskan tentang latar belakang masalah, identifikasi masalah,
rumusan masalah, batasan masalah serta tujuan dan manfaat
penelitian, metode penelitian, metode penelitian dan sistematika
penulisan.
4
BAB II
TINJAUAN PUSTAKA
5
untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran
tertentu”. Widiansyah, A. (2018, p.229-234)[4]
Pendekatan sistem yang lebih menekankan pada elemen atau
komponennya mendefinisikan sistem bahwa, “sistem adalah kumpulan
elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu”.
Hendra, F. (2021)[3]
6
4. Penghubung (interface)
Penghubung (interface) merupakan media penghubung
antara satu subsistem dengan subsistem yang lainnya. Penghubung
inilah yang akan menjadi media yang digunakan data dari masukan
(input) hingga keluaran (output). Dengan adanya penghubung, suatu
subsistem dapat berinteraksi dan berintegrasi dengan subsistem
yang lain membentuk satu kesatuan.
5. Masukan (input)
Masukan atau input merupakan energi yang dimasukan ke
dalam sistem. Masukan dapat berupa masukan perawatan
(maintenance input), yaitu bahan yang dimasukkan agar sistem
tersebut dapat beroperasi dan masukan sinyal (signal input), yaitu
masukan yang diproses untuk mendapatkan keluaran.
6. Pengolahan (process)
Pengolahan (process) merupakan bagian yang melakukan
perubahan dari masukan untuk menjadi keluaran yang diinginkan.
7. Keluaran (output)
Keluaran (output) merupakan hasil dari pemrosesan.
Keluaran dapat berupa informasi sebagai masukan pada sistem lain
atau hanya sebagai sisa pembuangan.
8. Sasaran (objectives)
Suatu sistem pasti memiliki sasaran (objective) atau
tujuan (goal). Apabila sistem tidak mempunyai sasaran, maka
operasi sistem tidak akan ada gunanya.
9. Tujuan (goal).
Bertujuan untuk mengarahkan suatu sistem. Tanpa adanya
tujuan, sistem menjadi tidak terarah dan terkendali.
7
Gambar 2.1 Karakteristik Suatu Sistem
9
2. Model prototype (prototyping model), Dimulai dengan pengumpulan
kebutuhan dan perbaikan, desain cepat, pembentukan prototipe, evaluasi
pelanggan terhadap prototipe, perbaikan prototipe dan produk akhir.
3. Rapid Application Development (RAD) Model, dengan kegiatan
dimulai pemodelan bisnis, pemodelan data, pemodelan proses,
pembangkitan aplikasi dan pengujian.
10
manusia (ilmu pengetahuan, teknologi, dan budaya) melalui aktivitas
pemeliharaan dan pengawetan koleksi. Sebagai agen perubahan (agent of
changes) dan agen kebudayaan serta pusat informasi dan sumber belajar
mengenai masa lalu, sekarang dan masa yang akan datang, selain itu juga
dapat menjadi pusat penelitian, rekreasi dan aktifitas ilmiah lainnya. Tujuan
pendirian perpustakaan untuk menciptakan masyarakat terpelajar dan terdi-
dik, terbiasa membaca, budaya tinggi serta mendorong terciptanya
pendidikan sepanjang hayat Menurut Erdianti, R. (2021: 137-159)[9].
11
sarana untuk belajar baik dilingkungan formal maupun non formal.
4. Fungsi rekreasi, masyarakat dapat menik- mati rekreasi cultural
dengan membaca dan mengakses berbagai sumber informasi
hiburan seperti: novel, cerita rakyat, puisi dan sebagainya.
5. Fungsi kultural, Perpustakaan berfungsi untuk mendidik dan
mengembangkan apresiasi budaya masyarakat melalui berbagai
aktifitas, seperti pameran, pertunjukan, bedah buku, mendongeng,
seminar dan sebagainya.
12
2.6.3 Sequence Diagram
Sequence Diagram menjelaskan interaksi objek yang disusun
berdasarkan urutan waktu. Secara mudahnya sequence diagram adalah
gambaran tahap demi tahap, termasuk kronologi (urutan) perubahan secara
logis yang seharusnya dilakukan untuk menghasilkan sesuatu sesuai dengan
use case diagram (Wahyudi, J. 2019)[12].
13
suatu basis data dalam bentuk fisik. Adapun database yang digunakan
adalah sebagai berikut:
1. MySQL untuk server basis data
2. phpMyAdmin untuk mengelola database MySQL
2.9 XAMPP
Menurut Ferdika, M., & Kuswara, H. (2017:157-188)[15] “XAMPP
adalah sebuah software web browser yang di dalamnya sudah tersedia
database server MySQL dan support php programming”. XAMPP
merupakan software yang mudah digunakan, gratis, dan mendukung
instalasi di Linux dan Windows. Keuntungan lainnya adalah dengan
menginstal satu kali sudah tersedia apache, web server, MySQL, database
server, php support (php4 dan php5) dan beberapa modul lainnya.
14
lain sebagainya. Dalam membangun website, ada banyak jenis bahasa
pemograman yang dapat digunakan diantaranya.
16
2.16 Definisi Website
Website adalah kumpulan halaman-halaman yang digunakan untuk
mempublikasikan informasi berupa teks, gambar dan program multimedia
lainnya berupa animasi (gambar gerak, tulisan gerak), suara dan atau
gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait antara satu page
dengan page yang lain yang sering disebut sebagai hyperlink. Website
biasanya terangkum dalam sebuah domain atau subdomain yang tempatnya
berada di dalam World Wide Web (www) di internet. Sebuah Web Page
adalah dokumen yang ditulis dalam format HTML yang hampir selalu bisa
diakses melalui HTTP, yaitu protocol yang bisa menyampaikan informasi
dari server website untuk ditampilkan kepada para pemakai melalui web
browser. Semua publikasi dari website-website tersebut dapat membentuk
sebuah jaringan informasi yang sangt besar.
Halaman-halaman dari website akan bisa diakses melaui sebuah
URL yang bisa disebut Homepage. URL ini mengatur halaman-halaman
situs untuk menjadi sebuah hirarki, meskipun hyperlink-hyperlink yang ada
di halaman tersebut mengatur para pembaca dan memberitahu mereka
susunan keseluruhan dan bagaimana arus informasi ini berjalan. Beberapa
website membutuhkan subskripsi (data masukan) agar para user bisa
mengakses sebagian atau keseluruhan isi web tersebut. Contohnya, pada
beberapa situs-situs bisnis dan situs-situs email gratisan yang membutuhkan
sub-skripsi agar kita bisa mengakses situs tersebut.
17
2.18 Definisi Framework
Secara umum, framework menggunakan struktur MVC (Model View
Controller). “Framework adalah sekumpulan library yang diorganisasikan
pada sebuah rancangan arsitektur untuk memberikan kecepatan, ketepatan,
kemudahan dan konsistensi didalam pengembangan aplikasi dari definisi
tersebut” Menurut Gunawan, V. (2020)[19]. Fungsinya untuk
mengembangkan perangkat lunak dengan penyusunan kode secara
terstruktur dan konsisten. Kode yang baik tentu saja merupakan kode yang
dapat dimengerti oleh mesin serta pengembang.
18
2.20 Struktur Navigasi
Struktur Navigasi adalah alur yang digunakan dalam aplikasi yang
dibuat. Sebelum menyusun aplikasi multimedia kedalam sebuah software,
kita harus menentukan terlebih dahulu alur apa yang akan digunakan dalam
aplikasi yang dibuat. Bentuk dasar dari struktur navigasi yang biasa
digunakan dalam proses pembuatan aplikasi multimedia ada empat macam,
yaitu struktur navigasi linier, hirarki, non linier dan campuran.
19
2.20.3 Struktur Navigasi Non Linier
Struktur navigasi non linier (tidak terurut) merupakan
pengembangan dari struktur navigasi linier, hanya saja pada struktur ini
diperkenankan untuk membuat percabangan. Percabangan pada struktur
non linier berbeda dengan percabangan pada struktur hirarki, pada struktur
ini kedudukan semua page sama, sehingga tidak dikenal adanya master atau
slave page.
20
2.21 Testing atau Pengujian
Testing atau Pengujian adalah satu set aktifitas yang direncanakan
dan sistematis untuk menguji atau mengevaluasi kebenaran yang
diinginkan. Aktifitas pengujian terdiri dari satu set atau sekumpulan langkah
dimana dapat menempatkan desain kasus uji yang spesifik Kualitas
perangkat lunak bergantung kepada kepuasan pelanggan dan kualitas
sebuah perangkat lunak perlu dijaga dengan sejumlah alasan sebagai
berikut:
1. Dapat bertahan hidup didunia bisnis perangkat lunak.
2. Dapat bersaing dengan perangkat lunak lainnya.
3. Penting untuk pemasaran global
4. Mengefektifkan biaya agar tidak banyak membuang perangkat lunak
karena kegagalan pemasaran atau produksi
5. Mempertahankan pelanggan dan meningkatkan keuntungan Untuk
pengujian yang lengkap maka suatu perangkat lunak harus diuji dengan
white box testing dan black box testing, tetapi pada penelitian ini hanya
menggunakan pengujian black box testing.
21
BAB III
METODOLOGI
23
3.3.1.1 Observasi
3.3.1.2 Wawancara
Tahap selanjutnya, yaitu melakukan wawancara dan menyiapkan
dokumentasi berupa form wawancara yang telah dibuat untuk kemudian
digunakan dalam wawancara kepada pustakawan SMP Perguruan Rakyat 3.
Hasil dari wawancara tersebut yang akan digunakan untuk melengkapi
perencanaan pembuatan sistem aplikasi yang akan dibuat.
24
3.3.2 Waktu dan Tempat Penelitian
26
Gambar 3.2 Activity Diagram Yang Sedang Berjalan
28
2. Desain.
Desain perangkat lunak adalah proses multi langkah yang
fokus pada desain pembuatan program perangkat lunak termasuk
struktur data, arsitektur perangkat lunak, representasi antar muka
dan prosedur pengkodean. Tahap ini mentranslasi kebutuhan
perangkat dari tahap analisis kebutuhan ke reprentasi desain agar
dapat di implementasikan program pada tahap selanjutnya. Desain
perangkat lunak yang dihasilkan pada tahap ini juga perlu
didokumentasikan.
4. Pengujian.
Pengujian fokus pada perangkat lunak dari segi logik dan
fungsional serta memastikan bahwa semua bagian sudah diuji. Hal
ini dilakukan untuk meminimalisir kesalahan (error) dan
memastikan keluaran yang dihasilkan sesuai dengan yang
diinginkan.
30
Tabel 4.1 Kebutuhan Fungsional
No Nama Tujuan Deskripsi Aktor Kondisi Awal Kondisi Akhir
Sistem menerima data
User belum
identifikasi user dan
masuk ke Hak akses pengguna
1 Memastikan hak berdasarkan data tersebut Admin,
Login dalam aplikasi sebagai user sudah
akses user memutuskan apakah pengguna Anggota dipastikan
sistem
memiliki hak akses sebagai
perpustakaan
user
Sistem menampilkan data buku
yang belum diolah, kemudian
Memperbaharui
2 Pengolahan Data user memperbaharui data Anggota User sudah Data buku sudah
data buku oleh
Buku dalam sistem, apakah data perpustakaan terautentikasi terupdate
petugas
buku ditambah, edit, dicari
atau dihapus
Sistem menampilkan data
anggota yang belum diolah, Petugas,
Memperbaharui
3 Pengolahan Data kemudian user memperbaharui Anggota Sistem Data anggota sudah
data anggota oleh
Anggota data dalam sistem, apakah data perpustakaan informasi update
petugas
anggota ditambah, edit, dicari perpustakaan
ataudihapus
Sistem menampilkan data
petugas yang belum diolah,
Memperbaharui
4 Pengolahan Data kemudian user memperbaharui Administrator User sudah Data petugas sudah
data anggota oleh
Petugas data dalam sistem, perpustakaan terautentikasi update
admin
apakah data petugas ditambah,
edit, dicari ataudihapus
32
Menghasilkan
Sistem menampilkan laporan
laporan data buku, Menghasilkan
yang belum diolah, kemudian
5 Pengolahan data anggota, data Administrator User sudah laporan dari setiap
user membuat laporan dari data
Laporan petugas, data perpustakaan terautentikasi data yang terdapat
yang
peminjaman dan dalam sistem
terdapat dalam sistem
data pengembalian
Menghasilkan data
Sistem menampilkan data
6 Pengolahan Data Menghasilkan data Administrator User sudah peminjaman yang
peminjaman yang belum
Peminjaman Buku peminjaman buku perpustakaan terautentikasi terdapat dalam
diolah
sistem
Menghasilkan data
Sistem menampilkan data
7 Pengolahan Data Menghasilkan data Administrator User sudah pengembalian yang
pengembalian yang belum
Pengembalian Buku peminjaman buku perpustakaan terautentikasi terdapat dalam
diolah
sistem
33
4.1.2 Kebutuhan Non Fungsional
Kebutuhan non fungsional merupakan analisis yang dibutuhkan
untuk menentukan spesifikasi kebutuhan sistem, baik kebutuhan
perangkat lunak maupun perangkat keras. Kebutuhan non fungsional dari
sistem informasi perpustakaan di SMP Perguruan Rakyat 3 adalah sebagai
berikut:
1. Perangkat Lunak
a. Microsoft Windows (64-bit) sebagai sistem operasi
b. Mozilla Firefox, Internet Explorer, Google Chrome sebagai web
browser
2. Perangkat Keras
a. Komputer/Laptop
b. Prosesor: Intel Core 2
c. RAM: 2Gb
d. Harddisk: 500Gb
34
Gambar 4.1 Use Case Diagram Sistem Perpustakaan
2. Admin
Dalam sistem informasi ini, admin dapat melakukan beberapa hal berikut
ini:
a. Melakukan login sebelum melihat data.
b. Melihat semua data, yaitu data dashboard, data pengguna, data buku,
kategori buku, peminjaman buku, pengembalian buku, denda, dan
laporan perpustkaan.
c. Mengedit data, yaitu data pengguna, data penerbit, data buku dan
kategori buku.
d. Menghapus data, yaitu data pengguna, data penerbit, data buku dan
kategori buku.
e. Menambah data, yaitu data pengguna, data penerbit, data buku dan
kategori buku.
f. Mencari semua data, yaitu data data pengguna, buku, kategori,
peminjaman, dan denda.
g. Mengirim pesan, melihat riwayat pesan masuk dan pesan terkirim.
h. Melakukan logout setelah login.
36
a. Aktivitas Daftar Member Baru
37
c. Aktivitas Peminjaman Buku
38
e. Aktivitas Kirim Pesan
39
g. Aktvitas Edit Data (Pengguna Member/Admin, Data Penerbit, Data
Buku, Kategori Buku)
40
i. Aktivitas Logout Anggota atau Admin
41
b. Sequence Diagram Login Anggota atau Admin
42
d. Sequence Diagram Pengembalian Buku
43
f. Sequence Diagram Tambah Data (Pengguna Member/Admin, Data
Penerbit, Data Buku, Kategori Buku)
45
4.2.4 Class Diagram
Class Diagram adalah suatu diagram yang memperlihatkan atau
menampilkan struktur dari sebuah sistem, sistem tersebut akan
menampilkan sistem kelas, atribut, dan hubungan antara kelas.
46
Tabel 4.2 Rancangan Tabel Buku
No Field Name Data Type Size Keterangan
1 Id_buku Int 11 Id buku (Primary Key)
2 Judul_buku Varchar 100 Judul buku
3 Kategori_buku Varchar 50 Kategori buku
4 Penerbit_buku Vachar 50 Penerbit buku
5 Pengarang Varchar 30 Pengarang buku
6 Tahun_terbit Varchar 4 Tahun buku terbit
7 Isbn Int 20 Kode unik identifikasi buku
8 J_buku_baik Varchar 10 Jumlah buku baik
9 J_buku_rusak Varchar 10 Jumlah buku rusak
47
Pada tabel 4.3 terdapat 5 field yaitu: id_Identitas merupakan kunci
utama pada tabel Identitas, Nama_app, Alamat_app, Email_app,
Nomor_hp.
48
4 Status varchar 20 Status pemberitahuan
49
Tanggal_peminjaman, Tanggal_pengembalian,
Kondisi_buku_saat_dipinjam, Kondisi_buku_saat_dikembalikan, Denda.
50
3 Pengirim Varchar 20 Pengirim pesan keluar
4 Judul_pesan Vachar 20 Judul pesan
5 Isi_pesan Text 100 Isi pesan
6 Status Varchar 20 Status pesan
7 Tanggal_kirim Varchar 10 Tanggal pesan dikirim
51
4.4 Desain Struktur Navigasi Sistem
Struktur navigasi adalah struktur atau alur dari aplikasi program
yang dibuat. Berikut ini navigasi Sistem Informasi Perpustakaan SMP
Perguruan Rakyat 3:
52
4.5 Desain Tampilan Sistem
Desain tampilan perangkat lunak adalah desain tampilan program
yang didesain. Hasil desain tampilan perangkat lunak dapat dilihat pada
gambar-gambar di bawah ini:
53
4.5.3 Desain Tampilan - Dashboard Halaman Admin Perpustakaan
54
Gambar 4.26 Desain Tampilan Tambah Anggota Perpustakaan
56
Gambar 4.30 Desain Tampilan Menu Tambah Data Administrator
57
4.5.5 Desain Tampilan - Halaman Menu Katalog Buku
4.5.5.1 Desain Tampilan - Menu Data Buku
58
4.5.5.2 Desain Tampilan - Menu Kategori Buku
59
4.5.6 Desain Tampilan - Halaman Laporan Perpustakaan
60
Gambar 4.38 Desain Tampilan Menu Nama Anggota/Siswa
Gambar 4.39 Desain Tampilan Menu Edit Identitas Applikasi & Menampilkan
Identitas Applikasi
61
4.5.8 Desain Tampilan - Halaman Pesan Admin
62
Gambar 4.42 Desain Tampilan Form Tambah Pesan Baru
63
4.5.10 Desain Tampilan - Dashboard Halaman Anggota Perpustakaan
64
Gambar 4.46 Desain Tampilan Daftar Riwayat Peminjaman Buku
65
4.5.13 Desain Tampilan - Halaman Pesan Anggota
66
Gambar 4.51 Desain Tampilan Form Tambah Pesan Baru
Gambar 4.52 Desain Tampilan Edit Profil Saya Dan Menampilkan Profil Saya
67
4.6 Hasil Implementasi Sistem
Keterangan :
1. Nama Pengguna : Digunakan untuk mengisi data pengguna sebagai
login admin dan member.
2. Kata Sandi : Digunakan untuk mengisi kata sandi sebagai
login admin dan member.
68
4.6.2 Tampilan - Halaman Daftar Sebagai Member Baru
Keterangan :
1. Nama Lengkap : Di isi nama lengkap yang akan didaftarkan
sebagai member.
2. Nama Pengguna : Di isi nama pengguna untuk login aplikasi
perpustakaan.
3. Kata Sandi : Di isi kata sandi untuk login aplikasi
perpustakaan.
69
4.6.3 Tampilan - Dashboard Halaman Admin Perpustakaan
70
4.6.4 Tampilan - Halaman Menu Master Data
4.6.4.1 Menu Data Anggota
71
4.6.4.2 Menu Data Penerbit
72
4.6.4.3 Menu Data Administrator
73
4.6.4.4 Menu Data Peminjaman
74
Gambar 4.64 Form Tambah Data Buku Baru
75
Gambar 4.66 Form Tambah Data Kategori Buku
76
Gambar 4.68 Menampilkan Data Berdasarkan Tanggal Pengembalian
77
4.6.7 Tampilan - Halaman Identitas Applikasi
78
Gambar 4.72 Menampilkan Daftar Pesan Terkirim
79
4.6.9 Tampilan - Keluar Applikasi Perpustakaan
80
3. Menu Pengembalian Buku : Untuk Melakukan Pengisian Formulir
Pengembalian Buku & Untuk Menampilkan Riwayat Pengembalian Buku
4. Menu Pesan : Untuk Melakukan Kirim Pesan &
Menampilkan Pesan Masuk, Pesan Terkirim
5. Menu Profil Saya : Untuk Melakukan Edit/Setting Profil
Member & Menampilkan Informasi Profil Member
6. Menu Keluar : Untuk Keluar Aplikasi Perpustakaan
81
4.6.12 Tampilan - Halaman Menu Pengembalian Buku
82
4.6.13 Tampilan - Halaman Pesan Anggota
83
Gambar 4.82 Tampilan Form Tambah Pesan Baru
Gambar 4.83 Tampilan Edit Profil Saya Dan Menampilkan Profil Saya
84
4.7 Testing atau Pengujian
Testing atau Pengujian merupakan tahap penting dalam tahap
pengembangan aplikasi yang dibuat. Tujuan dilakukannya testing adalah
untuk mengetahui adanya kelemahan atau error dari aplikasi yang dibuat.
Pengujian ini menggunakan metode black box. Pengujian black box ini
yang diuji adalah masukan dan keluarnya tanpa mengetahui apa yang
sesungguhnya terjadi dalam sistem.
85
4.7.2 Hasil Testing atau Pengujian
1. Pengujian Login Admin & Member
Pengujian login dilakukan hanya untuk yang sudah terdaftar.
86
Tabel 4.12 Pengujian Data Anggota
87
3. Pengujian Data Penerbit
Berikut adalah tabel pengujian Data Penerbit
88
4. Pengujian Data Administrator
Berikut adalah tabel pengujian Data Aministrator
89
5. Pengujian Data Buku
Berikut adalah tabel pengujian Data Buku
90
6. Pengujian Pengisian Formulir Peminjaman Buku
Berikut tabel pengujian pengisian formulir peminjaman buku
91
Kasus Dan Pengujian Data Yang Salah
Pengisian Muncul pesan Textbox dan ok Diterima
Textbox dengan “gagal” berfungsi dengan
data kosong lalu pengembalian baik
klik “kirim” buku gagal
92
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
5.2 Saran
Adapun saran yang diberikan penulis yaitu sebagai berikut:
1. Bagi pengembangan kedepanya sistem informasi perpustakaan
SMP Perguruan Rakyat 3 diharapkan untuk menggunakan
sistem barcode untuk pengelolaannya.
2. Bagi pengembangan kedepanya diharapkan sistem
perpustakaan SMP Perguruan Rakyat 3 berbasis web ini bisa
menambahkan e-book yang bisa di download oleh pengunjung
perpustakaan di halaman web perpustakaan.
93
3. Bagi pengembangan kedepanya diharapkan ditambahkan
halaman-halaman lain untuk halaman yang digunakan untuk
berinteraksi dengan siswa seperti menambahkan halaman
sejarah perpustakaanya, visi dan misi perpustakaan dan lainya.
94
DAFTAR PUSTAKA
97
LAMPIRAN
A-1
Lampiran 2: Surat Hasil Wawancara Awal
A-2
Lampiran 3: Hasil Observasi - Foto Ruang & Lingkungan Perpustakaan
A-3
Lampiran 4: Form Testing - Wawancara Aplikasi
A-4
Lampiran 5: Form Testing - Bukti Pelaksanaan
A-5