Jurnal Ilmu Komputer dan Sistem Informasi

Rancangan Sistem Informasi Perpustakaan Berbasis Web

Pada SMK Negeri 1 Tanjungpinang
Rio Chandra 1) Ery Dewayani 2)
1, 2)
Program Studi Sistem Informasi, Fakultas Teknologi Informasi, Universitas Tarumanagara
Jl. Letjen S. Parman No. 1, Jakarta 11440, Indonesia
1)
email: rio.825190050@[Link], 2)email: eryd@[Link]

ABSTRACT perpustakaan yang ada di sekolah. Perpustakaan adalah

Technology that is now growing rapidly is widely suatu gedung dari suatu lembaga atau badan yang
used by the community for various activities, such as memiliki tugas menyediakan, menghimpun, dan
administrative activities. Of the many administrative mengelola bermacam koleksi buku [2]. Berbagai macam
activities that exist, the library is one of them that requires buku yang disediakan baik berupa buku-buku maupun
information technology in data management. The library tidak berupa buku seperti majalah, surat kabar, dan lain
is a building of an institution or agency that has the task sebagainya.
of providing, compiling, and managing various Penerapan teknologi informasi perpustakaan
collections of books. SMK Negeri 1 Tanjungpinang is one menjadikan para pustakawan yang umum dengan
of the schools that still processes library data manually, teknologi akan meminta penerapan pelayanan
which still does not utilize existing information berteknologi informasi yang dapat mengakomodasi
technology. Data collection that is still done manually pustakawan untuk mendapatkan informasi yang
will cause problems, where data collection is slow and dibutuhkan [3]. Dengan memanfaatkan teknologi
inefficient. Therefore, the design of this library informasi, sistem informasi perpustakaan kini sangat
information system will assist the administrative activities menunjang berbagai aktivitas yang ada di perpustakaan,
of SMK Negeri 1 Tanjungpinang by having a library data terutama dalam pengelolaan data perpustakaan, kemudian
management website. This is useful for librarians in dapat membagikan pelayanan yang sangat efektif serta
facilitating all data management processes, including efisien bagi anggota dalam perpustakaan [4].
making membership cards, the process of making reports, Bermacam koleksi buku tersebut diatur secara
making and collecting data on borrowing and returning sistematis sehingga memudahkan dalam mencari buku.
books. Making a web-based library information system at Buku sebagai media penghubung untuk mendapatkan
SMK Negeri 1 Tanjungpinang using the laravel sebuah informasi bagi pembaca sehingga perpustakaan
framework with mysql database. dikatakan sebagai sumber informasi bagi setiap pembaca.
Penciptaan sebuah sistem informasi perpustakaan sangat
Keywords mempermudah dalam melayani dan pengelolaan bahan
Library, Information System, Website, MySQL pustaka. Penerapan sistem informasi perpustakaan
berbasis web di perpustakaan dapat diterapkan diberbagai
jenis perpustakaan, salah satunya adalah perpustakaan
1. Pendahuluan sekolah.
Perkembangan informasi teknologi saat ini sangat SMK Negeri 1 Tanjungpinang yang berlokasi di
berkembang dengan pesat. Penggunaan website dalam Kecamatan Bukit Bestari, Kabupaten Tanjungpinang
menyampaikan informasi sangatlah membantu dan menjadi salah satu sekolah yang masih melakukan
bermanfaat bagi para lembaga-lembaga atau perusahaan. pengolahan data perpustakaan dengan cara manual, yaitu
Informasi didapatkan dengan sangat mudah melalui menulis atau mencatat pada buku besar. Segala proses
website, yang dapat diakses oleh siapapun, kapanpun dan pendataan dilakukan secara manual, termasuk pengolahan
dimana saja melalui internet [1]. Sebelum ditemukannya data dan pembuatan kartu anggota, pendataan kategori
teknologi, pengolahan sebuah data menjadi sebuah buku, pengolahan laporan anggota, termasuk peminjaman
informasi masih dilakukan oleh manusia secara manual. dan pengembalian buku, serta denda yang masih dihitung
Meskipun tidak mengganggu isi dari informasi yang secara manual.
disampaikan, pengolahan sebuah data menjadi informasi Pada hal ini, disimpulkan bahwa pendataan masih
secara manual memiliki resiko terhadap bencana alam dan belum memanfaatkan teknologi informasi yang ada,
kehilangan sehingga apabila cetakan informasi tersebut sehingga dapat menimbulkan permasalahan dalam
rusak maka tidak dapat dikembalikan seperti semula. pendataan buku [5]. Pendataan yang masih dilakukan
Seiring dengan perkembangan zaman, teknologi secara manual akhirnya akan menjadi lambat dan tidak
informasi juga dibutuhkan dalam melakukan aktivitas efisien. Maka dari itu, muncul ide sebagai solusi untuk
administrasi yang membuat pendataan menjadi lebih membantu kegiatan administrasi SMK Negeri 1
praktis, efektif dan juga efisien, di mana salah satunya Tanjungpinang dengan menciptakan website pengelolaan
adalah pengolahan data di perpustakaan khususnya

