Jurnal Poliprofesi

ISSN: 1979-9241

PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

DENGAN METODE RAPID APPLICATION DEVELOPMENT (RAD) DAN
FRAMEWORK CSS BOOTSTRAP

Mika Mandasari1), Roberto Kaban2)

Teknik Informatika
Institut Teknologi dan Bisnis Indonesia
email:
mikamandasari13@gmail.com1
roberto.kaban@yahoo.com2

Abstract
Perpustakaan adalah koleksi buku dan majalah. Perpustakaan dapat dijadikan sistem
terkomputerisasi yang dapat dirancang menggunakan metode Rapid Application Development dimana
metode tersebut memiliki 3 tahapan yaitu perencanaan syarat-syarat, workshop desain, dan
implementasi. Dan menggunakan Framework Bootstrap sebagai library css. Selain itu sistem informasi
perpustakaan juga menggunakan Framework tambahan dari Codeigniter sebagai kerangka kerja
sehingga struktur pemograman rapi, baik dari segi kode maupun struktur file php. Menggunakan
database MariaDB untuk penyimpanan data-data informasi yang ada pada sistem informasi
perpustakaan.

Keywords: Perpustakaan, Bootstrap, Rapid Application Development (RAD), Codeigniter.

1. PENDAHULUAN anggota perpustakaan yang ingin mencari

Dengan semakin berkembangnya zaman
yang di dorong oleh perubahan dinamika
masyarakat yang semakin cepat sehingga
teknologi komputer adalah salah satu produk
yang dapat membantu mempermudah manusia
dalam melakukan pengolahan data serta
menyajikan informasi secara cepat, tepat dan
akurat.
Oleh karena itu, perpustakaan dapat
dijadikan sebuah sistem yang
terkomputerisasi. Dalam bentuk tersebut
perpustakaan dapat dikerjakan secara optimal
oleh petugas dan juga memudahkan bagi
anggota perpustakaan. Pada kampus Institut
Teknologi dan Bisnis Indonesia memiliki
perpustakaan yang berisikan banyaknya
macam buku. Dimana perpustakaan tersebut
dijalankan dengan cara yang manual. Namun
hal tersebut masih dikatakan belum cukup
efektif dan efesien apabila petugas
menghadapi banyaknya anggota perpustakaan
yang melakukan peminjaman dan
pengembalian buku sehingga akan menguras
kinerja dan waktu petugas.
Sebab itu, perlu dibuat sebuah sistem yang
terkomputerisasi dalam mengelola
perpustakaan. Sehingga dapat meminimalisir
kegiatan yang akan menguras kinerja dan
waktu petugas. Tidak hanya untuk petugas
saja namun juga akan memudahkan bagi
buku, meminjam dan mengembalikan buku.
Strategi yang akan dilakukan ialah dengan
merancang sistem informasi perpustakaan
dengan metode Rapid Application
Development (RAD). Dimana metode tersebut
terdiri dari 3 siklus tahapan yaitu, perencanaan
syarat-syarat, workshop desain, dan
implementasi[1].
Dalam merancang sistem informasi pada
perpustakaan Institut Teknologi dan Bisnis
Indonesia, penulis menggunakan Front-
end Framework (CSS) Bootstrap. Bootstrap
merupakan framework CSS yang sangat
populer dengan didukung banyaknya artikel,
tutorial serta plugin dan ekstensi dari pihak
ketiga, pembuatan tema dan lain sebagainya.
Hal ini yang menjadi alasan banyak orang
memilih dan menggunakan bootstrap.
Bootstrap juga mendukung berbagai tampilan
platform dan web browser dibandingkan
dengan kerangka CSS responsive yang lain
sehingga bootstrap banyak digunakan oleh
kalangan web desainer dan developer[2].
Framework Bootstrap pernah digunakan oleh
Effendy, dkk (2016) juga merancang sebuah
sistem informasi pengkatan dan penjadwalan
pegawai dengan framework bootstrap. Dari
hasil penelitian tersebut, dapat disimpulkan
bahwa sistem yang responsif sehingga
memudahkan user dalam membuat surat
keputusan, laporan dan penjadwalan[3].

2

