SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK

FUND CARE : PENGGALANGAN DANA ONLINE

Disusun oleh:
Dani Sefianto 21060120120024
Kahale Maharani 21060120130101
Zahir Haidar Nafis 21060120140105

DEPARTEMEN TEKNIK ELEKTRO

FAKULTAS TEKNIK
UNIVERSITAS DIPONEGORO
SEMARANG
MARET 2023
 Daftar Isi

Daftar Isi...................................................................................................................i
Daftar Gambar.........................................................................................................ii
Daftar Tabel............................................................................................................iii
BAB I PENDAHULUAN........................................................................................1
1.1 Tema Proyek...................................................................................1
1.2 Gambaran Umum Proyek...............................................................1
1.3 Tujuan.............................................................................................1
1.4 Hasil Proyek...................................................................................2
1.5 Batasan Proyek...............................................................................2
1.6 Daftar Definisi................................................................................3
BAB II ANALISIS RANCANGAN DESAIN.......................................................5
2.1 Competitive Audit...........................................................................5
2.2 Storyboard......................................................................................7
BAB III DESAIN APLIKASI.................................................................................9
3.1 Wireframe.......................................................................................9
BAB IV KESIMPULAN......................................................................................28
Lampiran................................................................................................................29

i
 Daftar Gambar

Gambar 1.1 Logo Aplikasi

Gambar 2. 1 Table Competitive.............................................................................5
Gambar 2.2 Storyboard Close Up Aplikasi Fund Care........................................7
Gambar 2.3 Storyboard Big Picture Aplikasi Fund Care.....................................8

Gambar 3.1 Wireframe Halaman Login 9

Gambar 3.2 Wireframe Menu Registrasi..............................................................10
Gambar 3. 3 Wireframe Opsi Halaman................................................................11
Gambar 3.4 Wireframe Beranda...........................................................................12
Gambar 3.5 Wireframe Profil Akun User............................................................13
Gambar 3.6 Wireframe Post Donasi.....................................................................14
Gambar 3.7 Wireframe Laporan penggalangan dana...........................................15
Gambar 3.8 Wireframe Transaksi Donasi (dompet)............................................16
Gambar 3.9 Wireframe Transaksi Donasi............................................................17
Gambar 3.10 Wireframe Proses Donasi...............................................................18
Gambar 3.11 Wireframe Donasi berhasil.............................................................19
Gambar 3.12 Wireframe Formulir Galang Dana..................................................20
Gambar 3.13 Wireframe Formulir Galang Dana..................................................21
Gambar 3.14 Wireframe Formulir Selesai...........................................................22
Gambar 3.15 Wireframe Proses verifikasi admin................................................23
Gambar 3.16 Wireframe Proses verifikasi admin berhasil...................................24
Gambar 3.17 Wireframe Proses Postingan...........................................................25
Gambar 3.18 Wireframe Pengajuan selesai..........................................................26
Gambar 3.19 Wireframe Metode Pembayaran.....................................................27

ii
 Daftar Tabel

Table 1.1 Istilan dan Makna dalam Aplikasi

iii
 BAB I
PENDAHULUAN

1.1 Tema Proyek

Economic and social resilience (fundraising)
1.2 Gambaran Umum Proyek

Gambar 1.1 Logo Aplikasi

FUND CARE Application adalah aplikasi yang memungkinkan

menggalang dana dan berdonasi secara online dengan mudah. Aplikasi ini
membantu pengguna untuk mengumpulkan dana secara cepat, efektif dan
transparan. Dengan demikian, kami berharap aplikasi ini akan membantu
kelompok dan individu yang membutuhkan bantuan keuangan.
Fungsi utama dari aplikasi ini adalah untuk memungkinkan pengguna
melakukan donasi dan penggalangan dana. Aplikasi ini juga akan mencakup
fungsi pelaporan penggunaan dana bagi donor untuk memantau secara transparan.
Aplikasi ini memiliki dua tujuan yaitu, pengguna yang ingin menggalang
dana dan pengguna yang ingin berdonasi. Pengguna yang ingin menggalang dana
harus mengirimkan formulir terlebih dahulu. Selain itu, Manajemen akan
melakukan penyelidikan untuk memverifikasi keakuratan dan kelengkapan
identitas dan persyaratan pendanaan Anda.
1.3 Tujuan
A. Menyiapkan aplikasi prototype yang sesuai terhadap kebutuhan user
requirement

