Implementasi Front-End Responsif Sistem Bantuan Sosial Berbasis Bootstrap di Dinsos Boyolali
DOI:
https://doi.org/10.36596/jitu.v9i1.1828Keywords:
Sistem Informasi, Bootstrap, Pengelolaan Barang, Bantuan Sosial, User Interface, PrototypeAbstract
Dinas Sosial Kabupaten Boyolali memiliki tanggung jawab besar dalam mengelola dan mendistribusikan bantuan sosial kepada masyarakat yang membutuhkan. Namun, proses pencatatan barang masuk dan keluar yang masih dilakukan secara manual menimbulkan berbagai kendala seperti ketidakefisienan dan risiko kesalahan data. Penelitian ini bertujuan untuk mengembangkan tampilan user interface yang user-friendly menggunakan framework Bootstrap berbasis web untuk memudahkan pengelolaan barang bantuan sosial. Metode yang digunakan adalah prototype dengan tahapan analisis kebutuhan, desain, implementasi, evaluasi, perbaikan, dan pemeliharaan. Pengembangan sistem memanfaatkan framework Laravel, Bootstrap, dan database MySQL. Sistem yang dikembangkan mencakup dua modul utama yaitu modul pendataan barang persediaan bantuan sosial dan modul pelaporan barang ke Kementerian. Hasil pengujian menggunakan blackbox testing menunjukkan tingkat kemudahan penggunaan sistem dengan persentase sangat mudah sebesar 22% dan mudah 78%. Implementasi sistem ini telah memungkinkan Dinas Sosial Kabupaten Boyolali mengelola barang masuk dan keluar dengan lebih baik, membuat pencatatan menjadi lebih efisien, dan mempercepat proses pembuatan laporan dari harian hingga tahunan. Sistem ini juga menyediakan keamanan data yang terlindungi dari akses yang tidak sah.
References
N. Safitri and A. R. Ishak, “Cara sitasi: Ishak AR, Safitri N. 2023. Sistem Informasi Pengelolaan Persediaan Barang Berbasis Web,” Information Management for Educators and Professionals, vol. 7, no. 2, pp. 174–183, 2023.
[2] A. Apriliando Institut Agama Kristen Negeri Palangka Raya Jalan Tampung Penyang, R. Milono Km, and P. Raya, “Implementasi Framework Laravel pada Rancang Bangun Website IAKN Palangka Raya dengan Metode Prototype,” Jurnal Sains Komputer dan Teknologi Informasi, vol. 3, no. 2, pp. 87–96, May 2021, doi: 10.33084/JSAKTI.V3I2.2238.
[3] S. Siswidiyanto, A. Munif, D. Wijayanti, and E. Haryadi, “Sistem Informasi Penyewaan Rumah Kontrakan Berbasis Web Dengan Menggunakan Metode Prototype,” Jurnal Interkom: Jurnal Publikasi Ilmiah Bidang Teknologi Informasi dan Komunikasi, vol. 15, no. 1, pp. 18–25, Apr. 2020, doi: 10.35969/interkom.v15i1.64.
[4] R. Rizaldy and R. T. Dirgahayu, “Pengembangan Front-End Sistem Informasi Pendataan Pendar Foundation Yogyakarta,” AUTOMATA, vol. 1, no. 2, Jun. 2020, Accessed: May 08, 2025. [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/15591
[5] J. Nabila Ayoedya, I. Bagus Ketut Widiartha, S. Puja, and B. Pengelolaan Pendapatan Daerah Prov NTB, “Perancangan Front-End Website Inventori Barang dengan Bootstrap di Badan Pengelolaan Pendapatan Daerah Provinsi Nusa Tenggara Barat:,” Jurnal Begawe Teknologi Informasi (JBegaTI), vol. 5, no. 1, pp. 103–114, Mar. 2024, doi: 10.29303/JBEGATI.V5I1.1189.
[6] R. Gustina and H. Leidiyana, “SISTEM INFORMASI PENGGAJIAN KARYAWAN BERBASIS WEB MENGGUNAKAN FRAMEWORK LARAVEL,” JSiI | Jurnal Sistem Informasi |, vol. 7.
[7] S. Adli, “Rancang Bangun Sistem Informasi Kegiatan Praktek Kerja Industri (Prakerin) Siswa Smk,” Syntax Idea, vol. 7, no. 2, pp. 322–333, Feb. 2025, Accessed: May 08, 2025. [Online]. Available: https://jurnal.syntax-idea.co.id/index.php/syntax-idea/article/view/12529.
[8] R. Rahmah, H. Susilo, and L. Yuliati, "Pengembangan media interaktif tema 'sehat itu penting' untuk meningkatkan literasi digital pada kelas V sekolah dasar," M.S. thesis, State University of Malang, Malang, Indonesia, 2021.
[9] R. Rizaldy and R. T. Dirgahayu, "Pengembangan Front-End Sistem Informasi Pendataan Pendar Foundation Yogyakarta," Automata, vol. 1, no. 2, 2020.
[10] D. F. Surianto, M. S. N. Wahid, J. M. Parenreng, A. Wahid, S. G. Zain, M. R. Edy, and A. A. N. Risal, "PKM Pelatihan Figma untuk Desain Prototipe Sistem Informasi," Vokatek: Jurnal Pengabdian Masyarakat, pp. 57-63, 2023.
[11] A. R. Kamila, G. H. Derhass, D. A. Rabbani, J. F. Andry, and F. S. Lee, "Aplikasi Absensi Berbasis Android Pada Sekolah Boarding Sebagai Transformasi Digital Bidang Pendidikan," Nuansa Informatika, vol. 18, no. 2, pp. 26-34, 2024.
[12] G. Sandiasa, "In-efisiensi Manajemen Informasi dan Komunikasi Administrasi Publik Akibat Berita HOAK," Locus, vol. 12, no. 1, pp. 50-59, 2020.
[13] D. R. Novida, "Evolusi Sistem Informasi Akuntansi Dalam Era Digital: Tinjauan Literatur Tentang Tren, Tantangan, Dan Peluang," Jurnal Minfo Polgan, vol. 14, no. 1, pp. 77-85, 2025.
[14] F. B. Ola, M. C. Prasetya, M. R. P. Renwarin, C. Kitti, and F. Purwanto, "Identifikasi tingkat kebisingan serta indikasi dampak desain barrier hunian di tepi jalan raya," ARTEKS: Jurnal Teknik Arsitektur, vol. 5, no. 1, pp. 81-92, 2020.
[15] K. A. Mustari, P. Assiroj, B. Hartati, and F. Samuel, "Implementasi Data Mining pada Instansi Pemerintahan," JATI (Jurnal Mahasiswa Teknik Informatika), vol. 8, no. 3, pp. 3137-3142, 2024.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 JITU : Journal Informatic Technology And Communication

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.