Zona Komputer ISSN 2087 - 7269 Volume 15.
Nomor 03 ( Desember 2.
RANCANG BANGUN APLIKASI PENCATATAN PENGUNJUNG PERPUSTAKAAN DIGITAL BERBASIS WEBSITE Mohammad Irham Fastabie1.
Ahmad Tabrani2 mohammadirhamfastabie@uinbanten.
id1, ahmad.
tabrani@uinbanten.
Prodi Informatika.
Fakultas Sains dan Teknologi.
UIN Sultan Maulana Hasanuddin Banten.
Kota Serang, 42118.
Indonesia Abstrak Aplikasi pencatatan pengunjung merupakan salah satu solusi digital yang dapat digunakan untuk menggantikan proses pencatatan manual di perpustakaan.
Penelitian ini bertujuan untuk merancang dan membangun aplikasi pencatatan pengunjung perpustakaan digital berbasis website.
Aplikasi dikembangkan menggunakan bahasa pemrograman PHP dengan basis data MySQL serta menerapkan mekanisme Create.
Read.
Update, dan Delete (CRUD) dalam pengelolaan data pengunjung.
Metode pengembangan sistem yang digunakan adalah metode Waterfall yang meliputi tahap analisis kebutuhan, perancangan, implementasi, dan Pengujian sistem dilakukan menggunakan metode black box testing untuk memastikan setiap fungsi aplikasi berjalan sesuai dengan kebutuhan.
Hasil pengujian menunjukkan bahwa fungsi utama aplikasi, seperti login, pengelolaan data pengunjung, dan logout, dapat berjalan dengan baik sesuai dengan output yang Dengan demikian, aplikasi yang dikembangkan mampu mendukung proses pencatatan pengunjung perpustakaan secara digital.
Kata Kunci: Pencatatan pengunjung, perpustakaan digital, aplikasi berbasis web.
CRUD.
Black Box Testing.
Abstract Visitor recording applications are one of the digital solutions that can be used to replace manual recording processes in libraries.
This study aims to design and develop a web-based digital library visitor recording The application is developed using the PHP programming language with a MySQL database and implements Create.
Read.
Update, and Delete (CRUD) mechanisms for managing visitor data.
The system development method used is the Waterfall method, which includes requirement analysis, system design, implementation, and testing stages.
System testing is conducted using the black box testing method to ensure that each application function operates according to the specified requirements.
The test results indicate that the main functions of the application, such as login, visitor data management, and logout, function properly and produce the expected outputs.
Therefore, the developed application is able to support digital visitor recording processes in libraries.
Keywords: Visitor recording, digital library, web-based application.
CRUD.
Black Box Testing.
Zona Komputer ISSN 2087 - 7269 Volume 15.
Nomor 03 ( Desember 2.
Pendahuluan Latar Belakang Perkembangan mendorong pemanfaatan aplikasi berbasis website dalam berbagai bidang termasuk pengelolaan data dan layanan informasi.
Aplikasi berbasis web merupakan sebuah program yang memanfaatkan halaman web browser untuk melakukan tugas-tugas melalui jaringan internet.
Aplikasi berbasis web memungkinkan sistem dapat diakses secara luas melalui jaringan internet tanpa ketergantungan pada perangkat tertentu.
Aplikasi arsitektur clientAeserver yang memungkinkan pengolahan data dilakukan secara terpusat dan antarmuka pengguna .
Berdasarkan latar belakang tersebut, dikembangkan sebuah aplikasi pencatatan pengunjung perpustakaan digital berbasis website yang menerapkan sistem CRUD.
Aplikasi ini diharapkan dapat membantu proses pencatatan data pengunjung secara lebih terstruktur.
Rumusan Masalah Berdasarkan latar belakang yang telah diuraikan, berikut adalah rumusan masalah untuk laporan proyek ini:
Bagaimana berbasis website? Bagaimana sistem CRUD pada aplikasi berbasis Dalam dunia pendidikan dan institusi informasi, perpustakaan digital berperan penting dalam menyediakan akses informasi secara cepat dan terstruktur.
Salah satu aktivitas pendukung layanan perpustakaan adalah pencatatan data pengunjung.
Pencatatan pengunjung yang masih dilakukan secara manual dan tidak terintegrasi dapat menyebabkan data tidak tersimpan dengan baik atau bahkan sulit direkap serta kurang efisien dalam pengelolaannya.
Tujuan Adapun Tujuan dari pembuatan proyek ini Seiring dengan kebutuhan tersebut, penerapan sistem informasi berbasis website menjadi salah satu solusi yang dapat digunakan untuk membantu proses pencatatan Dengan adanya sistem informasi, data pengunjung dapat dikelola secara terstruktur, tersimpan dalam basis data, serta mudah diakses kembali saat diperlukan.
Laporan ini disusun menggunakan pendekatan pengembangan aplikasi berbasis Adapun proyek yang dilakukan membangun aplikasi pencatatan pengunjung perpustakaan digital yang menerapkan konsep Pemrograman Berbasis Objek serta sistem pengelolaan data menggunakan mekanisme CRUD.
Untuk mengatasi permasalahan tersebut, dikembangkan sebuah aplikasi pencatatan pengunjung perpustakaan digital berbasis Aplikasi ini dirancang untuk pengunjung melalui fitur login dan sistem pengolahan data berbasis Create.
Read.
Update, dan Delete (CRUD) .
Merancang berbasis website.
Mengimplementasikan fitur CRUD untuk pengelolaan data pengunjung.
Metodologi Adapun pengembangan aplikasi ini dilakukan menggunakan metode Waterfall dengan tahapan yang disesuaikan dengan kebutuhan proyek.
Metode ini dipilih karena proses pengembangan dilakukan secara Zona Komputer ISSN 2087 - 7269 .
Tahapan pengembangan yang dilakukan meliputi:
Analisis Kebutuhan (Requiremen.
Pada tahap ini dilakukan identifikasi kebutuhan sistem berdasarkan fungsi yang akan dibangun.
Kebutuhan utama sistem meliputi fitur login pengguna, registrasi akun admin, serta pengelolaan data pengunjung yang mencakup proses penambahan, penampilan, pengubahan, dan penghapusan data.
Perancangan (Desig.
Pada tahap ini, aplikasi dirancang melalui alur kerja aplikasi (Flowchar.
yang berfungsi untuk menjelaskan alur program yang dibuat, struktur basis data (Databas.
, dan rancangan antarmuka pengguna (User Interfac.
Perancangan ini dilakukan sebagai acuan dalam proses implementasi agar system dapat bekerja dengan baik sesuai dengan kebutuhan.
Implementasi (Implementatio.
Pada tahap ini, hasil aplikasi yang diimplemantasikan dalam bentuk kode program berbasis website meliputi halaman login, registrasi, pengolahan data pengunjung, serta koneksi dengan basis data untuk menyimpan dan menampilkan informasi pengunjung.
Pengujian (Verificatio.
Pada tahap ini, dilakukan pengujian untuk memastikan bahwa setiap fungsi aplikasi dapat berjalan dengan baik.
Pengujian difokuskan pada pengujian fungsional untuk memastikan proses login, pengunjung berjalan sesuai dengan tujuan Adapun teknik pengujian yang digunakan dalam proyek ini adalah metode Black Box Testing.
Pengujian dilakukan dengan mengamati keluaran sistem berdasarkan masukan yang Volume 15.
Nomor 03 ( Desember 2.
diberikan tanpa memperhatikan struktur internal kode program .
Hasil pengujian digunakan untuk memastikan bahwa seluruh fitur aplikasi dapat berfungsi sesuai dengan kebutuhan yang telah ditentukan .
Tinjauan Pustaka Pengertian Aplikasi Berbasis Web Aplikasi berbasis website merupakan suatu program yang memanfaat platform web browser untuk melakukan tugas-tugasnya.
Dalam mekanisme interaksinya, aplikasi berbasis web memiliki dua bagian yaitu Server-side Script dan Client-side Script yang memungkinkan terjadinya interaksi antar Adapun cara kerja website, sebagai berikut:
Pertama-tama user akan melakukan request kepada web server melalui internet, baik itu melalui web browser maupun menggunakan user interface dari sebuah aplikasi.
Selanjutnya akan meneruskan request ini kepada server aplikasi berbasis web yang sesuai.
Aplikasi berbasis web akan melakukan pekerjaan yang telah diminta seperti melakukan query database atau menghasilkan data yang telah diproses menjadi sebuah informasi.
Aplikasi kepada web server.
Web server akan melakukan respon balik kepada klien dengan informasi yang telah diminta dan akan dimunculkan pada tampilan user .
Di sisi lain, aplikasi berbasis web memiliki karakteristik tertentu, adapun karakteristik aplikasi berbasis web sebagai berikut:
Aplikasi dijalankan pada berbagai platform baik sistem operasi maupun perangkat nya berbeda asalkan aplikasi browser nya kompatibel.
Zona Komputer ISSN 2087 - 7269 Semua dapat mengakses versi aplikasi yang sama hal ini akan menghilangkan isu kompatibilitas perangkat lunak Aplikasi berbasis web ini tidak diinstal pada Hard Drive atau Harddisk di dalam komputer.
Hal ini akan mengatasi masalah ruang Harddisk yang biasa terjadi.
Aplikasi berbasis web mengurangi tingkat pembajakan perangkat lunak yang berlangganan, misalnya SaaS.
Aplikasi berbasis web mengurangi biaya perawatan yang dibutuhkan baik bagi perusahaan, maupun bagi para klien .
Konsep Create.
Read.
Update, dan Delete (CRUD) CRUD merupakan proses memanipulasi data yang ada pada database sehingga memungkinkan terjadinya interaksi yang dinamis dengan data yang tersimpan.
Sesuai dengan namanya, bentuk interaksi dalam konsep CRUD terbagi menjadi empat, yaitu:
Create:
Untuk menambah data baru.
Read: Untuk menampilkan atau membaca data yang sudah ada.
Update: Memperbarui atau mengedit Delete: Menghapus data .
Volume 15.
Nomor 03 ( Desember 2.
Gambar 1.
Flowchart Program Aplikasi Flowchart Proses Login Flowchart menggambarkan alur autentikasi pengguna sebelum dapat mengakses aplikasi.
Proses diawali dengan pengguna memasukkan username dan password pada halaman Sistem kemudian melakukan validasi terhadap data yang dimasukkan.
Apabila data sesuai dengan data yang tersimpan di basis data, pengguna akan diarahkan ke halaman utama aplikasi.
Sebaliknya, jika data tidak valid, sistem akan menampilkan pesan kesalahan dan pengguna diminta untuk mengulangi proses login.
Flowchart Proses Registrasi Konsep CRUD diimplementasikan pada aplikasi ini dalam bentuk pencatatan dan pengelolaan data pengunjung perpustakaan secara digital.
Pembahasan Hasil Implementasi Rancangan Aplikasi Agar aplikasi dapat bekerja dengan baik, maka dibuatlah alur kerja dari aplikasi (Flowchar.
Berikut Flowchart yang digunakan pada aplikasi pencatatan pengunjung perpustakaan digital Flowchart menggambarkan alur pendaftaran akun baru pada aplikasi.
Proses dimulai ketika pengguna mengisi formulir registrasi dengan data yang diperlukan.
Sistem kemudian memeriksa kelengkapan dan validitas data yang dimasukkan.
Jika data memenuhi ketentuan, sistem akan menyimpan data pengguna ke dalam basis data dan menampilkan notifikasi bahwa registrasi berhasil.
Apabila data tidak lengkap atau tidak valid, sistem akan menolak proses registrasi dan meminta pengguna untuk memperbaiki data yang Zona Komputer ISSN 2087 - 7269 Flowchart Pengelolaan Pengunjung CRUD Volume 15.
Nomor 03 ( Desember 2.
Data Flowchart pengolahan data yang meliputi proses penambahan, penampilan, pengubahan, dan penghapusan data pengunjung.
Proses dimulai ketika pengguna mengakses menu data pengunjung pada halaman utama Pengguna dapat memilih aksi yang diinginkan, yaitu menambah data baru, melihat data yang tersimpan, mengubah data yang sudah ada, atau menghapus data tertentu.
Setiap aksi yang dilakukan akan diproses oleh sistem dan hasilnya disimpan atau diperbarui di dalam basis data, kemudian sistem menampilkan data terbaru kepada pengguna.
Flowchart Proses Logout Flowchart menggambarkan alur ketika pengguna keluar dari sistem.
Proses dimulai saat pengguna memilih menu logout.
Sistem kemudian mengakhiri sesi pengguna dan mengarahkan kembali ke halaman login, sehingga pengguna tidak lagi memiliki akses ke halaman utama aplikasi.
Gambar 3.
Kolom-kolom pada tabel AuadminloginAy Gambar 4.
Kolom-kolom pada tabel "pengunjung" Struktur database pada aplikasi dibagi menjadi dua bagian kolom, yaitu tabel AuadminloginAy sebagai penyimpanan untuk data akun pengguna dan tabel AupengunjungAy sebagai penyimpanan untuk data pengunjung.
Adapun ilustrasi dari struktur file yang digunakan untuk menjalankan aplikasi dalam program ini, sebagai berikut:
Implementasi Program Untuk menyimpan data pada aplikasi ini menggunakan basis data MySQL dengan bahasa pemrograman PHP.
Adapun proses pengujian dijalankan dengan web server localhost melalui XAMPP dengan struktur database berikut:
Gambar 5.
Ilustrasi Struktur File Aplikasi Struktur aplikasi ini terdiri dari tiga struktur utama berupa halaman autentikasi, halaman utama sebagai pengelola data, dan program pendukung untuk menghubungkan aplikasi dengan database.
Gambar 2.
Ilustrasi Struktur Database Pada halaman autentikasi, pengguna diminta untuk memasukkan username dan password yang sebelumnya telah disimpan ke dalam database.
Jika pengguna tidak memiliki Zona Komputer ISSN 2087 - 7269 akun, maka pengguna diharuskan memiliki akun terlebih dahulu agar bisa mengakses halaman utama website.
Pengguna dapat mendaftarkan data-data yang diperlukan pada formulir Register yang terdapat pada aplikasi untuk membuat akun, kemudian pengguna dapat melakukan proses login kembali untuk mengakses halaman utama dengan syarat username dan password yang dimasukkan pada formular login diisi dengan benar sesuai dengan akun yang terdapat dalam database.
Pada halaman utama, pengguna bebas mengelola dan data pengunjung perpustakaan sesuai kebutuhan.
Pengguna dapat melihat data pengunjung yang melakukan kunjungan, menambahkan pengunjung, mengedit data pengunjung, menghapus data pengunjung.
Jika pekerjaan telah selesai maka pengguna dapat melakukan logout sehingga halaman utama website akan kembali terkunci dan kembali ke halaman autentikasi kembali.
Tampilan Antarmuka Aplikasi Pada tampilan antarmuka aplikasi, penulis menambahkan styling dengan mengunakan Cascading Style Sheets (CSS) supaya tampilan aplikasi menjadi lebih menarik, namun styling yang dipakai dalam aplikasi ini tidak mengubah fungsi utama pada aplikasi ini, yaitu CRUD.
Berikut adalah tampilan antarmuka dari aplikasi:
Volume 15.
Nomor 03 ( Desember 2.
Gambar 7.
Tampilan Halaman Registrasi Pada pengguna dapat memasukkan data-data yang diminta untuk mendaftarkan akun.
Jika datadata dinilai valid, maka pengguna akan dikembalikan ke halaman login seperti pada Gambar 6.
Gambar 8.
Tampilan Halaman Utama Gambar 8 merupakan tampilan dari halaman utama yang didalamnya terdapat tombol perintah untuk melakukan mekanisme CRUD.
Gambar 9.
Tampilan Tambah Pengunjung Gambar 6.
Tampilan Halaman Autentikasi Pada tampilan halaman autentikasi, pengguna dapat langsung melakukan proses login dengan memasukkan akun yang sebelumnya telah didaftarkan pada proses Pada tampilan tambah pengunjung.
Setelah memasukkan data pengunjung dan menekan tombol AuDaftarAy maka aplikasi akan mengecek kelengkapan data, jika terpenuhi maka aplikasi akan kembali menampilkan halaman utama, jika belum maka aplikasi akan meminta pengguna supaya melengkapi data yang Zona Komputer ISSN 2087 - 7269 Volume 15.
Nomor 03 ( Desember 2.
Hasil Pengujian Gambar 10.
Tampilan Edit Pengunjung Aplikasi ini diuji menggunakan Black Box Testing yang berfokus untuk menguji fungsionalitas aplikasi dan memberikan penjelasan apakah program-program dalam aplikasi dapat berjalan dengan baik atau tidak .
Setelah dilakukan pengujian terhadap aplikasi, maka didapatkanlah hasil yang dipaparkan pada Tabel 1.
Pada tampilan tambah pengunjung, pengguna dapat mengubah data pengunjung yang sebelumnya telah disimpan.
Gambar 11.
Tampilan Halaman Utama Tanda panah berwarna merah pada Gambar 11 menunjukkan tombol untuk menghapus data pengunjung tertentu.
Sebagai contoh, menghapus data pengunjung kedua.
Gambar 12.
Tampilan Halaman Utama Tampilan data pengunjung setelah pengunjung kedua.
Keterbatasan Implementasi Aplikasi yang dikembangkan masih memiliki keterbatasan, diantaranya belum diterapkannya pengujian untuk lingkungan perpustakaan secara langsung dan juga fitur keamanan yang masih bersifat dasar.
Zona Komputer ISSN 2087 - 7269 Volume 15.
Nomor 03 ( Desember 2.
Tabel 1.
Hasil Black Box Testing Fitur yang Diuji Skenario Pengujian Input Output yang Diharapkan Hasil Login Username & password kosong Kosong Sistem menolak login Berhasil Login Username atau password salah Tidak Valid Sistem menampilkan pesan error Berhasil Login Username & password benar Valid Sistem masuk ke halaman utama Berhasil Registrasi Data tidak lengkap Tidak Lengkap Sistem menolak registrasi Berhasil Registrasi Konfirmasi password tidak sesuai Tidak Valid Sistem menampilkan pesan konfirmasi password belum sesuai Berhasil Registrasi Data lengkap & konfirmasi password Valid Akun berhasil dibuat Berhasil Tambah Data Pengunjung Input kosong Kosong Data tidak disimpan Berhasil Tambah Data Pengunjung Input tidak lengkap Tidak Lengkap Sistem menolak menambahkan data Berhasil Tambah Data Pengunjung Input lengkap Valid Data tersimpan dan tampil Berhasil Edit Data Pengunjung Ubah data Valid Data berhasil diperbarui Berhasil Hapus Data Pengunjung Menghapus data tertentu Data berhasil dihapus Berhasil Logout Klik logout Sistem kembali ke halaman login Berhasil Zona Komputer ISSN 2087 - 7269 Hasil Black Box Testing yang dilakukan menunjukkan bahwa seluruh fitur berhasil berfungsi sesuai dengan output yang Pembahasan Aplikasi dikembangkan menggunakan mekanisme Create.
Read.
Update, dan Delete (CRUD) untuk mengelola data pengunjung.
Aplikasi ini dibangun menggunakan bahasa pemrograman PHP dengan basis data MySQL, sehingga memungkinkan proses pengolahan data dilakukan secara terpusat dan terstruktur.
Pada tahap perancangan sistem, digunakan flowchart untuk menggambarkan alur kerja aplikasi serta struktur file untuk mengatur pembagian fungsi program.
Flowchart membantu dalam menentukan alur proses mulai dari autentikasi pengguna hingga pengelolaan data pengunjung, sedangkan struktur file digunakan untuk memisahkan fungsi autentikasi, pengelolaan data, dan Perancangan mempermudah proses implementasi serta menjaga keteraturan sistem.
Implementasi beberapa fitur utama, yaitu proses login dan pengunjung yang meliputi penambahan, pengubahan, dan penghapusan data, serta proses logout.
Seluruh fitur tersebut diimplementasikan sesuai dengan perancangan yang telah dibuat sebelumnya.
Volume 15.
Nomor 03 ( Desember 2.
Pengujian belum dilakukan secara langsung sebenarnya sehingga evaluasi penggunaan oleh pengguna akhir belum dapat dilakukan.
Selain itu, fitur keamanan yang diterapkan masih bersifat dasar dan dapat dikembangkan lebih lanjut apabila aplikasi akan digunakan dalam skala yang lebih luas.
Kesimpulan dan Saran Berdasarkan implementasi, dan pengujian yang telah dilakukan, dapat disimpulkan bahwa aplikasi pencatatan pengunjung perpustakaan berbasis website berhasil dikembangkan sesuai dengan kebutuhan yang telah ditentukan.
Aplikasi ini pengguna serta pengelolaan data pengunjung yang meliputi penambahan, pengubahan, dan penghapusan data.
Hasil pengujian menggunakan metode black box testing menunjukkan bahwa seluruh fungsi utama sistem dapat berjalan dengan baik sesuai dengan skenario pengujian yang telah ditetapkan.
Hal ini menunjukkan bahwa aplikasi telah memenuhi tujuan pengembangan sebagai media pencatatan pengunjung perpustakaan secara digital.
Meskipun demikian, aplikasi yang dikembangkan masih memiliki keterbatasan, terutama belum dilakukan uji coba secara langsung pada lingkungan perpustakaan yang Oleh karena itu, aplikasi ini masih memerlukan pengembangan lebih lanjut agar dapat diimplementasikan secara optimal.
Pengujian sistem dilakukan menggunakan metode black box testing dengan menguji fungsi-fungsi utama aplikasi berdasarkan skenario input dan output.
Hasil pengujian menunjukkan bahwa proses login, pengelolaan data pengunjung, dan logout dapat berjalan sesuai dengan output yang diharapkan.
Dengan demikian, aplikasi telah mampu menjalankan fungsi pencatatan pengunjung perpustakaan Meskipun aplikasi telah berfungsi dengan baik, masih terdapat beberapa keterbatasan.
Zona Komputer ISSN 2087 - 7269 Volume 15.
Nomor 03 ( Desember 2.
Daftar Pustaka