Perancangan Front-End Aplikasi Lapis Satu Berbasis Flutter pada Badan Pusat Statistik Kabupaten Madiun

Authors

  • Dany Setiyawan Universitas PGRI Madiun
  • Farel Bernard Ganendra Universitas PGRI Madiun
  • Andria Universitas PGRI Madiun

Keywords:

Flutter, Agile Development, User Interface Design, Digital Public Service, Central Bureau of Statistics

Abstract

This study aims to design and implement the user interface of the Lapis Satu (Integrated Complaint and Statistical Dissemination Service) application using Flutter at the Central Bureau of Statistics (BPS) of Madiun Regency. The application was developed to integrate multiple public services, including complaints, data requests, consultations, internships, and infographic galleries, into a single digital platform. The development process adopted the Agile Development methodology, consisting of three main stages: Planning, Design, and Development. The design phase utilized Figma to create an interface aligned with BPS’s visual identity, while the implementation phase used Flutter to build an interactive front-end prototype. The results indicate that applying the Agile approach is effective for iterative and flexible system development. The prototype successfully presents all major public service features and runs stably on an Android emulator. Therefore, this project provides a foundational framework for further development, including backend integration and full system deployment within BPS Madiun Regency.

References

Citra, S., Fitri, A., & Andriansyah, M. (2025). Penerapan Agile Methodology Dalam Pembuatan Aplikasi Kursus Menyelam Menggunakan Framework Flutter Dengan Integrasi Firebase. JSI : Jurnal Sistem Informasi (E-Journal, 17(1).

Danadyaksa Udayana, G. V., & -, Ir. I. N. T. A. P. S. Kom. , M. Cs. (2025). PERANCANGAN USER INTERFACE APLIKASI LIFTZ UNTUK MENDUKUNG MANAJEMEN KEANGGOTAAN GYM BERBASIS MOBILE. Jurnal Informatika Dan Teknik Elektro Terapan, 13(3). https://doi.org/10.23960/jitet.v13i3.6923

Faqih, A., Voutama, A., & Saputra, I. (2025). RANCANG BANGUN APLIKASI MOBILE UNTUK PEMESANAN TIKET WISATA BERBASIS FLUTTER. Jurnal Informatika Dan Teknik Elektro Terapan, 13(2). https://doi.org/10.23960/jitet.v13i2.6333

Hutabarat, S. H. (2023). PENGEMBANGAN APLIKASI MOBILE BERBASIS CROSS-PLATFORM MENGGUNAKAN FRAMEWORK FLUTTER.

Karisma, A., & Elektro, F. T. (2024). Pembuatan Database dan Aplikasi Pelayanan Kelurahan Berbasis Mobile dengan Fitur Notifikasi Real Time.

Kartiko, C., Wardhana, A. C., & Rakhmadani, D. P. (2022). Pengembangan Mobile Learning Management System Dengan User Centered Design (UCD) Menggunakan Flutter Framework. JURNAL MEDIA INFORMATIKA BUDIDARMA, 6(2), 960. https://doi.org/10.30865/mib.v6i2.3524

Listiawan, I., Aini, F. N., Zaidir, Z., & Sahal, A. (2025). Optimasi Unjuk Kerja Memory dalam Bahasa Dart pada Aplikasi Monitoring Pegawai. JIKO (Jurnal Informatika Dan Komputer), 9(1), 140. https://doi.org/10.26798/jiko.v9i1.1418

Liwanto, I., Arfandy, H., Munir, A., & 63, S. (2022). IMPLEMENTASI FIREBASE CLOUD MESSAGING PADA APLIKASI BROADCAST INFORMASI PERKULIAHAN UNTUK MEMPERCEPAT PENDISTRIBUSIAN INFORMASI DI STMIK KHARISMA MAKASSAR.

Mulyana, D., Defriani, M., Muttaqin, M. R., & Penulis, K. (2024). Perancangan UI/UX Aplikasi Dasteur Geulis Berbasis Mobile Menggunakan Metode Agile UX. Jurnal Riset Sistem Informasi Dan Teknik Informatika, 2(5). https://doi.org/10.61132/merkurius.v2i4.283

Musyaffa. (2024). Pengembangan Sistem Aplikasi Mobile Kehadiran Kinerja Karyawan Berbasis GIS Dengan Metode Agile (Studi Kasus: PT. Ameliore Solusi Analitika).

Nurlaela, L., Setiawati, D., & Wulandari, F. T. (2024). Penerapan Metode User Centered Design pada Aplikasi UMKM Berbasis Android (Studi Kasus : UMKM Kenyot Susu Boyolali). JITU : Journal Informatic Technology And Communication, 8(1), 52–62. https://doi.org/10.36596/jitu.v8i1.387

Pengabdian, J., Masyarakat, K., Tampubolon, K., Abstrak, I. A., & Kunci, K. (2023). Pelatihan Pengenalan Dasar Bahasa Dart Dalam

Pemograman OOP. https://jurnal.faatuatua.com/index.php/ORAHUA

Purwoko, H., Jaya Tama, B., & Arif, S. M. (2025). Menggali Potensi Flutter: Pelatihan Intensif Pengembangan Aplikasi Multiplatform untuk Komunitas Belajar Bareng (Vol. 3, Issue 3).

Risqi, R., Herlambang, A., & Zukhri, Z. (2024). Penggunaan Firebase Analytics pada Pengembangan Aplikasi Mobile I’m UII dengan Framework Flutter.

Rohman, J., Bashir, N. A. A., Ipmawati, J., & Laksana, F. F. (2023). Permodelan UI/UX Aplikasi Santri Information Management System (SAIMS) Menggunakan Metode User Centered Design (UCD). JIKO (Jurnal Informatika Dan Komputer), 7(1), 72. https://doi.org/10.26798/jiko.v7i1.702

Septian, A. N. (2021). IMPLEMENTASI FRAMEWORK FLUTTER UNTUK PENGADUAN MAHASISWA UNIVERSITAS XYZ IMPLEMENTATION OF THE FLUTTER FRAMEWORK FOR COMPLAINTS XYZ UNIVERSITY STUDENTS.

Setiawan, P. R., Ramadhan, R. A., Labellapansa, D. A., Koresponden, P., Panji, :, & Setiawan, R. (2022). Jurnal Pengabdian Masyarakat dan Penerapan Ilmu Pengetahuan Pelatihan Pemrograman Flutter.

Syah, N. I., & Hermawan, A. (2024). Analisis Pengembangan Aplikasi Pemesanan Kendaraan dan Paket Wisata Provinsi Yogyakarta Menggunakan Metode Agile Devlopment. MALCOM: Indonesian Journal of Machine Learning and Computer Science, 4(4), 1587–1595. https://doi.org/10.57152/malcom.v4i4.1689

Wijaya, C., Rolantius Jovito, F., Handrianus Pranatawijaya, V., & Noor Kamala Sari, N. (2024). PEMANFAATAN DART, FLUTTER, FIREBASE, DAN STRIPE DALAM MEMBANGUN APLIKASI MOBILE. In Jurnal Mahasiswa Teknik Informatika (Vol. 8, Issue 3).

Yudha Pratama, H., Hanggara, B. T., & Setiawan, N. Y. (2022). Evaluasi Usability dengan Menerapkan Metode Heuristic Evaluation pada Website Dinas Pendidikan Kota Batu (Vol. 6, Issue 3). http://j-ptiik.ub.ac.id

Zuhair, A., & Priyatna, B. (2025). Desain Front-End Aplikasi Urban Store dengan Metode User Centered Design Menggunakan Flutter. Jurnal Publikasi Teknik Informatika, 165–175. https://doi.org/10.55606/jupti.v4i2.4936

Additional Files

Published

30-01-2026

How to Cite

Dany Setiyawan, Farel Bernard Ganendra, & Andria. (2026). Perancangan Front-End Aplikasi Lapis Satu Berbasis Flutter pada Badan Pusat Statistik Kabupaten Madiun. OKTAL : Jurnal Ilmu Komputer Dan Sains, 5(02), 208–217. Retrieved from https://journal.mediapublikasi.id/index.php/oktal/article/view/6007

Similar Articles

1 2 3 4 5 6 7 8 9 10 > >> 

You may also start an advanced similarity search for this article.