Megariani (2017) dalam aplikasi forum pajak
menggunakan framework bootstrap. Dapat
disimpulkan dari penelitian tersebut pada
menghasilkan aplikasi yang responsif
memberikan kemudahan bagi admin dalam
mengelola forum pajak dan tampilan yang
modern[4]. Christian, dkk (2018) dalam
rancang bangun webiste sekolah. Dari hasil
penelitian tersebut, dihasilkan sebuah website
responsif yang mempermudah akses informasi
bagi siswa, guru, kepala sekolah, dan
masyarakat untuk mengetahui infromasi
sekolah[5].
Metode yang digunakan penulis dalam
membangun sistem informasi pada penelitian
ini adalah Rapid Application Development
(RAD). RAD merupakan suatu strategi siklus
hidup yang ditujukan untuk menyediakan
pengembangan yang jauh lebih cepat dan
mendapatkan hasil dengan kualitas lebih baik
dibandingkan dengan hasil yang dicapai
melalui siklus tradisional. RAD bertujuan
mempersingkat waktu yang biasanya
diperlukan dalam siklus hidup pengembangan
sistem tradisional antara perancangan dan
penerapan suatu sistem informasi, RAD
memiliki 3 siklus yaitu Perencanaan syarat-
syarat, Workshop Desain, dan
Implementasi[6].
Dengan menggunakan metode Rapid
Application Development (RAD) sudah
pernah dilakukan oleh Nurajizah (2016)
dengan judul penelitian “Penerapan Rapid
Application Pada Sistem Informasi
Perpustakaan Sekolah Gema Nurani Bekasi”
Penelitian ini menggunakan metode RAD
dengan tujuan membangun dan
mengimplementasikan sistem informasi
perpustakaan berbasis website. Dari hasil
penelitian ini, didapat bahwa aplikasi yang
dibangun mempermudah pertugas dalam
mengolah perpustakaan dan bagi anggota
dapat mengetahui informasi buku[7]. Dari
jurnal hasil penelitian Ariyanti (2018) yang
berjudul “Pengembangan Sistem Informasi
Perpustakaan Sekolah Dengan Rapid
Application Development.” Dari penelitian
tersebut berisikan dimana dalam perancangan
tersebut berisikan siklus rad yaitu requirement
planning, Design Workshop , dan
Implementation dan menghasilkan sistem
informasi yang dapat mengetahui kesesuaian
antara waktu peminjaman dengan waktu
pengembalian serta besarnya denda yang
dikenakan pada saat pengembalian buku.
Dalam jurnal tersebut juga dijabarkan struktur
Jurnal Poliprofesi
ISSN: 1979-9241
dasar RAD yang menjadi pedoman untuk
pengembangan sistem[8].
Penelitian dilakukan untuk meningkatkan
efisiensi kerja perpustakaan Institut Teknologi
dan Bisnis Indonesia yang masih menggunakan
sistem manual. Sehingga akan lebih baik jika
dibangun menjadi sistem informasi
terkomputerisasi dan terhubung ke jaringan.
Dengan dukungan infrastrukur kampus yang
sudah terpasang jaringan maka memudahkan
untuk pengaplikasian sistem yang berbasis
internet.
Tidak hanya itu saja, tetapi juga akan
mempermudah bagi anggota perpustakaan yang
ingin mencari serta melakukan transaksi
peminjaman maupun pengembalian buku.
2. METODE PENELITIAN
Rapid Application Development (RAD)
adalah model proses perkembangan software
sekuensial linier yang menekankan siklus
perkembangan yang sangat pendek. Tahapan-
tahapan dalam RAD terdiri dari 3 yaitu
Requirements Planning, Design Workshop, dan
Implementation..
Gambar 1. Model Rapid
Application Development
a. Requirements Planning (Perencanaan
Syarat-syarat)
Dalam tahap ini diketahui apa saja yang
menjadi kebutuhan sistem yaitu dengan
mengidentifikasikan kebutuhan informasi
dan masalah yang dihadapi untuk
menentukan tujuan, batasan-batasan sistem,
kendala dan juga alternatif pemecahan
masalah. Analisis digunakan untuk
mengetahui perilaku sistem dan juga untuk
mengetahui aktivitas apa saja yang ada
dalam sistem tersebut.
b. Design Workshop (Workshop Desain)
Yaitu mengidentifikasi solusi alternatif dan
memilih solusi yang terbaik. Kemudian
membuat desain proses bisnis dan desain
pemrograman untuk data-data yang telah
didapatkan dan dimodelkan dalam
arsitektur sistem informasi. Tools yang
 digunakan dalam pemodelan sistem
