Perancangan Aplikasi Perpustakaan Berbasis Web Pada MTs Assyairiyah Attahiriyah Menggunakan ReactJS

• Ahmad Fauzan
• 2023

---

Saat ini, perpustakaan di MTs Assyairiyah Attahiriyah belum menggunakan sistem informasi perpustakaan. Hal ini mengakibatkan pengelolaan stok, peminjaman, pengembalian, dan penghitungan denda masih dilakukan secara manual. Oleh karena itu, penelitian ini bertujuan untuk merancang sebuah aplikasi perpustakaan berbasis website dengan menggunakan ReactJS sebagai solusi untuk mengatasi masalah yang timbul akibat pengolahan data secara manual. Tujuan dari penelitian ini adalah meningkatkan efektivitas dan efisiensi pengelolaan perpustakaan.Metode yang digunakan dalam pengumpulan data adalah observasi, wawancara, dan studi pustaka. Sedangkan model perancangan yang digunakan adalah metode prototype. Pemilihan model pengembangan ini bertujuan untuk memfasilitasi komunikasi yang efektif antara pengembang dan pengguna, sehingga dapat lebih baik dalam menentukan kebutuhan pengguna dan memahami harapan pengguna terhadap sistem. Sistem yang diusulkan adalah sebuah sistem perpustakaan yang terkomputerisasi, menggunakan program berbasis website dengan ReactJS sebagai framework javascript, PostgreSQL sebagai database, Firebase sebagai service auth, dan GraphQL sebagai bahasa query. Aplikasi ini dilengkapi dengan fitur login, logout, register, pengelolaan buku, pengelolaan akun pengguna, peminjaman, pengembalian, dan penghitungan denda secara otomatis. Dengan adanya aplikasi yang dirancang, diharapkan dapat mengatasi masalah-masalah yang muncul akibat pengolahan data secara manual. Selain itu, diharapkan pula bahwa pengelolaan perpustakaan dapat menjadi lebih efektif dan efisien, serta penyajian laporan dapat menjadi lebih akurat dan tepat waktu.

 

• Perpustakaan
• ReactJS
• Website

DAFTAR PUSTAKA

Achyani, Y. E., & Saumi, S. (2019). Penerapan Metode Waterfall Pada Sistem Informasi Manajemen Buku Perpustakaan Berbasis Web. Jurnal SAINTEKOM, 9(1), 83. https://doi.org/10.33020/saintekom.v9i1.84

Aldo, D., Richo, R., & Munir, Z. (2021). Aplikasi Pelayanan Pada Klinik Kemina Dental Care Berbasis React.Js dan Database NoSQL. Informatika Mulawarman : Jurnal Ilmiah Ilmu Komputer, 16(2), 139. https://doi.org/10.30872/jim.v16i2.6532

Anamisa, D. R., & Mufarroha, F. A. (2022). Dasar Pemrograman WEB Teori dan Implementasi : HTML,CSS,Javascript,Bootstrap,Codelgniter (1st ed.). Media Nusa Creative (MNC Publishing). https://books.google.co.id/books?id=-k2eEAAAQBAJ

Ariani, F. (2019). Perancangan Sistem Informasi Perpustakaan Berbasis Web Dengan Metode Framework for the Application System Thinking (Fast). Inti Nusa Mandiri, 14(1), 21–26. https://ejournal.nusamandiri.ac.id/index.php/inti/article/view/577

Enterprise, J. (2022). Membangun Aplikasi Berbasis Data dengan Python. Elex Media Komputindo. https://books.google.co.id/books?id=L-SREAAAQBAJ

Ferizal, A. A., Sobarnas, M. A., & Nursanto, D. (2021). Sistem Informasi Perpustakaan Berbasis Web di SMK Fatahillah Cileungsi. INFOTECH : Jurnal Informatika & Teknologi, 2(2), 104–113. https://doi.org/10.37373/infotech.v2i2.178

Fitriatun, E., & Aprilyani, F. (2021). Perancangan Sistem Informasi Perpustakaan Berbasis Web Pada MAN 10 Jakarta Untuk Meningkatkan Minat Belajar Siswa. Jurnal Sistem Informasi, 10(1), 18–26. https://doi.org/10.51998/jsi.v10i1.353

