<?xml version="1.0" encoding="UTF-8" ?>
<modsCollection xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.loc.gov/mods/v3" xmlns:slims="http://slims.web.id" xsi:schemaLocation="http://www.loc.gov/mods/v3 http://www.loc.gov/standards/mods/v3/mods-3-3.xsd">
<mods version="3.3" ID="17669">
<titleInfo>
<title>PERANCANGAN ULANG FITUR PENGAJUAN BANTUAN PADA
WEBSITE SIMUS DI YAYASAN LEMBAGA MANAJEMEN INFAQ
UKHUWAH ISLAMIYAH</title>
</titleInfo>
<name type="Personal Name" authority="">
<namePart>Edy Prayitno, S.Kom., S.E., M.Eng</namePart>
<role><roleTerm type="text">Contributor</roleTerm></role>
</name>
<name type="Personal Name" authority="">
<namePart>Asshiddiqie, Baihaqi - 215410002</namePart>
<role><roleTerm type="text">Primary Author</roleTerm></role>
</name>
<typeOfResource manuscript="yes" collection="yes">mixed material</typeOfResource>
<genre authority="marcgt">bibliography</genre>
<originInfo>
<place><placeTerm type="text">Yogyakarta</placeTerm></place>
<publisher>UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA (UTDI)</publisher>
<dateIssued>2025</dateIssued>
<issuance>monographic</issuance>
<edition></edition>
</originInfo>
<language>
<languageTerm type="code">id</languageTerm>
<languageTerm type="text">Indonesia</languageTerm>
</language>
<physicalDescription>
<form authority="gmd">Text Skripsi</form>
<extent></extent>
</physicalDescription>
<note>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.</note>
<subject authority=""><topic>PERANCANGAN SISTEM</topic></subject>
<subject authority=""><topic>Website</topic></subject>
<subject authority=""><topic>MANAJEMEN</topic></subject>
<classification>NONE</classification><identifier type="isbn"></identifier><location>
<physicalLocation>Perpustakaan Universitas Teknologi Digital Indonesia Katalog Online Perpustakaan Universitas Teknologi Digital Indonesia</physicalLocation>
<shelfLocator>020 ASS P R.1</shelfLocator>
<holdingSimple>
<copyInformation>
<numerationAndChronology type="1">ASS00020IN0125</numerationAndChronology>
<sublocation>Rak Referensi  Skripsi Informatika</sublocation>
<shelfLocator>020 ASS P R.1</shelfLocator>
</copyInformation>
</holdingSimple>
</location>
<recordInfo>
<recordIdentifier>17669</recordIdentifier>
<recordCreationDate encoding="w3cdtf">2025-03-04 10:02:10</recordCreationDate>
<recordChangeDate encoding="w3cdtf">2025-03-04 10:03:14</recordChangeDate>
<recordOrigin>machine generated</recordOrigin>
</recordInfo></mods></modsCollection>