biasanya menggunakan Unified Modelling
Language (UML).
c. Impelementation (Implementasi)
Setelah Design Workshop dilakukan,
selanjutnya sistem diimplementasikan
(coding) ke dalam bentuk yang dimengerti
oleh mesin yang diwujudkan dalam bentuk
program atau unit program. Tahap
implementasi sistem merupakan tahap
meletakkan sistem supaya siap untuk
dioperasikan.
d. Black Box Testing
Black box testing adalah tipe testing yang
memperlakukan perangkat lunak yang tidak
diketahui kinerja internalnya. Sehingga
para tester memandang perangkat lunak
seperti layaknya sebuah "kotak hitam" yang
tidak penting dilihat isinya, tapi cukup
dikenai proses testing dibagian luar [9].
e. Framework Bootstrap
Bootstrap dikembangkan oleh Mark Otto
dan Jacob Thornton dari twitter.
Framework ini diluncurkan sebagai produk
open source pada Agustus 2011 di GitHub.
Bootstrap memiliki fitur-fitur komponen
interface yang bagus seperti Typography,
Forms, Buttons, Tables, Navigations,
Dropdowns, Alert, Modals, Tabs,
Accordion, Carousel, dan lain sebagainya.
Dengan menggunakan bootstrap, anda
dapat membuat layout situs yang responsif
dengan mudah. Salah satu kelebihan yang
dimiliki bootstrap adalah framework ini
berisi kumpulan tool yang gratis untuk
membuat layout web yang fleksibel dan
responsif. Framework ini juga memiliki
komponen interface bagus lainnya. Berikut
ini kelebihan-kelebihan bootstrap lainnya:
1. Menghemat waktu - pengguna dapat
menghemat waktu dan tenaga dengan
menggunakan berbagai desain template
dan kelas yang sudah ada dalam
bootstrap,
2. Fitur yang responsif - dengan
bootstrap, pengguna dapat dengan
mudah membuat desain yang responsif.
Dengan fitur-fitur ini, halaman web
akan tampil responsif pada perangkat
yang berbeda tanpa perlu adanya
perubahan kode markup,
3. Mudah digunakan - bootstrap sangat
mudah digunakan. Siapa pun dengan
pengetahuan dasar HTML dan CSS
dapat menggunakan bootstrap,
4
4. Didukung semua browser popular -
bootstrap dapat digunakan pada semua
browser modern seperti Mozilla Firefox,
Google Chrome, Safari, Internet
Explorer, dan Opera,
5. Gratis - bootstrap merupakan
framework open source yang dapat
digunakan secara gratis[10].
f. Framework Codeigniter
Codeigniter merupakan framework untuk
pemrograman php yang di dalamnya terdiri
dari library-library untuk mempermudah
dalam melakukan pemerograman php [11].
Codeigniter merupakan toolkit untuk orang-
orang yang ingin membuat atau membangun
aplikasi web menggunakan bahasa
pemrograman PHP. Adapun beberapa
keunggulan yang ditawarkan oleh
Codeigniter adalah sebagai berikut:
1. Codeigniter merupakan framework yang
bersifat gratis atau open source,
2. Codeigniter memiliki ukuran file yang
relatif kecil dibandingkan Framework
php lain,
3. Aplikasi yang dibuat menggunakan
codeigniter dapat berjalan dengan cepat,
4. Codeigniter menggunakan pola desain
Model-View-Controller (MVC) yang
memungkinkan pada satu file tidak akan
berisi banyak code,
5. Codeigniter dapat diperluas sesuai
dengan kebutuhan,
6. Codeigniter juga memiliki dokumentasi
yang sangat baik,
7. Pack a Punch, codeigniter hadir dengan
library yang akan membantu tugas-tugas
di pengembangan web.
g. MariaDB
MariaDB sebagai pengganti MySQL.
MariaDB dibuat oleh tim yang dulunya juga
membuat MySQL. Pada dasarnya, MariaDB
berisi MySQL yang diberi merk MariaDB
serta penambahan fitur dan perbaikan
performa. Faktanya, jika kita mendownload
aplikasi XAMPP, sekarang sudah di bundle
dengan database MariaDB, bukan lagi
MySQL. Kepopuleran basis data ini terus
merangkak naik. Ini terbukti pada tahun
2013, Red Hat Enterprise Linux (RHEL)
telah menyingkirkan MySQL dan kemudian
menggantinya dengan MariaDB. Demikian
juga dengan Fedora yang lebih memilih
MariaDB dibandingkan MySQL untuk dirilis
Fedora 19. MariaDB dapat mendeteksi dan
mencegah dengan menggunakan access

