ANALISA DAN PERANCANGAN SISTEM
3.2.3. Definisi Use Case
3.2.4.1. Login Nama
3.2.5.3.1. Edit Identitas Binatang Diagram Activity
Aktor Sistem
Gambar 3. 8 Diagram Activity Edit Identitas Binatang
Menampilkan halaman Binatang_Album
Mengubah data nama binatang, deskripsi
binatang
Menekan tombol
“Edit” Memproses queryupdateData
Menyimpan data yang diedit dalam database Tampil pesan “Data binatang berhasil diupdate” di halaman BinatangEdit Menampilkan halaman Binatang_Album
Menekan tombol “Edit”
pada data yang akan diedit Memilih menu
“Kelola Binatang”
Memproses query tampilBinatang
Mengecek validasi data di database
Menampilkan data Binatang
Menampilkan halaman BinatangEditForm berisi data yang dipilih
47 Diagram Sequence
Admin
1. Pilih menu “Kelola Binatang”
Home.jsp Binatang_Album.jsp BinatangBean.java
2. Tampil halaman
3. tampilBinatang()
8. Tampil form edit berisi data
11. updateData() 12. Simpan data yang telah diedit
Binatang
9. update nama_bin, deskripsi_bin
BinatangEditForm.jsp
4. Validasi data 6. Data binatang tampil
7. Klik tombol “Edit” pada data yang akan diedit
BinatangEdit.jsp
10. Klik tombol Edit
13. Tampil pesan “Data binatang berhasil
diupdate” 14. Tampil data binatang
5. Kirim data binatang
Gambar 3. 9 Diagram Sequence Edit Identitas Binatang
Diagram Collaboration
Admin 1
Binatang_Album.jsp BinatangBean.java BinatangEditForm.jsp
2 Binatang Home.jsp 3 BinatangEdit.jsp 4 8 5 12 6 7 9, 10 11 13 14
48 3.2.5.3.2. Edit Gambar Binatang
Diagram Activity
Aktor Sistem
Gambar 3. 11 Diagram Activity Edit Gambar Binatang
Menampilkan halaman Binatang_Album
Mengubah data gambar binatang
Menekan tombol
“Edit” Memproses queryupdateGambar
Menyimpan data yang diedit dalam database Tampil pesan “Data binatang berhasil diupdate” di halaman BinatangEdit Menampilkan halaman Binatang_Album
Menekan tombol “Edit”
pada data yang akan diedit Memilih menu
“Kelola Binatang”
Memproses query tampilBinatang
Mengecek validasi data di database
Menampilkan data Binatang
Menampilkan halaman BinatangEditForm berisi data yang dipilih
49 Diagram Sequence
Admin
1. Pilih menu “Kelola Binatang”
Home.jsp Binatang_Album.jsp BinatangBean.java
2. Tampil halaman
3. tampilBinatang()
8. Tampil form edit berisi data
11. updateGambar() 12. Simpan data yang telah diedit
Binatang
9. update image_bin
BinatangEditForm.jsp
4. Validasi data 6. Data binatang tampil
7. Klik tombol “Edit” pada data yang akan diedit
BinatangEdit.jsp
10. Klik tombol Edit
13. Tampil pesan “Data binatang berhasil
diupdate” 14. Tampil data binatang
5. Kirim data binatang
Gambar 3. 12 Diagram Sequence Edit Gambar Binatang
Diagram Collaboration
Admin 1
Binatang_Album.jsp BinatangBean.java BinatangEditForm.jsp 2 Binatang Home.jsp 3 BinatangEdit.jsp 4 8 5 12 6 7 9, 10 11 13 14
50 3.2.5.3.3. Edit Video Binatang
Diagram Activity
Aktor Sistem
Gambar 3. 14 Diagram Activity Edit Video Binatang
Menampilkan halaman Binatang_Album
Mengubah data video binatang
Menekan tombol
“Edit” Memproses queryupdateVideo
Menyimpan data yang diedit dalam database Tampil pesan “Data binatang berhasil diupdate” di halaman BinatangEdit Menampilkan halaman Binatang_Album
Menekan tombol “Edit”
pada data yang akan diedit Memilih menu
“Kelola Binatang”
Memproses query tampilBinatang
Mengecek validasi data di database
Menampilkan data Binatang
Menampilkan halaman BinatangEditForm berisi data yang dipilih
51 Diagram Sequence
Admin
1. Pilih menu “Kelola Binatang”
Home.jsp Binatang_Album.jsp BinatangBean.java
2. Tampil halaman
3. tampilBinatang()
8. Tampil form edit berisi data
11. updateVideo() 12. Simpan data yang telah diedit
Binatang
9. update video_bin
BinatangEditForm.jsp
4. Validasi data 6. Data binatang tampil
7. Klik tombol “Edit” pada data yang akan diedit
BinatangEdit.jsp
10. Klik tombol Edit
13. Tampil pesan “Data binatang berhasil
diupdate” 14. Tampil data binatang
5. Kirim data binatang
Gambar 3. 15 Diagram Sequence Edit Video Binatang
Diagram Collaboration
Admin 1
Binatang_Album.jsp BinatangBean.java BinatangEditForm.jsp
2 Binatang Home.jsp 3 BinatangEdit.jsp 4 8 5 12 6 7 9, 10 11 13 14
52 3.2.5.3.4. Edit Identitas, Gambar, Video Binatang
Diagram Activity
Aktor Sistem
Gambar 3. 17 Diagram Activity Edit Identitas, Gambar, Video Binatang
Menampilkan halaman Binatang_Album
Mengubah data nama binatang, deskripsi binatang, gambar
binatang, video binatang
Menekan tombol “Edit” Memproses query updateData, updateGambar, updateVideo
Menyimpan data yang diedit dalam database Tampil pesan “Data binatang berhasil diupdate” di halaman BinatangEdit Menampilkan halaman Binatang_Album
Menekan tombol “Edit”
pada data yang akan diedit Memilih menu
“Kelola Binatang”
Memproses query tampilBinatang
Mengecek validasi data di database
Menampilkan data Binatang
Menampilkan halaman BinatangEditForm berisi data yang dipilih
53 Diagram Sequence
Admin
1. Pilih menu “Kelola Binatang”
Home.jsp Binatang_Album.jsp BinatangBean.java
2. Tampil halaman
3. tampilBinatang()
8. Tampil form edit berisi data
11. updateData(), updateGambar(), updateVideo() 12. Simpan data yang telah diedit
Binatang 9. update nama_bin, deskripsi_bin, gambar_bin, video_bin BinatangEditForm.jsp 4. Validasi data 6. Data binatang tampil
7. Klik tombol “Edit” pada data yang akan diedit
BinatangEdit.jsp
10. Klik tombol Edit
13. Tampil pesan “Data binatang berhasil
diupdate” 14. Tampil data binatang
5. Kirim data binatang
Gambar 3. 18 Diagram Sequence Edit Identitas, Gambar, Video Binatang
Diagram Collaboration
Admin 1
Binatang_Album.jsp BinatangBean.java BinatangEditForm.jsp
2 Binatang Home.jsp 3 BinatangEdit.jsp 4 8 5 12 6 7 9, 10 11 13 14
54 3.2.5.3.5. Edit Identitas, Video
Diagram Activity
Aktor Sistem
Gambar 3. 20 Diagram Activity Edit Identitas, Video Binatang
Menampilkan halaman Binatang_Album
Mengubah data nama binatang, deskripsi binatang, video binatang Menekan tombol “Edit” Memproses query updateData, updateVideo
Menyimpan data yang diedit dalam database Tampil pesan “Data binatang berhasil diupdate” di halaman BinatangEdit Menampilkan halaman Binatang_Album
Menekan tombol “Edit”
pada data yang akan diedit Memilih menu
“Kelola Binatang”
Memproses query tampilBinatang
Mengecek validasi data di database
Menampilkan data Binatang
Menampilkan halaman BinatangEditForm berisi data yang dipilih
55 Diagram Sequence
Admin
1. Pilih menu “Kelola Binatang”
Home.jsp Binatang_Album.jsp BinatangBean.java
2. Tampil halaman
3. tampilBinatang()
8. Tampil form edit berisi data
11. updateData(), updateVideo() 12. Simpan data yang telah diedit
Binatang
9. update nama_bin, deskripsi_bin, video_bin
BinatangEditForm.jsp
4. Validasi data 6. Data binatang tampil
7. Klik tombol “Edit” pada data yang akan diedit
BinatangEdit.jsp
10. Klik tombol Edit
13. Tampil pesan “Data binatang berhasil
diupdate” 14. Tampil data binatang
5. Kirim data binatang
Gambar 3. 21 Diagram Sequence Edit Identitas, Video Binatang
Diagram Collaboration
Admin 1
Binatang_Album.jsp BinatangBean.java BinatangEditForm.jsp
2 Binatang Home.jsp 3 BinatangEdit.jsp 4 8 5 12 6 7 9, 10 11 13 14
56 3.2.5.4. Hapus Binatang
Diagram Activity
Aktor Sistem
Gambar 3. 23 Diagram Activity Hapus Binatang
Menampilkan halaman Binatang_Album
Memproses query hapusBinatang
Menghapus data dari database
Tampil pesan “Data binatang berhasil dihapus” di halaman Binatang_Hapus Menampilkan halaman Binatang_Album
Menekan tombol “Hapus”
pada data yang akan dihapus Memilih menu
“Kelola Binatang”
Memproses query tampilBinatang
Mengecek validasi data di database
Menampilkan data Binatang
57 Diagram Sequence
Admin
1. Pilih menu “Kelola Binatang”
Home.jsp Binatang_Album.jsp BinatangBean.java
2. Tampil halaman
3. tampilBinatang()
Binatang
4. Validasi data
6. Data binatang tampil 7. Klik tombol “Hapus”
pada data yang akan dihapus
Binatang_Hapus.jsp
10. Tampil pesan “Data binatang berhasil dihapus” 11. Tampil data binatang
8. hapusBinatang()
9. Hapus data 5. Kirim data binatang
Gambar 3. 24 Diagram Sequence Hapus Binatang
Diagram Collaboration Admin 1 Binatang_Album.jsp BinatangBean.java 2 Binatang Home.jsp 3 Binatang_Hapus.jsp 4 5 11 8 9 10 6 7
58 3.2.5.5. Lihat Materi
3.2.5.5.1. Lihat Gambar Binatang