Detail Cantuman Kembali
PERANCANGAN ULANG FITUR PENGAJUAN BANTUAN PADA WEBSITE SIMUS DI YAYASAN LEMBAGA MANAJEMEN INFAQ UKHUWAH ISLAMIYAH
- Bagikan:
Fitur pengajuan bantuan pada website SiMus di Yayasan Lembaga
Manajemen Infaq Ukhuwah Islamiyah (YLMII) memegang peran penting dalam
proses penyaluran bantuan kepada mustahik. Namun, sistem yang ada masih
memiliki kendala, seperti antarmuka yang kurang responsif, tidak adanya fitur
pengajuan secara online, serta proses verifikasi data yang masih manual dan kurang
efisien. Oleh karena itu, dilakukan perancangan ulang fitur pengajuan bantuan
dengan menggunakan framework, yaitu React.js untuk pengembangan frontend dan
Nest.js untuk pengembangan backend.
Metode yang diterapkan meliputi analisis kebutuhan sistem, desain
antarmuka pengguna, integrasi API, serta pengujian fitur. Tahap analisis kebutuhan
dilakukan untuk mengidentifikasi permasalahan dan merumuskan solusi yang tepat.
Pada sisi frontend, React.js digunakan untuk membangun antarmuka yang dinamis
dan responsif, sementara Nest.js pada sisi backend berperan dalam menyediakan
API yang terstruktur dan aman. Keduanya diintegrasikan menggunakan Axios
sebagai HTTP client, memungkinkan pemrosesan data secara real-time dan
memfasilitasi verifikasi mustahik secara lebih akurat.
Hasil perancangan ulang ini menunjukkan peningkatan efisiensi pada proses
pengajuan bantuan, baik dari sisi pengguna maupun amil. Tampilan antarmuka pada
fitur pengajuan bantuan menjadi lebih responsif, serta integrasi data dapat dilakukan
lebih cepat dan aman. Hasil pengujian manual dengan Postman dan hasil uji coba
pengguna bersama departemen pendayagunaan membuktikan bahwa sistem
memenuhi kebutuhan pengguna serta mempermudah proses verifikasi dan
distribusi bantuan.
Kata kunci: Pengajuan Bantuan, Nest.js, React.js, SiMus, verifikasi.
020 ASS P R.1
NONE
Text Skripsi
Indonesia
UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA (UTDI)
2025
Yogyakarta
LOADING LIST...
LOADING LIST...