1
 B. Menciptakan aplikasi fundraising yg inovatif, kreatif dan user-
friendly
C. Melaksankan tugas dalam mata kuliah Prak. Rekayasa Perangkat
Lunak

1.4 Hasil Proyek

Berikut beberapa fitur yang terdapat dalam Fund Care Application:
1. Prototype design aplikasi
2. User Guide
3. Dokumen deskripsi software
4. Spesifikasi Kebutuhan Pengguna
5. Diagram UML dan flowchart
6. Source code

1.5 Batasan Proyek

Beberapa batasan proyek yang terdapat dalam Fund Care App:
1. Apilkasi berfokus pada fundraisimg sehingga user secara pribadi
hanya dapat terlibat sebagai donatur namun jika atas nama suatu
organisasi/perusahaan bisa untuk mengajukan diri sebagai target
donasi
2. Aplikasi dapat diakses dengan sistem operasi android dan ios
3. Transparansi dana hanya sekedar meliputi pemasukan serta
pengeluaran dana dengan atas nama ataupun anonymous donatur,
namun user tidak dapat melihat semua sumber dana dari organisasi
tersebut
4. Waktu pendonasian akan terbatas sesuai kebijakan target
organisasi, jika tidak menanggapi donasi selama beberapa hari,
maka sistem akan refund dana terhadap donatur
5. Organisasi yang didaftarkan sebagai target donasi, harus memenuhi
bebearapa peraturan yang tercantum dalam syarat registrasi

2
 6. Payment dana hanya bisa melalui beberapa bank account atau e-
wallet yang telah bekerjasama dengan aplikasi
7. Dana yang telah didonasikan dan telah menerima notifikasi
accepted dari target donasi, maka dana tidak bisa dikembalikan lagi
8. Segala tindak kejahatan atau penipuan, pihak fundcare memiliki
kewenangan untuk blok akun tersebut dan membawanya kedalam
delik pidana

1.6 Daftar Definisi

Table 1.1 Istilan dan Makna dalam Aplikasi

No. Istilah Arti

1. Fund raising Upaya untuk mengumpulkan dana dari
berbagai sumber, seperti individu,
perusahaan, atau organisasi, untuk
mendukung suatu tujuan atau kegiatan
tertentu

2. Integrasi API Konektivitas antara aplikasi dengan

platform atau layanan pihak ketiga yang
dapat meningkatkan fungsi aplikasi, seperti
integrasi dengan media sosial atau sistem
pengiriman email.
3. Crowd funding Penggalangan dana melalui sumbangan dari
banyak individu atau kelompok untuk tujuan
tertentu, biasanya dilakukan melalui
platform online.
4. Bahasa Bahasa pemrograman open-source secara
Pemrograman luas untuk pengembangan aplikasi web.
PHP PHP merupakan kepanjangan dari "PHP:
Hypertext Preprocessor" dan digunakan
untuk menghasilkan halaman web dinamis.
5. Database Aplikasi web open-source untuk mengelola

3
 PHPMyAdmin basis data MySQL. PHPMyAdmin
menyediakan antarmuka pengguna grafis
untuk memudahkan pengguna dalam
membuat, mengubah, dan menghapus tabel
serta data dalam basis data MySQL.
6. UX/UI Singkatan dari User Experience dan User
Interface. UX merujuk pada pengalaman
pengguna saat menggunakan suatu produk
atau layanan, sedangkan UI merujuk pada
antarmuka pengguna yang digunakan untuk
berinteraksi dengan produk atau layanan
tersebut. Kedua aspek ini sangat penting
dalam pengembangan produk digital agar
dapat memberikan pengalaman pengguna
yang baik.
7. Figma Alat desain grafis kolaboratif yang
digunakan untuk membuat tampilan
antarmuka pengguna (UI) untuk aplikasi
web dan mobile. Figma memungkinkan
desainer untuk bekerja secara bersama-sama
dalam waktu nyata, membuat prototipe, dan
memberikan umpan balik untuk
menghasilkan desain yang lebih baik dan
lebih efisien.