control, Key Management Services dan juga
authentication. Adapun kelebihan MariaDB
sebagai berikut:
1. Portabilitas,
2. Open Source,
3. Multi-User,
4. Aplikasi Database yang Cepat,
5. Memiliki Banyak Pilihan Data,
6. Keamanan,
7. Mampu Digunakan untuk Skala Besar,
8. Dilengkapi 20 Bahasa [12].
3. HASIL DAN PEMBAHASAN
Berdasarkan penelitian yang sudah
dilakukan didapat hasil dari identifikasi proses
data pada perpustakaan Institut Teknologi dan
Bisnis Indonesia. Dimana saat proses
melakukan pendaftaran anggota, mencari buku,
transaksi peminjaman maupun pengembalian
buku masih membutuhkan waktu cukup lama.
Calon anggota perpustakaan yang ingin
mendaftar terlebih dahulu harus datang ke
perpustakaan. Kemudian dalam proses
peminjaman anggota harus mencari buku pada
rak yang berisikan berbagai macam banyak
buku, anggota juga tidak dapat mengetahui
seperti adanya penambahan buku baru atau
ketersediaan buku. Selain itu, petugas juga
kesulitan dalam mengumpulkan data,
dikarenakan pada proses pencatatan informasi
buku, anggota, transaksi peminjaman dan
pengembalian yang dilakukan pada sebuah
buku agenda yang cukup besar.
Skema Basis Data
Basis data atau database adalah kumpulan
informasi yang disusun dan merupakan suatu
kesatuan yang utuh yang disimpan di dalam
perangkat keras (komputer) secara sistematis
sehingga dapat diolah menggunakan perangat
lunak. Dengan sistem tersebut data yang
terhimpun dalam suatu databse dapat
menghasilkan informasi yang berguna[13].
Dalam perancangan sistem informasi
perpustakaan ini, penulis menggunakan
MariaDB sebagai database. Tabel yang
digunakan diantaranya, tabel anggota untuk
menyimpan data anggota, tabel user untuk
menyimpan data petugas pertugas, tabel buku
untuk menyimpan data buku, tabel jenis untuk
menyimpan data jenis buku, tabel bahasa untuk
Jurnal Poliprofesi
ISSN: 1979-9241
menyimpan bahasa buku, tabel file_buku untuk
menyimpan file buku (ebook), tabel
peminjaman untuk menyimpan data
peminjaman buku, tabel detailpeminjaman
untuk menyimpan data detail peminjaman buku,
tabel pengembalian untuk menyimpan data
pengembalian buku, tabel konfigurasi untuk
menyimpan konfigurasi website, tabel usulan
untuk menyimpan data usulan, dan tabel link
untuk menyimpan data link yang ditampilkan
pada halaman depan website. Relasi antar tabel
dalam database dapat dilihat pada gambar
berikut:
Gambar 2. Relasi antar tabel dalam database
Dari gambar tersebut, primary key
pada tabel buku berelasi ke tabel file_buku
tingkat relasi satu ke banyak, artinya yaitu
satu buku memiliki banyak file buku.
Primary key pada tabel buku berelasi ke
tabel jenis yang artinya satu buku memiliki
satu jenis buku, sama halnya dengan tabel
buku berelasi ke tabel bahasa yang artinya
satu buku memiliki satu bahasa. Kemudian
pada primary key tabel anggota berelasi ke
tabel peminjaman tingkat relasi satu ke
banyak, yang artinya satu anggota dapat
meminjam lebih dari satu buku atau bisa juga
satu ke satu, yang artinya satu anggota dapat
meminjam satu buku.
Pada tabel peminjaman juga berelasi ke
detailpeminjaman, satu kali proses
peminjaman yang dilakukan oleh anggota
perpustakaan dapat meminjam satu atau
lebih dari satu buku, sehingga dibutuhkan
satu tabel detail peminjaman. Tabel user juga
berelasi ke tabel berita yaitu satu user dapat
mengisikan banyak berita. Atau dapat juga
satu ke satu yaitu satu user dapat mengisikan
satu berita saja.
Use Case Diagram anggota dapat mengisi formulir sesuai dengan
Use case diagram merupakan pemodelan data diri dengan lengkap. Sequence diagram
untuk kelakuan sistem informasi yang akan pendaftaran anggota dapat dilihat pada gambar
dibuat. Use case bekerja dengan dibawah ini:
mendeskripsikan tipikal interaksi antara user
sebuah sistem dengan sistemnya sendiri
melalui sebuah cerita bagaimana sistem itu
dipakai[14]. Berikut ini adalah gambar use
case diagram sistem informasi perpustakaan
yang dibangun:
petugas
anggota

Gambar 3. Use case diagram sistem

informasi yang dibangun Gambar 3. Sequence diagram
pendaftaran
Pada use case diagram pada gambar diatas,
yang berperan sebagai pengguna atau actor Setelah behasil mendaftar calon anggota
dalam sistem adalah user (petugas dapat menunggu persetujuan atau validasi dari
perpustaakaan). User dapat melakukan petugas perpustakaan agar akun perpustakaan
validasi anggota, menginputkan buku, dapat digunakan.
mengelola peminjaman dan pengembalian, b. Sequence Diagram Validasi Anggota
mencetak kartu anggota serta mencetak Anggota yang telah mendaftar memerlukan
laporan transaksi peminjaman buku. validasi dari petugas perpustakaan, oleh karena
Sedangkan anggota dapat masuk ke website, itu petugas harus melakukan login terlebih
mengunduh file buku atau ebook, mendaftar dahulu dan masuk ke halaman anggota untuk
anggota perpustakaan yang kemudian akan mengvalidasi akun anggota yang akan
divalidasi oleh petugas perpustakaan, dan diaktifkan. Sequence diagram validasi anggota
memesan buku yang kemudian juga akan dapat dilihat pada gambar dibawah ini:
divalidasi oleh petugas.
Sequence Diagram
Sequence diagram menggambarkan kelakuan
objek pada use case dengan mendeskripsikan
waktu hidup objek dan pesan yang dikirimkan
dan diterima antar objek[15].
a. Sequence Diagram Pendaftaran
Anggota
Sebelum meminjam buku, anggota harus
memiliki sebuah akun anggota perpustaakan.
Caranya ialah dengan mengisikan formulir
dengan baik dan benar. Jika form pendaftaran Gambar 4. Sequence diagram
tidak diisi dengan lengkap, maka tidak akan validasi anggota
dapat diproses, dan pastinya akun anggota
tidak dapat diproses ke database. Memiliki
Tidak semua pendaftar, divalidasi oleh
akun anggota petugas perpustakaan ialah salah
petugas. Hanya calon anggota tertentu saja
satu persyaratan dalam pemesanan atau
yang akunnya dapat diaktifkan oleh petugas
peminjaman buku, oleh karena itu calon
perpustakaan. Untuk mempercepat validasi
6
 Jurnal Poliprofesi
