Jurnal Poliprofesi

ISSN: 1979-9241

PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

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

Mika Mandasari1), Eleonora Tampubolon2)

Teknik Informatika
Institut Teknologi dan Bisnis Indonesia
email:
mikamandasari13@gmail.com1
eleonora.tampubolon.itbi@gmail.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
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
2
keputusan, laporan dan penjadwalan[3].
dikenakan pada saat pengembalian buku.
Dalam jurnal tersebut juga dijabarkan struktur
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,
Jurnal Poliprofesi
ISSN: 1979-9241
3. Mudah digunakan - bootstrap sangat
mudah digunakan. Siapa pun dengan
pengetahuan dasar HTML dan CSS
dapat menggunakan bootstrap,
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
4
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
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
 Jurnal Poliprofesi
ISSN: 1979-9241

satu ke satu yaitu satu user dapat mengisikan dapat diproses, dan pastinya akun anggota tidak
satu berita saja. dapat diproses ke database. Memiliki akun
anggota petugas perpustakaan ialah salah satu
persyaratan dalam pemesanan atau peminjaman
buku, oleh karena itu calon anggota dapat
Use Case Diagram mengisi formulir sesuai dengan data diri dengan
Use case diagram merupakan pemodelan lengkap. Sequence diagram pendaftaran anggota
untuk kelakuan sistem informasi yang akan dapat dilihat pada gambar dibawah ini:
dibuat. Use case bekerja dengan
mendeskripsikan tipikal interaksi antara user
sebuah sistem dengan sistemnya sendiri layar
melalui sebuah cerita bagaimana sistem itu anggota database
daftar
dipakai[14]. Berikut ini adalah gambar use
case diagram sistem informasi perpustakaan
masuk halaman
yang dibangun: daftar
petugas mengisi form
validasi anggota pendaftaran data diproses
anggota
menginputkan
buku/buku baru <<include>>
daftar berhasil
memesan buku
<<include>>
mengelola data <<include>>
peminjaman <<include>>
login ke sistem
gagal mendaftar
<<include>>
mendaftar anggota
mengelola perpustakaan
pengembalian <<include>>

<<include>>
<<include>>
cetak kartu mengunduh ebook
<<include>>
anggota masuk ke website

Gambar 3. Sequence diagram

cetak laporan
transaksi

Gambar 3. Use case diagram sistem pendaftaran

informasi yang dibangun
Setelah behasil mendaftar calon anggota
Pada use case diagram pada gambar diatas, dapat menunggu persetujuan atau validasi dari
yang berperan sebagai pengguna atau actor petugas perpustakaan agar akun perpustakaan
dalam sistem adalah user (petugas dapat digunakan.
perpustaakaan). User dapat melakukan b. Sequence Diagram Validasi Anggota
validasi anggota, menginputkan buku, Anggota yang telah mendaftar memerlukan
mengelola peminjaman dan pengembalian, validasi dari petugas perpustakaan, oleh karena
mencetak kartu anggota serta mencetak itu petugas harus melakukan login terlebih
laporan transaksi peminjaman buku. dahulu dan masuk ke halaman anggota untuk
Sedangkan anggota dapat masuk ke website, mengvalidasi akun anggota yang akan
mengunduh file buku atau ebook, mendaftar diaktifkan. Sequence diagram validasi anggota
anggota perpustakaan yang kemudian akan dapat dilihat pada gambar dibawah ini:
divalidasi oleh petugas perpustakaan, dan
memesan buku yang kemudian juga akan layar halaman halaman data
petugas cek user
divalidasi oleh petugas. masuk
login dasbor anggota anggota

halaman login

Sequence Diagram input username

input password
Sequence diagram menggambarkan kelakuan validasi

objek pada use case dengan mendeskripsikan login gagal

login berhasil membuka menu

waktu hidup objek dan pesan yang dikirimkan

anggota
klik valid
anggota

dan diterima antar objek[15]. keluar dari

halaman anggota

a. Sequence Diagram Pendaftaran