1
Jurnal Ilmu Komputer dan Sistem Informasi

data perpustakaan. Hal ini bermanfaat bagi pustakawan 3. Penulisan Kode Program
dalam mempermudah pembuatan kartu keanggotaan, Penulisan kode program dilakukan dengan
mempermudah proses pembuatan laporan, serta sebagai menggunakan bahasa HTML, CSS, PHP, JavaScript
alternatif dalam pengolahan data, termasuk pembuatan dan didukung oleh framework Laravel.
dan pendataan peminjaman dan pengembalian buku. 4. Pengujian Program
Tahap pengujian program akan diuji oleh salah satu
2. Metode Penelitian dari pihak sekolah dan pengguna agar pengujian ini
Metode yang digunakan dalam membuat dapat dilakukan secara realistis.
perancangan sistem informasi perpustakaan berbasis web 5. Penerapan Program
pada SMK Negeri 1 Tanjungpinang ini dengan Tahap penerapan program dilakukan untuk
menggunakan metode waterfall yang terdiri dari analisis menyimpulkan hasil dari pengujian program yang
kebutuhan, desain sistem, penulisan kode program, telah diuji agar dapat diketahui fitur apa saja yang
pengujian program, penerapan program dan dapat dilihat harus dikembangkan pada tahap selanjutnya atau
pada Gambar 1 di bawah ini: fitur apa yang harus dihilangan dalam pembuatan
aplikasi yang sudah dibuat.

3. Hasil dan Pembahasan

Berdasarkan hasil penelitian, perancangan sistem
informasi perpustakaan berbasis web pada SMK Negeri 1
Tanjungpinang diawali dengan pembuatan use case
diagram, use case scenario, activity diagram, sequence
diagram, class diagram dan entity relationship diagram
(ERD).
1. Use Case Diagram
Use case diagram dibuat untuk memenuhi kebutuhan
User dalam perancangan dapat mendeskripsikan
suatu interaksi antar aktor dan sistem. Dalam sistem
informasi perpustakaan berbasis web pada SMK
Negeri 1 Tanjungpinang, terdapat 2 aktor yaitu
Sumber Gambar: [Link]/2019/10/model- anggota dan pustakawan. Interaksi yang dilakukan
sekuensial-linier-atau-waterfall oleh anggota berupa peminjaman dan pengembalian
Gambar 1. Metode waterfall buku secara manual. Beberapa interaksi yang dapat
dilakukan oleh pustakawan yaitu login, register,
1. Analisis Kebutuhan logout, pengolahan data rak, data kategori, data
Analisa kebutuhan yang dilakukan untuk penerbit, data pengarang, data buku, data anggota,
pengumpulan data yaitu dengan menggunakan mencatat peminjaman dan pengembalian serta
metode wawancara, metode observasi dan metode pembuatan laporan. Use Case diagram pada Aplikasi
studi pustaka. Wawancara ini digunakan untuk sistem informasi perpustakaan berbasis web pada
pengumpulan data dengan cara tanya jawab secara SMK Negeri 1 Tanjungpinang dapat dilihat pada
langsung kepada pihak sekolah yang bersangkutan di Gambar 2.
dalam perpustakaan tersebut agar dapat mendukung
dalam pembuatan aplikasi ini. Observasi untuk
melakukan pengamatan yang dapat dilakukan secara
langsung maupun tidak langsung terhadap objek
yang diteliti untuk mendapatkan data dan informasi
yang diperlukan sesuai dengan permasalahan. Studi
pustaka ini merupakan informasi yang dikumpulkan
berdasarkan hasil pembelajaran dari berbagai jurnal
dan buku yang relevan dengan program yang akan
dirancang.
2. Desain Sistem
Tahap desain sistem ini akan dilakukan perancangan
sistem menggunakan pemodelan sistem UML yang
terdiri dari use case, use case scenario, activity
diagram, sequence diagram, class diagram, entity
relationship diagram (ERD), hubungan antar tabel,
spesifikasi antar tabel dan antar muka sistem.
Gambar 2. Use Case Diagram
Jurnal Ilmu Komputer dan Sistem Informasi

