Sistem informasi manajemen dana pengelolaan donatur berbasis WEB pada yayasan Griya Yatim dan Dhu'afa

SISTEM INFORMASI MANAJEMEN DANA PENGELOLAAN
DONATUR BERBASIS WEB PADA YAYASAN
GRIYA YATIM DAN DHU’AFA
(Studi Kasus : Cabang Asrama Griya Bintaro)

SKRIPSI

Oleh :
Iqbal Muhammad Salman
NIM : 106093003093

PROGRAM STUDI SISTEM INFORMASI
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA
JAKARTA
2011 M / 1432 H

i

SISTEM INFORMASI MANAJEMEN DANA PENGELOLAAN
DONATUR BERBASIS WEB PADA YAYASAN
GRIYA YATIM DAN DHU’AFA
(Studi Kasus: Cabang Asrama Griya Bintaro)

Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer
Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh:
IQBAL MUHAMMAD SALMAN
106093003093

PROGRAM STUDI SISTEM INFORMASI
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA
2011 M / 1432 H

ii

LEMBAR PENGESAHAN
SISTEM INFORMASI MANAJEMEN DANA PENGELOLAAN
DONATUR BERBASIS WEB PADA YAYASAN
GRIYA YATIM DAN DHU’AFA
(Studi Kasus : Cabang Asrama Griya Bintaro)

Skripsi
Sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer
Pada Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh :
Iqbal Muhammad Salman
106093003093
Menyetujui,

Pembimbing I

Pembimbing II

Nur Aeni Hidayah, MMSI.
NIP. 19750818 200501 2 008

Bakri L. Katjong, MT, M.Kom.
NIP. 470 035 764
Mengetahui,

Ketua Program Studi Sistem Informasi

Nur Aeni Hidayah, MMSI.
NIP. 19750818 200501 2 008
iii

PENGESAHAN UJIAN

Skripsi yang berjudul “Sistem Informasi Manajemen Dana Pengelolaan Donatur Berbasis
Web Pada Yayasan Griya Yatim dan Dhu’afa (Studi Kasus: Cabang Asrama Griya
Bintaro)” telah diuji dan dinyatakan lulus dalam sidang munaqosyah Fakultas Sains dan
Teknologi pada hari Kamis 24 Maret 2011. Skripsi ini telah diterima sebagai salah satu
syarat untuk memperoleh gelar sarjana strata satu (S1) pada program studi Sistem
Informasi.

Jakarta, Maret 2011
Tim Penguji,
Penguji I

Penguji II

Nia Kumaladewi, MMSI.
NIP. 19750412 200710 2 002

Zainuddin Bey Fananie, M.Sc.
NIP.

Pembimbing I

Pembimbing II

Bakri L. Katjong, MT, M.Kom.

Nur Aeni Hidayah, MMSI.
NIP . 19750818 200501 2 008

NIP. 470 035 764

Mengetahui,

Dekan Fakultas Sains dan Teknologi

Ketua Prodi Sistem Informasi

DR. Syopiansyah Jaya Putra, M.Sis
NIP : 19680117 200112 1001

Nur Aeni Hidayah, MMSI.
NIP . 19750818 200501 2 008

iv

PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI ADALAH
BENAR-BENAR KARYA SAYA SENDIRI DAN BELUM DIAJUKAN
DALAM BENTUK APA PUN KEPADA PERGURUAN TINGGI MANA PUN.
SUMBER INFORMASI YANG BERASAL ATAU DIKUTIF DARI KARYA
ILMIAH YANG DITERBITKAN MAUPUN TIDAK DITERBITKAN DARI
PENULIS LAIN TELAH DISEBUTKAN DALAM TEKS DAN
DICANTUMKAN DALAM DAFTAR PUSTAKA DI BAGIAN AKHIR
SKRIPSI INI.

Jakarta, Maret 2011
Iqbal Muhammad Salman
NIM. 106093003093

v

ABSTRAK
IQBAL MUHAMMAD SALMAN – 106093003093, Sistem Informasi
Manajemen Dana Pengelolaan Donatur Berbasis Web Pada Yayasan Griya Yatim
dan Dhu’afa (Studi Kasus: Cabang Asrama Griya Bintaro). Di bimbing oleh NUR
AENI HIDAYAH dan BAKRI LA KATJONG
Yayasan Griya Yatim dan Dhu’afa ini adalah suatu lembaga atau organisasi
yang bergerak dalam bidang sosial keagamaan. Dengan semakin banyaknya data
yang tersimpan tercatat setelah 2 tahun berdiri dari tahun 2009 Yayasan ini sudah
memiliki 4 cabang asrama dan telah memiliki 288 anak asuh non mukim dan 40
anak asuh berstatus mukim serta telah memiliki 800 anggota donatur yang telah
terdaftar. Dengan banyaknya data tersebut telah menyulitkan pihak Yayasan
dalam mengelola seluruh data yang diterima sehingga mengakibatkan terjadinya
penumpukan berkas. Dari permasalahan tersebut mendorong untuk merancang
suatu sisem dengan memanfaatkan teknologi komputer khususnya dalam
penggunaan internet yang diolah dengan suatu manajemen sistem informasi yang
akurat, perancangan sistem ini bertujuan untuk membantu meningkatkan
pelayanan pada Yayasan Griya Yatim dalam mengelola data donatur serta proses
dan laporan-laporan yang terkait secara sistematis. Oleh karena itu perancangan
sistem ini dibuat dengan berbasis web untuk memudahkan pihak Yayasan dalam
mengelola data-data yang dibutuhkan. Dalam penelitian ini dilakukan dengan
menggunakan metode pengembangan sistem OOAD (Object Oriented Analysis
Design) oleh Mathiansen et. al, dengan bahasa pemodelan UML (Unified
Modeling language). Selain itu tools yang digunakan dalam perancangan sistem
ini adalah dengan menggunakan bahasa pemrograman PHP, dan database
MySQL untuk penyimpanan data. Hasil dari penelitian ini yang berupa sistem
informasi manajemen dana pengelolaan donatur berbasais web, diharapkan dapat
membantu kinerja pada Yayasan Griya Yatim dalam meningkatkan pelayanannya
terhadap donatur dan memberikan informasi-informasi yang akurat untuk
diberikan kepada donatur yang membutuhkan.
Kata kunci: Yayasan Griya Yatim, Sistem informasi manajemen dana, donatur,
OOAD, UML, web, PHP, MySQL.
V Bab + xxvi + 271 Halaman + 7 Simbol + 111 Gambar + 50 Tabel + Pustaka +
Lampiran
Pustaka Acuan (34, 2002-2010).

