SI donasi digital di kawasan ekowisata mangrove.pptx

shofiya8212 6 views 15 slides Sep 06, 2025
Slide 1
Slide 1 of 15
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15

About This Presentation

SI donasi digital


Slide Content

PENERAPAN DONASI DIGITAL DI KAWASAN EKOWISATA MANGROVE WONOREJO SURABAYA Sherly Firlanda Lestarianto 1 , Shofiya Syidada 2 1 Universitas Wijaya Kusuma Surabaya, Jl. Dukuh Kupang XXV no. 54 Surabaya, Indonesia 2 Universitas Wijaya Kusuma Surabaya, Jl. Dukuh Kupang XXV no. 54 Surabaya, Indonesia Seminar Nasional KARSA NUSANTARA Kolaborasi Rekayasa dan Sains Nasional untuk Teknologi , Riset , dan Kecerdasan   Buatan Fakultas Teknik, Universitas Wijaya Kusuma Surabaya 18 Juni 2025 Support By:

PENDAHULUAN Perubahan zaman & ekspektasi wisatawan menuntut layanan ekowisata yang lebih modern & efisien . Salah satu aspek penting adalah penyediaan sistem pembayaran digital. Permasalahan Saat Ini : 1. Belum ada donasi digital → partisipasi pengunjung rendah . 2. Donasi manual → tidak efisien dan rawan kesalahan Manfaat Donasi Digital : 1. Donasi via e-wallet & QRIS → cepat & praktis . 2. Pencatatan otomatis , ramah lingkungan . 3. Meningkatkan partisipasi & kepercayaan publik . 4. Terintegrasi dengan media edukasi & promosi online. Tujuan Sistem : 1. Memudahkan donasi digital melalui website, bisa diakses kapan saja & di mana saja . 2. Sistem terhubung dengan Payment Gateway melalui API sebagai penghubung ke sistem backend. Rumusan Masalah : 1. Bagaimana merancang sistem donasi digital berbasis website? 2. Bagaimana sistem dapat terhubung dengan payment gateway?

METODE PENELITIAN

METODE PENELITIAN Requirement Analysis Analisa Kebutuhan Fungsional : Kebutuhan Admin Admin dapat melakukan login & logout . Admin dapat melihat daftar donasi . B. Kebutuhan User ( Wisatawan ) User dapat melakukan register , login , dan logout User dapat memberikan donasi . User dapat melihat total pembayaran sebelumnya . C. Kebutuhan Sistem Sistem memvalidasi akun pengguna . Sistem terhubung dengan Payment Gateway penyedia layanan pembayaran digital midtrans . Sistem mencatat detail transaksi secara otomatis , termasuk waktu , jumlah , dan jenis transaksi . Sistem memiliki fitur donasi . Sistem dapat menghitung total wisatawan perhari

METODE PENELITIAN Diagram Konteks

METODE PENELITIAN DFD LEVEL 1

METODE PENELITIAN DFD LEVEL 2

METODE PENELITIAN BISNIS PROSES 2. Design

METODE PENELITIAN 3. Impelentation M engumpulkan informasi melalui studi literatur dan observasi untuk menentukan fitur utama seperti donasi , pembayaran digital, dan pencatatan transaksi otomatis . Setelah menentukan Analisa kebutuhan maka dapat digambarkan dengan diagram konteks guna menggambaran sistem secara keseluruhan dan interaksinya dengan entitas eksternal . Selanjutnya , dilakukan desain sistem , termasuk pembuatan Proses Sistem yang mengacu pada penjelasan sistematis tentang bagaimana pembayaran dilakukan secara elektronik . Tahap implementasi mencakup pengembangan backend menggunakan framework laravel , pengembangan frontend menggunakan integrasi dengan API pembayaran digital dan layanan gateway pembayaran . 4. Testing Pengujian dalam penelitian ini dilakukan untuk memastikan bahwa sistem donasi digital yang berjalan sesuai dengan kebutuhan dan spesifikasi yang telah dirancang . Metode yang digunakan adalah black box testing , yaitu pengujian yang difokuskan pada fungsi-fungsi utama sistem tanpa melihat struktur internal program. 5. Maintenance Maintenance atau pemeliharaan sistem dilakukan untuk memastikan bahwa sistem tetap berfungsi dengan optimal. Pemeliharaan ini mencakup monitoring performa sistem secara berkala , memperbarui perangkat lunak untuk meningkatkan fitur keamanan , serta menangani laporan bug atau kendala teknis yang mungkin terjadi . Selain itu , dilakukan juga pelatihan terhadap staf pengelola ekowisata untuk memastikan mereka dapat mengoperasikan dan memelihara sistem dengan baik .