2. Use Case Scenario 7. Wireframe

Use case scenario merupakan tabel yang Dalam user interface design merupakan proses
menjelaskan secara detil proses yang telah dibuat pembuatan desain tampilan interface yang akan
pada setiap use case dan cara menanggapi respon ditampilkan pada software, akan dibuat wireframe
yang diberikan oleh sistem. untuk mendukung dalam perancangan UI pada
3. Activity Diagram pembuatan sistem informasi perpustakaan berbasis
Activity Diagram merupakan penjelasan urutan web pada smk negeri 1 tanjungpinang terdiri dari
aktivitas pada suatu proses yang terjadi pada sebuah halaman utama, login dan register, pengolahan data
sistem serta tindakan yang perlu dilakukan oleh anggota, data rak, data kategori, data penerbit, data
Aktor. dan bertujuan untuk mempermudah dalam pengarang, data buku, data peminjaman, data
memahami proses secara keseluruhan. pengembalian dan pengolahan laporan. Hasil dari
4. Sequence Diagram perancangan User Interface Design ditunjukkan
Sequence diagram secara umum digunakan untuk pada Gambar 4 – Gambar 14.
menggambarkan dan merangkai langkah yang
dilakukan oleh aktor untuk menghasilkan output
tertentu seperti mengirimkan pesan dan
menampilkan pesan serta proses ke dalam database.
5. Class Diagram
Class diagram merupakan jenis diagram struktur
statis yang menggambarkan struktur sistem dengan
menunjukkan kelas sistem, atribut, operasi (atau
metode), dan hubungan antar objek dalam sistem
yang dirancang.
6. Entity Relationship
Entity Relationship Diagram (ERD) menunjukkan
hubungan set entitas yang tersimpan dalam database.
Entitas dalam konteks ini merupakan objek,
komponen data. Himpunan entitas adalah kumpulan Gambar 4. Halaman Utama
entitas yang serupa. Entity Relationship Diagram
sistem informasi perpustakaan berbasis web pada
SMK Negeri 1 Tanjungpinang terdiri dari 8 entitas,
yaitu shelves, categories, authors, publisher, books,
members, borrows dan returneds. ERD ditunjukkan
pada Gambar 3.

Gambar 5. Halaman Login

Gambar 3. Entity Relationship Diagram

Gambar 6. Halaman Register
Jurnal Ilmu Komputer dan Sistem Informasi

Gambar 7. Halaman Pengolahan Data Anggota Gambar 11. Halaman Tambah Data Peminjaman

Gambar 8. Halaman Pengolahan Data Buku Gambar 12. Halaman Pengolahan Data Pengembalian

Gambar 9. Halaman Tambah Data Buku Gambar 13. Halaman Proses Pengembalian

Gambar 10. Halaman Pengolahan Data Peminjaman Gambar 14. Halaman Pengolahan Laporan
Jurnal Ilmu Komputer dan Sistem Informasi

menambahkan, mengubah, dan menghapus data