vi

KATA PENGANTAR
Alhamdulillahirabbil’alamin, penulis panjatkan dan bersyukur kehadirat
Allah SWT. Atas seluruh rahmat dan karunia-Nya Yang telah diberikan kepada
penulis, sehingga penulisan skripsi yang berjudul Sistem Informasi Manajemen
Dana Pengelolaan Donatur Berbasis Web dapat diselesaikan degan baik. Shalawat
serta salam selalu kuberikan kepada Nabi akhir zaman yaitu nabi Muhammad
SAW. Yang selalu memberi motivasi dalam hidup ini untuk selalu menjadi
terbaik dari yang terbaik.
Pada kesempatan ini, penulis ingin menyampaikan ucapan terima kasih
kepada pihak-pihak yang telah mendukung dalam menyelesaikan penulisan
skripsi ini baik berupa motivasi, dukungan moral maupun materil. Karena tanpa
dukungan dari mereka, penulis tidak akan mampu menyelesaikan penulisan
skripsi ini dengan baik. Mereka yang telah mendukung penulis adalah :
1. Bapak Dr. Syopiansah Jaya Putra, M.Sis, selaku Dekan fakultas Sains dan
Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta.
2. Ibu Nur Aeni Hidayah, MMSI., selaku ketua program studi Sistem Informasi
dan Selaku dosen pembimbing I.
3. Bapak Bakri La Katjong, MT, M.Kom. Selaku Dosen Pembimbing II yang
telah memberikan bimbingan dan arahan tentang penulisan skripsi dengan baik
dan selalu meluangkan waktu untuk bertukar pikiran serta membantu
menyelesaikan penulisan skripsi ini.
4. Bapak Haryono, S.Kom selaku ketua Yayasan Griya Yatim dan Dhu’afa, Pak
Ramdan, Ibu Novi dan segenap keluarga besar Yayasan Griya Yatim dan

vii

Dhu’afa yang telah kerjasama dan membantu dalam penyelesaian penulisan
skripsi ini.
5. Ayahanda, Ibunda serta kakak dan adikku yang menjadi motivasi bagi penulis,
dengan selalu memberikan dukungan yang teramat besar baik materil, doa dan
nasihat yang sangat bermanfaat kepada saya.
6. Semua sahabat-sahabat saya, Yoyo, Fathur, Ali, Dhian, Husein, Pebri,
Shonhaji, Budi, Haris, Ayunda, Desi, Heni, Hilda, Fajar, Chanafi, Irwan dan
seluruh Mahasiswa Jurusuan SI khususnya SIB angkatan 2006 yang selalu
memberikan semangat maupun menciptakan kreativitas-kreativitas dalam
menjalin suatu kebersamaan yang utuh untuk meraih tujuan yang diharapkan.
Dan untuk Eka Purnamasari seseorang yang telah banyak memberikan bantuan
dan semangat khusus kepada saya.
7. Dan semua pihak yang tidak bisa disebutkan satu per satu yang telah
membantu saya selama penyusunan skripsi ini.
Pada kesempatan ini penulis menyadari dengan adanya kesalahan maupun
kekurangan, oleh karena itu penulis mengucapkan permohonan maaf yang
sebesar-besarnya apabila terdapat kesalahan yang penulis lakukan baik dengan
sengaja maupun tidak sengaja dalam penulisan skripsi ini. Saya mengharapkan
kritik dan saran untuk menjadikan skripsi ini lebih baik lagi.
Jakarta, Maret 2011
Penulis

Iqbal Muhammad Salman
106093003093

viii

DAFTAR ISI
JUDUL ........................................................................................................................... i
HALAMAN JUDUL ..................................................................................................... ii
LEMBAR PENGESAHAN PEMBIMBING............................................................... iii
LEMBAR PENGESAHAN UJIAN ............................................................................. iv
PERNYATAAN ............................................................................................................ v
ABSTRAK.................................................................................................................... vi
KATA PENGANTAR ................................................................................................. vii
DAFTAR ISI ................................................................................................................ ix
DAFTAR GAMBAR ................................................................................................... xv
DAFTAR TABEL ...................................................................................................... xxi
DAFTAR SIMBOL .................................................................................................. xxiv
DAFTAR ISTILAH ................................................................................................. xxvi

BAB 1 PENDAHULUAN............................................................................................. 1
1.1 Latar Belakang ............................................................................................ 1
1.2 Perumusan Masalah ..................................................................................... 4
1.3 Batasan Masalah .......................................................................................... 5
1.4 Tujuan dan Manfaat ..................................................................................... 6
1.4.1 Tujuan ................................................................................................ 6
1.4.2 Manfaat .............................................................................................. 6
1.5 Metode Penelitian ........................................................................................ 7
1.5.1 Metode Pengumpulan Data ................................................................ 7

ix

