Implementasi Front-End Responsif Sistem Bantuan Sosial Berbasis Bootstrap di Dinsos Boyolali

Authors

  • Wahit Fitriyanto Universitas Boyolali
  • Muhammad Abdul Aziz Universitas Boyolali
  • Amelia Universitas Boyolali
  • Dhefi Intan Lukmana Universitas Boyolali

DOI:

https://doi.org/10.36596/jitu.v9i1.1828

Keywords:

Sistem Informasi, Bootstrap, Pengelolaan Barang, Bantuan Sosial, User Interface, Prototype

Abstract

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

2025-05-10

How to Cite

Wahit Fitriyanto, Muhammad Abdul Aziz, Amelia, & Dhefi Intan Lukmana. (2025). Implementasi Front-End Responsif Sistem Bantuan Sosial Berbasis Bootstrap di Dinsos Boyolali. JITU : Journal Informatic Technology And Communication, 9(1), 39–49. https://doi.org/10.36596/jitu.v9i1.1828

Issue

Section

Articles