Transcript
Page 1: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

LAPORAN TUGAS AKHIR

RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING

BERBASIS WEB

Tugas Akhir

Disusun untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya

pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret

Disusun oleh :

MUHAMAD NUR HUDA

M3116044

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2019

Page 2: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

ii

Page 3: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

iii

Page 4: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

iv

HALAMAN PERNYATAAN

Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak

terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu

Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau

pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali secara

tertulis diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka.

Surakarta,......................2019

MUHAMAD NUR HUDA

M3116044

Page 5: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

v

MOTTO

“Sesuatu akan terlihat rumit jika hanya dipikirkan, awali dengan doa, bekerja

dengan ikhlas dan tidak perlu mengkhawatirkan hasilnya” – Huda

Page 6: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

vi

KATA PENGANTAR

Segala puji syukur kehadirat Allah SWT yang telah melimpahkan seluruh rahmat

serta hidayah-Nya penulis diberikan kelancaran dan kemudahan dan mampu

menyelesaikan Laporan Tugas Akhir dengan judul “RANCANG BANGUN

APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB” tepat pada

waktunya. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat

dalam memperoleh gelar Amd.) pada Program Studi Diploma III Teknik

Informatika Universitas Sebelas Maret.

Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini

penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak.

Penulis mengucapkan terima kasih yang tak terhingga kepada:

1. Ibu Hartatik., S.Si., M.Si. selaku Ketua Program Studi Diploma III

Teknik Informatika Universitas Sebelas Maret yang memberikan izin

kepada penulis untuk belajar.

2. Bapak Yudho Yudhanto, S.Kom., M.Kom selaku dosen pembimbing

yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan

bimbingan terbaik kepada penulis.

3. Para Dosen Program Studi Diploma III Teknik Informatika Universitas

Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.

Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih

jauh dari sempurna.Untuk itu, semua jenis saran, kritik dan masukan yang bersifat

membangun sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat

memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan

khususnya bagi penulis sendiri.

Surakarta,

Penulis

Page 7: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

vii

HALAMAN PERSEMBAHAN

Bismillahirrohmanirrohim

Dengan Rahmat Allah yang Maha Pengasih Lagi Maha Penyayang

Dengan ini saya persembahkan karya ini untuk:

1. Ketua Program Studi Diploma III Teknik Informatika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret

Surakarta, Ibu Hartatik., S.Si., M.Si.

2. Dosen/Staff Pengajar DIII Teknik Informatika UNS khususnya Bapak

Yudho Yudhanto, S.Kom., M.Kom, yang telah memberikan semangat,

ilmu, dukungan, dan bimbingan kepada penulis.

3. Keluarga penulis yang telah mendoakan, memberikan motivasi, dan

menemani suka dan duka selama pengerjaan tugas akhir ini.

4. Teman-teman D3 Teknik Informatika angkatan 2016 khususnya kelas TI

B, yang telah memberi dukungan penulis untuk menyelesaikan karya ini.

5. Seluruh teman penulis yang sudah mendukung dan memberikan semangat

untuk penulis menyelesaikan karya ini.

Penulis berharap Laporan Tugas Akhir ini dapat memberikan manfaat kepada

pembaca.

Surakarta, 1 Mei 2019

Penulis,

Muhamad Nur Huda

NIM. M3116044

Page 8: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

viii

DAFTAR ISI

HALAMAN PERSETUJUAN ............................... Error! Bookmark not defined.

HALAMAN PENGESAHAN ................................ Error! Bookmark not defined.

HALAMAN PERNYATAAN ............................................................................... iv

MOTTO .................................................................................................................. v

KATA PENGANTAR ........................................................................................... vi

HALAMAN PERSEMBAHAN ........................................................................... vii

DAFTAR ISI ........................................................................................................ viii

DAFTAR TABEL ................................................................................................. xv

DAFTAR GAMBAR .......................................................................................... xvii

INTISARI ............................................................................................................. xix

ABSTRACT .......................................................................................................... xx

PENDAHULUAN .................................................................................................. 1

1.1. Latar Belakang ........................................................................................ 1

1.2. Perumusan Masalah ................................................................................ 2

