Desain Wireframe Sistem Informasi Administrasi Desa Berbasis Web Mobile-Friendly Menggunakan Platform No-Code/Low-Code

Authors

  • Rivalri Kristianto Hondro Universitas Satya Terra Bhinneka Author https://orcid.org/0000-0003-3723-2326
  • Alwin Fau Universitas Satya Terra Bhinneka Author
  • Frinto Tambunan Universitas Satya Terra Bhinneka Author

DOI:

https://doi.org/10.63215/Informatics.v2i1.53

Keywords:

Sistem Informasi Administrasi Desa, Wireframe, Mobile Friendly, Web Responsif, No-Code/Low-Code, User Experience

Abstract

Administrasi desa masih sering dilakukan secara manual atau menggunakan sistem yang terpisah, sehingga memicu duplikasi data, keterlambatan layanan, dan kesulitan pelacakan dokumen. Selain itu, kebutuhan akses layanan melalui perangkat seluler semakin meningkat. Penelitian ini bertujuan merancang wireframe sistem informasi administrasi desa berbasis web yang mobile-friendly dengan memanfaatkan platform no-code/low-code agar pengembangan lebih cepat, mudah dipelihara, dan adaptif. Metode penelitian meliputi identifikasi kebutuhan pengguna melalui observasi dan wawancara singkat perangkat desa serta warga, perumusan kebutuhan fungsional dan nonfungsional, pemetaan alur layanan, dan perancangan wireframe dengan pendekatan mobile-first. Rancangan kemudian divalidasi melalui walkthrough dan umpan balik iteratif pengguna untuk memperbaiki navigasi, struktur informasi, dan konsistensi komponen. Hasil penelitian berupa wireframe modul inti meliputi manajemen data penduduk, pengajuan layanan/surat, pelacakan status, arsip digital, notifikasi, dashboard perangkat desa, serta pembagian hak akses berbasis peran (admin/operator/kepala desa/warga). Validasi awal menunjukkan alur layanan lebih mudah dipahami dan potensi kesalahan input menurun melalui template dan validasi form. Kesimpulannya, wireframe yang dirancang menjadi dasar implementasi efektif pada platform no-code/low-code serta mengurangi risiko perubahan besar saat pengembangan; tahap lanjut disarankan berupa prototipe interaktif dan uji usability kuantitatif.

References

1. M. O. Ajimati, N. Carroll, dan M. Maher, "Adoption of low-code and no-code development: A systematic literature review and future research agenda," J. Syst. Softw., vol. 202, pp. 1-25, Apr. 2025. Available: [https://www.scribd.com/document/976613212/Ajimati-Et-Al-2025-Adoption-of-Low-code-and-No-code-Development-a-Systematic-Literature-Review-and-Future-Research-Age]

2. A. Penulis et al., "Wireframe Creation on SIOBEL Application User Interface Design Using User Centered Design," ITI J., vol. 1, no. 1, pp. 12-25, Nov. 2023. Available: [https://itijournal.org/index.php/ITIJ/article/view/12]

3. Tim Peneliti, "Perancangan Sistem Informasi Website Kantor Desa Berbasis CodeIgniter," JMASIF J., vol. 5, no. 2, pp. 482-495, 2023. Available: [https://journal.msti-indonesia.com/index.php/jmasif/article/download/605/482]

4. P. Nimje, "A systematic literature review on current developments of low-code platforms," WJAETS, vol. 7, no. 2, pp. 72-85, 2025. Available: [https://journalwjaets.com/sites/default/files/fulltext_pdf/WJAETS-2025-0072.pdf]

5. Penulis Analisis, "Analisis Penggunaan Wireframing Dan Prototyping Pada Design Thinking UI/UX," Digitek J., vol. 4, no. 1, pp. 1335-1345, 2024. Available: [https://jurnal.umsrappang.ac.id/digitek/article/download/2164/1335/]

6. Kelompok Peneliti, "Rancang Bangun Sistem Informasi Desa Berbasis Web Responsive," Sinarsang Surya, vol. 3, no. 1, pp. 1-15, 2024. Available: [https://ojs.ummetro.ac.id/index.php/sinarsangsurya/article/download/4218/pdf]

7. G. N. Tamma, "Design Thinking in Sistem Teknik Industri," J. Sist. Tek. Ind., vol. 10, no. 1, pp. 1-20, 2025. [https://idjpcr.usu.ac.id/jsti/article/download/19980/9200]

8. Tim Perancangan, "Analisis dan Perancangan Sistem Informasi Pemerintahan Desa," J. Apl. Komput. Akunt., vol. 5, no. 2, pp. 1-12, Sep. 2024. Available: [https://ejournal.unama.ac.id/index.php/jakakom/article/view/1902]

9. Reviewer AppSheet, "Systematic Review of AppSheet-Based Attendance Systems Using No-Code," JIMAT, vol. 8, no. 3, pp. 5642-5655, Sep. 2025. Available: [https://publikasi.dinus.ac.id/jimat/article/view/14636/5642]

10. Peneliti SID, "Transformasi Digital Administrasi Desa Melalui Sistem Informasi Desa," NJMS, vol. 2, no. 1, pp. 927-946, Mar. 2025. Available: [https://jurnal.intekom.id/index.php/njms/article/view/1158]

11. Editor Low-Code, "Perancangan UI/UX Website SIM PMM Dengan Wireframe Figma," JIPI, vol. 7, no. 2, pp. 2523-2535, 2024. Available: [https://jurnal.stkippgritulungagung.ac.id/index.php/jipi/article/download/6054/2523]

12. Pengembang Desa, "Pengembangan Sistem Administrasi Desa Pusawa Berbasis Web," SUDO J., vol. 4, no. 2, pp. 1-15, Jun. 2025. Available: [https://jurnal.ilmubersama.com/index.php/sudo/article/view/881]

13. Desainer UI, "Perancangan Wireframe Pada Desain User Interface Aplikasi Pengelolaan Sampah Desa," TEIKA J., vol. 6, no. 1, pp. 1-12, Apr. 2025. Available: [https://jurnal.unai.edu/index.php/teika/article/view/3837]

14. Tim Web Responsive, "Sistem Informasi Administrasi Desa Berbasis Web Responsive di Desa Gattareng," LoA J., vol. 3, no. 2, pp. 276-290, Aug. 2025. Available: [https://journal.tritunas.ac.id/index.php/LoA/article/view/363]

15. Peneliti E-Gov, "Rancang Bangun Sistem Informasi Pelayanan Publik di Desa Berbasis Web Mobile," Merkurius J., vol. 4, no. 3, pp. 1286-1299, Nov. 2025. Available: [https://journal.arteii.or.id/index.php/Merkurius/article/download/1182/1286/6599]

Downloads

Published

2026-01-31

Issue

Section

Articles

How to Cite

Desain Wireframe Sistem Informasi Administrasi Desa Berbasis Web Mobile-Friendly Menggunakan Platform No-Code/Low-Code. (2026). Informatics, 2(01), 15-21. https://doi.org/10.63215/Informatics.v2i1.53