## Implementation of Online Donation Information System
1 Nurul Ardhilah, 2 Firdha Aprilyani
1,2 Program Studi Sistem Informasi, STMIK Antar Bangsa Email: ardilanurul275@gmail.com

## Abstract
The Hubbu Ahmad Center Foundation is a foundation that focuses on socio-religious activities, helps meet the needs of orphans and poor people, and is active in moderate Islamic da'wah activities. The Hubbu Ahmad Center Foundation has carried out various activities including, through donations from generous people but for now the donation system that is running is still using methods such as using media pamphlets as its promotion and Microsoft Excel as its record, therefore there is a need for a system to manage it so that can be well recorded. The purpose of this research is to create a web-based online donation information system that can later be systemized properly using the MySQL database, namely PHPMyadmin, and using structured modeling with UML (Unified Modeling Language) which uses the Prototype method in it. The final result or system resulting from this research is to be able to build a well-database online donation system.
Keywords: Information System, Online Donation, MySQL

## 1. INTRODUCTION
Pada Akhir tahun 2019, dunia mulai mengalami musibah yang melanda semua belahan Negara, yaitu  munculnya  Virus  Corona  yang  diberi  nama  Covid19.  Munculnya  Covid19  dibelahan  Negara menyebabkan banyaknya kerugian di berbagai negara baik dari segi pendidikan, industri, perekonomian dan  lainnya.  Terlebih  pada  perekonomian  Negara,  banyak  Negara-Negara  yang  perekonomiannya menjadi turun karena pandemi Covid19 ini. Terutama pada Negara kita yaitu Negara Indonesia.
Indonesia  termasuk  negara  yang  terdampak  pandemi  Covid19  oleh  karena  itu  banyak perekonomian  masyarakat  yang  menurun  oleh  kejadian  ini.  Bukan  hanya  pemerintah  saja  namun lembaga-lembaga  seperti  yayasan  dan  lainnya  ikut  serta  menggalang  donasi  untuk  mereka  yang terdampak  Covid19  seperti  hal  nya  pada  Yayasan  Hubbu  Ahmad  Center  yang  ikut  serta  dalam penggalangan donasi tersebut.
Yayasan  Hubbu  Ahmad  Center  bukan  Hanya  menggalang  donasi  Untuk  bencana  Pandemi Covid19 namun juga untuk anak-anak Yatim Piatu, kaum Dhuafa, dan bencana-bencana lainnya serta membantu  orang-orang  yang  kurang  mampu.  Namun,  dengan  penggalangan  donasi  yang  dilakukan Yayasan Hubbu Ahmad Center masih menggunakan Manual dan pengelolaannya yang tidak tersistem seperti hanya menggunakan tatap muka, media chating dan media sosialnya yang pengikutnya belum banyak  menyebabkan  Yayasan  Hubbu  Ahmad  Center  kurang  mendapatkan  jangkauan  donatur  yang lebih banyak untuk membantu penggalangan donasi yang ada di Yayasan Hubbu Ahmad Center serta pengelolaan donasi yang tidak tersistem tersebut membuat data pada pengelolaan donasi menjadi tidak terdatabase sehingga memungkinkan hilangnya data dan sulitnya dalam pencarian data.
Dalam  penelitian  yang  telah  dimuat  dibeberapa  jurnal  mengenai  pokok  pembahasan yaitu Sistem  Informasi  Pengelolaan  Dana  Berbasis  Web  dapat  memberi  kemudahan  tidak  hanya  dari  sisi masyarakat sebagai calon donatur ataupun donatur, tetapi informasi dapat disampaikan, diterima dan dikelola dengan mudah,cepat dan akurat [1]. Sistem informasi SD dapat memenuhi kebutuhan panti asuhan  untuk  membuat  proyek  donasi  dan  mempublikasikan  dana  yang  dibutuhkan  serta  untuk kebutuhan donatur dapat memberikan donasi [2].
Maka  dari  itu  perlu  dibuatkanya  sistem  yang  dapat  mempermudah  yayasan  Hubbu  Ahmad Center  dalam  penggalangan  donasi.  Dalam  hal  semacam  ini  diperlukanya  sistem  informasi  berbasis web yang dimana bisa melakukan Penggalangan melaului website yang aksesnya lebih mudah dalam mencari jangkauan lebih banyak lagi serta data yang terinput secara langsung akan terdatabase melalu website penggalangan donasi tersebut sehingga pengelolaan donasi pada yayasan Hubbu Ahmad Center menjadi lebih efektif.
Sistem  ini  diharapkan  dapat  membantu  yayasan  Hubbu  Ahmad  Center  dalam  aktivitas pengelolaan  donasi  bisa  lebih  efektif.  Atas  dasar  beberapa  hal  latar  belakang  diatas,  dibuatkannya sistem  yang  berjudul “Implementasi  Sistem  Informasi  Donasi  Online  Pada  Yayasan  Hubbu  Ahmad Center“.