ISSN: 1979-9241

juga, calon anggota diharapkan untuk
mendatangi perpustkaan agar proses dapat
meyakinkan petugas untuk mengvalidasi akun
calon anggota, sehingga bagi calon anggota
yang telah diaktifkan akan dapat melakukan
baik itu pemesanan maupun peminjaman
buku.
c. Sequence Diagram Pemesanan Buku
Bagi anggota yang telah divalidasi akunnya,
dapat melakukan pemesanan buku melalui
sistem informasi perpustakaan ini. Sequence
diagram pemesanan buku dapat dilihat pada
gambar dibawah ini:
password untuk login, kemudian akan muncul
halaman dasbor, petugas membuka menu
peminjaman dan mencari nama pemesan sesuai
dengan kartu anggota. Petugas pun akan
mengubah status sedang dipesan menjadi status
dipinjam, dan menentukan tanggal peminjaman
sekaligus pengembalian. Sequence diagram
validasi peminjaman dapat dilihat pada gambar
dibawah ini:

Gambar 6. Sequence diagram

peminjaman buku

Jika data telah berhasil diupdate / divalidasi

maka petugas akan memberikan buku yang telah
dipesan kepada anggota perpustakan.
Activity Diagram
Gambar 5. Sequence diagram Activity diagram merupakan diagram yang
pemesanan buku menggambarkan workflow atau aktivitas dari
sebuah sistem yang ada pada perangkat
Diawali dari anggota yang lunak[14].
melakukan login kemudian akan diarah ke
menu dasborad. Anggota dapat memilih a. Activity Diagram Pendaftaran Anggota
menu pemesanan buku, setelah itu anggota Untuk mendaftar, calon anggota dapa membuka
website kemudian mengisikan formulir sesuai
harus menginput nama buku yang ingin
dengan data diri calon anggota, berikut activity
dipesan. Jika anggota sudah mengisikan diagram pendaftaran calon anggota
data-data pada pemesanan buku, maka perpustakaan:
akan muncul pesan bahwa pemesanan
buku telah dipesan. Jika sudah berhasil
dipesan maka langkah selanjutnya anggota
harus mendatangi perpustaakaan untuk
melakukan validasi peminjaman. Apabila
buku yang dipesan habis stok, maka
anggota tidak dapat melakukan pemesanan
buku.

d. Sequence Diagram Validasi

Peminjaman
Bagi anggota yang telah melakukan pemesanan
buku, perlu mendatangi perputakaan untuk
melakukan validasi peminjaman. Anggota
diharuskan membawa kartu anggota dan
menyerahkan kepada petugas perpustakaan.
Kemudian petugas pun akan melakukan
validasi peminjaman sesuai dengan pesanan Gambar 7. Activity diagram
yang telah dilakukan oleh anggota. Diawali pendaftaran anggota
dari petugas menginputkan username dan
Selanjutnya akun anggota dapat divalidasi oleh
petugas sehingga anggota perpustakaan dapat
melakukan login pada sistem.
b. Activity Diagram Validasi Anggota
Agar anggota yang telah mendaftar dapat
melakukan login untuk memesan buku, harus
lah ada persetujuan dari petugas perpustakaan,
apakah anggota tersebut dapat menjadi anggota
perpustakaan. Petugas dapat menekan tombol
aktif pada anggota yang dipilih agar mereka
melakukan login untuk memesan buku, activity
diagram validasi anggota dapat dilihat dari
gambar berikut ini:

Gambar 9. Activity diagram

pemesanan buku

d. Activity Diagram Validasi Peminjaman

Untuk mengvalidasi meminjam buku, anggota
perlu datang ke perpustakaan dan menyerahkan
kartu anggota agar petugas dapat mengecek data
pemesanan buku si anggota perpustakaan,
activity diagramnya sebagai berikut:

Gambar 8. Activity diagram

validasi anggota

Setelah divalidasi oleh pertugas, selanjutnya