Anggota
Sebelum meminjam buku, anggota harus Gambar 4. Sequence diagram
memiliki sebuah akun anggota perpustaakan.
validasi anggota
Caranya ialah dengan mengisikan formulir
dengan baik dan benar. Jika form pendaftaran
tidak diisi dengan lengkap, maka tidak akan Tidak semua pendaftar, divalidasi oleh
petugas. Hanya calon anggota tertentu saja
yang akunnya dapat diaktifkan oleh petugas yang telah dilakukan oleh anggota. Diawali dari
perpustakaan. Untuk mempercepat validasi petugas menginputkan username dan password
juga, calon anggota diharapkan untuk untuk login, kemudian akan muncul halaman
mendatangi perpustkaan agar proses dapat dasbor, petugas membuka menu peminjaman
meyakinkan petugas untuk mengvalidasi akun dan mencari nama pemesan sesuai dengan kartu
calon anggota, sehingga bagi calon anggota anggota. Petugas pun akan mengubah status
yang telah diaktifkan akan dapat melakukan sedang dipesan menjadi status dipinjam, dan
baik itu pemesanan maupun peminjaman menentukan tanggal peminjaman sekaligus
buku. pengembalian. Sequence diagram validasi
peminjaman dapat dilihat pada gambar dibawah
c. Sequence Diagram Pemesanan Buku
ini:
Bagi anggota yang telah divalidasi akunnya,
dapat melakukan pemesanan buku melalui petugas
layar
login
cek user
halaman
dasbor
halaman
peminjaman
data peminjaman
anggota
list peminjaman

sistem informasi perpustakaan ini. Sequence

diagram pemesanan buku dapat dilihat pada validasi

gambar dibawah ini: login gagal

login berhasil membuka menu
peminjaman
ubah status dipinjam

layar halaman pemesanan list input tanggal

anggota cek user
login dasbor buku pemesanan data peminjam
keluar dari
masuk halaman
halaman login peminjaman

input username

input password
validasi
Gambar 6. Sequence diagram
login gagal peminjaman buku
login berhasil buka menu
pemesanan

input nama buku

list buku
Jika data telah berhasil diupdate / divalidasi
maka petugas akan memberikan buku yang telah
keluar dari
pemesanan buku 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
harus menginput nama buku yang ingin website kemudian mengisikan formulir sesuai
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 Calon Anggota Sistem
buku telah dipesan. Jika sudah berhasil
dipesan maka langkah selanjutnya anggota
harus mendatangi perpustaakaan untuk membuka website
melakukan validasi peminjaman. Apabila
buku yang dipesan habis stok, maka masuk ke halaman daftar

anggota tidak dapat melakukan pemesanan cek kelengkapan field form

isi formulir pendaftaran
buku. pendaftaran

Field inputan

d. Sequence Diagram Validasi kembali halaman pendaftaran tidak lengkap

Peminjaman
Bagi anggota yang telah melakukan pemesanan simpan data keanggotaan

buku, perlu mendatangi perputakaan untuk

melakukan validasi peminjaman. Anggota tampil pesan daftar berhasil menampilkan pesan berhasil
diharuskan membawa kartu anggota dan
menyerahkan kepada petugas perpustakaan.
Kemudian petugas pun akan melakukan
validasi peminjaman sesuai dengan pesanan Gambar 7. Activity diagram

6
 Jurnal Poliprofesi
ISSN: 1979-9241

pendaftaran anggota perpustakan. Activity diagram pemesanan buku

dapat dilihat pada gambar dibawah ini:
Selanjutnya akun anggota dapat divalidasi oleh Anggota Sistem

petugas sehingga anggota perpustakaan dapat

melakukan login pada sistem.
b. Activity Diagram Validasi Anggota membuka halaman login

Agar anggota yang telah mendaftar dapat

melakukan login untuk memesan buku, harus menginputkan username dan
password
cek username dan password

lah ada persetujuan dari petugas perpustakaan,

apakah anggota tersebut dapat menjadi anggota kembali halaman login
perpustakaan. Petugas dapat menekan tombol
aktif pada anggota yang dipilih agar mereka membuka menu pemesanan buku akses halaman dasbor
melakukan login untuk memesan buku, activity
diagram validasi anggota dapat dilihat dari menginputkan data pemesanan
cek validasi
gambar berikut ini: buku
Petugas Perpustakaan Sistem
kembali halaman data pemesanan
buku

membuka halaman login data pemesanan buku terkirim

menginputkan username dan