## 2. METHODS

## 2.1  Teknik Pengumpulan Data
Dalam pengumpulan data tersebut terdapat tiga metode yang dapat dilihat diantaranya:
Observasi
Teknik  pengumpulan  data  dengan  cara  ini  hanya  sekedar  mengamati  dan  meninjau  secara  langsung dengan  menghampiri  yayasan  Hubbu  Ahmad  Center  yang  berada  di  Kelurahan  Kreo  Kecamatan Larangan Kota Tangerang dengan melihat sistem Pengelolaan Donasi yang berjalan pada saat itu. Wawancara
Metode Pengumpulan data dengan menanyakan secara langsung kepada orang yang bersangkutan yaitu kepala yayasan Hubbu Ahmad Center tentang pengelolaan donasi dan bagaimana proses yang sedang berjalan saat ini.
Studi Pustaka
Dengan adanya masalah dan tujuan penelitian penulis mengumpulkan sejumlah 5 karya tulis berupa jurnal dan buku dengan perbandingan-perbandingan agar mendapat data yang dapat dijadikan sebagai referensi dalam penelitian.

## 2.2  Model Pengembangan Sistem
Dalam model pengembangan sistem penulis menggunakan model prototype yang didalamnya memiliki urutan tahapan-tahapan yaitu [3]:
1. Pengumpulan kebutuhan, pada tahap ini Ditahap ini penulis akan melakukan Identifikasi software dan mengidentifikasi keseluruhan kebutuhan sistem yang akan dibuat.
2. Membangun prototyping, Membangun prototyping dengan membuat perancangan sementara yang berfokus pada penyajian kepada pelanggan.
3. Evaluasi prototyping, Evaluasi ini dilakukan untuk mengetahui apakah prototyping sudah sesuai dengan harapan pelanggan.
4. Mengkodekan  Sistem,  tahap  ini  lakukan  prototyping  yang  sudah  disetujui  akan  diubah  kedalam bahasa pemograman.
5. Menguji Sistem, tahap ini dilakukan untuk menguji sistem perangkat lunak yang sudah dibuat.
6. Evaluasi Sistem, tahap ini dilakukan untuk perangkat lunak yang sudah siap jadi akan dievaluasi oleh pelanggan umtuk mengetahui apakah sistem sesuai dengan yang diharapkan
7. Menggunakan Sistem, yaitu perangkat lunak yang sudah diuji dan disetujui oleh pelanggan siap digunakan.
Gambar 1 Metode Prototype

## 3. RESULTS AND DISCUSSION