HASIL DAN PEMBAHASAN Halaman Fitur Donasi Halaman fitur donasi sukarela dengan nominal yang beragam , mulai dari Rp10.000 hingga Rp200.000, yang dapat dipilih langsung dengan satu klik . Pengguna juga diberi kesempatan menambahkan pesan khusus terkait donasi .

HASIL DAN PEMBAHASAN 2. Halaman Metode Pembayaran Setelah memilih nominal donasi , pengguna diarahkan ke halaman ini untuk menyelesaikan pembayaran . Tertera total harga beserta nomor pesanan (Order ID), dan pengguna diberikan waktu untuk menyelesaikan pembayaran dalam batas waktu tertentu . Metode pembayaran yang tersedia sangat beragam , mulai dari GoPay / GoPay Later dan QRIS, hingga virtual account dari berbagai bank besar seperti BCA, Mandiri , BNI, BRI, dan PermataBank .

HASIL DAN PEMBAHASAN Halaman Konfirmasi Pembayaran Halaman Konfirmasi Pembayaran pada website pembayaran digital Ekowisata Mangrove Surabaya berfungsi sebagai langkah akhir dalam proses transaksi . Setelah pengguna memilih metode pembayaran , sistem akan menampilkan detail pembayaran secara spesifik , termasuk total yang harus dibayarkan , yaitu Rp25.000, dan informasi bank tujuan , dalam hal ini Bank BCA. Pengguna diberikan nomor virtual account unik yang harus digunakan untuk menyelesaikan pembayaran melalui kanal BCA. Terdapat juga batas waktu pembayaran yang ditampilkan sebagai penghitung waktu mundur , memastikan pengguna menyelesaikan transaksi dalam durasi yang ditentukan . Di bagian bawah , tersedia tombol "Check Status" yang memungkinkan pengguna memverifikasi status pembayaran secara real-time setelah melakukan transfer.

HASIL DAN PEMBAHASAN 4. Halaman Status Pembayaran Halaman Status Pembayaran menampilkan konfirmasi akhir bahwa transaksi telah berhasil diselesaikan . Dalam tampilan ini , pengguna disambut dengan pesan “ Payment Successful ” yang ditampilkan secara jelas dan meyakinkan , disertai dengan nominal pembayaran yang telah dilakukan serta Order ID sebagai bukti unik dari transaksi tersebut . Informasi ini memberikan jaminan bahwa proses pembayaran telah tercatat secara resmi dalam sistem . Selain itu , terdapat fitur hitung mundur otomatis untuk menutup halaman secara instan setelah beberapa detik , memberikan kesan efisiensi dan kenyamanan . Tombol "OK" juga disediakan untuk menutup halaman secara manual.

HASIL DAN PEMBAHASAN 5. Halaman Daftar Donasi Halaman Daftar Donasi menyajikan data rekapitulasi seluruh aktivitas donasi yang dilakukan oleh pengguna selama periode tertentu . Di bagian atas halaman , admin dapat melihat total nominal donasi yang telah terkumpul serta jumlah individu yang berkontribusi sebagai pendonas . Tersedia juga fitur filter berdasarkan bulan dan tahun , memungkinkan admin untuk menyaring data sesuai periode evaluasi . Tabel daftar donasi di bagian bawah menampilkan informasi secara rinci seperti nomor urut , Order ID, nama pengguna , jumlah donasi , pesan donasi ( jika ada ), serta tanggal transaksi

KESIMPULAN Penelitian ini menunjukkan bahwa penerapan sistem donasi digital di Ekowisata Mangrove Wonorejo Surabaya mampu memberikan solusi terhadap tantangan keterbatasan dana operasional kawasan . Sistem yang dirancang berbasis website dan terintegrasi dengan payment gateway mempermudah pengunjung dalam melakukan donasi secara non- tunai , seperti melalui QRIS dan e-wallet. Selain meningkatkan kenyamanan dan partisipasi pengunjung , sistem ini juga efisiensi pencatatan transaksi secara otomatis . Pengujian menunjukkan seluruh fitur utama berfungsi dengan baik sesuai kebutuhan pengguna dan admin. Dengan demikian , sistem donasi digital ini tidak hanya mendukung keberlanjutan kegiatan konservasi , tetapi juga sejalan dengan perkembangan teknologi dan kebiasaan transaksi masyarakat saat ini .