141
4.2.5 State Diagram
State diagram adalah sebuah diagram UML yang menggambarkan kombinasi state yang dapat diasumsikan oleh objek selama masa hidupnya,
kejadian-kejadian yang memicu transisi antar-state, dan aturan yang mengatur dari dan ke state mana sebuah objek dapat melakukan transisi. Diagram statechart
tidak dibutuhkan oleh seluruh objek. Biasanya, State Diagram dibuat hanya untuk objek-objek yang dengan jelas memiliki state yang dapat diidentifikasi dan
behavior yang kompleks. 1.
State Diagram Login
Gambar 4.45 State Diagram Login
Pada state diagram gambar 4.45, user memulai state awal login dan kemudian user menginput data login. Data login akan diproses untuk dicek ke
dalam database. Jika data invalid tidak ada maka user diharuskan untuk menginput kembali data login tersebut. Apabila data valid ada maka sistem akan
menampilkan halaman muka sesuai dengan peran dari input login.
142 2.
State Diagram Daftar Muzakki
Gambar 4.46 State Diagram Daftar Muzakki
Dari state diagram gambar 4.46, user memulai data awal daftar muzakki dan kemudian user akan menambah muzakki dengan menginput data dari
muzakki. Setelah data diubah, maka sistem akan mengecek data yang harus diisi. Jika invalid maka user menginput kembali data yang harus diisi. Apabila valid
maka sistem akan menyimpan perubahan pada database muzakki dan menampilkan data detail muzakki yang telah diisikan. State diagram daftar
muzakki berakhir.
143 3.
State Diagram Bayar Zakat Maal
Gambar 4.47 State Diagram Bayar Zakat Maal
Dari state diagram gambar 4.47, user memulai data awal pembayaran dana zakat maal dan kemuadian user akan menginput pembayaran zakat maal dari
muzakki. Setelah diisi, sistem akan mengecek format pengisian. Jika data invalid, user menginput kembali data pembayaran zakat maal. Apabila data valid maka
sistem akan menyimpan data pada database penerimaan_donasi_zakatmaal dan menampilkan daftar data penerimaan donasi. Kemudian user akan mencetak bukti
setor zakat maal dari transaksi penerimaan zakat maal. State diagram bayar zakat maal berakhir.
144 4.
State Diagram Bayar Infak
Gambar 4.48 State Diagram Bayar Infak
Dari state diagram gambar 4.48, user memulai data awal pembayaran dana infak dan kemuadian user akan menginput pembayaran infak dari muzakki.
Setelah diisi, sistem akan mengecek format pengisian. Jika data invalid, user menginput kembali data pembayaran infak. Apabila data valid maka sistem akan
menyimpan data pada database penerimaan_ziswaf dan menampilkan daftar data penerimaan donasi. Kemudian user akan mencetak bukti setor infak dari transaksi
penerimaan infak. State diagram bayar infak berakhir.
145 5.
State Diagram Bayar Zakat Fitrah
Gambar 4.49 State Diagram Bayar Zakat Fitrah
Dari state diagram gambar 4.49, user memulai data awal pembayaran dana zakat fitrah dan kemuadian user akan menginput pembayaran zakat fitrah
dari muzakki. Setelah diisi, sistem akan mengecek format pengisian. Jika data invalid, user menginput kembali data pembayaran zakat fitrah. Apabila data valid
maka sistem akan menyimpan data pada database penerimaan_ziswaf dan menampilkan daftar data penerimaan donasi. Kemudian user akan mencetak bukti
setor zakat fitrah dari transaksi penerimaan zakat fitrah. State diagram bayar zakat fitrah berakhir.
146 6.
State Diagram Daftar Mustahik
Gambar 4.50 State Diagram Daftar Mustahik
Dari state diagram gambar 4.50, user memulai data awal daftar mustahik dan kemudian user akan menambah mustahik dengan menginput data dari
mustahik. Setelah data diubah, maka sistem akan mengecek data yang harus diisi. Jika invalid maka user menginput kembali data yang harus diisi. Apabila valid
maka sistem akan menyimpan perubahan pada database mustahik dan menampilkan data detail mustahik yang telah diisikan. State diagram daftar
mustahik berakhir.
147 7.
State Diagram Penyaluran Langsung
Gambar 4.51 State Diagram Penyaluran Langsung
Dari state diagram gambar 4.51, user memulai state awal penyaluran langsung dan kemudian user akan menginput data penyaluran langsung. Setelah
diisi sistem akan mengecek format pengisian. Jika data invalid maka user menginput kembali data penyaluran langsung. Apabila valid maka sistem akan
menyimpan data pada database penyaluran_mustahik dan menampilkan daftar penyaluran. Setelah ditampikan, maka user dapat mencetak bukti salur untuk
dapat diberikan kepada mustahik. Setelah itu state diagram penyaluran langsung berakhir.
148 8.
State Diagram Penyaluran Program
Gambar 4.52 State Diagram Penyaluran Program
Dari state diagram gambar 4.52, user memulai state awal penyaluran program dan kemudian user akan memilih program penyaluran yang ada pada
sistem serta user menginput data penyaluran program. Setelah diisi sistem akan mengecek format pengisian. Jika data invalid maka user menginput kembali data
penyaluran program. Apabila valid maka sistem akan menyimpan data pada database penyaluran_mustahik dan menampilkan daftar penyaluran. Setelah
ditampikan, maka user dapat mencetak bukti salur untuk dapat diberikan kepada mustahik. Setelah itu state diagram penyaluran program berakhir.
149 9.
State Diagram Tambah Program Penyaluran
Gambar 4.53 State Diagram Tambah Program Penyaluran
Dari state diagram gambar 4.53, user memulai state awal tambah program penyaluran kemudian user akan menginput nama program penyaluran
utama. Setelah data di isi, sistem akan memproses untuk mengecek format pengisian. Jika data invalid maka pelanggan menginput kembali data program
penyaluran. Apabila data sudah valid maka sistem akan menyimpan data pada database penyaluran_program_utama lalu sistem menampilkan daftar program
penyaluran utama.
150 10.
State Diagram Tambah Subprogram Penyaluran
Gambar 4.54 State Diagram Tambah Subprogram Penyaluran
Dari state diagram gambar 4.54, user memulai state awal tambah sub program penyaluran kemudian user akan memilih program utama yang akan
diisikan subprogram penyalurannya serta user menginput data sub program penyaluran. Setelah data di isi, sistem akan memproses untuk mengecek format
pengisian. Jika data invalid maka pelanggan menginput kembali data program penyaluran. Apabila data sudah valid maka sistem akan menyimpan data pada
database subprogram_penyaluran lalu sistem menampilkan daftar sub program penyaluran.
151 11.
State Diagram Tambah Kategori Zakat Maal
Gambar 4.55 State Diagram Tambah Kategori Zakat Maal
Dari state diagram gambar 4.55, user memulai state awal tambah kategori zakat maal kemudian user akan menginput nama kategori zakat maal. Setelah data
di isi, sistem akan memproses untuk mengecek format pengisian. Jika data invalid maka pelanggan menginput kembali kategori zakat maal. Apabila data sudah valid
maka sistem akan menyimpan data pada database cat_zakat_maal lalu sistem menampilkan daftar kategori zakat maal.
152 12.
State Diagram Tambah Kategori Mustahik
Gambar 4.56 State Diagram Tambah Kategori Mustahik
Dari state diagram gambar 4.56, user memulai state awal tambah kategori mustahik kemudian user akan menginput data kategori mustahik. Setelah data di
isi, sistem akan memproses untuk mengecek format pengisian. Jika data invalid maka pelanggan menginput kembali data kategori mustahik. Apabila data sudah
valid maka sistem akan menyimpan data pada database cat_mustahik lalu sistem menampilkan daftar program penyaluran utama.
4.2.6 Struktur Tabel Database