RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING DONASI BERBASIS ANDROID
Tugas Akhir
Disusun untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret
Disusun oleh :
BURHANUDIN WAKHID NUGROHO M3116071
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET
ii
iii
HALAMAN PENGESAHAN
RANCANG BANGUN APLIKASI MARKETPLACE CROWDFUNDING DONASI BERBASIS ANDROID
Disusun oleh :
BURHANUDIN WAKHID NUGROHO M3116071
Pembimbing Utama,
Yudho Yudhanto, S.Kom., M.Kom
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika
Pada hari tanggal
Dewan Penguji :
1. Penguji 1 Yudho Yudhanto, S.Kom.,M.Kom
NIK 1979060520180601
( )
2. Penguji 2 Sahirul Alim Tri Bawono, S.Kom., M.Eng.
NIK 1987021520170101
( )
3. Penguji 3 Berliana Kusuma Riasti, S.T., M.Eng.
NIK 1981032120130201
( )
Disahkan oleh Ketua Program Studi
D3 Teknik Informatika FMIPA UNS
HARTATIK., S.Si., M.Si. NIK. 1978050320130201
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, 28 Juni 2019
BURHANUDIN WAKHID NUGROHO M3116071
v
MOTTO
“Don’t be afraid to make a mistake. But make sure you don’t make the same mistake twice.”
(Akio Morita)
“Jangan membandingkan dirimu dengan siapa pun di dunia ini. Kalau kau melakukannya, sama saja dengan menghina dirimu sendiri.”
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 DONASI BERBASIS ANDROID” 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. Bapak Prof. Ir. Ari Handono Ramelan, M.Cs (Hons)., Ph.D, selaku
Pimpinan Fakultas MIPA Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.
2. Ibu Hartatik., S.Si., M.Si. selaku Ketua Program Studi Diploma III Teknik
Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.
3. Bapak Yudho Yudhanto, S.Kom., M.Kom selaku dosen pembimbing yang
telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis.
4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas
Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.
5. Segenap keluarga besar Program Studi Diploma III Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
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
vii
memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri.
Surakarta,
viii
HALAMAN PERSEMBAHAN
Karya tulis ini dipersembahakn kepada :
1. Kedua orang tua saya, Bapak dan Ibu tercinta yang selalu mendoakan, memberi semangat dan dukungan material maupun non material didalam kondisi apapun.
2. Adik penulis yang selalu memberi semangat untuk menyelesaikan karya ini. 3. Bapak Yudhanto, S.Kom., M.Kom, selaku dosen pembimbing, yang telah
meluangkan waktu dan tenaga untuk membantu saya menyelesaikan Tugas Akhir. Serta semua dosen dan staf pengajar Program D3 Teknik Informatika UNS yang telah memberikan bimbingan serta arahan yang bermanfaat kepada saya selama ini.
4. Seluruh keluarga besar E-Mailkomp dan Labkom FMIPA yang selalu memberi semangat dan dukungan untuk saya.
5. Seluruh teman teman D3 Teknik Informatika angkatan 2016 khususnya kelas TI-D 2016 yang telah menemani saya selama 3 tahun ini dalam suka dan duka di dunia perkuliahan.
ix
DAFTAR ISI
HALAMAN PERSETUJUAN ... Error! Bookmark not defined.
HALAMAN PENGESAHAN ... iii
HALAMAN PERNYATAAN ... iv
MOTTO ... v
KATA PENGANTAR ... vi
HALAMAN PERSEMBAHAN ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... xiii
DAFTAR GAMBAR ... xiv
INTISARI ... xvi ABSTRACT ... xvii PENDAHULUAN ... 1 1.1. Latar Belakang ... 1 1.2. Perumusan Masalah ... 2 1.3. Batasan Masalah... 2 1.4. Tujuan Penelitian ... 2 1.5. Manfaat Kegiatan ... 2 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 ... 8 2.2.1.3. Sistem Informasi ... 9 2.2.1.4. Data ... 9 2.2.1.5. Basis Data ... 9
x
2.2.2. Perancangan ... 10
2.2.2.1. Unified Modelling Language (UML) ... 10
2.2.2.2. Usecase Diagram ... 11
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) ... 14 2.2.3.2. JSON ... 15 2.2.3.3. MySQL ... 16 2.2.3.4. Android Studio ... 16 2.2.3.5. Flutter ... 17 2.2.3.6. Balsamiq Mockup ... 18 2.2.3.7. Javascript Jquery ... 18 2.2.4. Pengujian ... 19 2.2.4.1. Blackbox ... 19
ANALISIS DAN PERANCANGAN SISTEM ... 21
3.1. Proses Bisnis Sistem ... 21
3.2. Analisa Kebutuhan Sistem ... 21
3.2.1. Perangkat Lunak yang Digunakan ... 21
3.2.2. Perangkat Keras yang Digunakan ... 22
3.2.3. Kebutuhan Fungsional Sistem ... 22
3.2.4. Kebutuhan non-Fungsional Sistem ... 23
3.3. Perancangan Aplikasi ... 24
3.3.1. UseCase Diagram ... 24
3.3.2. Skenario Usecase ... 25
3.3.2.1. Skenario Usecase Registrasi User ... 25
3.2.2.2 Skenario Usecase Login User ... 26
3.2.2.3 Skenario Usecase Menampilkan List Campaign ... 26
3.2.2.4 Skenario Usecase Menampilkan Detail Campaign ... 27
3.2.2.5 Skenario Usecase Menampilkan List Donatur ... 27
3.2.2.6 Skenario Usecase Menampilkan List Update Campaign ... 28
3.2.2.7 Skenario Usecase Memilih Metode Pembayaran ... 28
xi
3.2.2.9 Skenario Usecase Menambah Isi Dompet ... 29
3.2.2.10 Skenario Usecase MenampilkanList History ... 30
3.2.2.11 Skenario Usecase Share Campaign ... 30
3.2.2.12 Skenario Usecase Withdraw Dompet... 31
3.2.2.13 Skenario Usecase Update Profile ... 31
3.2.2.14 Skenario Usecase Membuat Campaign ... 31
3.2.2.15 Skenario Usecase Donasi Zakat ... 32
3.2.2.16 Skenario Usecase Logout User ... 33
3.2.1. Class Diagram ... 33
3.3. Perancangan Database ... 34
3.3.1. ERD (Entity Relationship Diagram) ... 34
3.3.2. Relasi Antar Tabel... 37
3.3.3. Tabel Fisik ... 39 3.3.3.1. Tabel Kategori ... 39 3.3.3.2. Tabel bank... 39 3.3.3.3. Tabel dompet ... 40 3.3.3.4. Tabel admin ... 40 3.3.3.5. Tabel user ... 41 3.3.3.6. Tabel riwayat_dompet ... 42 3.3.3.7. Tabel campaign... 43 3.3.3.8. Tabel donasi ... 45 3.3.3.9. Tabel pencairan_dana ... 46 3.3.3.10. Tabel update_berita_campaign ... 47
3.4. Perancangan Desain User Interface ... 47
3.4.1. Perancangan Halaman Login... 47
3.4.2. Perancangan Halaman Register... 48
3.4.3. Perancangan pada halaman Dashboard ... 48
3.4.4. Perancangan Halaman List Campaign ... 49
3.4.5. Perancangan Halaman Detail Campaign ... 49
3.4.6. Perancangan Halaman Form Donasi ... 50
3.4.7. Perancangan Halaman Upload Bukti Pembayaran Donasi ... 50
xii
3.4.9. Perancangan Halaman Account ... 52
3.4.10. Perancangan Halaman Donasi Zakat ... 52
3.4.11. Perancangan Halaman Upload Bukti Pembayaran Zakat ... 53
3.4.12. Perancangan Halaman Withdraw Dana... 53
IMPLEMENTASI DAN PENGUJIAN ... 55
4.1. Implementasi Sistem ... 55
4.1.1. Implementasi Halaman Android ... 55
4.1.1.1. Implementasi Halaman Login Member ... 55
4.1.1.2. Implementasi Halaman Register Member ... 56
4.1.1.3. Implementasi Halaman Dashboard Member ... 58
4.1.1.4. Implementasi Halaman List History Member ... 60
4.1.1.5. Implementasi Halaman Profile Member ... 62
4.1.1.6. Implementasi Halaman Dashboard Dompet Member ... 64
4.1.1.7. Implementasi Halaman Tambah Saldo Dompet Member ... 65
4.1.1.8. Implementasi Halaman Withdraw Dompet Member ... 67
4.1.1.9. Implementasi Halaman Riwayat Tambah Saldo Dompet Member 68 4.1.1.10. Implementasi Halaman Buat Campaign Member ... 70
4.1.1.11. Implementasi Halaman Zakat Member ... 71
4.1.1.12. Implementasi Halaman List Campaign Member ... 72
4.1.1.13. Implementasi Halaman Detail Campaign ... 74
4.2. Pengujian ... 76
KESIMPULAN DAN SARAN ... 81
5.1. Kesimpulan ... 81
5.2. Saran ... 81
xiii
DAFTAR TABEL
Tabel 2. 1 Tabel Use Case Diagram... 11
Tabel 2. 2 Notasi Simbolik Menurut Fathansyah (2012) dalam Diagram E-R ... 14
Tabel 3. 1 Kebutuhan Fungsional ... 22
Tabel 3. 2 Tabel kebutuhan non Fungsional Sistem ... 23
Tabel 3. 3 Usecase Registrasi User ... 25
Tabel 3. 4 Usecase Mengelola Data User ... 26
Tabel 3. 5 Usecase Menampilkan List Campaign ... 26
Tabel 3. 6 Tabel Kategori... 39
Tabel 3. 7 Tabel Bank ... 39
Tabel 4. 1 Tabel pengujian fungsionalitas sistem ... 77
xiv
DAFTAR GAMBAR
Gambar 3. 1 : Proses Bisnis ... 21
Gambar 3. 2 Gambar Usecase Diagram ... 25
Gambar 3. 3 Class Diagram ... 34
Gambar 3. 4 Gambar ERD (Entity Relationship Diagram) ... 36
Gambar 3. 5 Relasi Antar Tabel ... 38
Gambar 3. 6 Desain User Interface halaman login ... 48
Gambar 3. 7 Desain User Interface halaman register... 48
Gambar 3. 8 Desain User Interface halaman dashbord ... 49
Gambar 3. 9 Desain User Interface halaman list campaign ... 49
Gambar 3. 10 Desain User Interface halaman detail campaign ... 50
Gambar 3. 11 Desain User Interface halaman form donasi ... 50
Gambar 3. 12 Desain User Interface halaman bukti pembayaran donasi ... 51
Gambar 3. 13 Desain User Interface halaman History Donasi ... 51
Gambar 3. 14 Desain User Interface halaman History Donasi ... 52
Gambar 3. 15 Desain User Interface halaman Donasi Zakat ... 52
Gambar 3. 16 Desain User Interface halaman upload bukti pembayaran zakat .. 53
Gambar 3. 17 Desain User Interface halaman withdraw dana ... 54
Gambar 4. 1 Halaman login member ... 55
Gambar 4. 2 Source Code Halaman login member ... 56
Gambar 4. 3 Halaman register member ... 57
Gambar 4. 4 Source Code Halaman Register ... 58
Gambar 4. 5 Halaman dashboard member ... 59
Gambar 4. 6 Source Code Halaman dashboard member ... 60
Gambar 4. 7 Halaman list history member ... 61
Gambar 4. 8 Source Code Halaman list history member ... 62
Gambar 4. 9 Halaman profile member ... 63
Gambar 4. 10 Source Code Halaman profile member ... 63
Gambar 4. 11 Halaman dashboard dompet member ... 64
Gambar 4. 12 Source Code Halaman dashboard dompet member ... 65
Gambar 4. 13 Halaman tambah saldo dompet member ... 66
Gambar 4. 14 Source Code Halaman tambah saldo dompet member ... 67
Gambar 4. 15 Halaman withdraw dompet member ... 67
Gambar 4. 16 Source Code Halaman withdraw dompet member ... 68
Gambar 4. 17 Halaman riwayat tambah saldo dompet member ... 69
Gambar 4. 18 Source Code Halaman riwayat tambah saldo dompet member... 69
Gambar 4. 19 Halaman buat campaign member ... 70
Gambar 4. 20 Source Code Halaman buat campaign member ... 71
Gambar 4. 21 Halaman zakat member ... 71
Gambar 4. 22 Source Code Halaman zakat member ... 72
Gambar 4. 23 Halaman list campaign member ... 73
xv
Gambar 4. 25 Halaman detail campaign member ... 75 Gambar 4. 26 Source Code Halaman detail campaign member ... 76
xvi
INTISARI
Untuk memenuhi kebutuhan sehari-hari, setiap manusia tidak bisa melakukannya sendiri, hal ini dikarenakan manusia merupakan makhluk sosial dimana setiap manusia pasti membutuhkan bantuan orang lain.
Sering kali kita temui musibah atau bencana yang menimpa baik pada diri kita sendiri maupun pada orang lain. Seseorang yang menimpa musibah atau bencana biasanya identik dengan kerugian dan kehilangan. Seperti halnya saat terjadi bencana alam yang sering menimpa bumi pertiwi kita, banyak masyarakat yang kehilangan rumah, harta bahkan nyawa sekalipun. Mereka yang sedang berduka membutuhkan bantuan dari orang lain untuk bisa terus melanjutkan hidup ditengah musibah yang menimpa mereka.
Dunia saat ini sudah begitu maju, segala kebutuhan sebagian besar dapat kita dapatkan dengan mudah dengan dibantu oleh adanya internet. Dengan bantuan internet inilah kita juga dapat membantu orang lain diluar sana tanpa harus susah payah terjun langsung ke lapangan. Berbagai macam aplikasi penggalangan dana atau crowdfunding telah bertebaran dan mudah ditemui. Aplikasi ini dikemas dengan bentuk aplikasi mobile yang dibuat dengan menggunakan framework flutter.
Dari masalah diatas, dapat dibuat suatu aplikasi penggalangan dana atau donasi secara online sehingga siapapun dapat membantu orang-orang yang tertimpa musibah dimana saja dan kapan saja dimana aplikasi tersebut dikemas dalam bentuk website dan android.
xvii
ABSTRACT
To fulfill daily needs, every human being cannot do it alone, this is because humans are social beings where every human being needs help from others.
Often we encounter calamities or disasters that afflict both ourselves and others. A person who beats a disaster or disaster is usually synonymous with loss and loss. Just as when natural disasters occur that often afflict our motherland, many people lose their homes, even assets. Those who are grieving need help from others to be able to continue to live in the midst of the calamity that befell them.
The world is now so advanced, all the needs we can get most easily are helped by the internet. With the help of the internet, we can also help other people out there without having to go to the field. Various kinds of fundraising or crowdfunding applications have been scattered and easily found. This application is packaged in the form of a mobile application created using flutter framework.
From the problem above, an online fundraising or donation application can be made so that anyone can help those affected by disaster anywhere and anytime where the application is packaged in the form of a website and android.
