PERANCANGAN ANTARMUKA DAN SISTEM DONASI ONLINE UNTUK MENINGKATKAN PARTISIPASI DONATUR PADA YAYASAN BERKEMBANG MANDIRI INDONESIA

Abstract

Perkembangan teknologi informasi telah mendorong transformasi digital pada berbagai organisasi, termasuk lembaga sosial dan filantropi. Yayasan Berkembang Mandiri Indonesia masih menghadapi kendala dalam proses penyebaran informasi kepada donatur yang dilakukan secara manual melalui aplikasi WhatsApp serta belum memiliki sistem terintegrasi untuk pengelolaan donasi. Kondisi tersebut menyebabkan proses pelayanan kepada donatur kurang efektif dan membatasi jangkauan penggalangan dana. Penelitian ini bertujuan merancang antarmuka dan sistem donasi online berbasis web yang mampu mempermudah proses donasi serta meningkatkan partisipasi donatur. Metode yang digunakan meliputi observasi, wawancara, studi literatur, dan pengembangan sistem menggunakan metode Agile yang terdiri atas tahap perencanaan, perancangan, implementasi, dan evaluasi. Sistem dirancang menggunakan Unified Modeling Language (UML) yang mencakup Use Case Diagram, Activity Diagram, Sequence Diagram, Entity Relationship Diagram (ERD), dan Flowchart. Implementasi sistem menggunakan React.js sebagai frontend, Express.js sebagai backend, MySQL sebagai basis data, Tailwind CSS sebagai framework antarmuka, serta Midtrans sebagai payment gateway. Hasil implementasi menunjukkan bahwa sistem mampu menyediakan layanan donasi, zakat, sedekah, wakaf, dan kurban secara daring, dilengkapi dashboard administrasi, pengelolaan program, serta proses pembayaran digital yang terintegrasi. Dengan demikian, sistem yang dikembangkan dapat meningkatkan efektivitas pengelolaan donasi, mempermudah akses masyarakat dalam berdonasi, serta mendukung digitalisasi layanan Yayasan Berkembang Mandiri Indonesia.