Pada Gambar 4.18 class diagram ini menjelaskan keterhubungan antar class yang terdapat pada Rancang
Bangun Sistem Informasi Spasial Kawasan Rawan Banjir Berbasis Web Studi Kasus: Kota Tangerang Selatan.
User adalah pengguna yang tergabung dalam aktor-
aktor yaitu
: Admin
, BNPB
Badan Nasional
Penanggulangan Bencana dan PU Pekerjaan Umum. User dalam Class Diagram dapat terhubung sesuai aktivitas-
aktivitas dalam menggunakan sistem SISKARABAN.
4.3.1.4. Sequence Diagram
a. Sequence Diagram Admin dengan Login
Gambar 4.19 Sequence Diagram User dengan Login
: User : User
: form login : form login
login login
1: input username dan password 3: verifikasi data
2: pilih login 4: cek
5: valid 6: menampilkan halaman utama admin
7: tidak valid 8: menampilkan pesan gagal login
Pada Gambar 4.19 menampilkan interaksi ketika Admin ingin masuk ke sistem. User mengisi username
dan password pada form login, username dan password divalidasi terlebih dahulu. Jika username dan password
tidak valid, maka akan tampil peringatan bahwa username
dan password salah, tetapi jika benar maka sistem akan menampilkan halaman utama admin.
b. Sequence Diagram Admin dengan Data Admin
Gambar 4.20 Sequence Diagram Admin dengan Data
Admin
Pada Gambar 4.16 menampilkan interaksi ketika Admin
mengubah username atau passwordnya. Admin
: admin : admin
: data admin
: data admin
data admin data admin
1: memilih menu data admin
4: menampilkan halaman data admin 5: pilih edit
6: menampilkan form data admin 7: mengisi form data admin
2: membaca data 3: memberikan data
8: menyimpan data 9: berhasil disimpan
10: menampilkan pesan data berhasil disimpan
memilih menu data admin, sistem menampilkan form data admin, kemudian aktor mengisi form data admin,
kemudian sistem akan menyimpan data lalu sistem akan menampilkan pesan data berhasil.
c. Sequence Diagram Admin dengan Berita
Gambar 4.21
Sequence Diagram Admin dengan Berita
Pada Gambar 4.21 menampilkan interaksi ketika admin mengelola berita. Aktor memilih menu kelola
berita, maka sistem akan menampilkan form berita, kemudian aktor mengisi form berita, kemudian sistem
akan menyimpan data berita, sitem akan menampilkan pesan berhasil berita disimpan.
: Admin : Admin
manajemen berita
manajemen berita
berita berita
1: memilih menu manajemen berita 2: menampilkan halaman manajemen berita
3: pilih tambah 4: menampilkan form berita
5: mengisi form berita 6: pilih simpan
7: menyimpan data 8: data berhasil disimpan
9: menampilkan data berhasil diupdate
d. Sequence Diagram Admin dengan Kritik dan Saran
Gambar 4.22
Sequence Diagram Admin dengan Kritik dan Saran
Pada Gambar 4.22 menampilkan interaksi ketika admin mengkelola kritik dan saran. Aktor
memilih menu kelola kritik dan saran, maka sistem akan menampilkan halaman kritik dan saran,
kemudian aktor memilih hapus, lalu sistem akan menghapus kritik dan saran yang dipilih untuk
dihapus dan sistem akan menampilkan halaman kritik dan saran yang terupdate.
: admin : admin
: form kritik dan saran
: form kritik dan saran
kritik dan saran kritik dan saran
1: memilih menu manajemen kritik dan saran
4: menampilkan halaman kritik dan saran 5: pilih hapus
2: membaca data 3: memberikan data
6: menghapus data 7: berhasil dihapus
8: menampilkan halaman kritik dan saran yang terupdate