e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com

## SISTEM  INFORMASI  DONASI  ONLINE  BERBASIS WEBSITE
Sri Mulandari 1 , Yuni Fitriani 2 , Sri Utami 3 , Bambang Junadi 4
Teknologi Komputer 1 ,  Sistem Informasi 2 , Sistem Informasi 3 , Sistem Informasi 4
Fakultas Teknik dan Informatika 1 ,  Fakultas Teknik dan Informatika 2 , Fakultas Teknik dan Informatika 3 , Fakultas Teknik dan Informatika 4 Universitas Bina Sarana Informatika 1 , Universitas Bina Sarana Informatika 2 , Universitas Bina Sarana Informatika 3 , Universitas Bina Sarana Informatika 4 ulendede01@gmail.com 1 , yuni.yfi@bsi.ac.id 2 , sri.sut@bsi.ac.id 3 , bambang.bbj@bsi.ac.id 4
Received: October  26,  2021 .  Revised: November  02,  2021 .  Accepted: November  04,  2021 .    Published: December  02,  2021 .  Issue  Period: Vol.5 No.2 (2021), Page 232-251
Abstrak: Pada  era  sekarang  ini  teknologi  komputer  sedang  mengalami  peningkatan  dalam jumlah yang sangat pesat. Hal ini dikarenakan teknologi komputer merupakan faktor penting dalam suatu instansi baik swasta maupun pemerintahan. Perkembangan teknologi juga sangat berpengaruh  dalam  kehidupan  sekarang  ini,  khususnya  teknologi  informasi  yang  sangat membantu  dalam  pemecahan  berbagai  masalah  diberbagai  bidang.  Tolong  menolong  saling membantu adalah kewajiban setiap manusia saat adanya terjadinya bencana alam, sumbangan, memberikan  bantuan  kepada  yang  tidak  mampu,  dan  lainnya.  Banyaknya  masyrakat diberbagai  daerah  saling  membantu  dengan  caranya  masing-masing  seperti  galang  dana  di persimpangan  lampu  merah,  keliling  rumah  warga,  maupun  ke  beberapa  instansi  swasta. Tidak  semua  yayasan  atau  lembaga  dapat  mewujudkan  keinginannya  untuk  mempunyai website  khusus  yayasan  atau  lembaganya  sendiri.  Masih  ada  yayasan  atau  lembaga  yang menggunakan  buku  serta  mengolah  data  dengan  menggunakan  microsft  excel  yang  mana kurang  efektif  dan  efisien.  Selain  itu,  penyampaian  laporan  penggunaan  dana  kepada  para donatur juga sering terhambat sehingga  menimbulkan ketidakpercayaan  para donatur kepada yayasan  atau  lembaga  mengenai  pengelolaan  donasi  maupun  sumbangan.  Oleh  karena  itu penulis ingin membuat suatu program yang memudahkan masyrakat untuk melakukan donasi atau  galang  dana  dengan  membuat  suatu  website  dengan  judul  “Sistem  Informasi  Donasi Online  Berbasis  Website” . Dengan  adanya  website  tersebut  akan  membantu  para  donator mensisihkan  rezekinya  untuk  disumbangkan  kepada  masyarakat-masyarakat  yang membutuhkannya.
Kata kunci: Sistem Informasi, Donasi, Web
Abstract : In  today's  era,  computer  technology  is  experiencing  an  increase  in  a  very  rapid number. This is because computer technology is an important factor in an agency both private and  government.  The  development  of  technology  is  also  very  influential  in  today's  life, especially information technology which is very helpful in solving various problems in various fields.  Please  help  each  other  is  the  duty  of  every  human  being  in  the  event  of  natural
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
disasters, donations, providing assistance to the unable, and others. The number of people in various  regions  help  each  other  in  their  own  way  such  as  raising  funds  at  red  light intersections, around people's homes, or to  several  private agencies.  Not  all foundations or institutions can realize their desire to have their own special foundation or institution website. There are still foundations or institutions that use books and process data using microsft excel which is less effective and efficient. In addition, the submission of reports on the use of funds to  donors  is  also  often  hampered,  causing  distrust  of  donors  to  foundations  or  institutions regarding the management of donations and donations. Therefore, the author wants to create a  program  that  makes  it  easier  for  people  to  make  donations  or  raise  funds  by  creating  a website with the title "Website-Based Online Donation Information System". With the website will help donors set aside their sustenance to be donated to the people who need it.
Keywords : Information Systems, Online Donations, Wesite