1.3. Batasan Masalah...................................................................................... 2

1.4. Tujuan Penelitian .................................................................................... 3

1.5. Manfaat Kegiatan .................................................................................... 3

1.6. Metodologi penelitian ............................................................................. 3

1.7. Sistematika Penulisan ............................................................................. 4

LANDASAN TEORI .............................................................................................. 6

2.1. Tinjauan Pustaka .................................................................................. 6

2.2. Landasan Teori ..................................................................................... 8

2.2.1. Sistem Informasi ............................................................................... 8

2.2.1.1. Sistem......................................................................................... 8

2.2.1.2. Informasi .................................................................................... 9

2.2.1.3. Sistem Informasi ........................................................................ 9

2.2.1.4. Data ............................................................................................ 9

2.2.1.5. Basis Data .................................................................................. 9

Page 9: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

ix

2.2.2. Perancangan .................................................................................... 10

2.2.2.1. Unified Modelling Language (UML) ...................................... 10

2.2.2.2. Usecase Diagram ..................................................................... 10

2.2.2.3. Class Diagram ......................................................................... 12

2.2.2.4. Entity Relationship Diagram (ERD)........................................ 13

2.2.3. Perangkat Lunak.............................................................................. 14

2.2.3.1. PHP (Hypertext Preprocessor) ................................................ 15

2.2.3.2. PHP MyAdmin ......................................................................... 15

2.2.3.3. MySQL ..................................................................................... 16

2.2.3.4. CodeIgniter .............................................................................. 17

2.2.3.5. Model View Control (MVC) .................................................... 17

2.2.3.6. Balsamiq Mockup .................................................................... 19

2.2.3.7. Javascript ................................................................................. 19

2.2.4. Pengujian ......................................................................................... 20

2.2.4.1. Blackbox .................................................................................. 20

2.2.4.2. Whitebox .................................................................................. 20

2.2.5. Teori Khusus ................................................................................... 21

2.2.5.1. Corwdfunding .......................................................................... 21

2.2.5.2. Zakat ........................................................................................ 22

2.2.5.3. Zakat Profesi ............................................................................ 22

ANALISIS DAN PERANCANGAN SISTEM .................................................... 23

3.1. Proses Bisnis Sistem ............................................................................. 23

3.2. Analisa Kebutuhan Sistem .................................................................... 24

3.2.1. Kebutuhan Perangkat Lunak ........................................................... 24

3.2.2. Kebutuhan Perangkat Keras ............................................................ 25

3.2.3. Kebutuhan Fungsional Sistem ........................................................ 25

3.2.4. Kebutuhan non-Fungsional Sistem ................................................. 28

3.3. Perancangan Aplikasi ............................................................................ 28

3.3.1. UseCase Diagram ........................................................................... 29

3.3.2. Skenario Usecase ............................................................................ 31

3.3.2.1. Skenario Usecase Menampilkan Data Kategori ...................... 31

3.3.2.2. Skenario Usecase Menampilkan Data Bank ............................ 31

Page 10: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

x

3.3.2.3. Skenario Usecase Menampilkan Data Admin ......................... 31

3.3.2.4. Skenario Usecase Menampilkan Data User ............................ 32

3.3.2.5. Skenario Usecase Menampilkan Data Dompet ....................... 32

3.3.2.6. Skenario Usecase Menampilkan Data Riwayat Dompet ......... 32

3.3.2.7. Skenario Usecase Menampilkan Data Campaign ................... 33

3.3.2.8. Skenario Usecase Menampilkan Data Berita Campaign ......... 33

3.3.2.9. Skenario Usecase Menampilkan Data Donasi ......................... 34

3.3.2.10. Skenario Usecase Menampilkan Data Pencairan Dana........... 34

3.3.2.11. Skenario Usecase Menambah Data Admin ............................. 34

3.3.2.12. Skenario Usecase Menambah Data User ................................ 35

3.3.2.13. Skenario Usecase Menambah Data Bank................................ 35

3.3.2.14. Skenario Usecase Menambah Data Dompet ........................... 36

3.3.2.15. Skenario Usecase Menambah Data Kategori .......................... 37