Fowler, M. (2014). UML Distilled: Panduan Singkat Bahasa Pemodelan Objek Standar (3rd ed., Vol. 3). Andi.

Fridayanthie, E. W., Haryanto, H., & Tsabitah, T. (2021). Penerapan Metode Prototype Pada Perancangan Sistem Informasi Penggajian Karyawan (Persis Gawan) Berbasis Web. Paradigma - Jurnal Komputer Dan Informatika, 23(2), 151–157. https://doi.org/10.31294/p.v23i2.10998

Handayani, V. R. (2023). Aplikasi Sistem Informasi Elektronik Perpustakaan Umum (e-Peru) Berbasis Website. EVOLUSI : Jurnal Sains Dan Manajemen, 11(1). https://doi.org/10.31294/evolusi.v11i1.15031

Hanief, S., & Jepriana, I. W. (2020). Konsep Algoritme dan Aplikasinya dalam Bahasa Pemrograman C++ (R. Indra, Ed.; 1st ed.). Penerbit Andi. https://books.google.co.id/books?id=BRQQEAAAQBAJ

Hasanuddin, Asgar, H., & Hartono, B. (2022). Rancang Bangun Rest Api Aplikasi Weshare Sebagai Upaya Mempermudah Pelayanan Donasi Kemanusiaan. Jurnal Informatika Teknologi Dan Sains, 4(1), 8–14. https://doi.org/10.51401/jinteks.v4i1.1474

Herman, D. A., & Frederick, F. (2022). Pengembangan Dan Implementasi Frontend Dan Backend Website Perpustakaan Di SMA Maitreyawira Batam Menggunakan Model Addie. National Conference for Community Service Project (NaCosPro), 4(1), 1058–1064. https://journal.uib.ac.id/index.php/nacospro/article/view/7076

Hutahaean, J. (2015). Konsep Sistem Informasi (1st ed.). Deepublish. https://books.google.co.id/books?id=o8LjCAAAQBAJ

Junaedi, A., Drajat, D., Syihabuddin, R. I., Damayanti, U. M., & Wahyutama, M. F. (2021). Perancangan Perpustakaan Digital Berbasis Website Pada SMAN 18 Kabupaten Tangerang. ADI Bisnis Digital Interdisiplin Jurnal, 2(2), 20–26. https://doi.org/10.34306/abdi.v2i2.550

Karim, A., Bangun, B., Purnama, I., Harahap, S. Z., Irmayani, D., Nasution, M., Haris, M., & Munthe, I. R. (2020). Pengantar Teknologi Informasi (Y. L. B. Gemilang, Ed.; 1st ed.). Yayasan Labuhanbatu Berbagi Gemilang. https://books.google.co.id/books?id=Z7YSEAAAQBAJ

Kholik, N., & Adhiwibowo, W. (2022). Sistem Informasi Perpustakaan Berbasis Web Kabupaten Demak. Information Science and Library, 3(1), 41. https://doi.org/10.26623/jisl.v3i1.5106

Kostaman, N., & Sumaryana, Y. (2018). Aplikasi pemesanan tiket oto bus budiman berbasis online. Jurnal Manajemen Dan Teknik Informatika (JUMANTAKA), 1(1), 121–130. https://jurnal.stmik-dci.ac.id/index.php/jumantaka/article/view/275

Maharani, D., Helmiah, F., & Rahmadani, N. (2021). Penyuluhan Manfaat Menggunakan Internet dan Website Pada Masa Pandemi Covid-19. Abdiformatika: Jurnal Pengabdian Masyarakat Informatika, 1(1), 1–7. https://doi.org/10.25008/abdiformatika.v1i1.130

Maharani, M. A. (2018). Analisa dan Perancangan Sistem Informasi dengan Codeigniter dan Laravel (1st ed.). Lokomedia.

Maiyendra, N. A. (2019). Perancangan Sistem Informasi Promosi Tour Wisata Dan Pemesanan Paket Tour Wisata Daerah Kerinci Jambi Pada Cv. Rinai Berbasis Open Source. JURSIMA (Jurnal Sistem Informasi Dan Manajemen), 7(1), 1–11. http://ejournal.stmikgici.ac.id/index.php/jursima/article/view/164