## I. PENDAHULUAN
Pada  era  sekarang  ini  teknologi  komputer  sedang  mengalami  peningkatan  dalam  jumlah  yang  sangat pesat.  Hal  ini  dikarenakan  teknologi  komputer  merupakan  faktor  penting  dalam  suatu  instansi  baik  swasta maupun  pemerintahan.  Perkembangan  teknologi  juga  sangat  berpengaruh  dalam  kehidupan  sekarang  ini, khususnya teknologi informasi yang sangat membantu dalam pemecahan berbagai masalah diberbagai bidang.
Tolong  menolong  saling  membantu  adalah  kewajiban  setiap  manusia  saat  adanya  terjadinya  bencana alam,  sumbangan,  memberikan  bantuan  kepada  yang  tidak  mampu,  dan  lainnya.  Banyaknya  masyarakat  di berbagai  daerah  saling  membantu  dengan  caranya  masing-masing  seperti  galang  dana  di  persimpangan  lampu merah,  keliling  rumah  warga,  maupun  ke  beberapa  instansi  swasta  atau  donasi.  Menurut  Liana,  donasi merupakan  suatu  pemberian  yang  pada  umumnya  bersifat  secara  fisik  yang  dilakukan  oleh  perorangan  atau suatu badan hukum,  dimana  pemberian  ini  memiliki  sifat sukarela dengan tanpa adanya  imbalan  yang  bersifat keuntungan [1]. Sudah  ada  beberapan  yayasan  yang  membuat  website  untuk  pengumpulan  donasi  seperti kitabisa.com,  infak.id,  rumahzakat.org.  tetapi  kita  sebagai  yayasan  yang  membuat  akun  di  beberapan  website tersebut kita tidak bisa mengetahui data donatur yang sudah donasi.
Tidak semua yayasan atau lembaga dapat mewujudkan keinginannya untuk mempunyai website khusus yayasan  atau  lembaganya  sendiri.  Masih  ada  yayasan  atau  lembaga  yang  menggunakan  buku  serta  mengolah data dengan menggunakan microsft excel yang mana kurang efektif dan efisien. Selain itu, penyampaian laporan penggunaan  dana  kepada  para  donatur  juga  sering  terhambat  sehingga  menimbulkan  ketidakpercayaan  para donatur kepada yayasan atau lembaga mengenai pengelolaan donasi maupun sumbangan.
Oleh karena itu penulis ingin membuat suatu program yang memudahkan masyrakat untuk melakukan donasi  atau  galang  dana  dengan  membuat  suatu  website  dengan  judul  “ Sistem  Informasi  Donasi  Online Berbasis  Website ” . Dimana  dengan  adanya  website  tersebut  diharapkan  akan  membantu  para  donator mensisihkan rezekinya untuk disumbangkan kepada masyarakat-masyarakat yang membutuhkannya.

## II. METODE DAN MATERI