3.3.2.16. Skenario Usecase Menambah Data Campaign ....................... 37

3.3.2.17. Skenario Usecase Menambah Data Donasi ............................. 38

3.3.2.18. Skenario Usecase Menambah Data Riwayat Dompet ............. 38

3.3.2.19. Skenario Usecase Menambah Data Pencairan Dana ............... 39

3.3.2.20. Skenario Usecase Menambah Data Berita Campaign............. 39

3.3.2.21. Skenario Usecase Mengubah Data Admin .............................. 40

3.3.2.22. Skenario Usecase Mengubah Data User ................................. 41

3.3.2.23. Skenario Usecase Mengubah Data Campaign ........................ 41

3.3.2.24. Skenario Usecase Mengubah Data Bank ................................ 42

3.3.2.25. Skenario Usecase Mengubah Data Kategori ........................... 43

3.3.2.26. Skenario Usecase Mengubah Data Dompet ............................ 44

3.3.2.27. Skenario Usecase Mengubah Data Donasi ............................. 44

3.3.2.28. Skenario Usecase Mengubah Data Pencairan Dana ................ 45

3.3.2.29. Skenario Usecase Mengubah Data Riwayat Dompet .............. 46

3.3.2.30. Skenario Usecase Mengubah Data Berita Campaign ............. 47

3.3.2.31. Skenario Usecase Menghapus Data Admin ............................ 47

3.3.2.32. Skenario Usecase Menghapus Data User ............................... 48

3.3.2.33. Skenario Usecase Menghapus Data Campaign ....................... 49

3.3.2.34. Skenario Usecase Menghapus Data Bank ............................... 49

3.3.2.35. Skenario Usecase Menghapus Data Kategori ......................... 50

3.3.2.36. Skenario Usecase Menghapus Data Dompet .......................... 50

Page 11: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xi

3.3.2.37. Skenario Usecase Menghapus Data Pencairan Dana .............. 51

3.3.2.38. Skenario Usecase Menghapus Data Riwayat Dompet ............ 52

3.3.2.39. Skenario Usecase Menghapus Data Donasi ............................ 52

3.3.2.40. Skenario Usecase Menghapus Data Berita Campaign ............ 53

3.3.2.41. Skenario Usecase Menampilkan Detail Data Admin .............. 54

3.3.2.42. Skenario Usecase Menampilkan Detail Data User ................. 54

3.3.2.43. Skenario Usecase Menampilkan Detail Data Campaign ........ 55

3.3.2.44. Skenario Usecase Menampilkan Detail Data Berita Campaign

55

3.3.2.45. Skenario Usecase Menampilkan Detail Data Bank................. 56

3.3.2.46. Skenario Usecase Menampilkan Detail Data Kategori ........... 56

3.3.2.47. Skenario Usecase Menampilkan Detail Data Donasi .............. 57

3.3.2.48. Skenario Usecase Menampilkan Detail Data Dompet ............ 57

3.3.2.49. Skenario Usecase Menampilkan Detail Data Pencairan Dana 57

3.3.2.50. Skenario Usecase Menampilkan Detail Data Riwayat Dompet

58

3.3.2.51. Skenario Usecase Verifikasi Pengajuan Campaign ................ 59

3.3.2.52. Skenario Usecase Menolak Pengajuan Campaign .................. 59

3.3.2.53. Skenario Usecase Verifikasi Donasi ....................................... 60

3.3.2.54. Skenario Usecase Menolak Donasi ......................................... 60

3.3.2.55. Skenario Usecase Verifikasi Pembayaran Zakat ..................... 61

3.3.2.56. Skenario Usecase Menolak Pembayaran Zakat ...................... 61

3.3.2.57. Skenario Usecase Verifikasi Pencairan Dana ......................... 62

3.3.2.58. Skenario Usecase Perpanjang Batas Waktu Zakat .................. 62

3.3.2.59. Skenario Usecase Perpanjang Batas Waktu Campaign .......... 63

3.3.2.60. Skenario Usecase Menghentikan Zakat Sedang Berjalan ....... 64

3.3.2.61. Skenario Usecase Menghentikan Campaign Sedang Berjalan 64

3.3.2.62. Skenario Usecase Registrasi User ........................................... 65

