PERANCANGAN ULANG FITUR PENGAJUAN BANTUAN PADA WEBSITE SIMUS DI YAYASAN LEMBAGA MANAJEMEN INFAQ UKHUWAH ISLAMIYAH

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.

[img] Text
1_215410002_HALAMAN_DEPAN.pdf - Published Version

Download (1MB)
[img] Text
2_215410002_HALAMAN_BAB_I.pdf - Published Version

Download (530kB)
[img] Text
3_215410002_HALAMAN_BAB_II.pdf - Published Version

Download (519kB)
[img] Text
4_215410002_HALAMAN_BAB_III.pdf - Published Version
Restricted to Repository staff only

Download (2MB)
[img] Text
5_215410002_HALAMAN_BAB_IV.pdf - Published Version
Restricted to Repository staff only

Download (3MB)
[img] Text
6_215410002_HALAMAN_BAB_V.pdf - Published Version

Download (511kB)
[img] 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 View Item