4
 BAB II
ANALISIS RANCANGAN DESAIN

2.1 Competitive Audit

Gambar 2. 1 Table Competitive

Berdasarkan analisa yang telah dilakukan, terdapat berbagai kompetitor

yang menjadi salah satu ancaman terhadap keberlangsungan aplikasi FUND
CARE, akan tetapi aplikasi kompetitor tersebut memiliki beberapa keunggulan,
serta kelemahan yang mana diharapkan dengan menganalisa kelebihan serta
kekurangan kompetitor tersebut mampu membuat FUND CARE bersaing menjadi
yang terdepan atau leader. Analisa setiap kompetitornya adalah sebagai berikut:
Kompetitor pertama adalah dengan produk Kitabisa, yang mana produk
tersebut merupakan kompetitor langsung yang menawarkan produk aplikasi
Fund-Care dengan banyaknya rating serta total pengguna yang sudah lebih dari 3
juta pengguna. Lalu produk tersebut menawarkan unique value proposition berupa
brand yang kuat, serta kelebihan lainnya adalah pada kesan pertama yang
menawarkan banyak sekali interaksi, dengan banyak sekali fitur, yang mana fitur
tersebut mudah diakses dari menu utama, dan memiliki navigasi yang intuitif.
Lalu berdasarkan aspek brand identity memiliki kelebihan berupa brand identity
yang kuat dengan gaya bahasa yang sangat mudah dipahami dan formal. Lalu
terdapat kekurangan, yang mana antara lain Kitabisa memiliki Biaya transaksi
tinggi Kitabisa membebankan biaya transaksi yang relatif tinggi sebesar 2,5% per
donasi, yang membuatnya kurang menarik untuk donasi kecil atau kampanye
penggalangan dana lalu Kitabisa juga hanya melayani Opsi pembayaran terbatas
Kitabisa saat ini hanya mendukung opsi pembayaran dalam jumlah terbatas,
seperti kartu kredit, transfer bank, dan e-wallet. Ini mungkin mengecualikan
beberapa calon donatur yang lebih memilih metode pembayaran lain.

5
 Lalu untuk kompetitor kedua adalah produk bernama Rumah Zakat, yang
mana produk ini merupakan kompetitor berjenis langsung dengan produk yang
ditawarkan adalah aplikasi fund-care, Lalu terdapat kelebihan daripada brand
Rumah Zakat tersebut, yang mana pada kesan pertama aplikasi tersebut Platform
yang mudah digunakan: Situs web dan aplikasi seluler Rumah Zakat ramah
pengguna dan mudah dinavigasi. Platform ini memungkinkan organisasi dan
sukarelawan untuk terhubung dengan mudah dan berkomunikasi satu sama lain.
Jaringan relawan yang besar Rumah Zakat memiliki komunitas relawan yang
besar dari seluruh Indonesia, sehingga lebih mudah menemukan relawan untuk
berbagai tujuan dan proyek. sangat jelas membuat Rumah Zakat menjadi salah
satu kompetitor terkuat, akan tetapi hal tersebut tidak menjadikan produk Rumah
Zakat tidak memiliki kelemahan, kelemahan daripada produk Rumah Zakat
sendiri antara lain adalah, Jangkauan geografis yang terbatas Meskipun Rumah
Zakat memiliki komunitas sukarelawan yang besar di Indonesia, Rumah Zakat
mungkin tidak dapat diakses atau berguna bagi orang di luar Indonesia yang ingin
menjadi sukarelawan untuk tujuan atau proyek di Indonesia. Lalu Dukungan
terbatas untuk kesukarelawanan jarak jauh: Rumah Zakat berfokus pada peluang
kesukarelawanan tatap muka, yang mungkin membatasi aksesibilitasnya bagi
orang-orang yang lebih suka menjadi sukarelawan jarak jauh atau dari rumah.
Lalu kelemahan berikutnya adalah Dukungan bahasa yang terbatas: Platform ini
terutama tersedia dalam bahasa Indonesia, yang mungkin membatasi
aksesibilitasnya untuk sukarelawan yang tidak berbahasa Indonesia
Kompetitor tidak langsung yang pertama adalah Shoope. Aplikasi
Marketplace jebolan singapura ini memang sudah tidak asing lagi memiliki ragam
fitur, salah satunya yang berkaitan dengan fundraising adalah Shoope Barokah.
Fitur Shoope Barokah memang bertemakan religious yang sangat tepak
dikarenakan mayoritas negara Indonesia adalah islam. Didalam fitur Shoope
Barokah salah satunya terdapat fitur ZISWAF (Zakat, Infaq, Shadaqah, Wakaf)
yang telah bersinergi dengan lembaga Rumah Yatim, BAZNAS, NU CARE-
LAZISNU, Rumah Zakat, dan lain-lain. Secara terminologi, memang seperti
berbeda antara ZISWAF dengan fundraising, namun secara makna dua fitur
tersebut memiliki fungsi yang sama. Dengan memanfaatkan mayoritas penduduk