3.3.2.63. Skenario Usecase Login User ................................................. 65

3.3.2.64. Skenario Usecase Pengajuan Campaign User ........................ 66

3.3.2.65. Skenario Usecase Donasi Campaign ...................................... 67

3.3.2.66. Skenario Usecase Bayar Zakat ................................................ 68

3.3.2.67. Skenario Usecase Pencairan Dana User.................................. 68

3.3.3. Class Diagram ................................................................................ 69

Page 12: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xii

3.4. Perancangan Database ........................................................................... 71

3.4.1. ERD (Entity Relationship Diagram) ............................................... 71

3.4.2. Relasi Antar Tabel........................................................................... 73

3.4.3. Perancangan Tabel .......................................................................... 75

3.4.3.1. Tabel Kategori ......................................................................... 75

3.4.3.2. Tabel bank................................................................................ 75

3.4.3.3. Tabel dompet ........................................................................... 76

3.4.3.4. Tabel admin ............................................................................. 76

3.4.3.5. Tabel user ................................................................................ 78

3.4.3.6. Tabel riwayat_dompet ............................................................. 78

3.4.3.7. Tabel campaign........................................................................ 80

3.4.3.8. Tabel donasi ............................................................................. 81

3.4.3.9. Tabel pecairan_dana ................................................................ 82

3.4.3.10. Tabel update_berita_campaign ................................................ 83

3.5. Perancangan Desain User Interface ...................................................... 84

3.5.1. Perancangan Halaman Login........................................................... 84

3.5.2. Perancangan Halaman Dashbord User ........................................... 85

3.5.3. Perancangan Halaman Profile User ................................................ 85

3.5.4. Perancangan Halaman Daftar Campaign User ............................... 86

3.5.5. Perancangan Halaman Daftar Donasi User..................................... 87

3.5.6. Perancangan Halaman Riwayat Transaksi Dompet User ............... 88

3.5.7. Perancangan Halaman Saldo Dompet User .................................... 89

3.5.8. Perancangan Halaman Form Pengajuan Campaign User ............... 90

3.5.9. Perancangan Halaman Detail Campaign User ............................... 91

3.5.10. Perancangan Halaman Form Donasi User .................................. 92

3.5.11. Perancangan Halaman Dashboard Admin .................................. 93

3.5.12. Perancangan Halaman List Data Oleh Admin ............................ 93

3.5.13. Perancangan Halaman Detail Data Oleh Admin ........................ 94

3.5.14. Perancangan Halaman Form Tambah Atau Ubah Data Oleh

Admin 95

3.5.15. Perancangan Halaman Detail Campaign Oleh Admin ................ 96

3.5.16. Perancangan Halaman Verifikasi Oleh Admin ........................... 98

Page 13: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xiii

IMPLEMENTASI DAN PENGUJIAN ................................................................ 99

4.1. Implementasi Sistem ............................................................................. 99

4.1.1. Implementasi Halaman Aplikasi Marketplace Crowdfunding

Berbasis Web ................................................................................................. 99

4.1.1.1. Implementasi Halaman Login Admin ...................................... 99

4.1.1.2. Implementasi Halaman Dashboard Admin ............................. 99

4.1.1.3. Implementasi Halaman Daftar Data Admin .......................... 100

4.1.1.4. Implementasi Halaman Daftar Data Pengguna ...................... 100

4.1.1.5. Implementasi Halaman Daftar Campaign ............................. 101

4.1.1.6. Implementasi Halaman Detail Campaign .............................. 101

4.1.1.7. Implementasi Halaman Daftar Donasi ................................... 102

4.1.1.8. Implementasi Halaman Daftar Pembayaran Zakat ................ 102

4.1.1.9. Implementasi Halaman Detail Donasi Dan Zakat ................. 103

4.1.1.10. Implementasi Halaman Daftar Zakat..................................... 103

4.1.1.11. Implementasi Halaman Daftar Riwayat Transaksi Dompet

Pengguna 104

4.1.1.12. Implementasi Halaman Verifikasi Pengajuan Campaign...... 104

4.1.1.13. Implementasi Halaman Verifikasi Donasi............................. 105