cek username dan password menampilkan pemesanan buku
password tampil pesan berhasil
terkirim

kembali ke halaman login

buka menu anggota akses halaman dasbor

Gambar 9. Activity diagram
cari nama anggota yang akan pemesanan buku
diaktifkan

d. Activity Diagram Validasi Peminjaman

klik tombol aktif menyimpan perubahan
menampilkan pesan data telah di
tampil pesan berhasil update
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
 Anggota
datang ke perpustakaan
mengambil buku yang telah
dipesan
menyerahkan buku dan kartu
anggota
kembali melakukan pesan buku
menerima buku dan kartu anggota
Gambar 10. Activity diagram
validasi peminjaman
e. Activity Diagram Pengembalian
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
pengembalian buku dapat dilihat pada gambar
dibawah ini:
Anggota
datang ke perpustakaan
menyerahkan buku dan kartu
anggota
denda
menerima kartu anggota
Gambar 11. Activity diagram
pengembalian
8
Petugas Perpustakaan
membuka halaman login
menginputkan username dan
password
kembali ke halaman login
buka menu peminjaman
pilih nama anggota
tidak tersedia
mengubah status buku dipinjam
dan menentukan tanggal
menyimpan update peminjaman
tampil pesan berhasil
menyerahkan buku dan kartu
anggota
activity
Petugas Perpustakaan
login
menginputkan username dan
password
Tidak sesuai
kembali ke halaman login
membuka menu peminjaman
mengecek data dan tanggal
peminjaman
Tidak sesuai
informasikan denda
menceklis kembalian buku
buku telah dikembalikan
tampil pesan data telah diuapdate
menyerahkan kartu anggota
Sistem
Setelah buku telah dikembalikan, petugas akan
kembali menyerahkan kartu anggota
perpustakaan.
Implementasi sistem
Pada tahap ini, sistem yang dibangun sudah
cek username dan password
di upload pada web hosting, sistem sudah dapat
diakses melalui alat perangkat media seperti
smartphone, tablet, maupun laptop yang sudah
akses halaman dasbor terhubung ke jaringan internet. Untuk
cek data pemesanan buku
membuka sistem ini hanya membutuhkan web
browser kemudian mengetikkan alamat web
pada kolom url web browser. Sistem ini dapat
menampilkan data buku yang
dipesan
jalankan oleh petugas, anggota perpustakaan,
dan pengunjung. Sistem informasi perpustakaan
yang telah di hosting ini sudah responsif yaitu
perubahan disimpan
menampilkan pesan berhasil dapat menyesuaikan segala jenis resolusi baik
itu smartphone, tablet, pc, maupun laptop.
Sehingga memudahkan bagi pegguna dalam
menggunakan sistem ini.
a. Halaman utama sistem informasi
perpustakaan
Sistem
Gambar 12. Halaman utama sistem
informasi perpustakaan
Halaman utama pada sistem informasi
perpustakaan ini dapat diakses oleh petugas,
cek username dan password
anggota perpustakaan, dan pengunjung. Pada
halaman utama sistem ini terdiri dari menu
Sesuai Home yang menampilkan halaman utama,
akses halaman dasbor Katalog Buku menampilkan katalog buku
menampilkan data peminjaman
beserta tanggal
berdasarkan pencarian jenis buku, Buku Baru
menampilkan beberapa buku baru yang baru
ditambahkan, Usulan menampilkan form
Sesuai
menu ceklis kembali usulan buku baru apabila ada pengunjung
menyimpan data pengembalian
memiliki saran buku yang harus ditambahkan,
Kontak menampilkan halaman yang berisi
menampilkan update data
kontak dan alamat perpustakaan, Login
menampilkan halaman untuk login agar user
dapan login ke sistem.
b. Halaman katalog buku
 Jurnal Poliprofesi
ISSN: 1979-9241

Pada halaman katalog buku menampilkan list-

