101
4.2.2 Activity Diagram
Setelah specification use case selesai, selanjutnya akan menggambarkan rangkaian activity diagram dari masing-masing use case. Activity diagram secara
grafis menggambarkan logika procedural, proses bisnis dan alur kerja. Berikut adalah design activity diagram dari use case sistem usulan :
1. Activity Diagram Login
Gambar 4.7 Activity Diagram Login
Berdasarkan gambar 4.7 mendeskripsikan activity diagram mengenai fungsi login. Sebelum user masuk menggunakan sistem, user harus login terlebih
dahulu dengan cara memasukkan username dan password yang telah diberikan oleh administrator. Jika data yang diisikan invalid maka akan muncul konfirmasi
kesalahan dan isi kembali data login. Jika data valid maka akan tampil home pelanggan beserta dengan menu pelanggan. Setelah itu aktifitas usecase login
berakhir.
102 2.
Activity Diagram Daftar Muzakki
Gambar 4.8 Activity Diagram Daftar Muzakki
Dari gambar 4.8 ini menjelaskan user dalam fungsi mendaftarkan muzakki yang akan membayar ZIS. User harus login terlebih dahulu sesuai dengan peran
masing-masing user. Setelah itu, user memilih select muzakki lalu mengisi data diri calon muzakki selengkapnya terutama pada kolom yang telah diberi bintang.
Apabila terjadi kesalahan dalam pengisian muzakki, maka user harus mengisi ulang data calon muzakki. Setelah user mengisi data diri calon muzakki dengan
lengkap. Simpan data muzakki tersebut, kemudian apabila telah selesai dari aktifitas, logout user dari sistem.
103 3.
Activity Diagram Lihat Data Muzakki
Gambar 4.9 Activity Diagram Lihat Data Muzakki
Dari gambar 4.9 ini menjelaskan user dalam fungsi melihat data muzakki yang telah terdaftar. User harus login terlebih dahulu sesuai dengan peran masing-
masing user. Setelah itu, user memilih select data muzakki lalu sistem akan menampilkan daftar para muzakki. User dapat mencetak kartu muzakki dan
mencetak data detail dari muzakki, lalu user dapat menambahkan nomor rekening muzakki. Apabila telah selesai dari aktifitas, logout user dari sistem.
104 4.
Activity Diagram Lihat Data Rekening Muzakki
Gambar 4.10 Activity Diagram Lihat Data Rekening Muzakki
Dari gambar 4.10 ini menjelaskan user dalam fungsi melihat data muzakki yang memiliki nomor rekening dan yang telah membayar zakat atau infak dengan
cara transfer. User harus login terlebih dahulu sesuai dengan peran masing- masing user. Setelah itu, user memilih select data rekening muzakki lalu sistem
akan menampilkan daftar para muzakki yang telah mengisi nomor rekening. User bisa mencetak transaksi pembayaran donasi dengan cara transfer. Apabila telah
selesai dari aktifitas, logout user dari sistem.
105 5.
Activity Diagram Bayar Donasi
Gambar 4.11 Activity Diagram Bayar Donasi
Berdasarkan gambar 4.11 ini user menerima pembayaran donasi dari muzakki baik berupa zakat maal, zakat fitrah, atau infak. User harus login terlebih
dahulu sesuai dengan peran masing-masing user. Pilih select penerimaan transaksi lalu sistem akan menampilkan daftar muzakki. Pilih select muzakki
dengan jenis pembayaran zakat maal, zakat fitrah, atau infak. Apabila memilih zakat maal, sistem akan menampilkan form
untuk transaksi penerimaan zakat.
Pilih kategori zakat maal yang dikehendaki dan mengisikan jumlah donasi yang
dibayar. Simpan penerimaan donasi zakat maal lalu cetak bukti setor zakat yang
106 akan diberikan kepada muzakki yang telah membayar zakat. Apabila memilih
bayar infak, sistem akan menampilkan form untuk peerimaan pembayaran donasi infak. Isi jumlah donasi yang dibayar dari muzakki. Simpan penerimaan donasi
infak lalu cetak bukti setor yang akan diberikan kepada muzakki. Begitu pula dengan bayar zakat fitrah. Kemudian apabila telah selesai dari aktifitas, logout
user dari sistem. 6.
Activity Diagram Cetak Laporan Penerimaan
Gambar 4.12 Activity Diagram Cetak Laporan Penerimaan
Berdasarkan gambar 4.12, user mencetak laporan penerimaan ZIS sebelumnya user harus login terlebih dahulu sesuai dengan peran masing-masing
user. Pilih select laporan penerimaan lalu sistem akan menampilkan daftar muzakki yang telah melakukan pembayaran ZIS pada hari ini. User bisa memilih
107 tanggal yang dikehendaki untuk melihat data laporan penerimaan per period.
Setelah itu user mencetak laporan penerimaan dengan cara pilih select cetak laporan. Kemudian apabila telah selesai dari aktifitas, logout user dari sistem.
7. Activity Diagram Cetak Bukti Setor
Gambar 4.13 Activity Diagram Cetak Bukti Setor
Berdasarkan gambar 4.13, user mencetak bukti setor ZIS sebelumnya user harus login terlebih dahulu sesuai dengan peran masing-masing user. Pilih select
data transaksi penerimaan lalu sistem akan menampilkan daftar muzakki yang telah melakukan pembayaran ZIS pada hari ini. User bisa memilih tanggal yang
108 dikehendaki untuk melihat data laporan penerimaan per period. Setelah itu user
mencetak bukti setor dengan cara pilih select memilih muzakki mana yang akan dicetak laporan transaksinya. Kemudian apabila telah selesai dari aktifitas, logout
user dari sistem. 8.
Activity Diagram Daftar Mustahik
Gambar 4.14 Activity Diagram Daftar Mustahik
Dari gambar 4.14, activity diagram ini menjelaskan user dalam mendaftarkan muzakki. User harus login terlebih dahulu sesuai dengan peran
masing-masing user. Setelah itu, user memilih select mustahik lalu sistem akan menampilkan form isian biodata mustahik. User mengisi data diri calon mustahik
109 selengkapnya terutama pada kolom yang telah diberi bintang. Apabila terjadi
kesalahan dalam pengisian mustahik, maka user harus mengisi ulang data calon mustahik. Setelah user mengisi data diri calon mustahik dengan lengkap. Simpan
data mustahik tersebut, kemudian apabila telah selesai dari aktifitas, logout user dari sistem.
9. Activity Diagram Lihat Data Mustahik
Gambar 4.15 Activity Diagram Lihat Data Mustahik
Dari gambar 4.15 ini menjelaskan user dalam fungsi melihat data mustahik yang telah terdaftar. User harus login terlebih dahulu sesuai dengan
peran masing-masing user. Setelah itu, user memilih select data mustahik lalu sistem akan menampilkan daftar para mustahik. User bisa mencetak daftar para
mustahik atau mencetak data detail dari mustahik. Apabila telah selesai dari aktifitas, logout user dari sistem.
110 10.
Activity Diagram Penyaluran Langsung
Gambar 4.16 Activity Diagram Penyaluran Langsung
Berdasarkan gambar 4.16, user melakukan transaksi penyaluran kepada mustahik secara langsung. Sebelumnya user harus login terlebih dahulu sesuai
dengan peran masing-masing user. Setelah itu, pilih select penyaluran langsung lalu sistem akan menampilkan form isian data transaksi yang akan diisi. User
mencari dan memilih mustahik bersangkutan yang akan menerima bantuan penyaluran langsung. Simpan transaksi penyaluran ZIS tersebut, kemudian
apabila telah selesai dari aktifitas, logout user dari sistem.
111 11.
Activity Diagram Penyaluran Program
Gambar 4.17 Activity Diagram Penyaluran Program
Berdasarkan gambar 4.17, user melakukan transaksi penyaluran kepada mustahik melalui program penyaluran ZIS. Sebelumnya user harus login terlebih
dahulu sesuai dengan peran masing-masing user. Setelah itu, pilih select penyaluran program lalu sistem akan menampilkan form isian data transaksi yang
akan diisi. Pilih program penyaluran mana yang sesuai dengan kebutuhan mustahik, lalu user mencari dan memilih mustahik bersangkutan yang akan
menerima bantuan penyaluran program. Simpan transaksi penyaluran ZIS tersebut, kemudian apabila telah selesai dari aktifitas, logout user dari sistem.
112 12.
Activity Diagram Cetak Laporan Penyaluran
Gambar 4.18 Activity Diagram Cetak Laporan Penyaluran
Berdasarkan gambar 4.18, user mencetak laporan penyaluran ZIS sebelumnya user harus login terlebih dahulu sesuai dengan peran masing-masing
user. Pilih select laporan penyaluran lalu sistem akan menampilkan daftar mustahik yang telah menerima bantuan penyaluran pada hari ini. User bisa
memilih tanggal yang dikehendaki untuk melihat data laporan penyaluran per period. Setelah itu user mencetak laporan penyaluran dengan cara pilih select
cetak laporan. Kemudian apabila telah selesai dari aktifitas, logout user dari sistem.
113 13.
Activity Diagram Cetak Bukti Salur
Gambar 4.19 Activity Diagram Cetak Bukti Salur
Berdasarkan gambar 4.19, user mencetak bukti salur ZIS sebelumnya user harus login terlebih dahulu sesuai dengan peran masing-masing user. Pilih select
data transaksi penyaluran lalu sistem akan menampilkan daftar mustahik yang telah mendapatkan bantuan penyaluran ZIS pada hari ini. User bisa memilih
tanggal yang dikehendaki untuk melihat data laporan penerimaan per period. Setelah itu user mencetak bukti salur dengan cara pilih select memilih muzakki
mana yang akan dicetak laporan transaksinya. Kemudian apabila telah selesai, logout user dari sistem.
114 14.
Activity Diagram Tambah Program Penyaluran
Gambar 4.20 Activity Diagram Tambah Program Penyaluran
Berdasarkan gambar 4.20, user menambah program utama penyaluran. Sebelumnya user harus login terlebih dahulu sebagai administrator. Pilih select
pengaturan umum lalu pilih kembali program utama. Setelah itu sistem akan menampilkan daftar nama program utama yang telah diisikan. Apabila ingin
menambah program utama penyaluran, pilih tambah program lalu sistem akan menampilkan form isian nama program utama. Simpan nama program tersebut,
kemudian apabila telah selesai, logout user dari sistem.
115 15.
Activity Diagram Tambah Subprogram Penyaluran
Gambar 4.21 Activity Diagram Tambah Subprogram Penyaluran
Berdasarkan gambar 4.21, user menambah subprogram penyaluran yang sebelumnya user sudah memasukkan program penyaluran utama. Sebelumnya
user harus login terlebih dahulu sebagai administrator. Pilih select pengaturan umum lalu pilih kembali program utama. Setelah itu sistem akan menampilkan
daftar nama suprogram dari program penyaluran utama yang telah dimasukkan. Apabila ingin menambah subprogram penyaluran, pilih tambah suprogram lalu
sistem akan menampilkan form isian nama program utama dan pilih juga program utamanya. Simpan nama subprogram tersebut, kemudian apabila telah selesai,
logout user dari sistem..
116 16.
Activity Diagram Tambah Kategori Zakat Maal
Gambar 4.22 Activity Diagram Tambah Kategori Zakat Maal
Berdasarkan gambar 4.22, user menambah kategori zakat maal. Sebelumnya user harus login terlebih dahulu sebagai administrator. Pilih select
pengaturan umum lalu pilih kembali kategori Zakat Maal. Sistem akan menampilkan daftar nama kategori dengan jumlah kadar dari zakat maal tersebut.
Pilih tambah kategori zakat Maal lalu isi nama zakat maal dan kadar dari zakat maal tersebut. Simpan kategori zakat maal kemudian apabila telah selesai, logout
user dari sistem.
117 17.
Activity Diagram Tambah Kategori Mustahik
Gambar 4.23 Activity Diagram Tambah Kategori Mustahik
Berdasarkan gambar 4.23, user menambah kategori mustahik yang terdiri dari 8 asnaf. Sebelumnya user harus login terlebih dahulu sebagai administrator.
Pilih select pengaturan umum lalu pilih kategori mustahik. Sistem akan menampilkan daftar kategori mustahik yang sudah didaftarkan. Pilih tambah
kategori mustahik lalu isi nama kategori mustahik. Simpan kategori mustahik kemudian apabila telah selesai, logout user dari sistem.
118 18.
Activity Diagram Tambah Pengguna
Gambar 4.24 Activity Diagram Tambah Pengguna
Berdasarkan gambar 4.24, pengguna menambah pengguna dapat mengakses sistem sesuai perannya masing-masing pada bagian tertentu.
Sebelumnya user harus login terlebih dahulu sebagai administrator. Pilih select pengaturan umum lalu pilih data pengguna. Sistem akan menampilkan daftar data
pengguna yang sudah terdaftar pada masing-masing bagian. Pilih tambah pengguna lalu isi nama username dan password dari masing-masing bagian.
Simpan nama pengguna kemudian apabila telah selesai, logout user dari sistem.
119
4.2.3 Class Diagram