1.5.2 Metode Pengembangan Sistem............................................................ 8
1.6 Sistematika Penulisan ................................................................................ 13
BAB II LANDASAN TEORI ..................................................................................... 15
2.1 Konsep Dasar Sistem ................................................................................. 15
2.1.1 Karakeristik Sistem ........................................................................... 15
2.1.2 Klasifikasi sistem .............................................................................. 17
2.2 Konsep Dasar Informasi dan Data.............................................................. 19
2.2.1 Informasi .......................................................................................... 19
2.2.2 Data .................................................................................................. 19
2.2.2.1 Struktur Data ......................................................................... 20
2.2.2.2 Database ............................................................................... 23
2.2.2.3 Database Management System (DBMS) ............................... 27
2.2.3 Siklus Informasi ................................................................................ 32
2.2.4 Kualitas Informasi ............................................................................ 33
2.2.5 Nilai Informasi.................................................................................. 34
2.3 Konsep Sistem Informasi ........................................................................... 35
2.3.1 Definisi ............................................................................................. 35
2.3.2 Komponen Sistem Informasi ............................................................. 36
2.3.3 Kegiatan Sistem Informasi ................................................................ 36
2.4 Sistem Informasi Manajemen (SIM) .......................................................... 37
2.4.1 Definisi ............................................................................................. 37
2.4.2 Model SIM ....................................................................................... 37
2.4.3 Sistem Informasi Keuangan ............................................................. 38

x

2.4.3.1 Sistem Manajemen Dana ....................................................... 39
2.4.3.2 Sistem Penganggaran Dana ................................................... 40
2.4.3.3Sistem Perencanaan Keuangan ............................................... 40
2.5 Donatur ..................................................................................................... 41
2.5.1 Definisi Donatur ............................................................................... 41
2.5.2 Hak Dasar Donatur ........................................................................... 43
2.6 Transaksi ................................................................................................... 43
2.7 Metode Penelitian ...................................................................................... 45
2.7.1 Metode Pengumpulan Data ................................................................ 45
2.8 Konsep Pendekatan Berorientasi Objek ..................................................... 46
2.8.1 Pengertian Berorientasi Objek ........................................................... 46
2.8.2 Konsep Dasar Object Oriented Analysis and Design (OOAD) .......... 47
2.8.2.1 Pengertian OOAD ................................................................. 47
2.8.2.2 Keuntungan OOAD ............................................................... 49
2.8.2.3 Prinsip Umum OOAD ........................................................... 50
2.8.2.4 Aktivitas Utama dalam OOAD .............................................. 51
2.9 UML (Unified Modelling Language) ......................................................... 55
2.9.1 Pengertian UML ............................................................................... 55
2.9.2 Tujuan UML ..................................................................................... 56
2.9.3 Diagram Dan Teknik Pemodelan ...................................................... 56
2.9.3.1 Diagram Terstruktur .............................................................. 57
2.10 Bahasa Pemrograman PHP ...................................................................... 60
2.10.1 Dasar-Dasar PHP ............................................................................ 60

xi

2.10.2 Sejarah Singkat PHP ....................................................................... 61
2.10.3 Kelebihan PHP ............................................................................... 61
2.10.4 Skrip PHP ....................................................................................... 62
2.11 Perangkat Pendukung .............................................................................. 63
2.11.1 Web Browser ............................................................................... 63
2.11.2 Server Web.................................................................................... 63
2.11.3 Adobe Photoshop .......................................................................... 64
2.11.4 Macromedia Dreamweaver ........................................................... 64
2.12 Studi Literatur Sejenis ............................................................................. 65
BAB III METODE PENELITIAN ............................................................................. 67
3.1 Metode Pengumpulan Data ........................................................................ 67
3.1.1 Studi Lapangan ................................................................................. 67
3.1.2 Studi Pustaka .................................................................................... 69
3.1.3 Literatur Sejenis ................................................................................ 69
3.2 Metode Pengembangan Sistem .................................................................. 70
3.2.1 Problem Domain Anlysis................................................................... 70
3.2.2 Application Domain Anlysis ............................................................. 70
3.2.3 Architectural Design ........................................................................ 71
3.2.4 Component Design............................................................................ 71
3.2.5 Programming .................................................................................... 72
3.2.6 Quality Ansuance .............................................................................. 73
3.3 Kerangka Penelitian................................................................................... 73
BAB IV HASIL DAN PEMBAHASAN...................................................................... 75

xii

4.1 Problem Domain Anlysis .......................................................................... 75
4.1.1 Literatur Sejenis ................................................................................ 75
4.1.2 Profil Yayasan Griya Yatim dan Dhu’afa .......................................... 77
4.1.2.1 Tentang Donatur Yayasan Griya Yatim dan Dhu’afa ............. 79
4.1.2.2 Visi dan Misi ......................................................................... 80
4.1.2.3 Tujuan ................................................................................... 80
4.1.2.4 Struktur Organisasi................................................................ 81
4.1.3 Analisis Sistem Berjalan ................................................................... 87
4.1.3.1 Activity Diagram Sistem Berjalan.......................................... 88
4.1.3.2 Kendala/Kelemahan Sistem Berjalan .................................... 89
4.1.3.3 Kelebihan Sistem Berjalan .................................................... 90
4.1.4 Analisis Sistem yang Diusulkan ........................................................ 91
4.1.4.1 Kebutuhan Dasar Sistem ....................................................... 91
4.1.4.2 Pemodelan kelas .................................................................... 95
4.2 Application Problem Domain .................................................................... 98
4.2.1 Batasan Masalah Sistem.................................................................... 98
4.2.2 Spesifikasi Aktor Dan Use Case ....................................................... 99
4.2.3 Use Case Diagram ...........................................................................101
4.2.3.1 Spesifikasi Use Case ............................................................101
4.2.4 Pemodelan Aktivitas .........................................................................113
4.2.5 Function List.....................................................................................129
4.2.6 Class Diagram ..................................................................................131
4.2.6.1 Struktur Database .....................................................................134

xiii