6
Indonesia fitur ZISWAF memiliki peminat yang sangat banyak karena
meanfaatkan donasi yang fleksibel dari waktu serta efisian dari teknis. Padaha jika
dilihat dari secara keseluruhan aplikasi Shoope bukanlah aplikasi dengan fitur
utama fundraising, namun penempatan fitur ZISWAF sangatlah efektif karena
pembayaran dompet Shoope yaitu Shoopepay memiliki brandin yang tepat dan
menyeluruh sehingga Shoope dengan fitur ZISWAF harus diperhitungkan
sebagai Kompetitor juga.
Kompetitor tidak langsung kedua adalah DANA. Aplikasi e-wallet asal
Indonesia ini memiliki fitur charity dalam salah satu fungsinya. Dana dalam fitur
charity bersinergis secara langsung dengan dua lembaga charity terkenal di
Indonesia yaitu KitaBisa dan Rumah Zakat. Dana yang memiliki pengguna sangat
banyak di Indonesia menjadikan fitur charity sangat efektif karena tidak perlu
mengunduh aplikasi pihak ketiga melainkan cukup satu aplikasi Dana. Fitur
Charity di dana menjadi efektif juga dikarenakan fungsi Dana sebagai e-wallet
yaitu pengguna dalam mayoritas ketika membuat akun pasti juga memiliki saldo
di dana sehingga menjadika fitur charity di Dana sangat efektif karena pengguna
akan merasakan dunia digitalisasi yang mempermudah Donasinya secara virtual
tapi dengan target dengan yang tepat karena sinergis dengan lembaga charity yang
terverifikasi.

7
2.2 Storyboard

Gambar 2.2 Storyboard Close Up Aplikasi Fund Care

Berdasarkan Gambar 2.1 diatas, dapat terlihat bahwasannya storyboard

yang digunakan adalah bertipe Close Up, yang mana terlihat pula bahwasannya
jalan cerita daripada gambar tersebut diawali dengan seseorang yang mengunduh
di Platform Play Store, setelah itu pengguna mengisi username dan password
untuk login ke akun pengguna, lalu setelah berhasil login pengguna bisa memilih
melakukan donasi atau membuka penggalangan dana, setelah itu pengguna ingin
menggalang dana dan diminta untuk mengisi formular penggalangan dana, setelah
terverifikasi admin dari aplikasi Fund Care akan menampilkan post donasi, lalu
yang terakhir jika ada pengguna yang ingin berdonasi bisa menentukan jumlah
donasi melalui metode pembayaran yang sudah di sediakan

8
 Gambar 2.3 Storyboard Big Picture Aplikasi Fund Care

Berdasarkan Gambar 2.2 diatas, dapat terlihat bahwasannya storyboard yang