## 2.1 Metode
Metode  pengumpulan  data  yang  digunakan  dalam  penelitian  ini  adalah  metode  observasi  atau pengamatan  langsung.  Dimana  metode  observasi  dilakuan  dengan  cara  melakukan  pengamatan  di  beberapa website  donasi  yang  sebagai  acuan  pembuatan  website  donasi  yang  akan  dibuat  seperti  infak.id,  infak.in. Kemudian  metode  studi  pustaka,  dimana  pengumpulan  data  dilakukan  dengan  melihat  dan  mengambil  data melalui  referensi-refensi  yang  ada  yang  sesuai  dengan  materi  penelitian.  Sedangkan  untuk  metode pengembangan sistem yang digunakan pada Sistem Informasi Donasi Online Berbasis Website ini adalah model Waterfall.  Menurut  Pressman  dalam  Sumardi,  et  al  mengemukakan  bahwa  model  Waterfall  atau  disebut  juga
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
dengan  model  sekuensial  linier  merupakan  sebuah  pendekatan  kepada  perkembangan  software  atau  perangkat lunak yang sistematis dan sekuensial atau berurutan mulai pada tingkat dan kemajuan sistem pada tahap analisis, desain pengkodean, pengujian dan pemeliharaan [2]. Tahap-tahap pengembangan sistem dengan menggunakan model waterfall dalam penelitian ini adalah :
1. Perencanaan  ( Planning ).  Tahap  perencanaan  ini  merupakan  tahap  mendefinisikan  ruang  lingkup  serta kebutuhan  akan  suatu  sistem  agar  menghasilkan  sistem  informasi  yang  mampu  memberikan  layanan informasi berupa layanan donasi dengan baik, serta menyediakan kebutuhan  hardware dan software dari suatu sistem yang digunakan dalam pengembangan sistem informasi donasi online berbasis website yang akan dibuat.
2. Analisa  ( Analysis ).  Tahap  analisa  merupakan  tahap  menentukan  tampilan interface atau  antar  muka, menganalisa kebutuhan data yang dibutuhkan dalam suatu sistem, melakukan analisis fungsi dan proses dari  sistem  informasi  donasi  online  berbasis  website  yang  akan  dibuat,  serta  mengidentifikasi  kendala atau permaslaahan  yang terjadi dalam membangun suatu sistem.
3. Desain ( Design ). Tahap design atau peracangan merupakan tahap dimana merancang input atau masukan dan  juga  outpout  serta  tampilan  sistem  informasi,  mengaplikasikan  perancangan  sistem  dengan menggunakan UML ( Unified Modelling Language ).
4. Implementasi  ( Implementation )  Tahap  implementasi  digunakan  sebagai  tolak  ukur  keberhasilan pembangunan  sistem  informasi  donasi  online  berbasis  website  yaitu  dengan  melakukan  pengujian kelayakan sistem informasi dengan cara testing program..
5. Pemeliharaan ( Maintence ). Tahap pemeliharaan merupakan suatu tahap di mana sistem informasi donasi berbasis  web  yang  telah  dijalankan  dilakukan maintence atau  pemeliharaan.  Pemeliharaan  terhadap sistem  termasuk  dalam  memperbaiki  sistem  jika  terdapat  ketidakcocokan  maupun  kesalahan  dari  suatu sistem  maka  akan  dilakukan  perbaikan  dengan  cara  melakukan  peninjauan  ulang  kembali  mulai  dari tahap awal.
Gambar 1. Model Waerfall

## 2.2 Materi

## A. Pengertian Sistem Informasi
Anggraeni, et al  mengemukakan  bahwa sistem  merupakan  sekelompok unsur  yang erat hubungannya antara yang satu dengan yang lainnya, yang mana berfungsi bersama-sama untuk mencapai suatu tujuan tertentu [3].  Suatu  sistem  mempunyai  karakteristik  yaitu  komponen  sistem  ( component ),  batasan  sistem  ( boundry system ),  lingkungan  luar  sistem  ( environment  system ),  penghubung  sistem  ( interface  system ),  masukan  sistem ( input system ), keluaran sistem (output system ), pengolahan sistem ( processing system ) dan sasaran sistem ( goal
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
system ).  Sedangkan  Informasi  merupakan  kumpulan  data  yang  diolah  menjadi  suatu  yang  lebih  berguna  dan mempunyai  arti  bagi  penerimanya  atau  penggunanya  serta  untuk  mengurangi    adanya  ketidakpastian  dalam suatu  proses  pengambilan  keputusan  tentang  suatu  keadaaan.  Dengan  demikian,  pengertian  sistem  informasi merupakan  suatu  aktivtas  atau  kegiatan  mengumpulkan,  memproses,  menyimpan,  menganalisa  serta menyebarkan suatu informasi untuk tujuan tertentu
Menurut Anggaerni, et al [3] komponen- komponen sistem informasi terdiri dari :
1. Komponen Input. Komponen input merupakan data yang masuk ke dalam sutau sistem informasi.
2. Komponen  model.  Komponen  model  merupakan  suatu kombinasi dari prosedur, logika dan  juga  model matematika  yang  memproses  data-data  yang  tersimpan  di  dalam  suatu database atau  basis  data  dengan cara yang sudah ditentukan untuk menghasilkan output atau keluaran yang diinginkan.
3. Komponen  keluaran.  Komponen  keluaran  atau output meenghasilkan  informasi  yang  berkualitas  serta dokumentasi yang berguna untuk semua tingkatan manajemen dan juga pengguna sistem.
4. Komponen  teknologi.  Komponen  teknologi  merupakan  suatu  alat  dalam  suatu  sistem  informasi  yang berfungsi  untuk  menerima input atau  masukan,  menjalankan  model,  menyimpan  serta  mengakses  data, menghasilkan serta mengirimkan output atau keluaran dan memantau pengendali sistem.
5. Komponen  basis  data.  Komponen database atau  basis  data  merupakan  kumpulan  data  yang  saling berhubungan  yang  tersimpan  di  dalam  komputer  dengan  menggunakan  suatu software atau  perangkat lunak basis data.
6. Komponen kontrol. Komponen kontrol merupakan suatu komponen yang mengendalikan gangguan pada suatu sistem informasi.

