Petugas masuk halaman utama petugas dimana terdapat halaman hak akses petugas untuk melakukan input maupun perubahan-perubahan data pada sistem.
Salah satunya adalah halaman konfirmasi pemesanan produk yang telah dilakukan oleh anggota, dimana petugas akan mengsetujui status apabila anggota telah
mengkonfirmasi pembayaran.
Gambar 4.22 Sequence Diagram Setuju Konfirmasi
4.2.3.5 Collaboration Diagram
Collaboration diagram merupakan cara alternative untuk menggambarkan scenario dari Sistem. Diagram ini menggambarkan interaksi object yang diatur
object sekelilingnya dan hubungan antar setiap object dengan object yang lainnya. Interaksi pengunjung dengan sistem pada proses pendaftaran anggota
tanpa penggambaran orientasi waktu, digambarkan oleh gambar collaboration diagram berikut :
: Petugas : Petugas
Halaman Utama Petugas
Halaman Utama Petugas
Halaman Konfirmasi
Halaman Konfirmasi
Halaman Setuju Konfirmasi
Halaman Setuju Konfirmasi
Tabel Konfirmasi
Tabel Konfirmasi
pesanan anggota daftar pesanan anggota
detil pesanan anggota data pesanan anggota
pengubahan status Simpan
data pesanan disetujui
Gambar 4.23 Collaboration Diagram Pendaftaran Akun Anggota
Proses Login anggota yang dilakukan oleh anggota untuk masuk kehalaman utama anggota.
Gambar 4.24
Collaboration Diagram Login Akun Anggota
Proses pemesanan produk dimana anggota melakukan login dan masuk kehalaman utama anggota. Anggota dapat melakukan pemesanan dan cara masuk
kehalaman produk dan memilih produk yang akan dipesan atau pemesanan
: Pengunjung Halaman
Utama
halaman pendaftaran akun anggota
tabel anggota
3: Melakukan pengisian data pengunjung 4: data tidak lengkap
6: Simpan 1: membawa data pengunjung
2: membawa data pengunjung
5: data lengkap 7: identitas anggota
: Anggota Halaman
Utama Halaman Akun
Anggota
Tabel Anggota
Halaman Utama Anggota
3: Melakukan Login
5: Verifikasi 1: identitas anggota
2: identitas anggota
4: E-mail dan Password 6: E-mail dan Passwor salah
7: E-mail dan Password benar
dengan desain sendiri, dan masuk kehalaman pemesanan produk, setelah melakukan pemesanan nanti akan masuk kehalaman pesanan produk dan
menampilkan produk-produk yang hendak dipesan. Setelah itu lanjut untuk mengubah atau menentukan tujuan pengiriman. Setelah ditentukan alamat
pengiriman lanjut untuk validasi pesanan setelah yakin ingin melakukan pesanan lalu setuju untuk melakukan transaksi pemesanan.
Gambar 4.25
Collaboration Diagram Pemesanan anggota Proses dimana anggota telah selesai melakukan transaksi pemesanan,
anggota masuk kehalaman konfirmasi pembayaran pemesanan dan anggota melakukan konfirmasi pembayaran.
: Anggota Halaman Utama
anggota Halaman
Produk
Halaman transaksi
Halaman Pesanan Produk
Halaman Tujuan Pengiriman
Validasi Pesanan
Tabel Pesanan
4: Melakukan Pemesanan 5: Pemesanan tidak lengkap
8: Verifikasi tujuan pengiriman 9: data pengriman tidak lengkap
12: simpan 1: daftar pemesanan
2: daftar pemesanan
3: data produk 6: data hasil pemesanan
7: data hasil pemesanan
10: data hasil pemesanan
11: data hasil pemesanan 13: no faktur pemesanan
Gambar 4.26 Collaboration Diagram Konfirmasi Pembayaran Anggota
Petugas masuk kehalaman utama petugas dan melakukan login untuk masuk kehalaman utama petugas.
Gambar 4.27
Collaboration Diagram Login Petugas
Petugas masuk halaman utama petugas dimana terdapat halaman hak akses Petugas untuk melakukan input maupun perubahan-perubahan data pada sistem.
Salah satunya adalah halaman konfirmasi pemesanan produk yang telah dilakukan
: Anggota Halaman Utama
Anggota
Halaman Konfirmasi Pembayaran Pemesanan
Tabel Konfiramasi
3: Melakukan Konfirmasi 4: Invalid
6: Simpan 1: no faktur pemesanan
2: no faktur pemesanan 5: data hasil konfirmasi
7: informasi hasil pembayaran
: Petugas Halaman Akun
Petugas
Tabel Petugas
Halaman Utama Petugas
2: Melakukan Login
4: Verifikasi 1: membawa username dan password
3: username dan password 5: username dan password salah
6: username dan password benar
oleh anggota, dimana petugas akan mengsetujui status apabila anggota telah
mengkonfirmasi pembayaran.
Gambar 4.28
Collaboration Diagram Setuju Konfirmasi
4.2.3.6 Class Diagram