digunakan adalah bertipe Big Picture, yang mana terlihat untuk jalan cerita dari gambar
di atas diawali dengan seorang ibu yang tidak memiliki cukup uang untuk biaya
pengobatan anaknya, lalu setelah itu Ibu tersebut mengisi formulir untuk membuka
penggalangan dana di aplikasi Fund Care, lalu setelah terverifikasi admin, penggalangan
dana tersebut akan di posting dan pengguna lain bisa melihat postingan tersebut untuk
melakukan donasi, setelah itu Ibu menerima uang donasi secara berangsur dan Ibu
membayar biaya ke rumah sakit, setelah membayar ke rumah sakit, Ibu mengisi laporan
pengeluaran di aplikasi Fund Care, dan setelah itu sang anak dapat melanjutkan
perawatan di rumah sakit.

9
 BAB III
DESAIN APLIKASI

3.1 Wireframe
3.1.1. Halaman Login

Gambar 3.1 Wireframe Halaman Login

Berdasarkan Gambar 3.1 dapat terlihat logo Fund Care. Hal tersebut bertujuan
untuk memberikan kesan tegas aplikasi yang digunakan adalah aplikasi Fund Care.
Terdapat 2 kolom, yaitu input untuk memasukkan username dan password. Selain itu,
dibawahnya merupakan tombol login yang bertujuan membawa user untuk menggunakan
fitur dari aplikasi Fund Care.

10
3.1.2. Menu Registrasi

Gambar 3.2 Wireframe Menu Registrasi

Berdasarkan Gambar 3.2 diatas, dapat terlihat bahwasannya wireframe Menu

pendaftaran di aplikasi Fund Care berfungsi untuk memungkinkan pengguna membuat
data diri atau profil, dan untuk Menyimpan preferensi user, user juga dapat memilih
pengaturan dan preferensi pemberitahuan yang diinginkan selama proses pendaftaran.
Preferensi ini akan disimpan di profil pengguna mereka dan dapat diubah kapan saja.
Fitur tersebut juga berguna untuk memberikan keamanan, pendaftaran membantu
memastikan keamanan informasi user dan melindungi dari akses tidak sah ke situs
aplikasi.

3.1.3. Opsi Halaman

11
 Gambar 3. 3 Wireframe Opsi Halaman

Berdasarkan Gambar 3.3 diatas, dapat terlihat bahwasannya wireframe akan

memiliki 2 pilihan user ingin donasi atau melakukan penggalangan dana. Terdapat 2 fitur
utama yatu donasi dan penggalangan dana. User jika sudah mendaftar berhak untuk
menggunakan 2 fitur ini, jika sebagai donatur memilih fitur donasi dan jika sebagai
penggalang dana memilih fitur penggalangan dana.

3.1.4. Beranda

12
 Gambar 3.4 Wireframe Beranda

Berdasarkan Gambar 3.4 diatas, dapat terlihat bahwasannya wireframe memiliki

header yang berisi judul dari fitur yang ingin digunakan oleh user, halaman pertama atau
utama pada sebuah aplikasi yang menampilkan informasi yang relevan dengan tujuan dari
aplikasi tersebut. Beranda berfungsi sebagai pintu gerbang utama yang memungkinkan
pengguna untuk menavigasi ke halaman-halaman lain pada aplikasi Fund Care.

13
3.1.5. Profil Akun User

Gambar 3.5 Wireframe Profil Akun User

Berdasarkan Gambar 3.5 diatas, dapat terlihat bahwasannya wireframe diatas

terdiri dari profil akun user yang berisi informasi dari user tersebut. Halaman ini bisa di
akses Ketika user sudah melengkapi data diri yang sudah diisi.

3.1.6. Post Donasi

Gambar 3.6 Wireframe Post Donasi

14
 Berdasarkan Gambar 3.6 diatas, dapat terlihat bahwasannya terdapat header yang
berisi mengenai judul dari fitur tersebut. setelah itu Halaman post donasi ini berisi
informasi tentang tujuan penggalangan dana, jumlah yang dibutuhkan, waktu yang tersisa
untuk mengumpulkan dana, dan cara untuk berdonasi. Informasi tentang tujuan
penggalangan dana dapat berupa foto, video, atau narasi tentang kebutuhan yang
dihadapi. Halaman post donasi juga dapat menyediakan informasi tentang organisasi atau
individu yang mengadakan penggalangan dana dan kredibilitas mereka