4.2.6.2 Matriks CRUD ..........................................................................141
4.2.7 Sequence Diagram ..........................................................................144
4.2.8 Statechart Diagram..........................................................................156
4.2.9 Collaboration Diagram....................................................................178
4.3 Architectural Design ................................................................................189
4.3.1 Desain Kriteria.................................................................................189
4.3.2 Deployment Diagram .......................................................................181
4.4 Component Design ...................................................................................192
4.4.1 Component Diagram........................................................................192
4.4.2 User Interface Component ...............................................................193
4.5 Programming ...........................................................................................228
4.6 Quality Ansurance ....................................................................................229
4.6.1 Spesifikasi Hardware.......................................................................229
4.6.2 Spesifikasi Software .........................................................................230
4.6.3 Testing .............................................................................................231
BAB V PENUTUP .....................................................................................................238
5.1 Simpulan ..................................................................................................238
5.2 Saran ........................................................................................................239
DAFTAR PUSTAKA .................................................................................................240
LAMPIRAN 1. WAWANCARA PENELITIAN ......................................................244
LAMPIRAN 2. CODING PROGRAM ......................................................................251
LAMPIRAN 3. INTERFACE PROGRAM ...............................................................259
LAMPIRAN 4. SURAT KETERANGAN & BERKAS............................................271

xiv

DAFTAR GAMBAR
Gambar 1.1 Tahapan Object Oriented Analysis And Design (OOAD) ............................. 9
Gambar 1.2 Aktivitas pada tahapan Problem Domain Analysis ..................................... 10
Gambar 1.3 Alur Application Domain Analysis ............................................................. 12
Gambar 1.4 Alur pada tahap Component Design ........................................................... 13
Gambar 2.1 Siklus Informasi ........................................................................................ 32
Gambar 2.2 Siklus Pengelolaan Data............................................................................. 33
Gambar 2.3 Model Sistem Informasi Manajemen (SIM) ............................................... 38
Gambar 2.4 Contoh Sistem informasi keuangan ............................................................ 39
Gambar 3.1 Kerangka Penelitian ................................................................................... 74
Gambar 4.1 Struktur Organisasi .................................................................................... 81
Gambar 4.2 Activity Diagram Sistem Berjalan .............................................................. 89
Gambar 4.3 Batasan Masalah Sistem ............................................................................ 98
Gambar 4.4 Use Case Diagram Sistem Informasi Manajemen Pengelolaan
Donatur........................................................................................................................101
Gambar 4.5 Activity Diagram Untuk Use Case “Registrasi Donatur” ...........................126
Gambar 4.6 Activity Diagram Untuk Use Case “Login” ...............................................115
Gambar 4.7 Activity Diagram Untuk Use Case “Manajemen Komentar” .....................116
Gambar 4.8 Activity Diagram Untuk Use Case “Manajemen Modul”...........................118
Gambar 4.9 Activity Diagram Untuk Use Case “Manajemen Donatur” ........................119
Gambar 4.10 Activity Diagram Untuk Use Case “Manajemen Anak Asuh”..................120
Gambar 4.11 Activity Diagram Untuk Use Case “Manajemen User” ...........................121
Gambar 4.12 Activity Diagram Untuk Use Case “Manajemen Trans. Donasi” .............122

xv

Gambar 4.13 Activity Diagram Untuk Use Case “Manajemen Keuangan Donasi”........125
Gambar 4.14 Activity Diagram Untuk Use Case “Upload File” ...................................126
Gambar 4.15 Activity Diagram Untuk Use Case “Download File” ...............................127
Gambar 4.16 Activity Diagram Untuk Use Case “Logout” ...........................................128
Gambar 4.17 Class Diagram Sistem informasi manajemen pengelolaan donatur ..........132
Gambar 4.18 Sequence Diagram Untuk Use Case “Registrasi Donatur” ......................145
Gambar 4.19 Sequence Diagram Untuk Use Case “Login” ..........................................146
Gambar 4.20 Sequence Diagram Untuk Use Case “Manajemen Komentar” .................147
Gambar 4.21 Sequence Diagram Untuk Use Case “Manajemen Modul” ......................148
Gambar 4.22 Sequence Diagram Untuk Use Case “Manajemen Donatur”....................149
Gambar 4.23 Sequence Diagram Untuk Use Case “Manajemen Anak Asuh” ...............150
Gambar 4.24 Sequence Diagram Untuk Use Case “Manajemen User” .........................151
Gambar 4.25 Sequence Diagram Untuk Use Case “Manajamen Trans. Donasi” ...........152
Gambar 4.26 Sequence Diagram Untuk Use Case “Manajemen Keuangan
Donasi” ........................................................................................................................153
Gambar 4.27 Sequence Diagram Untuk Use Case “Upload File” .................................154
Gambar 4.28 Sequence Diagram Untuk Use Case “Download File” ............................155
Gambar 4.29 Sequence Diagram Untuk Use Case “Logout” ........................................155
Gambar 4.30 Statechart Diagram Untuk Use Case “Registrasi Donatur” .....................157
Gambar 4.31 Statechart Diagram Untuk Use Case “Login” .........................................159
Gambar 4.32 Statechart Diagram Untuk Use Case “Manajemen Komentar”................161
Gambar 4.33 Statechart Diagram Untuk Use Case “Manajemen Modul” .....................163
Gambar 4.34 Statechart Diagram Untuk Use Case “Manajemen Donatur” ..................164

xvi

