BAB IV HASIL DAN PEMBAHASAN
4.3. Workshop Design
4.3.1. Perancangan Proses
4.3.1.2. Activity Diagram
Kesimpulan Berhasil menerima laporan data
Post kondisi Laporan Data
4.3.1.2. Activity Diagram
Activity diagram menggambarkan rangkaian aliran
aktivitas, baik proses bisnis maupun use case. Diagram ini juga digunakan untuk memodelkan action yang dilakukan saat sebuah operasi dieksekusi dan memodelkan hasil dari
action tersebut. Berikut adalah diagram aktivitas yang
terbentuk dari kegiatan bisnis dan use case diagram yang ada pada sistem yang diusulkan.
Gambar 4.5 Activity Diagram Registrasi
Activity diagram ini menggambarkan aktor
yang yang harus melakukan registrasi terlebih dahulu ke dalam sistem agar dapat melakukan login
dan mengakses sistem.
Sistem menampilkan beberapa menu kemudian aktor memilih menu registrasi kemudian sistem menampilkan form registrasi , kemudian aktor mengisi form registrasi. Kemudian pilih OK,
Jika data tidak lengkap maka sistem akan menampilkan pesan “data tidak lengkap” yang
verifikasi data Mulai Memilih halaman registrasi Input form registrasi pilih simpan pilih batal Menampilkan form registrasi menampilkan pesan data berhasil di input
Selesai
menampilkan halaman utama aktor
berhasil gagal
SISKARABAN Masyarakat
lengkap, maka sistem secara otomatis akan menampilkan pesan “berhasil”.
b. Login
Gambar 4.6 Activity DiagramLogin
Activity diagram ini menggambarkan Aktor
(admin dan masyarakat) yang harus login terlebih
dahulu ke dalam sistem agar dapat mengakses sistem Menampilkan pesan gagal login Mulai Memilih halaman login Input username dan password Login Menampilkan form login verifikasi data Selesai salah benar menampilkan halaman utama aktor
SISKARABAN Admin dan Masyarakat
login pada halaman utama, kemudian Aktor mengisi
username dan password. Kemudian Klik login, Jika
kombinasi username dan password benar maka sistem akan langsung menampilkan halaman aktor. Namun
jika salah, maka sistem akan menampilkan pesan “login
gagal”secara otomatis akan kembali ke menu login agar
Admin kembali memasukkan username dan password
Gambar 4.7 Activity Diagram Kelola Profil Diagram aktifitas ini menjelaskan bagaimana
Admin melakukan update data profil atau kelola profil.
Admin memilih menu profil maka sistem akan
menampilkan form profil setelah itu user memilih dua pilihan diantaranya edit, dan hapus. Jika pilih edit maka sistem akan menampilkan form edit profil kemudian isi
Data tersimpan Mulai Memilih halaman profil Hapus Edit pilih batal pilih simpan Menampilkan halaman profil Data terhapus Selesai Menampilkan form edit SISKARABAN Admin
menghapus data profil.
Pada saat setelah Admin selesai melakukan edit profil, maka Admin memilih dua pilihan diantaranya pilih simpan dan pilih batal. Jika pilih simpan maka sistem akan secara otomatis menyimpan data dan jika pilih batal maka sistem akan kembali menampilkan halaman profil.
d. Lihat Profil
Gambar 4.8 Activity Diagram Lihat Profil
Diagram aktifitas ini menjelaskan bagaimana masyarakat melakukan lihat data profil. Masyarakat memilih halaman profil maka sistem akan menampilkan halaman profil yang ingin di lihat masyarakat.
Mulai Memilih halaman profil Menampilkan halaman profil Selesai SISKARABAN Masyarakat
Gambar 4.9 Activity Diagram Kelola Berita
Diagram diatas menjelaskan langkah pengelolaan berita yaitu setelah Admin login dan memilih halaman berita, maka sistem akan menampilkan halaman berita. Setelah itu user memilih dua pilihan diantaranya tambah berita dan hapus. Jika tambah berita maka sistem akan
Tambah berita Mulai Memilih halaman berita Hapus Input data berita Simpan Batal Menampilkan halaman berita Menampilkan form isi data berita
Data tersimpan Data terhapus Selesai SISKARABAN Admin
sistem akan menghapus secara otomatis berita yang dipilih.
Setelah admin mengisi form berita, maka admin
akan memilih dua pilhan diantaranya simpan dan batal. Jika simpan maka data akan secara otomatis tersimpan dan langsung dapat ditampilkan pada halaman berita. Jika batal maka sistem akan secara langsung kembali pada halaman berita.
f. Lihat Berita
Gambar 4.10 Activity Diagram Lihat Berita
Diagram aktifitas ini menjelaskan bagaimana masyarakat melakukan lihat berita. Masyarakat memilih
Memilih halaman berita Mulai Menampilkan halaman berita Selesai SISKARABAN Masyarakat
Gambar 4.11 Activity Diagram Kelola Peta Simpan Mulai Memilih halaman peta Print Kelola Peta Mengelola data layer peta
Mengelola data atribut peta Tambah layer Edit layer Hapus layer Batal Selesai. Tambah
Memilih layer peta wilayah persebaran
Ubah
Edit Hapus
Merubah data atribut layer peta yang dipilih Melakukan penambahan
layer secara manual
Klik layer Input layer Input data atribut Simpan Batal Menampilkan halaman peta Menampilkan pembaharuan layer peta
Mencetak data yang dipilih
Selesai
Menampilkan tools dan layer peta
Menampilkan data layer peta Menampilkan layer
peta terhapus
Menampilkan data atribut layer peta yang dipilih
verifikasi data
Menampilkan perubahan data atribut
Gagal Berhasil Data terhapus Menampilkan layer peta tambahan Menampilkan form isi data atribut
Data tersimpan
admin dapat mengolah peta sehingga data tersebut dapat di update oleh admin. Admin memilih layer peta yang di inginkan, maka sistem akan menampilkan atribut data peta, kemudian admin dapat memilih beberapa pilihan diantara edit atau hapus, pilih edit maka maka sistem akan menampilkan form edit data peta kemudian isi form edit data maka sistem akan menampilkan pesan data berhasil diedit dan data berhasil diupdate, jika dihapus maka sistem akan menampilkan data yang dihapus kemudian admin memilih data rawan banjir yang mau
dihapus kemudian sistem menampilkan pesan “hapus
data” maka data berhasil diupdate. Jika admin ingin mencetak peta admin dapat memilih layer peta yang mau dicetak lalu pilih cetak kemudian sistem akan mencetak data yang dipilih.
Gambar 4.12 Activity Diagram Lihat Peta
Diagram aktifitas ini menjelaskan bagaimana masyarakat, BNPB dan PU melihat peta kawasan rawan banjir. Masyarakat, BNPB dan PU mengolah tampilan peta dengan memilih tools yang tersedia pada halaman peta. maka sistem akan menampilkan tools yang dipilih seperti :
Mengolah tampilan peta Mulai Memilih halaman peta Memilih tools tampilan legend Print Memilih tools tampilan 3D Memilih tools info Menampilkan halaman peta Menampilkan info atribut data peta
Mencetak data peta yang dipilih
Selesai
Menampilkan tools dan layer peta
Menampilkan tampilan legend Menampilkan tampilan 3D SISKARABAN Masyarakat, BNPB dan PU
legend
Tools tampilan 3D menampilkan tampilan peta berupa 3 dimensi
Tools tampilan Info menampilkan tampilan informasi berupa data atribut peta
Tools Print akan mencetak tampilan berupa layout
peta dan ukuran yang akan ditampilkan
i. Kelola Kritik dan Saran
Gambar 4.13Activity Diagram Kelola Kritik dan Saran
Diagram aktifitas ini menjelaskan bagaimana
admin mengelola Kritik dan Saran yang bermaksud
Hapus kritik dan saran
Mulai
Memilih halaman kritik dan saran
Menampilkan form kritik dan saran
Selesai
Data terhapus
SISKARABAN Admin
masuk adalah data-data yang berbahasa yang baik .
Admin memilih halaman kritik dan saran, maka
sistem akan menampilkan list kritik dan saran yang ada.
Admin dapat memilih menu hapus, maka sisitem akan
menghapus data kritik dan saran secara otomatis.
j. Input Kritik dan Saran
Gambar 4.14 Activity Diagram Input Kritik dan Saran
Memilih halaman kritik dan saran
Mulai
Input form kritik dan saran
Kosongkan Kirim
Menampilkan form kritik dan saran
Data terkirim
Selesai
Semua data terinput di kosongkan
Gagal
Berhasil
SISKARABAN Masyarakat
aktivitas dari use case input kritik dan saran. Sistem akan menampilkan form kritik dan saran. Pada form kritik dan saran tersebut, pengunjung (masyarakat) mengisi data diri, email pengunjung dan pesan secara lengkap kemudian memilih
button “kirim”, kemudian sistem akan memvalidasi
apakah form kritik dan saran sudah diisi dengan lengkap atau belum, jika belum lengkap sistem
akan menampilkan peringatan “form belum
lengkap” dan menampilkan kembali form kritik
dan saran untuk diisi secara lengkap, jika form
kritik dan saran sudah lengkap sistem akan menyimpannya dan menampilkan peringatan bahwa kritik dan saran berhasil diisi.
Dan jika ingin mengkosongkan kembali data yang terinput user memilih button
“kosongkan” maka data yang terinput secara
Gambar 4.15 Activity Diagram Kelola Data Mendownload pengajuan data Mulai Memilih halaman kelola data Memilih pengajuan data Hapus Memilih laporan data Isi form laporan data Download Kirim Batal Menampilkan halaman kelola data
Menampilkan list pengajuan data
Menghapus pengajuan data
Menampilkan isi form laporan data
Data terkirim
Selesai SISKARABAN
admin mengelola suatu data yang diterima dari BNPB, kemudian data tersebut dikelola untuk dijadikan laporan data yang akan di input dan di kirim ke PU untuk melakukan pencegahan terhadap banjir.
Admin melakukan login terlebih dahulu agar
dapat mengakses sistem dan memilih halaman kelola data, kemudian admin memilih menu pengajuan data untuk menampilkan data yang telah dikirim oleh BNPB yang kemudian di download ke dalam file.
Admin memilih menu laporan data untuk
menyampaikan laporan data yang sudah di kelola dengan mengirimnya melalui sistem.
Gambar 4.16 Activity Diagram Pengajuan Data
Diagram aktifitas ini menggambarkan aktivitas dari use case pengajuan data. Sistem akan menampilkan form pengajuan data. Pada form
pengajuan data tersebut, aktor (BNPB)mengisi data nama data dan mengupload data dari berbagai
Memilih halaman pengajuan data Mulai isi form pengajuan data Kirim Batal Menampilkan form pengajuan data Data terkirim Selesai SISKARABAN BNPB
akan mengirim data yang telah di input.
Jika aktor (BNPB) tidak ingin mengirim data, maka aktor (BNPB) dapat memilih batal dan sistem akan kembali ke tampilan halaman aktor (BNPB).
m. Laporan Data
Gambar 4.17 Activity Diagram Pengajuan Data
Diagram aktifitas ini menggambarkan aktivitas dari use case laporan data. Sistem akan
Data tercetak
Mulai
Memilih halaman laporan data
Memilih data yang di laporkan Cetak Menampilkan list laporan data Selesai SISKARABAN PU
tersebut aktor (PU) memilih button “cetak”. Sistem akan mencetak data yang telah dipilih pada laporan data.