Perancangan Dan Implementasi Website Perpustakaan Digital Berbasis Web Menggunakan HTML, CSS, Javascript, Dan LocalStorage

Abstract

Perpustakaan merupakan salah satu sarana penting dalam mendukung kegiatan pendidikan, penelitian, dan penyediaan informasi. Namun, pengelolaan perpustakaan secara konvensional masih memiliki berbagai kendala, seperti proses pencatatan yang kurang efisien, kesulitan dalam pencarian data buku, serta keterbatasan dalam pemantauan status peminjaman. Oleh karena itu, diperlukan sebuah sistem perpustakaan digital yang mampu mengelola data secara terkomputerisasi dan mudah diakses. Penelitian ini bertujuan untuk merancang dan mengimplementasikan website perpustakaan digital berbasis web menggunakan HTML, CSS, dan JavaScript dengan memanfaatkan LocalStorage sebagai media penyimpanan data. Sistem yang dikembangkan menyediakan fitur autentikasi pengguna (login dan pendaftaran), pengelolaan data buku, pencarian dan pengurutan buku, peminjaman dan pengembalian buku, serta penyajian statistik ketersediaan buku secara real-time. Proses pengembangan sistem dilakukan dengan metode prototype yang memungkinkan penyesuaian sistem berdasarkan kebutuhan pengguna. Hasil implementasi menunjukkan bahwa website perpustakaan digital yang dibangun mampu meningkatkan efektivitas pengelolaan data perpustakaan serta mempermudah pengguna dalam mengakses informasi buku dan melakukan proses peminjaman. Dengan antarmuka yang interaktif dan sistem yang berjalan langsung melalui browser tanpa memerlukan database server, aplikasi ini diharapkan dapat menjadi solusi alternatif dalam pengelolaan perpustakaan skala kecil hingga menengah.Libraries are one of the important facilities in supporting educational activities, research, and information dissemination. However, conventional library management still faces various challenges, such as inefficient record-keeping processes, difficulties in searching book data, and limitations in monitoring borrowing status. Therefore, a digital library system is needed to manage data in a computerized manner and provide easy access for users. This study aims to design and implement a web-based digital library website using HTML, CSS, and JavaScript by utilizing LocalStorage as the data storage medium. The developed system provides user authentication features (login and registration), book data management, book searching and sorting, book borrowing and returning, as well as real-time statistics on book availability. The system development process was carried out using the prototype method, which allows system adjustments based on user requirements. The implementation results indicate that the developed digital library website is able to improve the effectiveness of library data management and facilitate users in accessing book information and performing borrowing processes. With an interactive interface and a system that runs directly through a web browser without requiring a server-side database, this application is expected to serve as an alternative solution for managing small- to medium-scale libraries.