4.1.1.14. Implementasi Halaman Verifikasi Pencairan Dana ............... 105

4.1.1.15. Implementasi Halaman Verifikasi Tambah Saldo Dompet

Pengguna 106

4.1.1.16. Implementasi Halaman Form Tambah Campaign Oleh Admin

106

4.1.1.17. Implementasi Halaman Form Tambah Zakat Oleh Admin ... 107

4.1.1.18. Implementasi Halaman Form Donasi Oleh Admin ............... 107

4.1.1.19. Implementasi Halaman Form Tambah Admin ...................... 108

4.1.1.20. Implementasi Halaman Form Tambah Pengguna Oleh Admin

108

4.1.1.21. Implementasi Halaman Dashboard Pengguna ....................... 109

4.1.1.22. Implementasi Halaman Profile User ..................................... 109

4.1.1.23. Implementasi Halaman Daftar Campaign ............................. 110

4.1.1.24. Implementasi Halaman Daftar Donasi User.......................... 110

4.1.1.25. Implementasi Halaman Riwayat Transaksi Dompet User .... 111

4.1.1.26. Implementasi Halaman Saldo Dompet User ......................... 111

4.1.1.27. Implementasi Halaman Form Pengajuan Campaign User .... 112

Page 14: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xiv

4.1.1.28. Implementasi Halaman Detail Campaign User ..................... 112

4.1.1.29. Implementasi Halaman Form Donasi User ........................... 113

4.2. Pengujian ............................................................................................. 113

KESIMPULAN DAN SARAN ........................................................................... 128

5.1. Kesimpulan ......................................................................................... 128

5.2. Saran .................................................................................................... 128

DAFTAR PUSTAKA ......................................................................................... 129

Page 15: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xv

DAFTAR TABEL

Tabel 2. 1 : Simbol Pada Use Case Diagram ........................................................ 11 Tabel 2. 2 : Simbol-simbol pada activity diagram ................................................ 12

Tabel 3. 1 Kebutuhan Fungsional Sistem ............................................................. 25

Tabel 3. 2 Tabel kebutuhan non Fungsional Sistem ............................................. 28 Tabel 3. 3 Usecase Menampilkan Data Kategori.................................................. 31 Tabel 3. 4 Usecase Mengelola Data User ............................................................. 31 Tabel 3. 5 Usecase Menampilkan Data Admin .................................................... 31 Tabel 3. 6 Usecase Menampilkan Data User ........................................................ 32

Tabel 3. 7 Usecase Menampilkan Data Dompet ................................................... 32 Tabel 3. 8 Usecase Menampilkan Data Riwayat Dompet .................................... 33 Tabel 3. 9 Usecase Menampilkan Data Campaign ............................................... 33

Tabel 3. 10 Usecase Menampilkan Data Berita Campaign .................................. 33 Tabel 3. 11 Usecase Menampilkan Data Donasi .................................................. 34 Tabel 3. 12 Usecase Menampilkan Data Pencairan Dana .................................... 34

Tabel 3. 13 Usecase Menambah Data Admin ....................................................... 35 Tabel 3. 14 Usecase Menambah Data User .......................................................... 35 Tabel 3. 15 Usecase Menambah Data Bank ......................................................... 36

Tabel 3. 16 Usecase Menambah Data Dompet ..................................................... 36 Tabel 3. 17 Usecase Menambah Data Kategori .................................................... 37

Tabel 3. 18 Usecase Menambah Data Campaign ................................................. 37 Tabel 3. 19 Usecase Menambah Data Donasi ...................................................... 38

Tabel 3. 20 Usecase Menambah Data Riwayat Dompet....................................... 38 Tabel 3. 21 Usecase Menambah Data Pencairan Dana......................................... 39

Tabel 3. 22 Usecase Menambah Data Berita Campaign ...................................... 40 Tabel 3. 23 Usecase Mengubah Data Admin........................................................ 40 Tabel 3. 24 Usecase Mengubah Data User ........................................................... 41

Tabel 3. 25 Usecase Mengubah Data Campaign .................................................. 42

