UI/UX Design and Interface Implementation of an Internal Data Management System for BAPPEDA NTB Using the Scrum Approach

PERANCANGAN UI/UX DAN IMPLEMENTASI ANTARMUKA SISTEM PENGELOLAAN DATA INTERNAL BAPPEDA NTB DENGAN PENDEKATAN SCRUM

Abstract

Pengelolaan data pembangunan daerah pada Badan Perencanaan Pembangunan Daerah (BAPPEDA) Provinsi Nusa Tenggara Barat masih menghadapi kendala dalam proses pengolahan, pencarian, dan visualisasi data akibat ketergantungan pada penggunaan spreadsheet konvensional. Kondisi tersebut menyebabkan proses pengelolaan data menjadi kurang efisien, rentan terhadap kesalahan input, serta menyulitkan staf dalam melakukan pemantauan data pembangunan secara terstruktur. Kegiatan pengabdian ini bertujuan untuk mendukung transformasi digital tata kelola data internal melalui pendampingan pengembangan sistem informasi berbasis web yang berfokus pada peningkatan kemudahan penggunaan antarmuka serta efisiensi operasional staff. Metode pelaksanaan dilakukan melalui pendekatan pendampingan teknis partisipatif yang meliputi identifikasi kebutuhan mitra, perancangan solusi, implementasi sistem, serta evaluasi hasil. Proses implementasi teknis menggunakan framework Scrum dalam tiga siklus sprint. Teknologi yang digunakan meliputi Vue.js, Tailwind CSS, Laravel, dan PostgreSQL. Hasil kegiatan menunjukkan bahwa sistem yang diimplementasikan berhasil menyediakan fitur pengelolaan data, pencarian data reaktif, visualisasi informasi, autentikasi multi-role, serta ekspor data ke format Excel. Evaluasi usability menggunakan System Usability
Scale (SUS) menunjukkan skor rata-rata sebesar 68,5 yang termasuk kategori Good, menandakan tingkat penerimaan pengguna yang cukup baik terhadap sistem yang diterapkan. Dengan demikian, kegiatan ini berhasil mendukung peningkatan efisiensi pengelolaan data internal di lingkungan BAPPEDA NTB sebagai bagian dari transformasi digital institusi.
Keywords: UI/UX, Vue.js, Scrum, BAPPEDA NTB, Sistem Pengelolaan Data.