Meilinda, E., & Sabaruddin, R. (2021). Implementasi Model Prototype Pada Sistem Informasi Inventory (Studi Kasus: Kantor Upt Tikp Dinas Pendidikan Kota Pontianak). Jurnal Khatulistiwa Informatika, 9(1), 38–42. https://ejournal.bsi.ac.id/ejurnal/index.php/khatulistiwa/article/view/10100

Nazir, M., Putri, S. F., & Malik, D. (2020). E-Voting Application Design Using UML (Unified Modelling Language) Diagram. Jurnal Ilmiah Komputer Terapan Dan Informasi, 1, 5–9. http://download.garuda.kemdikbud.go.id/article.php?article=3053196&val=27786&title=Perancangan%20Aplikasi%20E- VOTING%20Menggunakan%20Diagram%20UML%20Unified%20Modelling%20Language

Nugroho, S., & Primadewi, A. (2020). Penerapan Web Service pada Integrasi Database Simperpus dan SIAK Menggunakan Rest API. Jurnal Komtika (Komputasi Dan Informatika), 4(2), 71–81. https://doi.org/https://doi.org/10.31603/komtika.v4i2.4225

Nurseptaji, A., & Ramdhani, Y. (2021). Sistem Informasi Perpustakaan dengan Implementasi Model Waterfall. INFORMASI (Jurnal Informatika Dan Sistem Informasi), 13(1), 61–79. https://doi.org/10.37424/informasi.v13i1.68

Phang, C. L. (2022). HTML, Bootstrap, CSS, Tailwind, & Cordova: A Complete Guide. Chong Lip Phang. https://books.google.co.id/books?id=NZ6VEAAAQBAJ

Purwanto, H. (2019). Rancangan Sistem Informasi Penjualan Barang Koperasi Xyz. JSI (Jurnal Sistem Informasi) Universitas Suryadarma, 6(1), 83–111. https://doi.org/https://doi.org/10.35968/jsi.v6i1.278

Ramadhan, R. F., & Mukhaiyar, R. (2020). Penggunaan Database Mysql dengan Interface PhpMyAdmin sebagai Pengontrolan Smarthome Berbasis Raspberry Pi. JTEIN: Jurnal Teknik Elektro Indonesia, 1(2), 129–134. https://doi.org/10.24036/jtein.v1i2.55

Ramadhani, I., & Alasi, T. S. (2022). Aplikasi Perpustakaan sekolah Berbasis Web (Studi Kasus: SMA Nasional Gultom Medan). Jurnal Armada Informatika, 6(2). http://jurnal.stmikmethodistbinjai.ac.id/jai/article/view/58

Rifai, A., & Yuniar, Y. P. (2019). Penerapan Metode Waterfall Dalam Perancangan Sistem Informasi Ujian Pada SMK Indonesia Global Berbasis Web. Jurnal Khatulistiwa Informatika, 7(1), 2–6. https://doi.org/10.31294/jki.v7i1.5736

Riyanda, A. R., & Suana, W. (2019). Pengembangan Modul Pembelajaran Pemrograman Dasar Berbasis Adobe Flash CS6 Bagi Siswa Kelas XI RPL. Jurnal Pendidikan Teknologi Informasi Dan Vokasional, 1(2), 1–10. http://jurnal.fkip.unila.ac.id/index.php/JPVTI/article/viewFile/20156/14311

Rizcha, Y. R., & Yaakub, S. (2023). Sistem Informasi Manajemen Sumber Daya Manusia Pada Universitas Muhammadiyah Jambi. Jurnal Manajemen Sistem Informasi, 8(1), 78–93. https://ejournal.unama.ac.id/index.php/jurnalmsi/article/download/765/596

Salamah, U. G. (2021). Tutorial Cascading Style Sheets (CSS). Media Sains Indonesia. https://books.google.co.id/books?id=exclEAAAQBAJ

Saputra, A. D., & Borman, R. I. (2020). Sistem Informasi Pelayanan Jasa Foto Berbasis Android (Studi Kasus: Ace Photography Way Kanan). Jurnal Teknologi Dan Sistem Informasi, 1(2), 87–94. http://jim.teknokrat.ac.id/index.php/sisteminformasi/article/view/420