Tabel 3. 26 Usecase Mengubah Data Bank .......................................................... 42 Tabel 3. 27 Usecase Mengubah Data Kategori ..................................................... 43 Tabel 3. 28 Usecase Mengubah Data Dompet ...................................................... 44 Tabel 3. 29 Usecase Mengubah Data Donasi ....................................................... 44

Tabel 3. 30 Usecase Mengubah Data Pencairan Dana ......................................... 45 Tabel 3. 31 Usecase Mengubah Data Riwayat Dompet ....................................... 46 Tabel 3. 32 Usecase Mengubah Data Berita Campaign ....................................... 47

Tabel 3. 33 Usecase Menghapus Data Admin ...................................................... 48 Tabel 3. 34 Usecase Menghapus Data User ......................................................... 48 Tabel 3. 35 Usecase Menghapus Data Campaign ................................................ 49 Tabel 3. 36 Usecase Menghapus Data Bank ......................................................... 49 Tabel 3. 37 Usecase Menghapus Data Kategori ................................................... 50

Tabel 3. 38 Usecase Menghapus Data Dompet .................................................... 51 Tabel 3. 39 Usecase Menghapus Data Pencairan Dana ........................................ 51 Tabel 3. 40 Usecase Menghapus Data Riwayat Dompet ...................................... 52 Tabel 3. 41 Usecase Menghapus Data Donasi ...................................................... 53

Tabel 3. 42 Usecase Menghapus Data Berita Campaign ...................................... 53 Tabel 3. 43 Usecase Menampilkan Detail Data Admin ........................................ 54

Page 16: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xvi

Tabel 3. 44 Usecase Menampilkan Detail Data User ........................................... 54 Tabel 3. 45 Usecase Menampilkan Detail Data Campaign .................................. 55

Tabel 3. 46 Usecase Menampilkan Detail Data Berita Campaign ....................... 55 Tabel 3. 47 Usecase Menampilkan Detail Data Bank .......................................... 56 Tabel 3. 48 Usecase Menampilkan Detail Data Kategori ..................................... 56 Tabel 3. 49 Usecase Menampilkan Detail Data Donasi ....................................... 57 Tabel 3. 50 Usecase Menampilkan Detail Data Dompet ...................................... 57

Tabel 3. 51 Usecase Menampilkan Detail Data Pencairan Dana .......................... 58 Tabel 3. 52 Usecase Menampilkan Detail Data Riwayat Dompet........................ 58

Tabel 3. 53 Usecase Verifikasi Pengajuan Campaign .......................................... 59 Tabel 3. 54 Usecase Menolak Pengajuan Campaign ............................................ 59 Tabel 3. 55 Usecase Verifikasi Donasi ................................................................. 60 Tabel 3. 56 Usecase Menolak Donasi ................................................................... 60 Tabel 3. 57 Usecase Verifikasi Pembayaran Zakat .............................................. 61

Tabel 3. 58 Usecase Menolak Pembayaran Zakat ................................................ 61 Tabel 3. 59 Usecase Verifikasi Pencairan Dana ................................................... 62

Tabel 3. 60 Usecase Perpanjang Batas Waktu Zakat ............................................ 63 Tabel 3. 61 Usecase Perpanjang Batas Waktu Campaign .................................... 63

Tabel 3. 62 Usecase Menghentikan Zakat Sedang Berjalan ................................. 64 Tabel 3. 63 Usecase Menghentikan Campaign Sedang Berjalan ......................... 64 Tabel 3. 64 Usecase Registrasi User..................................................................... 65

Tabel 3. 65 Usecase Login User ........................................................................... 66

Tabel 3. 66 Usecase Pengajuan Campaign User .................................................. 66 Tabel 3. 67 Usecase Donasi Campaign ................................................................ 67 Tabel 3. 68 Usecase Bayar Zakat .......................................................................... 68

Tabel 3. 69 Usecase Pencairan Dana User ........................................................... 68 Tabel 3. 70 Tabel Kategori.................................................................................... 75

Tabel 3. 71 Tabel bank .......................................................................................... 75 Tabel 3. 72 Tabel dompet ..................................................................................... 76 Tabel 3. 73 Tabel admin........................................................................................ 77

Tabel 3. 74 Tabel user ........................................................................................... 78 Tabel 3. 75 riwayat dompet ................................................................................... 79