## 3.1 Analisis Sistem Berjalan
Dalam pencarian donatur pada Yayasan Hubbu Ahmad Center dari pihak yayasan yaitu devisi media dan informasi akan mempublikasikan bentuk pamflet yang dibuat kemudian semua anggota dan semua  yang  terlibat  dalam  kepengurusan  yayasan  akan  mencari  calon-calon  donatur  yang  bersedia mendonasikan harta nya melalui media sosial seperti Whatsapp, Instagram, Facebook dan media sosial lainnya. Kemudian para calon donatur akan menghubungi pihak yayasan yaitu anggota yayasan untuk mendonasikan  hartanya  dengan  cara  mendaftarkan  dirinya  sebagai  donatur  memalui  proses  dengan memberitahu  nama  donatur  serta  jumlah  harta  yang  akan  disedekahkan  kepada  pihak  yayasan menggunakan media sosial melalui chating. Lalu dalam penyerahan Donasi ini dilakukan dengan cara mentransfer sejumlah uang yang akan di donasikan dengan mengirim bukti transfer kepada bendahara yayasan. Setelah bendahara menerima donasi yang diberikan oleh donatur kemudian bendahara akan memberikan data donasi keseluruhan pada bulan tersebut dan akan diberikan kepada sekertaris untuk
direkap. Setelah itu sekertaris akan membuat data laporan pemasukan donasi yaitu donasi yang telah diterima dan kemudian akan memberikannya kepada kepala yayasan.

## 3.2 Activity Diagram
Diagram aktivitas atau a ctivity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak [4].
Proses Bisnis Berjalan Calon Donatur Divisi Media dan Informasi Bendahara Sekretaris Kepala Yayasan Membuat Pamflet Mulai Melihat Pamflet Mengirim Kesedian untuk Berdonasi Menerima Bukti Transfer Meminta Bukti Transfer Mengirim Bukti Transfer Mengirim Data Danasi Merekap Data Donasi Mengirim Laporan Pemasukan Donasi Menerima Laporan Pemasukan Danasi Selesai
Gambar 2 Activity Diagram Sistem Berjalan

## 3.3 Use Case Diagram
Use Case Diagram merupakan pemodelan untuk kelakuan sistem informasi yang akan dibangun [5]. Use  case diagram  digunakan  untuk  mengetahui  fungsi  apa  saja  yang  ada  pada  sebuah  sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi tersebut [5].
Use  Case Diagram  ini  memaparkan  proses  kegiatan  dan  proses  bisnis  yang  dilakukan  oleh pengguna (aktor). Berikut adalah use case diagram   yang penulis buat dalam sistem donasi yayasan Hubbu Ahmad Center:

## 3.3.1   Use Case Diagram Halaman Donasi Calon Donatur
Use  case  diagram menggambarkan  bagaimana  Calon  donatur  berdonasi  secara  online menggunakan  website  yang  dibuat.  Dimana  calon  donatur  membuka  halaman  website,  selanjutnya memilih jenis donasi, calon donatur mengisi form donasi dan calon donatur dapat melihat Informasi pembayaran.
Home Donasi Feedback Calon Donatur Input Jumlah Donasi dan data Donatur <<include>> Info Pembayaran <<include>> Kirim Feedback <<extend>> Gambar 3 Use Case Diagram Donasi Calon Donatur

## 3.3.2   Use Case Diagram Halaman Admin
Admin  membuka  halam  website  donasi,  login  menggunakan  username  dan    password  yang benar, selanjutnya input jenis donasi. Admin dapat melihat dan mengedit, menghapus jenis donasi serta melihat, mengedit transaksi donasi. Admin dapat melihat laporan donasi.
Login Beranda Data Jenis Donasi Data Transaksi Admin Username Edit Password <<include>> <<include>> Input Jenis Donasi Hapus <<extend>> <<extend>> Simpan Data <<extend>> Feedback Laporan Edit Hapus <<extend>> <<extend>> Hapus <<extend>> Cari Data <<extend>> Gambar 4 Use Case Diagram Halaman Admin

## 3.4 Activity Diagram
Activity diagram adalah sesuatu yang menjelaskan tentang alir kegiatan dalam program yang sedang  dirancang,  bagaimana  proses  alir  berawal,    keputusan  yang  mungkin  terjadi,  dan  bagaimana sistem akan berakhir.

## 3.4.1 Halaman Donasi Calon Donatur
Halaman Donasi Calon Donatur Calon Donatur Sistem Memilih Jenis Donasi Mengisi Form Donasi Memberikan Informasi Pembayaran Menampilkan Jenis Donasi Selesai Mulai Membuka Halaman Website Simpan Jika data yang Diisi Lengkap Jika Data Yang diisi Tidak lengkap Menampilkan Form Donasi
Gambar 5 Activity Diagram Donasi Calon Donatur