Setelah tahap perancangan telah selesai dibuat, kategori buku. Hasil yang diharapkan adalah
dilanjutkan dengan tahap implementasi, antara lain: berhasil melakukan operasi tersebut.
1. Implementasi Basis Data 6. Pengolahan Data Penerbit: menguji operasi
Implementasi basis data dibuat berdasarkan pengolahan data penerbit buku, termasuk
rancangan Entity Relationship Diagram (ERD) menambahkan, mengubah, dan menghapus data
yang telah dirancang pada tahap sebelumnya. penerbit. Hasil yang diharapkan adalah berhasil
Basis data yang digunakan dalam implementasi melakukan operasi tersebut.
yaitu menggunakan MySQL. Dalam melakukan 7. Pengolahan Data Pengarang: menguji operasi
implementasi data digunakan salah satu fitur pengolahan data pengarang buku, termasuk
PHP Laravel yaitu migration untuk membuat menambahkan, mengubah, dan menghapus data
basis data pada sistem. pengarang. Hasil yang diharapkan adalah berhasil
2. Implementasi Back-End melakukan operasi tersebut.
Implementasi back-end untuk melakukan 8. Pengolahan Data Buku: menguji operasi
request sistem ini menggunakan HTTP Verbs/ pengolahan data buku, termasuk menambahkan,
Method, ini merupakan sebuah metode mengubah, dan menghapus data buku. Hasil yang
penentuan kerja HTTP yang digunakan. diharapkan adalah berhasil melakukan operasi
3. Implementasi Front-End tersebut.
Implementasi front-end merupakan sebuah 9. Pencatatan Data Peminjaman Buku: menguji
tampilan antarmuka yang digunakan user untuk operasi pengolahan data peminjaman, termasuk
berinteraksi dengan sistem tersebut. Tampilan menambahkan dan menghapus data peminjaman.
antarmuka yang diimplementasikan berdasarkan Hasil yang diharapkan adalah berhasil melakukan
rancangan desain yang sudah dibuat pada tahap operasi tersebut dan status peminjaman menjadi
sebelumnya. Rancangan antarmuka yang dibuat "dipinjam".
dengan menggunakan Framework Laravel 10. Pencatatan Data Pengembalian Buku: menguji
(HTML, CSS, Javascript & PHP) menampilkan operasi pengembalian buku, termasuk
data dari database memuat request pada sistem. mengembalikan buku dan menghapus data
pengembalian. Hasil yang diharapkan adalah
Setelah melalui tahap implementasi aplikasi, berhasil mengembalikan buku dan mengubah
adapun pengujian yang harus dilakukan. Tujuan dari status peminjaman menjadi "selesai" secara
pengujian ini yaitu untuk mengukur kegunaan, otomatis. Dan juga menguji pengisian tanggal
kelengkapan, ketepatan dan kualitas dari software pengembalian yang melebihi batas waktu, yang
yang dikembangkan. Pengujian tersebut dilakukan seharusnya menampilkan denda sesuai
dengan menggunakan metode Blackbox testing. keterlambatan.
Pengujian dilakukan pada 11 (Sebelas) fitur yang 11. Pembuatan dan Pencetakan Laporan: menguji
terdapat pada Sistem Informasi Perpustakaan berbasis operasi pencetakan laporan untuk berbagai
Web. Berikut adalah penjelasan singkat untuk setiap kategori, seperti laporan anggota, buku,
fitur dan skenario pengujian: peminjaman, pengembalian, 10 (Sepuluh) besar
1. Login: menguji fungsi login dengan mengisi daftar buku, 10 (Sepuluh) besar daftar anggota,
username dan password. Hasil yang diharapkan dan laporan denda. Hasil yang diharapkan adalah
adalah berhasil masuk ke halaman utama berhasil menampilkan cetakan laporan sesuai
dashboard. dengan tanggal yang dimasukkan.
2. Register: menguji fungsi pendaftaran dengan
mengisi informasi seperti username, fullname, Setelah pengujian berhasil, maka dilakukan
email, dan password. Hasil yang diharapkan pengintegrasian unit-unit menjadi 1 (satu) sistem
adalah berhasil mendaftarkan akun baru. keseluruhan dan dilanjut dengan pengujian tahap akhir
3. Pengolahan Data Anggota: menguji berbagai oleh user dengan menggunakan Users Acceptance
operasi pengolahan data anggota, termasuk Testing (UAT). User yang dimaksud merupakan
menambahkan data, mengubah data, menghapus pengguna yang akan berinteraksi atau menggunakan
data, dan mencetak kartu anggota. Hasil yang sistem yang dibuat. UAT dilakukan dengan metode
diharapkan adalah berhasil melakukan operasi System Usability Scale (SUS). System Usability Scale
tersebut. (SUS) adalah salah satu metode yang digunakan untuk
4. Pengolahan Data Rak Buku: menguji operasi mengukur tingkat usability pada sebuah sistem. SUS
pengolahan data rak, termasuk menambahkan, terdiri dari 10 pertanyaan dengan scala likert 1-5.
mengubah, dan menghapus data rak. Hasil yang Pertanyaan tersebut terdiri dari:
diharapkan adalah berhasil melakukan operasi 1. Saya berpikir akan menggunakan sistem ini lagi
tersebut. 2. Saya merasa sistem ini rumit untuk digunakan
5. Pengolahan Data Kategori Buku: menguji operasi 3. Saya merasa sistem ini mudah digunakan
pengolahan data kategori buku, termasuk
Jurnal Ilmu Komputer dan Sistem Informasi