Gambar 4.35 Statechart Diagram Untuk Use Case “Manajemen Anak Asuh” .............166
Gambar 4.36 Statechart Diagram Untuk Use Case “Manajemen User” .......................168
Gambar 4.37 Statechart Diagram Untuk Use Case “Manajamen Trans. Donasi” .........170
Gambar 4.38 Statechart Diagram Untuk Use Case “Manajemen Keuangan
Donasi” ........................................................................................................................172
Gambar 4.39 Statechart Diagram Untuk Use Case “Upload File” ...............................174
Gambar 4.40 Statechart Diagram Untuk Use Case “Download File” ...........................176
Gambar 4.41 Statechart Diagram Untuk Use Case “Logout” .......................................177
Gambar 4.42 Collaboration Diagram Untuk Use Case “Registrasi Donatur” ...............178
Gambar 4.43 Collaboration Diagram Untuk Use Case “Login” ...................................179
Gambar 4.44 Collaboration Diagram Untuk Use Case “Manajemen Komentar”..........180
Gambar 4.45 Collaboration Diagram Untuk Use Case “Manajemen Modul” ...............181
Gambar 4.46 Collaboration Diagram Untuk Use Case “Manajemen Donatur” ............182
Gambar 4.47 Collaboration Diagram Untuk Use Case “Manajemen Anak Asuh”........183
Gambar 4.48 Collaboration Diagram Untuk Use Case “Manajemen User” .................181
Gambar 4.49 Collaboration Diagram Untuk Use Case “Manajamen Trans.
Donasi” ........................................................................................................................184
Gambar 4.50 Collaboration Diagram Untuk Use Case “Manajemen Keuangan
Donasi” ........................................................................................................................186
Gambar 4.51 Collaboration Diagram Untuk Use Case “Upload File” .........................187
Gambar 4.52 Collaboration Diagram Untuk Use Case “Download File” .....................185
Gambar 4.53 Collaboration Diagram Untuk Use Case “Logout” .................................188

xvii

Gambar 4.54 Deployment Diagram Sistem Informasi Manajemen Pengelolaan
Donatur .......................................................................................................................191
Gambar 4.55 Component Diagram Sistem Informasi Manajemen Pengelolaan
Donatur .......................................................................................................................192
Gambar 4.56 Tampilan Utama (Home) Sistem informasi manajemen pengelolaan
donatur ........................................................................................................................196
Gambar 4.57 Tampilan Profil Tentang Donatur............................................................197
Gambar 4.58 Tampilan Profil Cara Pembayaran Transaksi Donasi. ..............................198
Gambar 4.59 Tampilan Tabel Jenis Donasi ..................................................................199
Gambar 4.60 Tampilan Form Komentar. ......................................................................200
Gambar 4.61 Tampilan Form Registrasi Donatur. ........................................................201
Gambar 4.62 Tampilan Sukses Registrasi ....................................................................202
Gambar 4.63 Tampilan Home User Donatur Online .....................................................202
Gambar 4.64 Tampilan Form Transaksi Donasi Online ................................................203
Gambar 4.65 Tampilan Sukses Transaksi Donasi. ........................................................204
Gambar 4.66 Tampilan Tabel Data Transaksi Donasi Online .......................................205
Gambar 4.67 Tampilan Invoice Donasi ........................................................................205
Gambar 4.68 Tampilan Halaman Download File .........................................................206
Gambar 4.69 Tampilan Home Admin ...........................................................................206
Gambar 4.70 Tampilan Manajemen Profil Tentang Donatur.........................................207
Gambar 4.71 Tampilan Manajemen Profil Tentang Donatur.........................................208
Gambar 4.72 Tampilan Manajemen Komentar .............................................................208
Gambar 4.73 Tampilan Update Komentar ....................................................................209

xviii

Gambar 4.74 Tampilan Data Donatur Online ...............................................................210
Gambar 4.75 Tampilan Edit Data Donatur Online .......................................................210
Gambar 4.76 Tampilan Cetak Data Donatur Online ....................................................211
Gambar 4.77 Tampilan Data Donatur Cabang Asrama Griya Bintaro ..........................211
Gambar 4.78 Tampilan Cetak Data Donatur Cabang Asrama Griya Bintaro ................212
Gambar 4.79 Tampilan Data Transaksi Donasi Online .................................................213
Gambar 4.80 Tampilan Konfirmasi Dari Data Transaksi Donasi Online .......................213
Gambar 4.81 Tampilan Cetak Seluruh Data Transaksi Donasi Online ..........................214
Gambar 4.82 Tampilan Laporan Donasi Uang..............................................................215
Gambar 4.83 Tampilan Tambah Laporan Donasi Uang ................................................215
Gambar 4.84 Tampilan Cetak Data Laporan Donasi Uang ...........................................216
Gambar 4.85 Tampilan Upload File .............................................................................217
Gambar 4.86 Tampilan Tambah File Upload ...............................................................217
Gambar 4.87 Tampilan Login CS (Customer Service) ..................................................218
Gambar 4.88 Tampilan Home CS (Customer Service) ..................................................219
Gambar 4.89 Tampilan Tabel Manajemen User CS.....................................................219
Gambar 4.90 Tampilan Tambah Data Manajemen User CS .........................................220
Gambar 4.91 Tampilan Ganti Password User CS ........................................................221
Gambar 4.92 Tampilan Tabel Manajemen User CS.....................................................221
Gambar 4.93 Tampilan Tabel Data Donatur Cabang Griya Yatim dan Dhu’afa ...........222
Gambar 4.94 Tampilan Laporan Data Donatur Per Periode ..........................................223
Gambar 4.95 Tampilan Form Cetak Kartu Donatur ......................................................224
Gambar 4.96 Tampilan Cetak Kartu Donatur ...............................................................224

xix

Gambar 4.97 Tampilan Form Transaksi Donasi Tunai .................................................225
Gambar 4.98 Tampilan Data Transaksi Donasi Cabang ................................................226
Gambar 4.99 Tampilan Data Transaksi Donasi Cabang Asrama Griya Bintaro.............226
Gambar 4.100 Tampilan Laporan Data Transaksi Donasi Per Periode ..........................227
Gambar 4.101 Tampilan Laporan Data Transaksi Donasi Per Periode ..........................227
Gambar 4.102 Tampilan Laporan Data Transaksi Donasi Per Jenis Donasi ..................228

xx