Tabel 3. 76 Tabel campaign .................................................................................. 80 Tabel 3. 77 Tabel donasi ....................................................................................... 82

Tabel 3. 78 Tabel pencairan_dana ........................................................................ 83 Tabel 3. 79 Tabel update_berita_campaign .......................................................... 84

Page 17: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xvii

DAFTAR GAMBAR

Gambar 2. 1 Model-View-Controller .................................................................... 18 Gambar 2. 2 Ilustrasi Blackbox Testing ................................................................ 20

Gambar 2. 3 Ilustrasi Whitebox Testing ................................................................ 21

Gambar 3. 1 : Proses Bisnis Pegajuan Penggalangan Dana Atau Zakat ............... 23 Gambar 3. 2 : Proses Bisnis Donasi Atau Zakat ................................................... 24 Gambar 3. 3 Proses Bisnis Pencairan Dana Dompet ............................................ 24

Gambar 3. 4 Gambar Usecase Diagram ................................................................ 30 Gambar 3. 5 Class Diagram .................................................................................. 70 Gambar 3. 6 Gambar ERD (Entity Relationship Diagram) .................................. 72

Gambar 3. 7 Relasi Antar Tabel ............................................................................ 74 Gambar 3. 8 Gambar Desain User Interface halaman login ................................. 85 Gambar 3. 9 Gambar Desain User Interface halaman dashbord .......................... 85 Gambar 3. 10 Halaman Profile User..................................................................... 86

Gambar 3. 11 Halaman Daftar Campaign User .................................................... 87 Gambar 3. 12 Halaman Daftar Donasi User ......................................................... 88

Gambar 3. 13 Halaman Riwayat Transaksi Dompet User .................................... 89 Gambar 3. 14 Halaman Saldo Dompet User ......................................................... 90

Gambar 3. 15 Halaman Form Pengajuan Campaign User .................................... 91 Gambar 3. 16 Halaman Detail Campaign User .................................................... 92 Gambar 3. 17 Halaman Form Donasi User ........................................................... 92

Gambar 3. 18 Halaman Dashboard Admin .......................................................... 93 Gambar 3. 19 Halaman List Data Oleh Admin .................................................... 94

Gambar 3. 20 Halaman Detail Data Oleh Admin................................................. 95 Gambar 3. 21 Halaman Detail Data Oleh Admin................................................. 96 Gambar 3. 22 Halaman Detail Campaign Oleh Admin ........................................ 97 Gambar 3. 23 Halaman Verifikasi Oleh Admin.................................................... 98

Gambar 4. 1 Halaman login admin ....................................................................... 99 Gambar 4. 2 Halaman Dashboard Admin .......................................................... 100 Gambar 4. 3 Halaman Daftar Data Admin.......................................................... 100

Gambar 4. 4 Halaman Daftar Data Pengguna ..................................................... 101 Gambar 4. 5 Halaman Daftar Campaign............................................................. 101 Gambar 4. 6 Halaman Detail Campaign ............................................................. 102 Gambar 4. 7 Halaman Daftar Donasi .................................................................. 102

Gambar 4. 8 Halaman Daftar Pembayaran Zakat ............................................... 103 Gambar 4. 9 Halaman Detail Donasi Dan Zakat................................................. 103 Gambar 4. 10 Halaman Daftar Zakat .................................................................. 104 Gambar 4. 11 Halaman Daftar Riwayat Transaksi Dompet Pengguna ............... 104 Gambar 4. 12 Halaman Verifikasi Campaign ..................................................... 105

Gambar 4. 13 Halaman Verifikasi Donasi .......................................................... 105 Gambar 4. 14 Halaman Verifikasi Pencairan Dana ............................................ 106 Gambar 4. 15 Halaman Verifikasi Tambah Saldo Dompet Pengguna................ 106

Gambar 4. 16 Halaman Form Tambah Campaign Oleh Admin ......................... 107 Gambar 4. 17 Halaman Form Tambah Zakat Oleh Admin ................................. 107

Page 18: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xviii

Gambar 4. 18 Halaman Form Donasi Oleh Admin ............................................ 108 Gambar 4. 19 Halaman Form Tambah Admin ................................................... 108