akun anggota perpustakaan sudah aktif.
c. Activity Diagram Pemesanan Buku
Anggota yang divalidasi akunnya dapat
melakukan pemesanan buku. Yang harus
dilakukan untuk melakukan pemesanan buku
ialah anggota terlebih dahulu membuka
halaman login kemudian menginputkan
username dan password sesuai saat melakukan
pendaftaran, jika berhasil login maka sistem
akan mengarahkan anggota ke halaman
dashborad atau halaman utama. Selanjutnya
anggota harus membuka menu pemesanan
buku dan meginputkan buku apa yang ingin
dipesan, jika berhasil maka akan muncul pesan
bahwa pemesanan buku telah dikirim maka
selanjutnya akan diproses oleh pihak petugas
perpustakan. Activity diagram pemesanan Gambar 10. Activity diagram
buku dapat dilihat pada gambar dibawah ini: validasi peminjaman

8
 Jurnal Poliprofesi
ISSN: 1979-9241

a. Halaman utama sistem informasi

e. Activity Diagram Pengembalian
perpustakaan
Dalam proses pengembalian buku maka
anggota harus lah datang ke perpustakaan dan
menyerahkan buku beserta kartu anggota
perpustakaan kepada petugas, kemudian
petugas pun akan segera memproses
pengembalian buku. Diagram activity
pengembalian buku dapat dilihat pada gambar
dibawah ini:

Gambar 12. Halaman utama sistem

informasi perpustakaan
Halaman utama pada sistem informasi
perpustakaan ini dapat diakses oleh petugas,
anggota perpustakaan, dan pengunjung. Pada
halaman utama sistem ini terdiri dari menu
Home yang menampilkan halaman utama,
Katalog Buku menampilkan katalog buku
berdasarkan pencarian jenis buku, Buku Baru
menampilkan beberapa buku baru yang baru
ditambahkan, Usulan menampilkan form
usulan buku baru apabila ada pengunjung
memiliki saran buku yang harus ditambahkan,
Kontak menampilkan halaman yang berisi
kontak dan alamat perpustakaan, Login
menampilkan halaman untuk login agar user
dapan login ke sistem.
Gambar 11. Activity diagram b. Halaman katalog buku
pengembalian

Setelah buku telah dikembalikan, petugas akan

kembali menyerahkan kartu anggota
perpustakaan.
Implementasi sistem
Pada tahap ini, sistem yang dibangun sudah
di upload pada web hosting, sistem sudah
dapat diakses melalui alat perangkat media Gambar 13. Halaman katalog buku
seperti smartphone, tablet, maupun laptop
yang sudah terhubung ke jaringan internet. Pada halaman katalog buku menampilkan list-
Untuk membuka sistem ini hanya list buku, dimana pada halaman ini terdapat
membutuhkan web browser kemudian beberapa tombol, yaitu tambah buku, kelola file
mengetikkan alamat web pada kolom url web untuk menambah file buku, detail buku untuk
browser. Sistem ini dapat jalankan oleh mempilkan rincian buku, edit, hapus, dan cetak.
petugas, anggota perpustakaan, dan petugas dapat menambahkan buku, file buku,
pengunjung. Sistem informasi perpustakaan petugas juga dapat melakukan edit, hapus, dan
yang telah di hosting ini sudah responsif yaitu cetak buku.
dapat menyesuaikan segala jenis resolusi baik Petugas dapat menekan tombol detail jika ingin
itu smartphone, tablet, pc, maupun laptop. melihat detail buku tanpa harus masuk ke edit.
Sehingga memudahkan bagi pegguna dalam Dengan mengeklik tombol detail akan muncul
menggunakan sistem ini. tampilan rincian buku secara lebih jelas.
c. Tampilan tombol detail f. Halaman Anggota

Gambar 14. Tampilan tombo detail

Pada tampilan tombo detail menampilkan
rincian dari sebuah buku yang telah dinputkan
oleh petugas.
d. Halaman file buku
Gambar 17. Halaman Buku pada menu
petugas perpustakaan
Halaman anggota digunakan untuk
melakukan validasi anggota ketika ada
anggota yang baru mendaftar. Maka petugas
dapat menekan tombol aktif sehingga akun
anggota dapat diaktifkan. Selain itu petugas
juga dapat melakukan edit, hapus, serta dapat
melakukan cetak kartu anggota perpustakaan.
g. Cetak kartu anggota

Gambar 15. Halaman file buku

Halaman file buku digunakan oleh petugas

perpustakaan untuk dapat menginputkan file
buku seperti buku, ektensi yang dapat diupload
untuk file buku ini ialah pdf, doc, docx, ppt,
pptx.
e. Halaman berita
Gambar 18. Cetak kartu anggota
Petugas dapat melakukan cetak kartu
anggota perpustakaan. Ketika akun anggota
telah diaktifkan maka selanjutnya anggota
harus memiliki kartu anggota perpustakaan
agar dapat melakukan peminjaman buku.
Pencetakan kartu perpustakaan dapat
dilakukan oleh petugas perpustakaan. Dan
kartu ini harus dibawa ketika akan meminjam
dan mengembalikan buku.

Gambar 16. Halaman berita h. Usulan buku

