Asshiddiqie, Baihaqi - 215410002 (2025) PERANCANGAN ULANG FITUR PENGAJUAN BANTUAN PADA WEBSITE SIMUS DI YAYASAN LEMBAGA MANAJEMEN INFAQ UKHUWAH ISLAMIYAH. Skripsi thesis, UNIVERITAS TEKNOLOGI DIGITAL INDONESIA.
![]() |
Text
1_215410002_HALAMAN_DEPAN.pdf - Published Version Download (1MB) |
![]() |
Text
2_215410002_HALAMAN_BAB_I.pdf - Published Version Download (530kB) |
![]() |
Text
3_215410002_HALAMAN_BAB_II.pdf - Published Version Download (519kB) |
![]() |
Text
4_215410002_HALAMAN_BAB_III.pdf - Published Version Restricted to Repository staff only Download (2MB) |
![]() |
Text
5_215410002_HALAMAN_BAB_IV.pdf - Published Version Restricted to Repository staff only Download (3MB) |
![]() |
Text
6_215410002_HALAMAN_BAB_V.pdf - Published Version Download (511kB) |
![]() |
Text
8_215410002_HALAMAN_LAMPIRAN.pdf - Published Version Download (1MB) |
Abstract
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.
Item Type: | Thesis (Skripsi) |
---|---|
Additional Information: | Pembimbing : Edy Prayitno, S.Kom., M.Eng |
Uncontrolled Keywords: | Pengajuan Bantuan, Nest.js, React.js, SiMus, verifikasi. |
Subjects: | A Karya Umum (General) > Ilmu Komputer (Computer Science) > MANAJEMEN A Karya Umum (General) > Ilmu Komputer (Computer Science) > API (Application Programming Interface) A Karya Umum (General) > Ilmu Komputer (Computer Science) > Program Aplikasi > Program Aplikasi Berbasis WEB |
Divisions: | Jenjang S1 > Informatika (S1) |
Depositing User: | Mr. Andi Setyanto |
Date Deposited: | 04 Mar 2025 03:20 |
Last Modified: | 04 Mar 2025 03:20 |
URI: | http://eprints.utdi.ac.id/id/eprint/10674 |
Actions (login required)
![]() |
View Item |