## 3.4.2 Halaman Feedback Calon Donatur
Halaman Feedback Calon Donatur Donatur Sistem Membuka Halaman Feedback Mengisi Form Feedback Feedback Terkirim Menampilkan Menampilkan Form Feedback Mulai Selesai Gambar 6 Activity Diagram Feedback Calon Donatur

## 3.4.3 Halaman Login Admin
Halaman Login Admin
Admin Sistem Membuka Halaman Login Mengisi Form Login Menampilkan Dashboard Menampilkan Form Login Selesai Mulai Salah Benar Tampil Pesan Login Gagal Gambar 7 Activity Diagram Login Admin

## 3.4.4 Halaman Beranda Admin
Halaman Beranda Admin
Admin Sistem Membuka Halaman Beranda
Menampilkan Total Transaksi, Total Jenis Donasi, Dan Total Feedback Mulai Selesai Gambar 8 Activity Diagram Beranda Admin

## 3.4.5 Halaman Data Jenis Donasi Admin
Halaman Jenis Donasi Admin Admin
Sistem Membuka Halaman Jenis Donasi Menampilkan Data Jenis Donasi Mulai Selesai Melihat Data Jenis Donasi Edit Jenis Donasi Hapus Jenis Donasi Data Tersimpan di Database Edit Jenis Donasi Jika Hanya Melihat Gambar 9 Activity Diagram Data Jenis Donasi Admin

## 3.4.6 Halamam Input Jenis Donasi Admin
Halaman Input Jenis Donasi admin
Admin
Sistem Membuka Halaman Input  Jenis Donasi Menampilkan Form Jenis donasi Mulai Mengisi Form Tersimpan di Database Selesai Simpan Jika data yang Diisi Lengkap Jika Data Yang diisi Tidak lengkap
Gambar 10 Activity Diagram Input Jenis Donasi  Admin

## 3.4.7 Halaman Transaksi Admin
Halaman Transaksi Admin Admin
Sistem Membuka Halaman Transaksi Menampilkan Data Transaksi Mulai Selesai Melihat Data Transaksi Edit Jenis Donasi Hapus Transaksi Data Tersimpan di Database Jika Hanya Melihat
Gambar 11 Activity Diagram Transaksi Admin

## 3.4.8 Halaman Laporan Admin
Halaman Laporan Admin Admin Sistem
Membuka Halaman Laporan Menampilkan Laporan Mulai Selesai Melihat Laporan Cari  Data Gambar 12 Activity Diagram Laporan Admin

## 3.4.9 Halaman Feedback Donatur
Halaman Feedback Admin
Admin
Sistem Membuka Halaman feedback Menampilkan Data Feedback Mulai Selesai Melihat Data Feedback Hapus Menampilkan Pesan Ya Tidak
Gambar 13 Activity Diagram Feedback Admin

## 3.4.10 Halaman Logout Admin
Menu Logout Admin
Admin Sistem Melihat Menu Logout Mulai Selesai Mengklik Menu Logout Menampilkan Tombol Logout Menekan tombol Logout Tidak Ya Kembali ke Form Login
Gambar 14 Activity Diagram Logout Admin

## 3.5 Class Diagram
Class diagram memberikan gambaran hubungan antara  tabel-tabel  yang  ada  dalam database . Masing-masing classmemiliki atribut dan metode atau fungsi sesuai   dengan   proses   yang   terjadi [6].
data_donasi + id_donasi + nama_donasi + kategori_donasi + target_donasi + perolehan_donasi + target_donasi + masa_donasi + tgl_donasi +masa_aktif + img1 + img2 + img3 + img4 + img5 + Get + Add + Update data_transaksi + id_transaksi + id_donasi + nama_donatur - no_tlp_donatur + pesan_donatur + jumlah_donasi + kode_transaksi + tgl_transaksi + bayar + Get + Add + Update Laporan data_feedback + id_donatur + nama_donatur - no_tlp_donatur + pesan_feedback + tg_feedback + Get + Add + Update data_admin + id_admin + usernam + password + hak_akses + Get + Add + Update - id_laporan - id_donasi - nama_donasi - id_transaksi - tgl_transaksi - nama_donatur - no_tlp_donatur - jumlah_donasi + Get + Add + Update 1 ..* 0 .. * 1 .. * 1 .. * 1 ..* 1 ..* 1 ..* 1 ..*

