87
4.3 Workshop Design
Pada tahap workshop design, dibuat desain yang merupakan solusi dari hasil analisis pada tahap requirement planning.
4.3.1. Use case Diagram
Interaksi antara sistem, eksternal sistem dan user dapat dilihat dalam Use case model diagram. Adapun langkah-langkah membuat Use case model
diagram: 1.
Identifikasi aktor 2.
Identifikasi Use case 3.
Use case model diagram 4.
Use case narasi
1. Identifikasi Aktor
No. Aktor
Deskripsi 1.
Administrator
Orang yang bertanggungjawab terhadap pengelolaan Sistem Informasi khususnya data
Muzaki dan user
2. Bagian
Penghimpun Bagian yang bertugas sebagai pintu masuk Muzaki
untuk menerima donasi dari Muzaki
3. Bagian Umum
Bagian yang bertanggungjawab terhadap pengelolaan mustahik dan penyaluran donasi
4. Manajemen
Orang yang bertanggungjawab terhadap kinerja BMT khususnya pengelolaan Zakat
Tabel 4.1 Identifikasi Aktor
88 1.
Administrator Data Muzaki adalah data yang paling penting dalam sistem ini, yang
mana data muzaki merupakan data utama yang berkaitan dengan zakat yang dibayarkan. Sehingga pengelolaannya pun menjadi sangat utama,
oleh karena itu keterkaitan antara seluruh proses data ini perlu diawasi oleh satu aktor yang bisa melakukan fungsi pengelolaan dan pengawasan
dengan baik. Sehingga dibutuhkan satu aktor yang dapat mengelola data Muzaki dan memiliki hak akses ke dalam user lain jika memang
diperlukan. Dan itulah tugas Administrator Sistem Informasi Zakat pada BMT Masjid Al-Azhar yang diberikan kepada staff IT bagian
penghimpunan.
2. Bagian Penghimpun
Adanya donasi yang masuk dari Muzaki ke BMT perlu dikelola dengan baik, dimulai dari diterimanya donasi tersebut oleh sebuah bagian yang
tugasnya menghimpun seluruh donasi tersebut mulai dari pencatatan, cetak bukti donasi sampai menghasilkan laporan penerimaan sehingga
seluruh proses pengelolaan donasi bisa terekam dengan baik. Maka adanya aktor Bagian Penghimpun menjadi penting dalam Sistem
Informasi Zakat ini karena yang nantinya aktor ini akan menjalani tugas- tugas tersebut. Fungsi aktor ini diberikan kepada semua karyawan
dibagian penghimpun.
89 3.
Bagian Umum Penyaluran donasi berhubungan dengan data mustahik sebagai penerima
dari donasi tersebut, mulai dari data mustahik yang diperoleh dari berbagai sumber sampai penyaluran kepada mustahik sesuai dengan
perintah dari pihak manajemen yang telah menyetujui penyaluran kepada mustahik. Oleh karena itu aktor bagian Umum dalam Sistem informasi
zakat ini menjadi sangat penting karena bagian ini yang akan mengelola mustahik dan proses penyaluran. Fungsi aktor ini diberikan pada petugas
amil di bagian umum.
4. Manajemen
Aktor ini merupakan aktor yang mempunyai hak akses ke dalam Sistem Informasi Zakat untuk menentukan penyaluran donasi baik menentukan
siapa yang berhak maupun besaran yang diberikan, selain itu memiliki peran penting sebagai penanggungjawab seluruh kegiatan di BMT
Masjid Al-Azhar. Oleh karena itu, untuk mengetahui kinerja BMT Masjid Al-Azhar aktor ini sangat membutuhkan hak akses ke dalam
Sistem Informasi Zakat untuk melihat laporan Muzaki, Donasi dan penyaluran dan akses untuk persetujuan penyaluran. Fungsi aktor ini
diberikan kepada Kepala Bagian.
90
2. Identifikasi Use case
No. Use case
Name Description
Aktor
1
Bayar Donasi Use case ini menggambarkan kegiatan
Muzaki yang membayar donasi kepada Bagian Penghimpun.
Muzaki
2
Buat Data Donasi
Use case ini menggambarkan kegiatan Bagian Penghimpun dalam membuat data
donasi. Use case ini depends on use case Bayar Donasi.
Bagian Penghimpun
3
Cetak Bukti Donasi
Use case ini menggambarkan kegiatan Bagian Penghimpun dalam membuat bukti
donasi dengan mencetaknya. Use case ini depends on use case Buat Data Donasi.
Bagian Penghimpun
4
Buat Data Muzaki
Use case ini menggambarkan kegiatan Administrator dalam membuat data
Muzaki. Administrator
5
Buat Tipe Muzaki
Use case ini menggambarkan kegiatan Administrator dalam membuat Tipe
Muzaki. Use case ini extends use case Buat data Muzaki.
Administrator
6
Buat Jenis Donasi
Use case ini menggambarkan kegiatan Administrator dalam membuat Jenis
Donasi. Use case ini extends use case Buat data Donasi.
Administrator
7
Buat Data Mustahik
Use case ini menggambarkan kegiatan Bagian Umum dalam membuat data
Mustahik.
Bagian Umum
8
Konfirmasi Penyaluran
Use case ini menggambarkan kegiatan Bagian Umum mengkonfirmasi
penyaluran yang telah dilakukan. Use case ini depends on use case Buat Data
Penyaluran.
Bagian Umum
91
9
Buat Data Penyaluran
Use case ini menggambarkan kegiatan Manajer dalam membuat data penyaluran
Use case ini depends on use case Lihat Data Mustahik.
Manajemen
10
Lihat Data Mustahik
Use case ini menggambarkan kegiatan Manajer dalam melihat atau mengecek
calon penerima bantuan zakat. Use case ini depends on use case Buat Data
Mustahik.
Manajemen
11
Cetak Laporan Data Muzaki
Use case ini menggambarkan kegiatan Manajer dalam mencetak laporan data
Muzaki.
Manajemen
12
Cetak Laporan Data Mustahik
Use case ini menggambarkan kegiatan Manajer dalam mencetak laporan data
Mustahik. Manajemen
13
Cetak Laporan Data Donasi
Use case ini menggambarkan kegiatan Manajer dalam mencetak laporan data
donasi.
Manajemen
14
Cetak Laporan Data
Penyaluran Use case ini menggambarkan kegiatan
Manajemen dalam mencetak laporan data Penyaluran.
Manajemen
Tabel 4.2 Identifikasi Use case
92
3. Use case model diagram
Gambar 4.6 Use case Diagram Sistem Usulan
93
Gambar 4.7 Proses Bisnis Sistem Usulan
94
4. Use case narasi
Tabel 4.3 Narasi dari use case Bayar Donasi
Use Case Name Bayar Donasi
Use Case ID 1
Actor Muzaki
Description Use case ini menggambarkan kegiatan Muzaki yang akan
berdonasi. Precondition
Muzaki yang berdonasi telah menjadi Muzaki aktif Trigger
Use case ini dilakukan setelah data Muzaki telah tersimpan dalam data master Muzaki
Typical Course of Events
Actor Action System Response
1: Muzaki menyerahkan donasi.
2: Bagian Penghimpun menerima donasi
Alternate Courses Conclusion
Bagian Penghimpun menerima donasi Postcondition
Muzaki dapat melanjutkan ke tahap berikutnya
Tabel 4.4 Narasi dari use case
Buat Data Donasi Use Case Name
Buat Data Donasi Use Case ID
2 Actor
Bagian Penghimpun Description
Use case ini menggambarkan kegiatan Bagian Penghimpun dalam membuat data donasi.
Precondition Individu yang memasuki sistem ini harus Bagian Penghimpun
Trigger Use case ini dilakukan setelah actor menerima donasi dari
Muzaki Typical Course of
Events Actor Action
System Response 1: Login
4: Klik Input Donasi 6: Memilih mencari
Muzaki 8: Input data donasi
11: Logout 2: Cek username dan password
3: Menampilkan halaman utama Bagian Penghimpun
5: Menampilkan halaman data Muzaki 7: Menampilkan form data Muzaki
Berdonasi 9: Simpan data donasi
10: Menampilkan halaman data donasi yang baru
95 Alternate Courses
2: Jika username dan atau password salah, maka sistem menampilkan pesan error login
8: Jika data belum lengkap, maka sistem akan meminta Bagian Penghimpun melengkapi data
10: Jika ingin mengubah data donasi, maka actor memilih data donasi yang akan diubah pada halaman utama, kemudian klik
ubah pada properties, maka akan tampil halaman editubah.
Conclusion Data Muzaki yang berdonasi telah dibuat
Postcondition Data Muzaki yang menyerahkan donasi disimpan ke dalam data
donasi
Tabel 4.5 Narasi dari use case Cetak Bukti Donasi
Use Case Name Cetak Bukti Donasi
Use Case ID 3
Actor Bagian Penghimpun
Description Use case ini menggambarkan kegiatan Bagian Penghimpun
dalam membuat bukti donasi dengan mencetaknya. Use case ini depends on use case buat Data Donasi.
Precondition Individu yang memasuki sistem ini harus Bagian Penghimpun
Trigger Use case ini dilakukan setelah data donasi berhasil
ditambahkan Typical Course of
Events Actor Action
System Response 1: Login
4: Klik data donasi 6: Klik properties detail
pada Muzaki yang dipilih 8: Klik cetak
10: Logout 2: Cek username dan password
3: Menampilkan halaman utama Bagian Penghimpun
5: Menampilkan halaman Muzaki berdonasi
7: Menampilkan halaman detail donasi Muzaki
9: Mencetak bukti donasi
Alternate Courses -
Conclusion Muzaki menerima bukti donasi sebagai bukti telah
menyerahkan zakat Postcondition
Bukti donasi yang telah dicetak diberikan ke Muzaki
96
Tabel 4.6 Narasi dari use case Buat Data Muzaki
Use Case Name
Buat Data Muzaki
Use Case ID 4
Actor Administrator
Description Use case ini menggambarkan kegiatan Administrator dalam
membuat data Muzaki Precondition
Individu yang memasuki sistem ini harus Administrator Trigger
Use case ini dilakukan setelah Muzaki akan menyerahkan donasi untuk pertama kali
Typical Course of Events
Actor Action System Response
1: Login 4: Klik data Muzaki
6: Klik tambah data 8: Input data Muzaki
11: Logout 2: Cek username dan password
3: Menampilkan halaman utama Administrator
5: Menampilkan halaman data Muzaki
7: Menampilkan form tambah data 9: Simpan data Muzaki
10: Menampilkan halaman data Muzaki yang baru
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login 9: Jika data belum lengkap, maka sistem akan meminta
Administrator melengkapi data 10a: Jika ingin melihat detail data Muzaki, maka actor memilih
data Muzaki yang akan dilihat pada halaman utama, kemudian klik detail pada properties.
10b: Jika ingin mengubah data Muzaki, maka actor memilih
data Muzaki yang akan diubah pada halaman utama, kemudian klik ubah pada properties, maka akan tampil halaman editubah.
Conclusion Data Muzaki bertambah
Postcondition Penambahan data Muzaki akan disimpan dalam data Muzaki
Tabel 4.7 Narasi dari use case Buat tipe Muzaki
Use Case Name Buat
Tipe Muzaki
Use Case ID 5
Actor Administrator
Description Use case ini menggambarkan kegiatan Administrator dalam
melakukan input
tipe muzaki
. Precondition
Individu yang melakukan kegiatan ini harus Administrator Trigger
Use case ini dilakukan setelah BMT melihat tipe Muzaki apa saja yang sering berdonasi yang kemudian menentukan tipe
97 Muzaki standar untuk memudahkan pengklasifikasian.
Typical Course of Events
Actor Action System Response
1: Login 4: Klik data
Tipe Muzaki
6: Klik tambah data 8: Input data
Tipe Muzaki
11: Logout 2: Cek username dan password
3: Menampilkan halaman utama Administrator
5: Menampilkan halaman data Tipe Muzaki
7: Menampilkan form tambah data 9: Simpan data
Tipe Muzaki
10: Menampilkan halaman data
Tipe Muzaki
yang baru Alternate Courses
2: Jika username dan atau password salah, maka sistem menampilkan pesan error login
9: Jika data belum lengkap, maka sistem akan meminta Administrator melengkapi data
10a: Jika ingin menghapus data tipe Muzaki, maka actor memilih data tipe Muzaki yang akan dihapus pada halaman
utama, kemudian klik hapus pada properties. 10b: Jika ingin mengubah data tipe Muzaki, maka actor
memilih data tipe Muzaki yang akan diubah pada halaman utama, kemudian klik ubah pada properties, maka akan tampil
halaman editubah.
Conclusion Data
Tipe Muzaki
bertambah Postcondition
Data
Tipe Muzaki
tersimpan dan dapat dipanggil melalui form input data Muzaki.
Tabel 4.8 Narasi dari use case Buat Jenis Donasi
Use Case Name Buat Jenis Donasi
Use Case ID 6
Actor Administrator
Description Use case ini menggambarkan kegiatan Administrator dalam
melakukan input jenis donasi Precondition
Individu yang melakukan kegiatan ini harus Administrator Trigger
Use case ini dilakukan setelah BMT menetapkan jenis donasi zakat apa saja yang dapat diterima
Typical Course of Events
Actor Action System Response
1: Login 4: Klik data Jenis Donasi
6: Klik tambah data 2: Cek username dan password
3: Menampilkan halaman utama Bagian Penghimpun
5: Menampilkan halaman data Jenis Donasi
98 8: Input data Jenis Donasi
11: Logout 7: Menampilkan form tambah data
9: Simpan data Jenis Donasi 10: Menampilkan halaman data
Jenis Donasi yang baru
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login 9: Jika data belum lengkap, maka sistem akan meminta Bagian
Umum melengkapi data 10a: Jika ingin menghapus data jenis donasi, maka actor
memilih data jenis donasi yang akan dihapus pada halaman utama, kemudian klik hapus pada properties.
10b: Jika ingin mengubah data jenis donasi, maka actor memilih data jenis donasi yang akan diubah pada halaman
utama, kemudian klik ubah pada properties, maka akan tampil halaman editubah.
Conclusion Data Jenis Donasi bertambah
Postcondition Data Jenis Donasi tersimpan dan dapat dipanggil melalui form
input data donasi
Tabel 4.9 Narasi dari use case Buat Data Mustahik
Use Case Name
Buat Data Mustahik
Use Case ID 7
Actor Bagian Umum
Description Use case ini menggambarkan kegiatan Bagian Umum membuat
data calon Mustahik Precondition
Individu yang memasuki sistem ini harus Bagian Umum Trigger
Use case ini dilakukan setelah Bagian Umum Menerima data Mustahik dari berbagai sumber dan survei
Typical Course of Events
Actor Action System Response
1: Login 4: Klik data Mustahik
6: Klik Tambah Data Mustahik
8.Input data Mustahik 11: Logout
2: Cek username dan password 3: Menampilkan halaman utama
Bagian Umum 5: Menampilkan halaman data
Mustahik 7: Menampilkan form tambah
data 9.Simpan data mustahik
10: Menampilkan halaman Mustahik yang baru
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login 4a.Jika yang akan ditambah mustahik konsumtif, maka sistem
99 menampilkan form untuk mustahik konsumtif
4b.Jika yang akan ditambah mustahik produktif, maka sistem menampilkan form untuk mustahik produktif
9: Jika data belum lengkap, maka sistem akan meminta Administrator melengkapi data
10: Jika ingin mengubah data tipe Muzaki, maka actor memilih data tipe Muzaki yang akan diubah pada halaman utama,
kemudian klik ubah pada properties, maka akan tampil halaman editubah.
Conclusion Data Mustahik bertambah
Postcondition Manajemen dapat membuat penyaluran sesuai info mustahik
Tabel 4.10 Narasi dari use case Konfirmasi Penyaluran
Use Case Name
Konfirmasi Penyaluran
Use Case ID 8
Actor Bagian Umum
Description Use case ini menggambarkan kegiatan Bagian Umum dalam
melihat Penyaluran yang disetujui Manajer dan Bagian Umum telah melaksanakan Penyaluran tersebut
Precondition Individu yang memasuki sistem ini harus Bagian Umum
Trigger Use case ini dilakukan setelah tersedia data Penyaluran yang
berisi penyaluran yang telah disetujui manajer dan telah dikerjakan bagian umum
Typical Course of Events
Actor Action System Response
1: Login 4: Klik Lihat Validasi
6: Klik konfirmasi 8: Logout
2: Cek username dan password 3: Menampilkan halaman utama
Bagian Umum 5: Menampilkan halaman data
penyaluran yang telah disetujui manajer
7: Data penyaluran akan hilang dari halaman validasi
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login Conclusion
Data penerima Zakat telah disalurkan Postcondition
Data Penyaluran statusnya berubah menjadi telah disalurkan
100
Tabel 4.11 Narasi dari use case Buat Data Penyaluran
Use Case Name Buat Data Penyaluran
Use Case ID 9
Actor Manajemen
Description Use case ini menggambarkan kegiatan Manajer dalam
membuat persetujuan data penyaluran zakat Precondition
Individu yang melakukan kegiatan ini harus Manajer Trigger
Use case ini dilakukan setelah data Mustahik dan data donasi diketahui manajer
Typical Course of Events
Actor Action System Response
1: Login 4: Klik data Mustahik
6: Klik Buat Persetujuan 8: Input persetujuan
11: Logout 2: Cek username dan password
3: Menampilkan halaman utama Manajemen
5: Menampilkan halaman data Mustahik
7: Menampilkan form Persetujuan 9: Simpan data persetujuan
10: Menampilkan halaman data penyaluran yang baru
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login 4a.Jika yang akan disetujui mustahik konsumtif, maka sistem
menampilkan form untuk mustahik konsumtif 4b.Jika yang akan disetujui mustahik produktif, maka sistem
menampilkan form untuk mustahik produktif 9: Jika data belum lengkap, maka sistem akan meminta Bagian
Umum melengkapi data
Conclusion Data penyaluran bertambah
Postcondition Bagian Umum dapat melihat data penyaluran untuk disalurkan
Tabel 4.12 Narasi dari use case Lihat data Mustahik
Use Case Name
Lihat Data Mustahik
Use Case ID 10
Actor Manajemen
Description Use case ini menggambarkan kegiatan Manajemen dalam
melihat data Mustahik yang di input Bagian Umum Precondition
Individu yang memasuki sistem ini harus Manajer Trigger
Use case ini dilakukan setelah Bagian Umum menginput data mustahik.
Typical Course of Actor Action
System Response
101 Events
1: Login 4: Klik data mustahik
6: Logout 2: Cek username dan password
3: Menampilkan halaman utama Manajemen
5: Menampilkan halaman Mustahik
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login 4a.Jika yang akan dilihat mustahik konsumtif, maka sistem
menampilkan data mustahik konsumtif 4b.Jika yang akan dilihat mustahik produktif, maka sistem
menampilkan data mustahik produktif
Conclusion Data Mustahik ditampilkan
Postcondition Manajemen dapat membuat persetujuan penyaluran
Tabel 4.13 Narasi dari use case Cetak Laporan Data Muzaki
Use Case Name Cetak Laporan Data Muzaki
Use Case ID 11
Actor Manajemen
Description Use case ini menggambarkan kegiatan Manajeman dalam
melihat laporan data Muzaki. Precondition
Individu yang melakukan kegiatan ini harus Manajemen Trigger
Use case ini dilakukan setelah Administrator telah melakukan input data Muzaki
Typical Course of Events
Actor Action System Response
1: Login 4: Klik laporan data Muzaki
6: Klik cetak 8: Logout
2: Cek username dan password 3: Menampilkan halaman utama
Manajemen 5: Menampilkan halaman
laporan data Muzaki 7: Mencetak laporan data
Muzaki
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login 7: Jika Manajemen tidak ingin mencetak halaman, maka lanjut
ke langkah nomor 8
Conclusion Manajemen mengetahui data Muzaki yang dimiliki BMT
Postcondition Laporan data Muzaki tercetak
102
Tabel 4.14 Narasi dari use case Cetak Laporan Data Mustahik
Use Case Name Cetak Laporan Data Mustahik
Use Case ID 12
Actor Manajemen
Description Use case ini menggambarkan kegiatan Manajemen dalam
melihat laporan data Mustahik Precondition
Individu yang melakukan kegiatan ini harus Manajemen Trigger
Use case ini dilakukan setelah Bagian Penghimpun telah melakukan input data mustahik
Typical Course of Events
Actor Action System Response
1: Login 4: Klik laporan data
Mustahik 6: Klik cetak
8: Logout 2: Cek username dan password
3: Menampilkan halaman utama Manajemen
5: Menampilkan halaman laporan Mustahik
7: Mencetak laporan Mustahik
Alternate Courses
2: Jika username dan atau password salah, maka sistem menampilkan pesan error login
4a.Jika yang akan dicetak mustahik konsumtif, maka sistem menampilkan Halaman mustahik konsumtif
4b.Jika yang akan dicetak mustahik produktif, maka sistem menampilkan Halaman mustahik produktif
7: Jika Manajemen tidak ingin mencetak halaman, maka lanjut ke langkah nomor 8
Conclusion Manajemen mengetahui data Mustahik yang dimiliki BMT
Postcondition Laporan data Mustahik tercetak
Tabel 4.15 Narasi dari use case Cetak Laporan Data Donasi
Use Case Name Cetak Laporan Data Donasi
Use Case ID 13
Actor Manajemen
Description Use case ini menggambarkan kegiatan Manajemen dalam
melihat laporan data donasi. Precondition
Individu yang melakukan kegiatan ini harus Manajemen Trigger
Use case ini dilakukan setelah Bagian Penghimpun telah melakukan input data donasi
Typical Course of Events
Actor Action System Response
1: Login 4: Klik laporan data donasi
2: Cek username dan password 3: Menampilkan halaman utama
Manajemen
103 6: Klik cetak
8: Logout 5: Menampilkan halaman
laporan data donasi 7: Mencetak laporan data
donasi
Alternate Courses
2: Jika username dan atau password salah, maka sistem menampilkan pesan error login
5: Manajer menginput periode yang ingin dicetak. 7: Jika Manajemen tidak ingin mencetak halaman, maka lanjut
ke langkah nomor 8
Conclusion Manajemen mengetahui kondisi data donasi Muzaki yang
berdonasi dan jumlah donasi Postcondition
Laporan data donasi tercetak
Tabel 4.16 Narasi dari use case Cetak Laporan Data Penyaluran
Use Case Name Cetak Laporan Data Penyaluran
Use Case ID 14
Actor Manajemen
Description Use case ini menggambarkan kegiatan Manajemen dalam
melihat laporan data Penyaluran. Precondition
Individu yang melakukan kegiatan ini harus Manajemen Trigger
Use case ini dilakukan setelah Bagian Umum telah melakukan input data penyaluran
Typical Course of Events
Actor Action System Response
1: Login 4: Klik laporan data
Penyaluran 6: Klik cetak
8: Logout 2: Cek username dan password
3: Menampilkan halaman utama Manajemen
5: Menampilkan halaman laporan data Penyaluran
7: Mencetak laporan data Penyaluran
Alternate Courses 2: Jika username dan atau password salah, maka sistem
menampilkan pesan error login 4a.Jika yang akan dicetak Penyaluran konsumtif, maka sistem
menampilkan Halaman Penyaluran konsumtif 4b.Jika yang akan dicetak Penyaluran produktif, maka sistem
menampilkan Halaman Penyaluran produktif 5: Manajer menginput periode yang ingin dicetak.
7: Jika Manajemen tidak ingin mencetak halaman, maka lanjut
ke langkah nomor 8 Conclusion
Manajemen mengetahui kondisi data penyaluran Postcondition
Laporan data Penyaluran tercetak
104
4.3.2. Activity Diagram
Kategori