Pesan CRUD
CR CR
Tanggal CRUD
CR CR
Publish CRUD
CR CR
Download id_download
CRUD CR
Judul CRUD
CR nama_file
CRUD CR
tgl_posting CRUD
CR Hits
CRUD CR
Donasi Uang id_lap
CRD CRD
Terima CRD
CRD Bulan
CRD CRD
Tahun CRD
CRD Masuk
CRD CRD
ket_masuk CRD
CRD nama_file
CRD CRD
Keluar CRD
CRD ket_keluar
CRD CRD
Operator CRD
CRD tgl_post
CRD CRD
4.2.7 Sequence Diagram
Sequence Diagram digunakan untuk menggambarkan perilaku
hubungan antara aktor dengan objek-objek yang menjelaskan tiap skenario di dalam. Sequence Diagram pada Sistem informasi manajemen
pengelolaan donatur adalah sebagai berikut:
ac c e s r e g i s te r U s e r
c e k u s e r r e a d u s er
s u k s e s r e g is te r C a l o n D o n a t u r
H o m e i n p u t u s e r
1. Sequence Diagram untuk Use Case “Registerasi Donatur”
Gambar 4.18 Sequence Diagram untuk Use Case “Registerasi Donatur” Keterangan
Gambar 4.18:
Sequence Diagram
ini akan
menggambarkan skenario untuk Use Case registerasi donatur yang dilakukan oleh aktor calon donatur. Calon donatur ini akan masuk ke dalam
menu home untuk dapat mengakses registerasi, setelah itu calon donatur dapat langsung mengisi datanya dan jika data yang diisi kurang lengkap
maka akan tampil pesan “maaf data yang anda isi tidak lengkap” jika data telah lengkap maka akan disimpan pada objek user dan calon donatur telah
terdaftar menjadi user donatur online. Setelah proses registerasi berhasil maka calon donatur dapat mulai masuk ke dalam sistem.
Acces Login User User
cek user read user
Tampilkan halaman user Donatur online,
Admin Form Log In
Login gagal input username dan pass
CS CS
Acces Login CS input username dan pass
cek CS read CS
Login gagal Tampilkan halaman CS
2. Sequence Diagram untuk Use Case “Login”
Gambar 4. 19 Sequence Diagram untuk Use Case “Login” Keterangan
Gambar 4.19:
Sequence Diagram
ini akan
menggambarkan skenario dari proses Login dimulai pada saat seluruh user akan mulai menggunakan sistem yang harus diawali dengan Login terlebih
dahulu sesuai dengan account yang mereka miliki. Untuk donatur online dan admin dapat mengakses Login user lalu memasukan username dan
password setelah itu dicek data yang telah diisi sebelumnya pada objek
user , jika data tersebut salah maka akan tampil pesan “Login gagal, silahkan
ulangi..” dan jika data yang diisi benar maka akan menampilkan halaman user
. Untuk CS dapat mengakses Login yang tersedia untuk CS, sama spserti proses sebelumnya jika CS harus memasukan username dan password yang
dimiliki jika username dan password salah maka akan tampil pesan yang
K om entar w rite k o m en ta r
r ead k o m en tar D o n atu r o n lin e,calo n
d o natu r tid ak len g kap
A d m in
r ead k o m en tar p ub lish ko m e ntar y an g d ip ilih
M en am p ilk an m en u k om entar
m ena m p ilk an k o m en tar pilih k om entar
sama seperti yang dijelaskan sebelumnya, dan jika data yang diisi benar maka akan menampilkan halaman untuk CS.
3. Sequence Diagram untuk Use Case “Manajemen Komentar”
Gambar 4.20 Sequence Diagram untuk Use Case “Manajemen Komentar” Keterangan Gambar 4.20: Sequence Diagram untuk manajemen
komentar ini melibatkan aktor admin, donatur online dan calon donatur. Untuk calon donatur dan donatur online, form komentar akan terbuka lalu
calon donatur dan donatur online dapat menulis komentar yang mereka ingin tulis jika tidak diisi dengan lengkap maka akan menampilkan pesan
“Data harus diisi dengan lengkap..”, tetapi jika komentar telah diisi dengan lengkap maka akan disimpan dan akan menampilkan menu komentar.
Sedangkan Admin dapat membaca setiap komentar yang diisi oleh calon donatur atau donatur online. Admin memilih komentar-komentar yang telah
Modul write modul
read modul tidak lengkap
Tampilkan modul Admin
masuk, jika komentar tersebut baik maka akan dipublish tetapi jika tidak maka komentar tersebut tidak akan ditampilkan pada sistem.
4. Sequence Diagram untuk Use Case “Manajemen Modul Profil”
Gambar 4.21 Sequence Diagram untuk Use Case “Manajemen Modul Profil” Keterangan Gambar 4.21: Sequence Diagram untuk manajemen
modul profil dimulai pada saat admin akan menambahkan dan mengupadate modul pada objek modul. Dalam hal ini adalah modul profil yang berisi
profil tentang donatur, cara pembayaran donasi yang akan ditampilkan pada halaman utama sistem.
w r ite d o n a t u r
re a d d o n a tu r T a m p ilk a n d o n a tu r
C S D o n a tu r
tid a k le n g k a p
C e ta k K a r tu d o n a t u r K a r t u _ d o n a tu r
C e t a k d o n a t u r A d m in
U s e r D o n a tu r o n lin e
w r ite u s e r d o n a t u r o n lin e r e a d u s e r d o n a tu r o n li n e
T a m p il k a n u s e r d o n a tu r o n lin e C e t a k u s e r d o n a tu r o n lin e
5. Sequence Diagram untuk Use Case “Manajemen Donatur”
Gambar 4.22 Sequence Diagram untuk Use Case “Manajemen Donatur” Keterangan Gambar 4.22: Sequence Diagram untuk manajemen
donatur melibatkan aktor admin dan CS serta objek donatur, kartu donatur dan User yang dalam hal ini donatur onine. CS dapat menulis data donatur
yang datang langsung ke kantor asrama, setelah data yang diisi lengkap maka data akan dibaca lalu dapat ditampilkan, setelah itu CS dapat
mencetak kartu donatur. Tetapi jika data yang diisi tidak lengkap maka akan ditampilkan pesan “Data harus diisi dengan lengkap..”. Setelah itu, jika CS
ingin mencetak data seluruh donatur maka CS dapat mencetak data donatur. Sedangkan untuk aktor admin aktifitasnya ialah mengatur data donatur
yang mendaftar secara online, donatur dapat mengupdate, delete dan mencetak data donatur online.
w rit e a n a k a s u h
re a d a n a k a s u h ta m p i lk a n a n a k a s u h
A d m in A n a k A s u h
ti d a k le n g k a p
c e ta k a n a k a s u h
6. Sequence Diagram untuk Use Case “Manajemen Anak Asuh”
Gambar 4.23 Sequence Diagram untuk Use Case “Manajemen Anak Asuh” Keterangan Gambar 4.23: Sequence Diagram untuk manajemen anak
asuh melibatkan aktor Admin dan objek anak asuh. Admin dapat menulis data anak asuh dan menyimpannya pada objek anak asuh, jika data yang
diisi tidak lengkap maka akan menampilkan pesan “Data harus diisi dengan lengkap..”, tetapi jika data yang diisi lengkap, data anak asuh akan terbaca
lalu dapat ditampilkan dan admin pun dapat mencetaknya.
w rite use r read user
Ta m pilkan us er A dm in,D onatur
online U se r
C S CS
w rite C S tidak lengkap
read C S ta m pilkan CS
tida k lengka p
7. Sequence Diagram untuk Use Case “Manajemen User”
Gambar 4.24 Sequence Diagram untuk Use Case “Manajemen User” Keterangan Gambar 4.24: Sequence Diagram untuk manajemen user
melibatkan aktor admin, donatur online dan CS serta objek user dan CS. Aktor admin dan donatur online dapat menulis data yang akan disimpan
pada objek user, jika data yang diisi tidak lengkap maka akan menampilkan pesan “Data harus diisi dengan lengkap..”, serta diharuskan untuk mengisi
ulang, jika berhasil maka data akan dibaca dan menampilkan user. Begitupula dengan aktor CS, CS dapat menulis CS dan akan disimpan
pada objek CS, jika data yang diisi tidak lengkap maka akan menampilkan pesan “Data harus diisi dengan lengkap..”, serta diharuskan untuk mengisi
ulang, jika berhasil maka data akan dibaca dan menampilkan CS.
read transaksi online tampilkan transaksi online
CS Trans_online
tidak lengkap Donatur
read user write transaksi online
Jenis donasi
read transaksi tunai tampilkan transaksi tunai
tidak lengk cetak transaksi tunai
read donatur
cetak slip transaksi tunai write transaksi tunai
pilih jenis donasi User
pilih jenis donasi Trans_tunai
Konfirmasi donasi oleh admin cetak transaksi online
Donatur online, Admin
8. Sequence Diagram untuk Use Case “Manajemen Transaksi Donasi”
Gambar 4.25 Sequence Diagram untuk Use Case “Manajemen Transaksi Donasi” Keterangan Gambar 4.25: Sequence Diagram untuk manajemen
transaksi donasi ini melibatkan aktor donatur online, admin dan CS serta objek user, donatur, jenis donasi, transaksi online dan transaksi tunai.
Setiap aktor memiliki aktifitas yang berbeda. Untuk aktor donatur online
dapat melakukan transaksi donasi, tetapi pada awalnya akan membaca objek user untuk diketahui siapa donatur yang akan melakukan
donasi, setelah itu donatur dapat melakukan transaksi dan memilih jenis donasi yang diinginkan, tetapi transaksi yang dilakukan merupakan
transaksi online maka akan berkaitan dengan objek transaksi online. Donatur online juga dapat melihat seluruh data donasi yang pernah
dilakukan.
C S T r a n _ t u n a i
D o n a s i _ u a n g A d m i n
r e a d t r a n s a k s i t u n a i t i d a k l e n g k a p
w r i t e l a p d o n a s i u a n g r e a d l a p d o n a s i u a n g
t a m p i l k a n l a p d o n a s i u a n g r e a d t r a n s a k s i o n l i n e
c e t a k l a p d o n a s i u a n g w r i t e d o n a s i u a n g
t i d a k l e n g k a p r e a d d o n a s i u a n g
t a m p i l k a n d o n a s i u a n g T r a n s _ o n l i n e
Sedangkan untuk aktor admin dapat melihat transaksi donasi online yang dilakukan oleh donatur online, lalu melakukan konfirmasi bahwa
donasi yang dilakukan oleh donatur online telah diterima dan mencetak transaksi online.
Jika untuk aktor CS mengatur transaksi donasi yang dilakukan langsung diasrama, aktifitas awalnya akan melihat donatur mana yang akan
melakukan donasi dengan mengecek objek donatur, setelah itu CS akan mencatat transaksi yang akan dimasukan ke dalam transaksi tunai dan
memilih jenis donasi yang diinginkan. CS dapat mencetak transaksi tunai sesuai dengan kebutuhan yaitu dapat dibuat secara laporan per periode
maupun keseluruhan.
9. Sequence Diagram untuk Use Case “Manajemen Donasi Uang”
Gambar 4.26 Sequence Diagram untuk Use Case “Manajemen Donasi Uang” Keterangan Gambar 4.26: Sequence Diagram untuk manajemen
donasi melibatkan aktor Admin dan CS serta objek transaksi tunai, transaksi online
dan donasi uang. Untuk aktor admin, admin melihat data transaksi
yang dilakukan secara online pada objek transaksi online lalu menulisnya pada donasi uang untuk dijadikan laporan transaksi uang yang masuk, lalu
data tersebut dapat ditampilkan dan dicetak. Sedangkan untuk aktor CS, CS melihat data transaksi donasi yang
dilakukan secara langsung pada objek transaksi tunai lalu menulisnya pada objek donasi uang untuk digabungkan dengan data transaksi online.
10. Sequence Diagram untuk Use Case “Upload File”
Gambar 4.27 Sequence Diagram untuk Use Case “Upload File” Keterangan Gambar 4.27: Sequence Diagram untuk Upload file
melibatkan aktor admin dan objek download. Admin akan memasuki menu home
terlebih dahulu lalu memilih menu upload untuk memasukkan file yang akan di download oleh donatur online. Setelah masuk di halaman
upload admin dapat langsung memasukkan file yang akan di upload,
kemudian file tersebut akan tersimpan pada database download dan akan tampil pada menu download yang terdapat di halaman user donatur.
Home admin Form upload
ke menu home pilih menu upload
Admin
input file upload Download
write upload read upload
tampilkan file upload
Home Log Out
ke menu home pilih menu logout
keluar dari sistem Donatur online,
Admin, CS
11. Sequence Diagram untuk Use Case “Download File”
Gambar 4.28 Sequence Diagram untuk Use Case “Download File” Keterangan Gambar 4.28: Sequence Diagram untuk download file
melibatkan aktor donatur online dan objek download. Donatur online dapat masuk ke dalam sistem, lalu sistem akan menampilkan halaman untuk
donatur online, jika donatur online ingin melihat beberapa laporan donasi dari Yayasan Griya Yatim berupa file yang telah di upload oleh admin
donatur dapat memilih menu “download file”. Setelah tampil halaman download
, kemudian donatur dapat memilih data atau file yang akan di download
. 12. Sequence Diagram untuk Use Case “Logout”
Gambar 4.29 Sequence Diagram untuk Use Case “Logout”
Home donatur online download
ke menu home pilih menu download
read download Donatur online
download file
Keterangan Gambar 4.29: Sequence Diagram untuk Logout melibatkan aktor seluruh user, yaitu donatur online, admin dan CS. Jika user
dari donatur online, admin dan juga CS yang telah selesai melakukan aktifitas pada sistem ingin keluar dari sistem maka user dapat memilih menu
“Logout” yang terdapat pada masing-masing halaman user tersebut.
4.2.8 Statechart Diagram