## B. Pengertian Website
Simarmata  dalam  Suparwanto  [4]  mengemukakan  bahwa,  web  merupakan  sebuah  sistem  dengan informasi  yang  disajikan  atau  ditampilkan  dalam  bentuk  teks,gambar,suara,  dan  sebagainya  yang  mana tersimpan dalam  sebuah server web internet yang disajikan  ke  dalam  bentuk hiperteks”. Dalam  suatu website terdapat web server dan internet untuk melengkapi tampilan website dalam bentuk hiperteks.
Pada www.sekawanmedia.co.id,  website merupakan  kumpulan  halaman  dalam  suatu  domain  yang memuat mengenai berbagai informasi agar dapat dibaca dan dilihat oleh para pengguna internet melalui sebuah search engine atau mesin pencari. Informasi yang dapat disajikan dalam suatu website biasanya tentang konten gambar, ilustrasi, video, dan juga teks untuk berbagai macam keperluan. Umumnya untuk  tampilan awal suatu website dapat diakses melalui halaman utama atau yang disebut homepage dengan menggunakan suatu browser dengan cara menuliskan alamat URL secara lengkap dan tepat. Di dalam sebuah homepage atau halaman utama website juga memuat beberapa halaman web turunan yang  terhubung satu dengan yang lainnya .[5].

## III. PEMBAHASA DAN HASIL

## 3.1 Analisa Kebutuhan Sistem
Dalam tahap  analisa  sistem  ini akan dibahas tentang  fitur-fitur  yang tersedia didalam  sistem. Dimana pada  sistem  ini,  yang  dapat  dilakukan  oleh  admin  adalah  mengelola  data  berita,  menambah  berita,  mengubah berita, menghapus berita, mengkelola data transaksi untuk validasi donasi yang sudah masuk ke dalam rekening atau e-wallet dengan mengupload screenshoot donasi yang masuk sebagai pembuatan laporan.

## 3.2 Perancangan Sistem
.
A. Database
Sebelum  membuat database ,  tahap  perancangan  sistem  diawali  dengan  merancang Entity  Relation Diagram (ERD) dan Logical Relation  Structure (LRS) untuk  mengetahui apa  saja relasi dan  isi dari database tersebut.
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
1. Entity Relationship Diagram (ERD)
Gambar 2. Entity Relation Diagram (ERD)

## 2. Logical Relation Structure (LRS)
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
Gambar 3. Logical Relation Structure (LRS)