3.1.7. Laporan Penggalangan Dana

Gambar 3.7 Wireframe Laporan penggalangan dana

Berdasarkan gambar 3.7 diatas, Laporan ini berisi informasi tentang jumlah
donasi yang terkumpul, penggunaan dana, serta efektivitas dan efisiensi pengelolaan
penggalangan dana. Laporan penggalangan dana juga dapat digunakan sebagai alat untuk
memperlihatkan kepada donatur lainnya dalam mengelola penggalangan dana.

15
3.1.8. Transaksi Donasi (Dompet)

Gambar 3.8 Wireframe Transaksi Donasi (dompet)

Berdasarkan gambar 3.8, Page post donasi adalah halaman atau postingan pada
aplikasi yang dirancang untuk mengumpulkan sumbangan atau donasi dari pengguna.
Halaman post donasi biasanya dibuat oleh organisasi nirlaba atau individu yang
membutuhkan dukungan finansial untuk kegiatan atau proyek tertentu. Fund Care
memberikan fitur pembayaran untuk berdonasi biasanya terdiri dari beberapa pilihan,
seperti transfer bank, kartu kredit, atau dompet digital. Beberapa platform donasi bahkan
menyediakan opsi berdonasi dengan menggunakan mata uang kripto. Selain itu, halaman
post donasi biasanya menyertakan informasi tentang kemajuan penggalangan dana,
jumlah donasi yang terkumpul, serta nama dan komentar dari para pendukung.

16
3.1.9. Transksi Donasi (Transfer Bank)

Gambar 3.9 Wireframe Transaksi Donasi

Berdasarkan Gambar 3.9, Page untuk melakukan transaksi yaitu donasi.

Didalam page tersebut terlihat ketika user sudah memilih transaksi menggunakan
suatu lembaga Bank, lalu akan terkirimkan nomor virtual account untuk user
melakukan transaksi dalam akun rekening pengguna.

3.1.10. Proses Donasi

Gambar 3.10 Wireframe Proses Donasi

17
 Berdasarkan gambar 3.9, terlihat bahwa diatas merupakan proses donasi untuk
sampai ke penggalang dana. Pada proses donasi hanya terdapat satu tombol untuk
pengguna jika ingin melalkukan cancel terhadap proses donasi yang sedang berlangsung.

3.1.11. Donasi Berhasil

Gambar 3.11 Wireframe Donasi berhasil

Berdasarkan gambar 3.10, proses donasi berhasil apabila sudah muncul seperti
gambar diatas. Pada page Donasi Berhasil hanya terdapat satu tombol untuk pengguna
yaitu tombol selanjutnya untuk kembali ke halaman beranda aplikasi Fund Care.

3.1.12. Formulir Galang Dana

Gambar 3.12 Wireframe Formulir Galang Dana

18
 Berdasarkan gambar 3.11, Formulir galang dana adalah formulir atau aplikasi
yang digunakan oleh organisasi nirlaba atau individu untuk memberi informasi pribadi
mereka.

3.1.13. Formulir Judul Galang Dana

Gambar 3.13 Wireframe Formulir Galang Dana

Formulir galang dana adalah formulir yang digunakan oleh organisasi nirlaba
atau individu untuk mengumpulkan informasi dari para pendukung dan pendonasi yang
ingin memberikan kontribusi atau sumbangan. Formulir ini berisi informasi tentang judul,
tujuan penggalangan dana, jumlah yang dibutuhkan, target waktu terkumpul dan deskripsi
penggalangan dana.

19
3.1.14. Formulir Selesai

Gambar 3.14 Wireframe Formulir Selesai

Berdasarkan gambar 3.12, setelah mengisi formular penggalangan dana maka

akan muncul tampilan seperti gambar diatas. Pada page Formulir Selesai terdapat 2
tombol yaitu lanjutkan dan kembali. Pengguna jika mengklik lanjutkan maka akan ke
halaman post selanjutnya dan jika mengklik tombol kembali maka formulir terlebih dulu
akan disimpan pada draft.