list buku, dimana pada halaman ini terdapat
beberapa tombol, yaitu tambah buku, kelola file
untuk menambah file buku, detail buku untuk
mempilkan rincian buku, edit, hapus, dan cetak.
petugas dapat menambahkan buku, file buku,
petugas juga dapat melakukan edit, hapus, dan
cetak buku.
Gambar 13. Halaman katalog buku Petugas dapat menekan tombol detail jika ingin
melihat detail buku tanpa harus masuk ke edit.
Dengan mengeklik tombol detail akan muncul
tampilan rincian buku secara lebih jelas.
c. Tampilan tombol detail 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 buku saja, tetapi
akan menambah wawasan bagi para pembaca
Gambar 14. Tampilan tombo detail berita. Berita yang diinputkan juga berita
tentang perpustakaan dan ilmu pengetahuan.
Pada tampilan tombo detail menampilkan
rincian dari sebuah buku yang telah dinputkan f. Halaman Anggota
oleh petugas.
d. Halaman file buku

Gambar 17. Halaman Buku pada menu

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
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 16. 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 21. Jenis buku

h. Usulan buku Jenis buku digunakan untuk memasukkan

buku berdasarkan kategori buku seperti jenis
buku pemograman, jaringan, robotik, atau yang
lainnya.

k. Halaman bahasa buku

Gambar 19. Usulan buku

Tampilan usulan menampilkan data-data

usulan buku dari pengunjung maupun
anggota.
i. Halaman login petugas
Gambar 20. Login Petugas
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.
l. Konfigurasi website

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 Gambar 23. Konfigurasi website
login. Pada form login admin terdapat inputan
username dan password, petugas harus mengisi Konfigurasi website digunakan untuk
kedua inputan tersebut kemudian klik login mengelola website, seperti mengubah nama
untuk masuk ke sistem informasi perpustakaan. website, tagline, no telp, email resmi, url
website, twitter, facebook, instagram, alamat,
j. Halaman jenis buku deskripsi, keywords, kode google maps.

m. Halaman daftar member

10
 Jurnal Poliprofesi
ISSN: 1979-9241

Informasi Perpustakaan Berbasis Web