Halaman berita digunakan oleh petugas

untuk menginputkan berita-berita yang
dapat ditampilkan pada halaman depan dan
slider website. Sehingga baik anggota
maupun pengunjung tidak hanya dapat
melihat katalog buku saja, namu juga dapat
melihat berita yang tersedia pada website.
Dengan adanya berita tersebut tampilan
website tidak hanya terpaku pada tentang
Gambar 19. Usulan buku
buku saja, tetapi akan menambah wawasan
bagi para pembaca berita. Berita yang
Tampilan usulan menampilkan data-data
diinputkan juga berita tentang perpustakaan
usulan buku dari pengunjung maupun anggota.
dan ilmu pengetahuan.
10

i. Halaman login petugas
Gambar 20. Login Petugas
Tampilan login ini digunakan bagi admin
perpustakaan yang bertugas mengelola sistem
informasi perpustakaan. Jika berhasil login
maka selanjutnya petugas akan diarahkan ke
menu dashborad. Hanya data petugas yang
terdaftar didatabe saja yang dapat melakukan
login. Pada form login admin terdapat inputan
username dan password, petugas harus mengisi
kedua inputan tersebut kemudian klik login
untuk masuk ke sistem informasi perpustakaan.
j. Halaman jenis buku
Gambar 21. Jenis buku
Jenis buku digunakan untuk memasukkan
buku berdasarkan kategori buku seperti jenis
buku pemograman, jaringan, robotik, atau yang
lainnya.
k. Halaman bahasa buku
Gambar 22. Bahasa buku
Sama seperti jenis buku, bahasa buku juga
untuk menginputkan bahasa buku yang
digunakan oleh buku seperti bahasa indonesia
bahasa inggris, bahasa arab, bahasa mandarin
dan lain sebagainya. Untuk list pada bahasa
buku akan ditampilkan pada saat petugas
menginputkan buku maka akan ada pilihan
bahasa apa yang ada pada buku tersebut.
Jurnal Poliprofesi
ISSN: 1979-9241
l. Konfigurasi website
Gambar 23. Konfigurasi website
Konfigurasi website digunakan untuk
mengelola website, seperti mengubah nama
website, tagline, no telp, email resmi, url
website, twitter, facebook, instagram, alamat,
deskripsi, keywords, kode google maps.
m. Halaman daftar member
Gambar 24. Daftar member
Daftar member ialah sebuah halaman yang
berisikan formulir pendaftaran. Dimana inputan
tersebut terdiri dari nama lengkap, nim, email,
username, password, telepon, dan alamat.
Jika sudah mendaftar akan muncul pesan
berhasil mendaftar, selanjuutnya calon anggota
membutuhkan validasi dari petugas
perpustakaan agar dapat melakukan login ke
sistem. Jika tanpa validasi dari petugas maka
tidak akan bisa login karena sistem ini
membutuhkan validasi petugas untuk mengecek
apakah data calon anggota perpustakaan sudah
sesuai atau tidak.
4. KESIMPULAN
Berdasarkan penelitian yang telah
dilakukan pada Institut Teknologi dan
Bisnis Indonesia terdapat kesimpilan dari
penelitian ini sebagai berikut:
1. Sistem yang dirancang menggunakan
metode rapid application development
dengan melalui 3 siklus yaitu
requirments palnning (perencanaan
syarat-syarat), design worshop, dan
implementation cukup mempercepat
proses pembuatan sistem ini.
2. Dengan framework bootstrap dapat
 memberikan tampilan yang modern Metode Technology Acceptance Model