DAFTAR TABEL
Tabel 4.1 Hasil analisis dan perbandingan dari studi literatur sejenis ............................. 75
Tabel 4.2 Kandidat Class Entity Pada tampilan Utama Sistem (Donatur / Calon
Donatur) ....................................................................................................................... 96
Table 4.3 Kandidat Class Entity Pada tampilan Utama Admin ...................................... 96
Table 4.4 Kandidat Class Entity pada Operator Sistem (Bagian CS) .............................. 97
Tabel 4.5 Kebutuhan Aktor dan Use Case Pada Sistem ................................................. 99
Tabel 4.6 Spesifikasi Naratif Untuk Use Case “Registrasi Donatur” ............................102
Tabel 4.7 Spesifikasi Naratif Untuk Use Case “Login”.................................................102
Tabel 4.8 Spesifikasi Naratif Untuk Use Case “Manajemen Komentar” .......................103
Tabel 4.9 Spesifikasi Naratif Untuk Use Case “Manajemen Modul” ............................104
Tabel 4.10 Spesifikasi Naratif Untuk Use Case “Manajemen Donatur” ........................105
Tabel 4.11 Spesifikasi Naratif Untuk Use Case “Manajemen Anak Asuh” ...................106
Tabel 4.12 Spesifikasi Naratif Untuk Use Case “Manajemen User” .............................106
Tabel 4.13 Spesifikasi Naratif Untuk Use Case “Manajamen Trans. Donasi” ...............108
Tabel 4.14 Spesifikasi Naratif Untuk Use Case “konfirmasi Donasi” ...........................108
Tabel 4.15 Spesifikasi Naratif Untuk Use Case “Manajemen Keuangan Donasi” .........110
Tabel 4.16 Spesifikasi Naratif Untuk Use Case “Upload File” .....................................111
Tabel 4.17 Spesifikasi Naratif Untuk Use Case “Download File” ................................112
Tabel 4.18 Spesifikasi Naratif Untuk Use Case “Logout” .............................................113
Tabel 4.19 Tabel Function List ....................................................................................129
Tabel 4.20 Spesifikasi Database “User” ......................................................................134
Tabel 4.21 Spesifikasi Database “Anak Asuh” ............................................................135

xxi

Tabel 4.22 Spesifikasi Database “Donatur” .................................................................136
Tabel 4.23 Spesifikasi Database “Kartu Donatur”........................................................136
Tabel 4.24 Spesifikasi Database “Modul” ....................................................................137
Tabel 4.25 Spesifikasi Database “Operator (CS)” ........................................................137
Tabel 4.26 Spesifikasi Database “Transaksi Donasi” ...................................................138
Tabel 4.27 Spesifikasi Database “Trans_ol” ................................................................138
Tabel 4.28 Spesifikasi Database “Trans_tunai”............................................................139
Tabel 4.29 Spesifikasi Database “Produk (Jenis Donasi)” ............................................139
Tabel 4.30 Spesifikasi Database “Komentar” ..............................................................140
Tabel 4.31 Spesifikasi Database “Download” ..............................................................140
Tabel 4.32 Spesifikasi Database “Donasi uang”...........................................................141
Tabel 4.33 Matriks CRUD ...........................................................................................141
Tabel 4.34 Statechart Diagram Untuk Use Case “Registrasi Donatur”.........................157
Tabel 4.35 Statechart Diagram Untuk Use Case “Login”.............................................160
Tabel 4.36 Statechart Diagram Untuk Use Case “Manajemen Komentar” ...................161
Tabel 4.37 Statechart Diagram Untuk Use Case “Manajemen Modul” ........................163
Tabel 4.38 Statechart Diagram Untuk Use Case “Manajemen Donatur” ......................164
Tabel 4.39 Statechart Diagram Untuk Use Case “Manajemen Anak Asuh” .................166
Tabel 4.40 Statechart Diagram Untuk Use Case “Manajemen User” ...........................168
Tabel 4.41 Statechart Diagram Untuk Use Case “Manajamen Trans. Donasi” .............170
Tabel 4.42 Statechart Diagram Untuk Use Case “Manajemen Keuangan Donasi” .......173
Tabel 4.43 Statechart Diagram Untuk Use Case “Upload File” ...................................175
Tabel 4.44 Statechart Diagram Untuk Use Case “Download File” ..............................176

xxii

Tabel 4.45 Statechart Diagram Untuk Use Case “Logout” ...........................................177
Tabel 4.46 Kriteria Sistem yang Diusulkan ..................................................................189
Tabel 4.47 Testing Pada Tampilan Halaman Utama (Home).........................................231
Tabel 4.48 Testing Pada Tampilan Halaman User (Donatur Online).............................232
Tabel 4.49 Testing Pada Tampilan Halaman User (Admin) ..........................................233
Tabel 4.50 Testing Pada Tampilan Halaman CS ...........................................................235

xxiii

DAFTAR SIMBOL
Diagram UML (Unified Modelling Language) (Sumber: Munawar, 2005)
No

Nama Diagram

Simbol

Nama
Actor

1

Use Case Diagram
Use Case
Participant
Class

2

Class Diagram

Datatype

Interface
Generalization

Participant

3

Sequence Diagram

Simpel Message
Synchronous
Asynchronous

4

Activity Diagram

Titik Awal
Titik Akhir
Activity
Pilihan untuk
mengambil
keputusan
Fork

xxiv

Tanda
Pengiriman

Tanda
Penerimaan

Component

5

Component Diagram
Interface

6

Deployment Diagram

Node1

Node
Comunicates

7

State Diagram

Initial State

State1

State

Transition

Fork
Decision
Final State

xxv

DAFTAR ISTILAH
NO. Istilah

Pengertian

1.

Orang yang menyumbangkan dana baik

Donatur

perorangan maupun kelompok / perusahaan
berupa uang, barang layak pakai, dan lainlain.
2.

Donatur online

Seseorang yang telah melakukan pendaftaran
donatur melalui internet atau secara online.

3.

Transaksi

Donasi