## B. Software Architecture
1.
Unified Modeling Language (UML) Dalam
merancang sebuah gambaran pembuatan suatu sistem yaitu menggunakan Unified Modeling Language (UML) yang merupakan salah satu standar bahasa yang digunakan di dalam industri untuk mendefinisikan requirement, membuat analisis & desain, serta menggambarkan arsitektur dalam pemprograman berorientasi objek.
a. Use  Case  Diagram .Use  case  diagram digunakan  untuk  mengenal  proses  dari  suatu  sistem.  Dengan  use case ini dapat di ketahui bagaimana pengunjung  atau user dapat melakukan apa saja pada website donasi online yang dirancang.
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
Gambar 4. Use Case Diagram Donatur
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
Gambar 5. Use Case Diagram Admin dan super admin b. Activity  Diagram. Activity  Diagram menggambarkan  suatu workflow (aliran  kerja)  atau aktivitas dari sebuah sistem atau proses bisnis atau proses bisnis suatu sistem.
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
1) Activity Diagram Donatur Melakukan Registrasi
Activity Diagram Donatur Melakukan Registrasi Donatur
Sistem
Ph as e Start End Tampil Form Registrasi Isi Form Register, Lalu klik Daftar. Klik Tombol Registrasi Menyimpan Pendafatran Masuk Ke Halaman Web Masuk Ke Halaman Web
Gambar 6. Activity Diagram Donatur Melakukan Registrasi
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
2) Activity Diagram Donatur Melihat Daftar Donasi
Activity Diagram Donatur Melihat Daftar Donasi Donatur Sistem
Ph as e Start
End Validasi Login Masuk Ke Halaman Utama Melakukan Login Salah Benar Menampilkan Daftar Donasi Akses ke Website Pilih Ke Halaman Donasi Gambar 7. Activity Diagram Donatur Melihat Daftar Donasi
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
3) Activity Diagram Donatur Melakukan Input Donasi dan Upload Bukti Transfer Donasi
Activity Diagram Donatur Melakukan Input Donasi dan Upload Bukti Transfer Donasi
Donatur
Sistem
Ph as e Start
End Validasi Login Masuk Ke Halaman Utama Melakukan Login Klik Tombol Donasi Sekarang Salah Benar Menampilkan Halaman Form input Donasi Akses ke website Pilih Ke Halaman Donasi Melakukan Input Donasi. lalu klik tombol donasi Menyimpan input donasi. Menampilkan Form Upload Bukti Transfer Donasi Upload Bukti transfer donasi Menyimpan Transaksi Menampilkan Daftar Donasi
Gambar  1. Activity Diagram Donatur Melakukan Input Donasi dan Upload Bukti Transfer Donasi
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
4) Activity Diagram Admin dan Super Admin Menampilkan Data Donasi
Activity Diagram Admin dan Super Admin Menampilkan Data Donasi
Admin dan Super Admin Sistem
P h as e Start
End Validasi Login Kembali ke Dashboard Melakukan Login Klik menu Kelola Donasi Menampilkan halaman Data Kelola Donasi Salah Benar Masuk Ke Halaman Web
Gambar 9. Activity Diagram Admin dan Super Admin Menampilkan Data Donasi
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
5).   Activity Diagram Admin dan Super Admin Menampilkan Data Transaksi
Activity Diagram Admin dan Super Admin Menampilkan Data Transaksi
Admin dan Super Admin Sistem
Ph as e Start
End Validasi Login Kembali ke Dashboard Melakukan Login Klik menu Kelola Transaksi Menampilkan halaman Data Kelola Transaksi Salah Benar Masuk Ke Halaman Web
Gambar 10. Activity Diagram Admin dan Super Admin Menampilkan Data Transaksi
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
6). Activity Diagram Admin dan Super Admin Approve Transaks i
Activity Diagram Admin dan Super Admin Approve Transaksi
Admin dan Super Admin Sistem
Ph as e Start
End Validasi Login Decision Kembali ke halaman utama Melakukan Login Klik menu Kelola Transaksi Menampilkan Halaman Data Transaksi Salah Benar Klik Tombol Approve Pilih Transaksi yang ingin diApprove Update Data Transaksi Masuk Ke Halaman Web
Gambar 11. Activity Diagram Admin dan Super Admin Approve Transaksi
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com

## 3.3 Tampilan Sistem

## 1. Halaman Utama
Halaman utama ini adalah tampilan awal pada website donasi online sebagai pembuka pada website
Gambar 12. Halaman Utama
2. Halaman Donasi
Halaman donasi menampilkan donasi yang tersedia pada website yang dibuat oleh admin dan super admin.

## Gambar 13. Halaman Donasi
3. Halaman Detail Donasi dan form donasi
Halaman detail donasi menampilkan Total Donasi yang terkumpul yang sudah masuk ke dalam website donasi online. Dan terdapat juga form isi donasi jika ingin donasi.
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
Gambar 14. Halaman Detail Donasi
4. Halaman Upload Donasi Sekarang
Halaman upload donasi sekarang  menampilkan  informasi tentang  nomor  rekening  lembaga donasi  dan untuk upload bukti transfer.