4. Saya membutuhkan bantuan dari orang lain atau

teknisi dalam menggunakan sistem ini
5. Saya merasa fitur-fitur sistem ini berjalan dengan 4. Kesimpulan
semestinya Berdasarkan hasil penelitian dan pembahasan yang
6. Saya merasa ada banyak hal yang tidak konsisten dilakukan untuk perancangan sistem informasi
7. Saya merasa orang lain akan memahami cara perpustakaan berbasis web pada SMK Negeri 1
menggunakan sistem ini dengan cepat Tanjungpinang, maka dapat disimpulkan bahwa:
8. Saya merasa sistem ini membingungkan 1. SMK Negeri 1 Tanjungpinang menjadi salah satu
9. Saya merasa tidak ada hambatan dalam sekolah yang melakukan pengolahan data
menggunakan sistem ini perpustakaan dengan cara manual, yang akan
10. Saya perlu membiasakan diri terlebih dahulu menimbulkan permasalahan dalam pendataan
sebelum menggunakan sistem ini buku, dimana pendataan akan menjadi lambat dan
tidak efisien.
Dengan keterangan scala likert : 2. Sistem informasi perpustakaan berbasis web yang
1 : Sangat Tidak Setuju dibuat, akan bermanfaat bagi para pustakawan
2 : Tidak Setuju dalam mempermudah pembuatan kartu
3 : Ragu – ragu keanggotaan, mempermudah proses pembuatan
4 : Setuju laporan, serta sebagai alternatif dalam pengolahan
5 : Sangat Setuju data, termasuk pembuatan dan pendataan
peminjaman dan pengembalian buku.
Analisis hasil pengujian dilakukan dengan 3. Perancangan Sistem Informasi Perpustakaan
perhitungan metode SUS. Adapun aturan dalam Berbasis Web Pada SMK Negeri 1 Tanjungpinang
melakukan perhitungan skor berdasarkan hasil skor menggunakan metode waterfall yang terdiri dari
yang diisi oleh responden, yaitu: analisis kebutuhan, desain sistem, penulisan kode
1. Pertanyaan yang bernomor ganjil, skor yang program, pengujian program, penerapan program.
diberikan oleh responden dikurangi dengan angka
1, REFERENSI
2. Pertanyaan yang bernomor genap, angka 5 [1] N. Wijayanti N., “Apa Itu Website? Pengertian, Jenis, dan
dikurangi dengan skor yang diberikan oleh Manfaatnya! Niagahoster Blog.,” Dec. 31, 2021. [Online].
responden, Available: [Link]
3. Skor yang telah didapatkan dari aturan 1 dan 2 website/
pada setiap responden, dijumlahkan dan [2] D. D. Hutagalung and F. Arif, “RANCANG
kemudian dikalikan dengan angka 2,5. BANGUNSISTEM INFORMASI PERPUSTAKAAN
BERBASIS WEBPADA SMK CITRA NEGARA
Berikut merupakan rumus akhir dari perhitungan skor DEPOK,” vol. vol.7, no.1, Apr. 2018, [Online]. Available:
[Link]
SUS: icle/view/272/225
[3] Fahrizandi, “Pemanfaatan Teknologi Informasi di
∑𝑥 Perpustakaan,” vol. vol.4, no.1, p. 63, 2020.
X=
𝑛 [4] Nurmansyah, W. N. Cholifah, and I. D. Lestari,
“RANCANG BANGUN SISTEM INFORMASI
Keterangan: PERPUSTAKAAN MI ASSA’ADIYAH
X = Skor Rata-Rata ATTAHIRIYAH,” pp. 1436–1441, Jan. 2021.
Σx = Jumlah Skor SUS [5] Y. Maryono and I. Darwati, “PERANCANGAN WEB
PERPUSTAKAAN PADA SMP TARUNA BHAKTI
n = Jumlah Responden
DEPOK,” vol. Vol. 13, No. 2, pp. 239–244, Sep. 2017.
Hasil pengujian dapat dilihat pada Tabel 1 dan
berdasarkan analisis dengan perhitungan rumus SUS
maka didapatkan skor rata-rata senilai 88,33 yang
berarti sistem informasi perpustakaan berbasis web
sudah mendekati titik sempurna sehingga sudah cukup
baik untuk diterapkan.

Tabel 1. Hasil User Acceptance Testing