3.1.15. Proses Verifikasi Admin

Gambar 3.15 Wireframe Proses verifikasi admin

20
 Proses verifikasi ini dilakukan untuk mencegah terjadinya penyalahgunaan atau
tindakan tidak sah oleh pengguna yang tidak memiliki kualifikasi atau kepercayaan untuk
memegang peran sebagai admin. Dalam banyak kasus, admin memiliki akses dan
wewenang untuk melakukan tindakan tertentu yang tidak dapat dilakukan oleh pengguna
biasa, seperti mengelola konten, mengubah pengaturan, dan memproses transaksi.

3.1.16. Verifikasi Berhasil

Gambar 3.16 Wireframe Proses verifikasi admin berhasil

Berdasarkan gambar 3.15, setelah admin melakukan tinjauan verifikasi dan

berhasil di verifikasi maka akan muncul tampilan tersebut di aplikasi Fund Care. Pada
page Verifikasi Berhasil hanya terdapat satu tombol untuk pengguna yaitu tombol
selanjutnya untuk kembali ke halaman beranda aplikasi Fund Care.

21
3.1.17. Proses Post

Gambar 3.17 Wireframe Proses Postingan

Berdasarkan gambar 3.16, tampilan tersebut merupakan postingan yang sedang di

proses agar pengguna lain bisa melihatnya di beranda. Page Post Dalam Proses hanya
memiliki satu tombol yaitu next. Tombol next tidak akan keluar sebelum proses post
berhasil.

3.1.18. Pengajuan Selesai

Gambar 3.18 Wireframe Pengajuan selesai

22
 Berdasarkan gambar 3.17, tampilan tersebut menunjukan bahwa penggalangan
dana sudah bisa di akses di aplikasi Fund Care. Tombol next yang sebelumnya berbayang
sudah bisa ditekan pada tahap ini untuk user kembali di halaman beranda aplikasi Fund
Care.

3.1.19. Metode Pembayaran

Gambar 3.19 Wireframe Metode Pembayaran

Berdasarkan Gambar 3.19, page tersebut merupakaan alternative pembayaran

melalui lembaga atau perusaaah keuangaan yang berkerjasama dengan Fund Care.
Pada page tersebut dapat dilihat pembayaran bukan hanya dapat dilakukan dengan
Bank konvensioanl tapi juga bisa melalui dompet digital.

23
 BAB IV
KESIMPULAN
Dalam proposal sepsifikasi perangkat lunak FUND CARE ini didapatkan
kesimpulan seperti berikut.
1. FUND CARE adalah aplikasi yang dikembangakan untuk membantu
pengguna dalam berdonasi dan membuka penggalangan dana secara online
2. Aplikasi FUND CARE dirancang untuk meberikan fitur seperti payment
gateway dan laporan pengeluaran dana untuk meningkatkan kepercayaan
pengguna terhadap badan penyelenggara penggalangan dana.
3. Perancangan aplikasi FUND CARE menggunakan perancangan desain
yang bertahap seperti dimulai dengan wireframe desain
4. Perancangan desain wireframe, hanya menggunakan software Figma
5. Dalam perancangan wireframe, perancangan dibuat mendekati projek
rencana yang telah dibuat dan akan dikembangkan menjadi kerangka
desain yang lebih matang (prototype)
6. Dalam Menu yang tela dibuat dalam perancangan wireframe, Fund Care
memiliki 2 fitur utama yaitu donasi dan penggalangan dana
7. Fitur donasi dalam desain wireframe relative sederhana disbanding dengan
donasi, karena verifikasi untuk penggalangan dana dibuat cukup teliti
untuk menjaga kebijakan penggunaan fitur penggalangan dana
8. Perancangan desain wireframe pada aplikasi Fund Care berjumlah 19
page untuk bisa mewakilkan segala fitur, proses dan administrasi untuk
proses perancangan prototype yang lebih matang.

24
 Lampiran
[1] Pembuatan wireframe
Figma Fund care

[2] Table Competitive Audit

https://shorturl.at/ktBPV

25