## 3.6 User Interface
Aplikasi  biasanya  memiliki  tampilan  antarmuka  yang  disebut user  interface (UI)  [7]. User interface merupakan  komponen  yang  tidak  dapat  dipisahkan  dengan  aplikasi  yang  bertugas menghubungkan antara aplikasi dengan pengguna agar dapat berinteraksi dengan mudah [7].

## 3.6.1   Halaman Login Donatur
Gambar 16 Login Donatur

## 3.6.2 Halaman Beranda Donatur

## Gambar 17 Beranda Donatur

## 3.6.3 Halaman Feedback Calon Donatur
Gambar 18 Feedback Calon Donatur
SYSTEMATICS, Vol. 3, No. 3, December 2021, pp 309-323

## 3.6.4 Halaman Login Admin
Gambar 19 Login Admin
3.6.5 Halaman Beranda Admin

## Gambar 20 Beranda Admin

## 3.6.6 Halaman Data Jenis Donasi

## 3.6.7 Halaman Input Jenis Donasi

## Gambar 22 Input Jenis Donasi

## 3.6.8 Halaman Data Transaksi Admin

## Gambar 23 Data Transaksi Admin

## 3.6.9 Halaman Laporan Admin
SYSTEMATICS, Vol. 3, No. 3, December 2021, pp 309-323
3.6.10 Halaman Feedback Admin
Gambar 25 Feedback Admin

## 4. CONCLUSION
Berdasarkan  pembahasan  mengenai  sistem  penerimaan  donasi  yang  ada  di  yayasan  Hubbu Ahmad Center dapat disimpulkan pada yayasan Hubbu Ahmad Center terdapat masalah yaitu kurang luasnya jangkauan dalam mendapatkan donatur. Kurang tersistemnya pengelolaan dalam penerimaan donasi menyebabkan pengelolaan menjadi tidak efektif seperti dalam penginputan, membuatan laporan maupun  penyimpanan  data-data  pada  sistem  penerimaan  sedekah  belum  terdatabase  dengan  baik sehingga akan menimbulkan resiko hilangnya data-data yang ada.

## REFERENCES
[1] H. Amalia, R. Ferdira, and M. Anggraini, “Sistem Informasi Pengolahan Dana Donasi,” Vol 15 (1), Perspektif , 2017, pp. 1–6.
[2] D. Fadjri, Ilhamsyah, and D. Prawira, “Rancang Bangun Sistem Informasi Pengumpulan Dana Panti Asuhan menggunakan Metode,” Vol 7 (1), J. Komput. dan Apl. , 2019, pp. 64–73.
[3] R. S. Pressman, Software Engineering: A Practitioner’s Approach . New York: McGraw-Hill, 2010.
[4] A. Haryanta, A. Rochman, and A. Setyaningsih, “Perancangan Sistem Informasi Perencanaan Dan Pengendalian Bahan Baku Pada Home Industri,” Vol 7 (1), J. Sisfotek Glob. , 2017, pp. 87- 95.
[5] S. Julianto  and  S.  Setiawan,  “Perancangan  Sistem  Informasi  Pemesanan Tiket Bus  Pada  Po. Handoyo Berbasis Online,” Vol. 3 (2), 2019, pp. 11–25.
[6] H. N. Putra, “Implementasi Diagram UML (Unified Modelling Language) dalam Perancangan Aplikasi Data Pasien Rawat Inap pada Puskesmas Lubuk Buaya,” Vol 2 (2), Sink.  J. dan Penelit. Tek. Inform. , 2018, pp. 67–77.
[7] D. A. Anggara, W. Harianto, A. Aziz, T. Informatika, U. Kanjuruhan, and S. Malang, “Prototipe Desain User Interface Aplikasi Ibu Siaga,” Vol 4, J. Teknol. dan Sist. Inf. , 2021, pp. 58–74.