dan responsive di segala jenis resolusi (TAM)," JURNAL TEKNOLOGI
baik itu smartphone, tablet, pc, KESEHATAN DAN ILMU SOSIAL
maupun laptop. (TEKESNOS), vol. 1, no. 1, pp. 40-47,
2019.
3. Mempermudah bagi petugas dalam
mengelola perpustakaan dan [7] A. Christian, S. Hesinto dan A. ,
mempermudah anggota ketika ingin “Rancang Bangun Website Sekolah
mencari buku maupun melakukan Dengan Menggunakan Framework
transaksi peminjaman dan Bootstrap (Studi Kasus SMP Negeri 6
pengembalian . Prabmulih),” Jurnal SISFOKOM, vol.
VII, no. 1, pp. 22-27, 2018.
5. REFERENSI [8] A. Indriani, “Analisa Perbandingan
Metode Naive Bayes Classfier Dan K-
[1] N. Aini, S. A. Wicaksono dan I. Nearest Neighboor Terhadap
Arwani, “Pembangunan Sistem Klasifikasi Data,” Sebatik, vol. XXIV,
Informasi Perpustakaan Berbasis Web no. 1, p. 1, 2020.
menggunakan Metode Rapid [9] R. Kaban, JUSITI: Jurnal Sistem Informasi
Application Development (RAD) dan Teknologi Informasi, vol. 3, no. 1, pp.
(Studi pada : SMK Negeri 11 21-29, 2016.
Malang),” Jurnal Pengembangan
Teknologi Informasi dan Ilmu [10] N. Nurajizah,
Komputer, vol. 3, no. 9, p. 8648, 2019. “Penerapan Rapid Application
[2] R. Kaban dan F. , “Pengembangan Development Pada Sistem Informasi
Sistem Informasi Perpustakaan Perpustakaan Sekolah Gema Nurani
Dengan Framework CSS Bootstrap Bekasi,” Jurnal Sistem Informasi
Dan Web Development Life Cycle,” STMIK Antar Bangsa, vol. V, no. 1,
Jurnal Ilmiah Informatika, vol. 2, no. pp. 1-6, 2016.
1, p. 83, 2017. [11] I. Ariyanti,
[3] F. Effendy dan B. Nuqoba, “Pengembangan Sistem Informasi
“Penerapan Framework Bootstrap Perpustakaan Sekolah Dengan Rapid
Dalam Pembangunan Sistem Application Development,” Jurnal Pilar
Informasi Pengangkatan Dan Nusa Mandiri, vol. XIV, no. 1, pp. 55-
Penjadwalan Pegawai (Studi 60, 2018.
Kasus:Rumah Sakit Bersalin Buah [12] I. Rusdi, “Sistem
Delima Sidoarjo),” Jurnal Informatika Informasi Pengolahan Data Laporan
Mulawaman, vol. XI, no. 1, pp. 12-13, Arus Kas Berbasis Website Pada CV
2016. Sari Agung Perkasa (SAP) Ternate,”
[4] M. H. Simbolon and R. Kaban, Jurnal Ilmiah ILKOMINFO - Ilmu
“Rancang Bangun Aplikasi Komputer dan Informatika, vol. I, no.
Pengelolaan Organisasi 1, pp. 1-9, 2018.
Ekstrakurikuler (Studi Kasus: Amik [13] J. Enterprise,
Mbp Medan)”, 22-Jun-2018. [Online]. Pemrograman Bootstrap untuk Pemula,
Available: Jakarta: PT Elex Media Komputindo,
osf.io/preprints/inarxiv/8uzhw. 2016.
[5] T. V. N. Megariani, “Aplikasi Forum [14] A. Abdullah, "DETECTION AND
MONITORING SYSTEM OF SMOKE
Pajak Menggunakan Framework
CONCENTRATION WITH SMOKE
Bootstrap,” Technologia, vol. VIII, no. DETECTOR AND CAMERA
2, pp. 97-107, 2017. TRACKER," FISITEK: Jurnal Ilmu Fisika
[6] R. P. Aritonang and R. Kaban, "Kajian dan Teknologi, vol. 2, no. 1, pp. 1-7, 2018.
Tingkat Kepuasan Mahasiswa Terhadap [15] M. Y. H. Setyawan dan C. E.
Sistem Informasi Berbasis Web dengan
12
 Jurnal Poliprofesi
ISSN: 1979-9241

Prawiro, Codeigniter : Implementasi

Metode Entropy Pada Pemrograman
PHP (Belajar Dengan Praktek),
Bandung: Kreatif Industri Nusantara,
2020.
[16] R. Kaban, M. R. H. Kesuma and N.
Sinuhaji, "Sistem Penjadwalan Mengajar
Guru Berbasis Android Pada Yayasan
Perguruan Harapan Stabat," Jurnal
Manajemen Bisnis (JMB), vol. 33, no. 1,
pp. 42-49, 2020.

[17] R. Habibi dan A. Suryansah,

Aplikasi Prediksi Jumlah Kebutuhan
Perusahaan, Bandung: Kreatif Industri
Nusantara, 2020.
[18] G. Y. Swara dan Y. Pebriadi,
“Rekayasa Perangkat Lunak
Pemesanan Tiket Bioskop Berbasis
Web,” Jurnal TEKNOIF, vol. IV, no.
2, pp. 27-39, 2016.
[19] D. W. T. Putra dan R. Andriani,
“Unified Modelling Language (UML)
dalam Perancangan Sistem Informasi
Permohonan Pembayaran Restitusi
SPPD,” Jurnal TEKNOIF, vol. VII,
no. 1, pp. 32-39, 2019.
[20] A. Abdullah and L. R. Fikri, "Sistem
Kendali Lampu Lalu Lintas Melalui
Perbandingan Timer Dan Kepadatan
Kendaraan Dilengkapi Penghitung Jumlah
Kendaraan Dan Monitoring Berbasis
Web," Journal Of Informatic Pelita
Nusantara, vol. 3, no. 2, pp. 50-62, 2018.
[21] A. Abdullah, "Penggunaan Sensor
Kesetimbangan Accelerometer dan Sensor
Halangan Ultrasonic pada Aplikasi Robot
Berkaki Dua," SinkrOn, vol. 1, no. 2, pp.
120-128, 2017.