transaksi tunai

/ Suatu proses dalam melakukan memberikan
sumbangan dengan cara dating langsung ke
salah satu cabang asrama yang dimiliki
Yayasan Griya Yatim.

4.

Transaksi donasi online

Suatu proses dalam melakukan transaksi
donasi melalui internet atasu secara online.

5.

CS (Customer Service)

Pada Yayasan Griya Yatim CS berperan
sebagai orang yang melayani para daonatur
dan calon donatur yang akan melakukan
pendaftaran donatur dan juga transaksi donasi
secara langsung pada setiap cabang asrama.

xxvi

BAB I
PENDAHULUAN

1.1

Latar Belakang
Perkembangan teknologi informasi yang saling mendukung satu sama lain

sehingga melahirkan konsep teknologi informasi berbasis internet, kini
perkembangannya semakin luas dan semakin banyak diterapkan dalam bisnis
perusahaan

di

berbagai

bidang

(Indrajani,

2007).

Seiring

berjalannya

perkembangan teknologi tersebut, para pemimpin perusahaan selalu menggunakan
informasi untuk menjalankan tugas-tugasnya sehingga memperoleh informasi
yang akurat, dan inovasi yang memungkinkan semua itu adalah pemanfaatan
teknologi komputer. Selain itu, perkembangan sistem informasi saat ini juga
semakin berkembang, karena sistem informasi sangat berperan untuk memadukan
semua unsur-unsur dan saling berhubungan sehingga sistem informasi tersebut
harus dipandang sebagai suatu sistem tunggal dan cukup kompleks sehingga perlu
diuraikan menjadi subsistem-subsistem untuk perencanaan dan pengendalian
pengembangannya serta untuk mengendalikan operasinya (Lubis, 2003).
Beberapa artikel di atas mengenai perkembangan teknologi maupun sistem
informasi saat ini juga telah mempengaruhi sebagian masyarakat Indonesia yang
mayoritas beragama Islam, khususnya yang mengelola suatu organisasi atau
lembaga dalam bidang sosial kemanusiaan, salah satunya yaitu dengan melakukan
pengelolaan dana untuk keperluan anak yatim dan dhu’afa. Karena dapat kita
ketahui juga telah banyak masyarakat yang ingin mengeluarkan sebagian hartanya

1

2

untuk kepentingan orang lain atau biasa disebut dengan bersedekah. Karena
dalam Al-quran juga telah dijelaskan tentang perintah untuk selalu bernafkah
dijalan Allah, yaitu terdapat pada Al-quran surat Al Baqarah ayat 254 dan 267
yang artinya “Hai orang-orang yang beriman, belanjakan lah (dijalan Allah)
sebagian dari rezeki yang telah kami berikan kepadamu sebelum datang hari
yang pada hari itu tidak ada lagi jual beli dan tidak ada lagi persahabatan yang
akrab dan tidak ada lagi syafa’at. Dan orang-orang kafir itulah orang-orang
yang zalim (Al-baqarah 2 : 254) ” dan “Hai orang-orang yang beriman,
nafkahkanlah (dijalan Allah) sebagian hasil usahamu yang baik-baik dan
sebagian dari apa yang kami keluarkan dari bumi untuk kamu. Dan janganlah
kamu memilih yang buruk-buruk lalu kamu nafkahkan daripadanya, padahal
kamu sendiri tidak mau mengambilnya melainkan dengan memicingkan mata
terhadapnya. Dan ketahuilah bahwa Allah Maha Kaya lagi Maha Terpuji (AlBaqarah 2 : 267)”. Dari ayat-ayat tersebut telah jelas bahwa kita sebagai umat
manusia untuk selalu menafkahkan apa yang telah dimiliki oleh kita yang
tentunya diberikan kepada orang yang membutuhkan maupun kepada organisasiorganisasi yang mengelola dalam bidangnya. Pengelolaan dana tersebut kini telah
banyak dikelola oleh suatu organisasi, seperti BAZIS (Badan Amil Zakat, Infaq
dan Shodaqah), BAZNAS (Badan Amil Zakat Nasional), dan lembaga-lembaga
lainnya yang mengelola dana zakat, infaq dan shodaqah (Rosiyadi, 2005).
lembaga maupun organisasi itu tentunya tidak mudah dalam mengelola data-data
yang diterima, baik dalam pemasukan dana maupun pengeluaran dan penyaluran
dana yang dilakukan. Untuk melakukan proses tersebut perlu adanya sistem

3

pengolahan informasi yang menunjang pelaksanaan manajemen, yaitu salah
satunya dengan menerapkan Sistem Informasi Manajenem (SIM) dalam setiap
proses bisnisnya.
Sistem informasi manajemen dirancang untuk memenuhi kebutuhan
informasi umum kepada manajer di dalam perusahaan. Seperti dengan
menerapkan sistem informasi keuangan yang mengelola sumber daya keuangan
yang baik agar dapat menghasilkan informasi yang berkualitas untuk mendukung
manajerial dalam mengambil keputusan (Mulyanto, 2009). Dalam kasus ini juga
dialami oleh Yayasan Griya Yatim dan Dhu’afa (selanjutnya akan disebut
Yayasan / Yayasan Griya Yatim) yang saat ini menjadi pembahasan dalam
pensulisan skripsi.
Yayasan Griya Yatim ini merupakan suatu lembaga organisasi sosial yang
berfungsi untuk mengelola dan menjembatani para donatur yang ingin
memberikan donasi atau menyumbangkan sebagian hartanya untuk disalurkan
kepada orang-orang yang membutuhkan khususnya anak-anak yatim dan dhu’afa
yang mereka kelola. Beberapa sistem yang berjalan saat ini yaitu, pelayanan
pendaftaran donatur, transaksi donatur secara tunai, laporan data donatur, dan
transaksi dana donatur (donasi) yang diterima. Dari proses kegiatan tersebut masih
dilakukan secara manual, seperti pada proses penyimpanan data donatur dan
proses pencatatan transaksi-transaksi yang dilakukan masih menggunakan
pengisian form atau kertas yang disediakan pihak Yayasan sehingga dapat
mengakibatkan terjadinya penumpukkan kertas dari bukti-bukti transaksi tersebut.
Selain itu, pada Yayasan ini belum terdapat proses pendataan dalam penyaluran