Saputro, M., Basir, A., & Permatasari, E. K. (2022). Perancangan Sistem Informasi Perpustakaan Berbasis Web Di SMA Negeri 1 Sirampog. JURNAL TEKNIK INFORMATIKA DAN SISTEM INFORMASI, 2(2), 36–43. https://jurtisi.stmikmpb.ac.id/index.php/jurtisi/article/view/43

Setiawan, Y., Wijanarko, A., & Helmizar. (2022). Analisis Penerapan Protokol Covid-19 Pada Optimasi Distribusi Ruang Pembelajaran Resource Sharing Dengan Implementasi Algoritma Simple Additive Weighting (SAW). Electrician, 16(2), 168–174. https://doi.org/10.23960/elc.v16n2.2267

Solehatin, & Anam, C. (2020). E–Deteksi Kematangan Buah Jeruk Banyuwangi Mengunakan Metode KNN Berbasis Android. Deepublish. https://books.google.co.id/books?id=yuYREAAAQBAJ

Subakti, H., Widiastiwi, Y., Syamsiyah, N., Nugroho, A., S, A., Wiyanto, Kraugusteeliana, Anggraeni, D., Sasongko, D., & Fahrullah. (2022). Rekayasa Perangkat Lunak (D. Gustian, Ed.). Media Sains Indonesia. https://books.google.co.id/books?id=dTVxEAAAQBAJ

Sutanti, A., MZ, M. K., Mustika, M., & Damayanti, P. (2020). Rancang Bangun Aplikasi Perpustakaan Keliling Menggunakan Pendekatan Terstruktur. Komputa : Jurnal Ilmiah Komputer Dan Informatika, 9(1), 1–8. https://doi.org/10.34010/komputa.v9i1.3718

Syarif, M., & Pratama, E. B. (2021). Analisis Metode Pengujian Perangkat Lunak Blackbox Testing Dan Pemodelan Diagram Uml Pada Aplikasi Veterinary Services Yang Dikembangkan Dengan Model Waterfall. JTIK (Jurnal Teknik Informatika Kaputama), 5(2), 253–258. http://jurnal.kaputama.ac.id/index.php/JTIK/article/view/622

Wijaya, A., Damayanti, D., & An’ars, M. G. (2022). Rancang Bangun Sistem Informasi Manajemen Kepegawaian (Simpeg) Berbasis Web (Studi Kasus: Pt Sembilan Hakim Nusantara). Jurnal Teknologi Dan Sistem Informasi, 3(1), 77–82. http://jim.teknokrat.ac.id/index.php/sisteminformasi/article/view/1867

Wildan, B., Sari, A. P., & Nasution, R. (2021). Sistem Informasi Manejemen Surat Berbasis Web Pada PT. Clipan Finance Indonesia, Tbk. Hexagon Jurnal Teknik Dan Sains, 2(1), 85–90. https://doi.org/10.36761/hexagon.v2i1.882

Winarno, E., Zaki, A., & Community, S. (2013). Buku Sakti Pemrograman PHP. Elex Media Komputindo. https://books.google.co.id/books?id=LtxMDwAAQBAJ

Wiyanto, W., Sundari, J., Serli, R. K., & Budiarti, Y. (2022). E-Learning Pada SMP Islam Daarut Taufiq Tangerang Dengan Metode Waterfall. Indonesian Journal on Software Engineering (IJSE), 8(1), 99–105. https://doi.org/10.31294/ijse.v8i1.12963

Wulandari, D. A., Sari, A. O., & Astrilyana, A. (2019). Rancang Bangun Aplikasi Perpustakaan Sekolah Berbasis Website. JITK (Jurnal Ilmu Pengetahuan Dan Teknologi Komputer), 4(2), 163–168. https://ejournal.nusamandiri.ac.id/index.php/jitk/article/view/290

Zaidan, M. A., Ulhaq, M. R. D., Fauzan, M. N., & Pane, S. F. (2023). Panduan Membuat Notifikasi Realtime Menggunakan Laravel Websocket Dan React Js (S. F. Pane, Ed.). Penerbit Buku Pedia. https://books.google.co.id/books?id=-0q5EAAAQBAJ

Zailani, A. U., Perdananto, A., & Ardhiansyah, M. (2020). Penggunaan Model Prototype dalam Membuat Library System di SMPIT AL Mustopa. SMARTICS Journal, 6(2), 89–96. https://doi.org/https://doi.org/10.21067/smartics.v6i2.4636