Gambar 4. 20 Halaman Form Tambah Pengguna Oleh Admin .......................... 109 Gambar 4. 21 Halaman Dashboard Pengguna .................................................... 109 Gambar 4. 22 Halaman Profile User................................................................... 110 Gambar 4. 23 Halaman Daftar Campaign ........................................................... 110 Gambar 4. 24 Halaman Daftar Donasi User ....................................................... 111

Gambar 4. 25 Halaman Riwayat Transaksi Dompet User .................................. 111 Gambar 4. 26 Halaman Saldo Dompet User ....................................................... 112

Gambar 4. 27 Halaman Form Pengajuan Campaign User .................................. 112 Gambar 4. 28 Halaman Detail Campaign User .................................................. 113 Gambar 4. 29 Halaman Form Donasi User ......................................................... 113

Page 19: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xix

INTISARI

Manusia adalah makhluk sosial yang di dalam kehidupannya tidak bisa

terlepas dari pengaruh manusia lain. Setiap manusia memiliki masalahnya

masing-masing, dan untuk mencari jalan keluar dari beberapa masalahnya pasti

membutuhkan bantuan dari manusia lain. Contohnya adalah manusia di suatu

daerah yang terkena bencana alam. Dari permasalahan tersebut, manusia tentu

membutuhkan bantuan dari manusia lain. Salah satu caranya adalah dengan

melakukan penggalangan dana. Penggalangan dana adalah suatu proses

pengumpulan kontribusi sukarela dalam bentuk uang atau sumber daya lain

dengan meminta sumbangan dari individu, perusahaan, yayasan, atau lembaga

pemerintah.

Selama ini masih banyak penggalangan dana yang dilakukan secara

manual. Untuk sistem donasi penggalangan dana secara manual kurang transparan

sehingga sulit dalam membangun kepercayaan para donatur akan tersalurkannya

donasi kepada yang berhak menerimanya.

Aplikasi Marketplace Crowdfunding merupakan sistem yang dapat

mengelola data penggalangan dana, data zakat, data transaksi donasi, data

pembayaran zakat, data dompet pengguna, transaksi pencairan saldo dompet dan

tambah saldo dompet, mencatat laporan hasil kegiatan penggalangan dana dan

zakat. Dengan sistem berbasis web menggunakan bahasa pemrograman PHP dan

didukung framework CodeIgniter.

Untuk membantu mensukseskan kegiatan sosial masyarakat dibutuhkan

suatu Aplikasi Marketplace Crowdfunding sehingga dapat menggalang dana

secara online, menghasilkan update berita hasil pelaksanaan kegiatan sosial.

Kata kunci : Penggalangan Dana, Zakat, Donasi, Marketplace, Crowdfunding

Page 20: LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI …€¦ · library.uns.ac.id digilib.uns.ac.id LAPORAN TUGAS AKHIR RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING BERBASIS WEB Tugas

library.uns.ac.id digilib.uns.ac.id

xx

ABSTRACT

Human are social beings whose lives cannot be separated from others.

Every human has their own problems, and to find a way out of some of the

problems definitely needs help from other humans. An example is humans in an

area affected by natural disasters. Of these problems, humans certainly need help

from other humans. One way is to raise funds. Fundraising is a process of

collecting voluntary contributions in the form of money or other resources by

asking for donations from individuals, companies, foundations, or government

institutions.

So far there are still many fundraising that are done manually. For a

manual fundraising donation system, it is not transparent so that it is difficult to

build trust from donors who will channel donations to those who are entitled to

receive it.

Marketplace Crowdfunding application is a system that can manage

fundraising data, zakat data, donation transaction data, zakat payment data,

Dompet data, Dompet balance disbursement transaction and add Dompet

balance, and record reports on the results of fundraising and zakat activities.

With a web-based system using the PHP programming language and supported

by the CodeIgniter framework.

To help make social activities successful, a Crowdfunding Marketplace

Application is needed so that it can raise funds online, produce news updates as a

result of the implementation of social activities.

Keywords: Fundraising, Zakat, Donations, Marketplace, Crowdfunding


Recommended