menggunakan Metode Rapid
Application Development (RAD)
(Studi pada : SMK Negeri 11
Malang),” Jurnal Pengembangan
Teknologi Informasi dan Ilmu
Komputer, vol. 3, no. 9, p. 8648, 2019.
Gambar 24. Daftar member [2] R. Kaban dan F. , “Pengembangan
Sistem Informasi Perpustakaan Dengan
Daftar member ialah sebuah halaman yang Framework CSS Bootstrap Dan Web
berisikan formulir pendaftaran. Dimana Development Life Cycle,” Jurnal
inputan tersebut terdiri dari nama lengkap, nim, Ilmiah Informatika, vol. 2, no. 1, p. 83,
email, username, password, telepon, dan 2017.
alamat. [3] F. Effendy dan B. Nuqoba, “Penerapan
Jika sudah mendaftar akan muncul pesan
Framework Bootstrap Dalam
berhasil mendaftar, selanjuutnya calon anggota
membutuhkan validasi dari petugas Pembangunan Sistem Informasi
perpustakaan agar dapat melakukan login ke Pengangkatan Dan Penjadwalan
sistem. Jika tanpa validasi dari petugas maka Pegawai (Studi Kasus:Rumah Sakit
tidak akan bisa login karena sistem ini Bersalin Buah Delima Sidoarjo),”
membutuhkan validasi petugas untuk Jurnal Informatika Mulawaman, vol.
mengecek apakah data calon anggota XI, no. 1, pp. 12-13, 2016.
perpustakaan sudah sesuai atau tidak. [4] M. H. Simbolon and R. Kaban,
“Rancang Bangun Aplikasi
4. KESIMPULAN Pengelolaan Organisasi Ekstrakurikuler
Berdasarkan penelitian yang telah (Studi Kasus: Amik Mbp Medan)”, 22-
dilakukan pada Institut Teknologi dan Jun-2018. [Online]. Available:
Bisnis Indonesia terdapat kesimpilan dari osf.io/preprints/inarxiv/8uzhw.
penelitian ini sebagai berikut: [5] T. V. N. Megariani, “Aplikasi Forum
1. Sistem yang dirancang menggunakan Pajak Menggunakan Framework
metode rapid application development Bootstrap,” Technologia, vol. VIII, no.
dengan melalui 3 siklus yaitu 2, pp. 97-107, 2017.
requirments palnning (perencanaan [6] R. P. Aritonang and R. Kaban, "Kajian
syarat-syarat), design worshop, dan Tingkat Kepuasan Mahasiswa Terhadap
implementation cukup mempercepat Sistem Informasi Berbasis Web dengan
proses pembuatan sistem ini. Metode Technology Acceptance Model
2. Dengan framework bootstrap dapat (TAM)," JURNAL TEKNOLOGI
memberikan tampilan yang modern KESEHATAN DAN ILMU SOSIAL
dan responsive di segala jenis resolusi (TEKESNOS), vol. 1, no. 1, pp. 40-47,
baik itu smartphone, tablet, pc, 2019.
maupun laptop.
[7] A. Christian, S. Hesinto dan A. ,
3. Mempermudah bagi petugas dalam “Rancang Bangun Website Sekolah
mengelola perpustakaan dan Dengan Menggunakan Framework
mempermudah anggota ketika ingin Bootstrap (Studi Kasus SMP Negeri 6
mencari buku maupun melakukan Prabmulih),” Jurnal SISFOKOM, vol.
transaksi peminjaman dan VII, no. 1, pp. 22-27, 2018.
pengembalian . [8] A. Indriani, “Analisa Perbandingan
Metode Naive Bayes Classfier Dan K-
5. REFERENSI Nearest Neighboor Terhadap
Klasifikasi Data,” Sebatik, vol. XXIV,
[1] N. Aini, S. A. Wicaksono dan I. no. 1, p. 1, 2020.
Arwani, “Pembangunan Sistem
[9] R. Kaban, JUSITI: Jurnal Sistem [18] G. Y. Swara dan Y. Pebriadi,
Informasi dan Teknologi Informasi, vol. “Rekayasa Perangkat Lunak
3, no. 1, pp. 21-29, 2016. Pemesanan Tiket Bioskop Berbasis
Web,” Jurnal TEKNOIF, vol. IV, no. 2,
[10] N. Nurajizah, pp. 27-39, 2016.
“Penerapan Rapid Application [19] D. W. T. Putra dan R. Andriani,
Development Pada Sistem Informasi “Unified Modelling Language (UML)
Perpustakaan Sekolah Gema Nurani dalam Perancangan Sistem Informasi
Bekasi,” Jurnal Sistem Informasi Permohonan Pembayaran Restitusi
STMIK Antar Bangsa, vol. V, no. 1, SPPD,” Jurnal TEKNOIF, vol. VII, no.
pp. 1-6, 2016. 1, pp. 32-39, 2019.
[11] I. Ariyanti, [20] A. Abdullah and L. R. Fikri, "Sistem
“Pengembangan Sistem Informasi Kendali Lampu Lalu Lintas Melalui
Perpustakaan Sekolah Dengan Rapid Perbandingan Timer Dan Kepadatan
Application Development,” Jurnal Kendaraan Dilengkapi Penghitung Jumlah
Pilar Nusa Mandiri, vol. XIV, no. 1, Kendaraan Dan Monitoring Berbasis
pp. 55-60, 2018. Web," Journal Of Informatic Pelita
[12] I. Rusdi, “Sistem Nusantara, vol. 3, no. 2, pp. 50-62, 2018.
[21] A. Abdullah, "Penggunaan Sensor
Informasi Pengolahan Data Laporan
Kesetimbangan Accelerometer dan Sensor
Arus Kas Berbasis Website Pada CV Halangan Ultrasonic pada Aplikasi Robot
Sari Agung Perkasa (SAP) Ternate,” Berkaki Dua," SinkrOn, vol. 1, no. 2, pp.
Jurnal Ilmiah ILKOMINFO - Ilmu 120-128, 2017.
Komputer dan Informatika, vol. I, no.
1, pp. 1-9, 2018.
[13] J. Enterprise,
Pemrograman Bootstrap untuk
Pemula, Jakarta: PT Elex Media
Komputindo, 2016.
[14] A. Abdullah, "DETECTION AND
MONITORING SYSTEM OF SMOKE
CONCENTRATION WITH SMOKE
DETECTOR AND CAMERA
TRACKER," FISITEK: Jurnal Ilmu
Fisika dan Teknologi, vol. 2, no. 1, pp. 1-
7, 2018.
[15] M. Y. H. Setyawan dan C. E.
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.

12