4

atau penggunaan dana yang dikeluarkan, sehingga para donatur tidak dapat
mengetahui informasi mengenai pemanfaatan dan penyaluran dana yang mereka
sumbangkan.
Beberapa proses yang telah berjalan itu, kini telah menyulitkan pihak
Yayasan, terutama dalam melakukan proses pencarian data donatur dan
penyimpanan bukti-bukti transaksi yang telah dilakukan, dan sulit untuk
melakukan pembuatan laporan-laporan yang dibutuhkan oleh pihak Yayasan
maupun bagi para donatur, sehingga memicu pihak Yayasan untuk menerapkan
proses pengelolaan data khususnya pada data-data donatur secara sistematis dan
juga berbasis web.
Berdasarkan permasalahan tersebut, mendorong suatu usaha untuk
dilakukannya perancangan sistem informasi manajemen pengelolaan donatur,
yang meliputi transaksi serta penyaluran dana donatur yang ada di Yayasan Griya
Yatim. Hal ini juga yang menjadi latar belakang dalam melakukan penelitian yang
akan dibahas lebih lanjut dalam penyusunan skripsi ini dengan judul Sistem
Informasi Manajemen Dana Pengelolaan Donatur Berbasis Web Pada
Yayasan Griya Yatim dan Dhu’afa (Studi Kasus: Cabang Asrama Griya
Bintaro). Sehingga dengan dilakukannya penelitian ini Insya Allah dapat
memperbaiki dari sistem yang ada dan juga dapat menanggulangi dari masalahmasalah yang suatu saat akan timbul.
1.2

Perumusan Masalah
Berdasarkan latar belakang di atas, maka masalah yang akan dibahas dalam

penelitian ini adalah sebagai berikut :

5

1. Bagaimana merancang sistem informasi manajemen pengelolaan donatur
dalam melakukan beberapa proses seperti pendaftaran dan transaksi
donasi maupun dalam pembuatan laporan-laporan transaksi secara
sistematis dan memudahkan pihak Yayasan dalam memberikan layanan
kepada para donatur dan calon donatur ?
2. Bagaimana menerapkan suatu sistem informasi yang berfungsi sebagai
salah satu media promosi kepada para calon donatur?

1.3

Batasan Masalah
Berdasarkan masalah di atas, maka ruang lingkup penelitian ini dibatasi

pada:
1. Perancangan sistem informasi manajemen pengelolaan donatur ini hanya
dilakukan pada Yayasan Griya Yatim dan Dhu’afa, tepatnya di cabang
Yayasan Asrama Griya Bintaro.
2. Penelitian ini hanya dilakukan sampai tahap pengujian sistem, dan tidak
sampai ke tahap penerapan atau pemeliharaan sistem.
3. Proses bisnis yang dilakukan pada sistem ini hanya dibatasi pada proses
pendaftaran donatur, transaksi donasi dan pembuatan laporan keuangan
donasi dengan menggunakan aplikasi berbasis web (web based
application). Akan tetapi pada proses pembuatan laporan keuangan
donasi hanya dibuat secara umum tidak secara detail / keseluruhan serta
pada proses transfer donasi dilakukan diluar sistem dan tidak
berhubungan langsung dengan pihak Bank.

6

4. Bahasa pemrograman yang digunakan dalam perancangan sistem
informasi manajemen pengelolaan donatur ini adalah menggunakan
bahasa pemrograman PHP dengan MySQL sebagai database yang
terangkum pada aplikasi web server Apache.

1.4

Tujuan dan Manfaat
1.4.1 Tujuan
Tujuan umum dari penelitian ini adalah menghasilkan sistem
informasi manajemen dana pengelolaan donatur berbasis web. Dan tujuan
khusus dari penelitian ini adalah untuk :
1. Menghasilkan sistem yang mendukung proses kinerja pada Yayasan
Griya Yatim dan Dhu’afa khususnya dalam melakukan pelayanan
terhadap donatur, yaitu dengan membangun dan merancang sistem
informasi manajemen pengelolaan donatur.
2. Membantu pihak Yayasan dalam mengelola seluruh data manajemen
donatur, dengan merancang database dan sistem berbasis web sehingga
data tersebut dapat lebih terstruktur serta membantu para calon donatur
yang ingin melakukan pendaftaran maupun transaksi donasi melalui
internet.

1.4.2 Manfaat
Manfaat dari penelitian ini adalah sebagai berikut :

7

1. Memberikan informasi untuk menambah pengetahuan mengenai
sistem manajemen pengelolaan donatur bagi lembaga-lembaga
sosial yang bergerak dalam bidang sejenis.
2. Menjadi bahan evaluasi bagi sistem yang telah berjalan dan sebagai
bahan penelitian selanjutnya dalam bidang manajemen pengelolaan
donatur.
3. Memberikan gambaran proses umum mengenai sistem manajemen
pengelolaan donatur.

1.5

Metode Penelitian
1.5.1 Metode Pengumpulan Data
Teknik pengumpulan data yang dilakukan adalah :
1. Studi Lapangan
Penelitian ini dilakukan dengan datang langsung ketempat
penelitian untuk memperoleh informasi serta data yang diperlukan.
Adapun teknik yang ditempuh adalah (Jogiyanto, 2008):
a. Observasi

merupakan

teknik

atau

pendekatan

untuk

mendapatkan data primer dengan cara mengamati langsung dari
objek datanya;
b. Interview atau wawancara adalah komunikasi dua arah untuk