## Gambar 15. Halaman Upload Donasi Sekarang
5. Halaman Registrasi Donatur
Halaman  registrasi  menampilkan  form  untuk  donatur  yang  ingin  melakukan  registrasi  atau pendaftrana ke dalam website
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
Gambar 16. Halaman Registrasi Donatur
6. Halaman Login Donatur
Halaman login menampilkan form login yang berisi username dan password untuk donator bisa masuk ke website

## Gambar 17. Halaman Login Donatur
7. Halaman Login Admin dan Super Admin Halaman Login admin dan super admin ini untuk akses ke dalam halaman dashboard. Hanya admin dan super admin yang mempunyai akses tersebut.
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
Gambar 18. Halaman Login Admin dan Super Admin
8. Halaman Dashboard
Halaman Dashboard merupakan  tampilan  halaman  untuk  admin  dan  super  admin.  Di  dalam  halaman dashboard ada menu-menu lainnya yang dilakukan admin dan super admin.

## Gambar 19. Halaman Dashboard
9. Halaman Kelola Donasi
Halaman kelola donasi  menampilkan  donasi  yang tersedia. Pada  halaman kelola admin  ini, admin  dan super admin bisa menambah,mengubah donasi yang diinginkan.
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com
Gambar 20. Halaman Kelola Donasi

## 10. Halaman Kelola Transaksi
Halaman  Kelola  Transaksi    menampilkan  Donasi  dari  para  donatur  yang  sudah  masuk  ke  rekening. Admin dan Super Admin hanya bisa meng update transaksi jika saldo sudah masuk dan akan tersimpan di halaman transaksi.
Gambar III. 2 Halaman Kelola Transaksi
.

## IV. KESIMPULAN
Dari  semua  penjelasan  dan  pembahasan  yang  telah  dipaparkan  dalam  penelitian  ini  dapat disimpulkan  bahwa  website  donasi  online  ini  dirancang  untuk  memberikan  kemudahan  dan  membantu para donatur untuk dapat melakukan donasi secara online kepada masyarakat yang membutuhkan.
Untuk  pengembangan  sistem  informasi  donasi  online  berbasis  website  kedepannya  salah  satunya seperti  menghubungkan  sistem  dengan  sistem  pembayaran payment  gateway ( virtual  account) .  Dan  juga diperlukan  adanya Developer  website yang  lebih  lanjut  agar  dapat  lebih  menyesuikan  kebutuhan  para pengguna.
e-ISSN : 2597-3673 (Online) , p-ISSN : 2579-5201 (Printed)
Vol.5, No.2,  Desember 2021
Journal of Information System, Informatics and Computing Website/URL: http://journal.stmikjayakarta.ac.id/index.php/jisicom Email: jisicom@stmikjayakarta.ac.id , jisicom2017@gmail.com

## REFERENASI
[1]  Nurromlah,  Yuri  Rahayu  dan  Lis  Saumi  Ramdhani.  (2017).  “Perancangan  Sistem  Informasi  Penerimaan  dan Penyaluran  Donasi  Pada  DPU-DT  Kota  Sukabumi”. IJCIT  (Indonesian  Journal  on  Computer  and Information Technology).Volume 2 No.1.
https://ejournal.bsi.ac.id/ejurnal/index.php/ijcit/article/view/1908
[2]Sumardi dan Karis Widyatmoko. (2012). “Perancangan Sistem Informasi Kearsipan Kopertis Wiayah VI Semarang”. Techno.COM .Volume 11 No.1. 37-46. https://publikasi.dinus.ac.id/index.php/technoc/article/view/938
[3] Anggraeni, Yunaeti Elisabet, Rita Irvani (2017). “Pengantar Sistem Informasi”. Andi Offset. Yogyakarta.
[4] Suparwanto, D. P. (2017). “E-Learning Sebagai Media Pembelajaran Berbasis Web Pada Smk N 4 Purworejo”. Ijsn , 7 (2), 1–8. Retrieved from https://ijns.org/journal/index.php/ijns/article/download/1499/1460
[5]  Sekawanmedia.(2020).  “Pengenalan  Apa  Itu  Website  Beserta  Fungsi,  Manfaat  dan  Cara  Membuatnya. https://www.sekawanmedia.co.id/pengertian-website/