28
BAB III ANALISA DAN PERANCANGAN SISTEM
3.1 Concept
Sistem yang dibangun adalah sistem ensiklopedia wayang berbasis multimedia yang menampilkan penjelasan tentang wayang berupa teks, gambar dan video.
Ensiklopedia ini bertujuan untuk melestarikan dan memperkenalkan kebudayaan wayang kepada masyarakat terutama remaja. Pengguna sendiri adalah masyarakat
umum yang sudah mengenal penggunaan media komputer dan internet. Program ini bersifat interaktif. Dalam pembangunan sistem ensiklopedi wayang berbasis
multimedia ini, digunakan bahasa pemrograman Java. Sistem Ensiklopedia ini akan didistribusikan untuk masyarakat umum dalam bentuk website, sedangkan untuk
proses keberhasilan program ini akan diujikan melalui kuesioner yang akan dibahas pada bab selanjutnya.
3.2 Design
3.2.1 Storyboard
Tabel 3. 1 Storyboard
Scene Menu Action
GUI
1 Halaman
Utama Menampilkan
halaman utama. Jika klik tombol cerita
maka akan menuju scene 2. Jika klik
tombol tokoh maka akan menuju scene 3.
Jika klik tombol video maka akan menuju
scene 4. Jika klik tombol login maka
akan menuju scene 5. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
2 Halaman
Cerita Menampilkan
halaman yang berisi kumpulan-kumpulan
cerita wayang. Apabila klik judul
cerita maka akan menuju scene 6.
Dalam halaman ini terdapat pencarian
dimana pencarian ini digunakan untuk
mencari judul wayang yang diinginkan
dengan cepat. Apabila klik tombol cari maka
akan muncul judul cerita yang
diinginkan.
3 Halaman
Tokoh Menampilkan
halaman yang berisi kumpulan-kumpulan
tokoh wayang. Apabila klik gambar
wayang maka akan menampilkan gambar
dalam ukuran sesungguhnya. Jika
klik nama wayang maka akan menuju
scene 7. Dalam halaman ini terdapat
pencarian dimana pencarian ini
digunakan untuk mencari tokoh wayang
yang diinginkan dengan cepat. Apabila
klik tombol cari maka akan muncul tokoh
wayang yang diinginkan.
4 Halaman
Video Menampilkan
halaman yang berisi kumpulan-kumpulan
video wayang. Dalam halaman ini terdapat
pencarian dimana pencarian ini
digunakan untuk mencari video wayang
yang diinginkan dengan cepat. Apabila
klik tombol cari maka akan muncul video
wayang yang diinginkan.
5 Halaman
Login Menampilkan
halaman untuk masuk ke dalam sistem.
Jika klik tombol masuk akan menuju
scene 8. Jika klik tombol member maka
akan menuju scene 9. Jika klik tombol
halaman awal maka akan menuju scene 1.
6 Halaman
Detail Cerita
Menampilkan halaman detail cerita.
Halaman ini berisi tentang isi cerita
keseluruhan dan terdapat video yang
sesuai dengan judul cerita.
Apabila klik tombol kembali, maka akan
menuju scene 2. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
7 Halaman
Detail Tokoh
Menampilkan halaman detail tokoh.
Halaman ini berisi tentang informasi
tokoh secara detail. Apabila klik tombol
kembali, maka akan menuju scene 3.
8 Halaman
Awal Admin
dan Member
Menampilkan halaman awal dari
admin dan member. Jika klik tombol
tambah cerita wayang maka akan menuju ke
scene 10. Jika klik tombol tampil cerita
wayang maka akan menuju ke scene 11.
Jika klik tombol tambah tokoh wayang
maka akan menuju scene 12. Jika klik
tombol tampil tokoh wayang maka akan
menuju scene 13. Jika klik tombol tambah
silsilah wayang maka akan menuju scene 14.
Jika klik tombol tampil silsilah wayang
maka akan menuju scene 15. Jika klik
tombol tambah video wayang maka akan
menuju scene 20. Jika klik tombol lihat video
wayang maka akan menuju scene 21. Jika
klik tombol logout PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
maka akan menuju scene 1.
9 Halaman
Daftar Member
Menampilkan halaman daftar
member. Jika klik daftar maka data
member akan disimpan di database.
Jika klik masuk maka akan menuju scene 5.
Jika klik utama maka akan menuju scene 1.
10 Halaman
Tambah Cerita
Menampilkan halaman tambah
cerita. Jika klik tombol pilih file maka
akan muncul windows explore. Jika klik
tombol simpan, maka data cerita akan di
simpan di database dan akan menuju ke
scene 11. Jika klik tombol batal maka
akan menuju scene 8.
11 Halaman
Tampil Cerita
Wayang Menampilkan
halaman tampil cerita wayang yang berisi
kumpulan dari cerita- cerita wayang yang
sudah di simpan ke dalam database.
Jika klik tampil, maka akan menampilkan
data cerita yang sudah dikonfirmasi dan yang
belum dikonfirmasi. Jika klik Lihat maka
akan menuju ke scene 16. Jika klik Ubah
maka akan menuju ke scene 17. Jika klik
konfirm maka cerita akan langsung di
konfirmasi. Jika klik hapus maka cerita
akan langsung di hapus.
12 Halaman
Tambah Tokoh
Wayang Menampilkan
halaman tambah tokoh.
Jika klik pilih file maka akan muncul
windows explore. Jika klik simpan, maka
data tokoh akan tersimpan dan akan
menuju ke scene 13. Jika klik tombol batal
maka akan menuju ke scene 8.
13 Halaman
Tampil Tokoh
Wayang Menampilkan
halaman tampil tokoh wayang yang berisi
data-data tokoh wayang yang terdapat
dalam database. Jika klik tampil, maka
akan menampilkan data tokoh yang sudah
dikonfirmasi dan yang belum dikonfirmasi.
Jika klik Lihat maka akan menuju ke scene
18. Jika klik Ubah maka akan menuju ke
scene 19. Jika klik konfirm maka data
tokoh akan langsung di konfirmasi. Jika
klik hapus maka data PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
tokoh akan langsung di hapus.
14 Halaman
Tambah Silsilah
Wayang Menampilkan
Halaman Tambah Silsilah Wayang.
Jika klik simpan, maka data silsilah
wayang akan disimpan ke dalam
database dan akan menuju ke scene 15.
Jika klik batal maka akan menuju ke scene
8.
15 Halaman
Tampil Silsilah
Wayang Menampilkan
halaman Tampil Silsilah Wayang.
Jika klik tombol hapus maka data silsilah
akan langsung di hapus.
16 Halaman
Lihat Detail
Cerita Wayang
Menampilkan halaman Detail Cerita
Wayang. Jika klik tombol
kembali maka akan menuju ke scene 11
17 Halaman
Ubah Cerita
Wayang Menampilkan
halaman Ubah Cerita Wayang.
Jika klik pilih file maka akan muncul
windows explore. Jika klik tombol ubah
maka akan menuju ke scene 11.
18 Halaman
Lihat Detail
Tokoh Wayang
Menampilkan halaman Detail Tokoh
Wayang. Jika klik tombol
kembali maka akan menuju ke scene 13.
19 Halaman
Ubah Tokoh
Wayang Menampilkan
halaman Ubah Tokoh Wayang.
Jika klik pilih file maka akan muncul
windows explore. Jika klik tombol ubah
maka akan menuju ke scene 13.
20 Halaman
Tambah Video
Wayang Menampilkan
halaman tambah video.
Jika klik pilih file maka akan muncul
windows explore. Jika klik simpan, maka
data video akan tersimpan dan akan
menuju ke scene 21. Jika klik tombol batal
maka akan menuju ke scene 8.
21 Halaman
Tampil Video
Wayang Menampilkan
halaman tampil video wayang yang berisi
data-data video wayang yang terdapat
dalam database. Jika klik tampil, maka
akan menampilkan data video yang sudah
dikonfirmasi dan yang belum dikonfirmasi.
Jika klik Lihat maka akan menuju ke scene
22. Jika klik Ubah maka akan menuju ke
scene 23. Jika klik konfirm maka data
tokoh akan langsung di konfirmasi. Jika
klik hapus maka data tokoh akan langsung
di hapus.
22 Halaman
Lihat Detail
Video Menampilkan
halaman Detail Tokoh Wayang.
Jika klik tombol kembali maka akan
menuju ke scene 21. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
23 Halaman
Ubah Video
Menampilkan halaman Ubah Tokoh
Wayang. Jika klik pilih file
maka akan muncul windows explore.
Jika klik tombol ubah maka akan menuju ke
scene 21. Jika klok batal maka akan
menuju ke 8. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3.2.2 Use Case Diagram
3.2.2.1 Use Case Diagram Sistem
Gambar 3. 1 Use Case Diagram Sistem PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3.2.2.2 Use Case Package Kelola Tokoh Wayang
Gambar 3. 2 Use Case Package Kelola Tokoh Wayang 3.2.2.3
Use Case Package Kelola Silsilah
Gambar 3. 3 Use Case Package Kelola Silsilah Wayang 3.2.2.4
Use Case Package Kelola Cerita Wayang
Gambar 3. 4 Use Case Package Kelola Cerita Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3.2.2.5 Use Case Package Kelola Video Wayang
3.2.3 Skenario Use Case
Ensiklopedia Wayang Berbasis Basis Data Multimedia
Tabel 3. 2 Skenario Use Case Daftar Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Daftar ke dalam sistem
Identitas Use-Case EW-01
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member mendaftarkan akun ke dalam sistem informasi
Kondisi Awal Member sudah membuka atau mengakses halaman website Sistem
Informasi Skenario Use-Case
Aksi Aktor Reaksi Sistem
1. Menekan tombol daftar
2. Menampilkan halaman
pendaftaran 3.
Memasukkan username, password dan email.
4. Menekan tombol “Daftar”
5. Menampilkan Pemberitahuan
bahwa account telah berhasil didaftarkan ke dalam sistem
Skenario Alternatif 1 :
Re-type password tidak sama dengan
password 6.
Menampilkan Pemberitahuan bahwa password dan re-type
password yang dimasukkan tidak sesuai
7. Menekan link untuk
kembali ke form pendaftaran
8. Menampilkan halaman
pendaftaran 9.
Mengisi text field username, password, dan
email
10. Menekan tombol “Daftar”
11. Menampilkan Pemberitahuan
bahwa account telah berhasil didaftarkan ke dalam sistem
Tabel 3. 3 Skenario Use Case Login Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Masuk ke dalam sistem
Identitas Use-Case EW-02
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin login ke dalam sistem agar dapat menggunakan fungsi
admin pada sistem Kondisi Awal
Administrator sudah membuka atau mengakses halaman website Sistem Informasi
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menekan tombol Login 2.
Menampilkan halaman login 3.
Memasukkan username dan password pada field
username dan password
4. Menekan tombol masuk
5. Mengecek username dan
password. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
6. Menampilkan pemberitahuan
bahwa administrator berhasil login
Skenario Alternatif 1 :
Salah memasukkan username dan atau
password 6.
Menampilkan pemberitahuan bahwa username dan
password yang dimasukkan tidak sesuai
7. Menekan link kembali ke
halaman login 8.
Menampilkan halaman login 9.
Memasukkan username pada field username
10. Memasukkan password
pada field password 11.
Menekan tombol login 12.
Menampilkan pemberitahuan bahwa administrator berhasil
login
Tabel 3. 4 Skenario Use Case Tambah Cerita Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Tambah Data Cerita Wayang
Identitas Use-Case EW-03
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menambahkan data cerita wayang ke dalam database.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama admin
2. Admin memilih menu
kelola cerita wayang dan menekan menu “Tambah
Cerita Wayang” 3.
Sistem akan menampilkan halaman untuk menambah
data cerita wayang. Pada halaman tersebut terdapat text
field untuk memasukan judul cerita dan isi cerita. Terdapat
pula selected field untuk memilih jenis karya sastra.
4. Admin mengisi form,
memilih jenis karya sastra untuk menambah data
cerita wayang baru, lalu
menekan tombol “Simpan” 5.
Sistem akan menyimpan data cerita wayang dan
menampilkan pesan bahwa data berhasil di simpan lalu
sistem menampilkan halaman daftar cerita wayang yang
sudah tersimpan di database.
Skenario Alternatif 1 6. Admin mengisi form untuk
menambah data cerita wayang dan menekan
tombol “Batal” 7.
Sistem akan menampilkan halaman awal pengguna.
Tabel 3. 5 Skenario Use Case Tambah Wayang Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Tambah Data Tokoh Wayang
Identitas Use-Case EW-04
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menambahkan data tokoh wayang ke dalam database.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
1. Menampilkan halaman utama
pengguna 2.
Admin memilih menu kelola tokoh dan menekan
menu “Tambah Cerita Wayang”
3. Sistem akan menampilkan
halaman untuk menambah data tokoh wayang. Pada
halaman tersebut terdapat text field untuk memasukan nama
wayang ,ksatrian, watak, nama alias dan senjata pusaka.
Terdapat pula tombol choose file untuk memilih gambar.
4. Admin mengisi form yang
tersedia dan memilih gambar yang akan di
unggah untuk menambah data tokoh wayang baru,
lalu menekan tombol
“Simpan” 5.
Sistem akan menyimpan data tokoh wayang dan
menampilkan pesan bahwa data berhasil di simpan lalu
sistem menampilkan halaman tambah tokoh wayang.
Skenario Alternatif 1 6.
Admin menigisi form nama tokoh, ksatrian, watak,
nama alias dan senjata pustaka tetapi tidak
memilih dan memasukan data gambar untuk di
unggah, serta menekan
tombol “Simpan” 7.
Sistem akan merespon dan menampilkan pesan “Data
yang akan diunggah tidak ada”
Skenario Alternatif 2 8. Admin mengisi form untuk
menambah data tokoh wayang dan menekan
tombol “Batal” 9.
Sistem akan menampilkan halaman awal pengguna.
Tabel 3. 6 Skenario Use Case Ubah Cerita Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Ubah Data Cerita Wayang
Identitas Use-Case EW-05
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin mengubah data cerita wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola cerita wayang dan menekan menu “Tampil
Cerita Wayang”. 3.
Sistem akan menampilkan cerita wayang yang ada di
dalam database.
4. Admin memilih cerita yang
akan diubah dan menekan tombol “ubah” yang ada di
kolom “action”. 5.
Sistem akan menampilkan halaman untuk menambah
data cerita wayang yang sudah berisi informasi dari data
cerita yang sudah di pilih.
6. Admin mengubah data
cerita wayang yang ingin PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
diubah lalu menekan tombol “Ubah”
7. Sistem akan menyimpan data
cerita wayang yang telah diubah dan menampilkan
pesan bahwa data berhasil di ubah lalu sistem menampilkan
halaman tampil cerita wayang.
Skenario Alternatif 1 8. Admin batal untuk
mengubah data, dan menekan tombol “batal”
9. Sistem merespon dan
menampilkan form tampil cerita wayang.
Tabel 3. 7 Skenario Use Case Ubah Tokoh Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Ubah Data Tokoh Wayang
Identitas Use-Case EW-06
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin mengubah data tokoh wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola tokoh dan menekan menu “Tampil Tokoh
Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database.
4. Admin memilih tokoh yang
akan diubah dan menekan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
tombol “ubah” yang ada di
kolom “action”. 5.
Sistem akan menampilkan halaman untuk menambah
data tokoh wayang yang sudah berisi informasi dari
data tokoh yang sudah di pilih.
6. Admin mengubah data
tokoh wayang yang ingin diubah lalu menekan
tombol “Ubah” 7.
Sistem akan menyimpan data tokoh wayang yang telah
diubah dan menampilkan pesan bahwa data berhasil di
ubah lalu sistem menampilkan halaman tampil tokoh
wayang.
Skenario Alternatif 1 8. Admin batal untuk
mengubah data, dan menekan tombol “batal”
9. Sistem merespon dan
menampilkan form tampil tokoh wayang.
Tabel 3. 8 Skenario Use Case Hapus Cerita Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Hapus Data Cerita Wayang
Identitas Use-Case EW-07
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menghapus data cerita wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
1. Menampilkan halaman utama
pengguna 2.
Admin memilih menu kelola cerita dan menekan
menu “Tampil Tokoh Wayang”.
3. Sistem akan menampilkan
cerita wayang yang ada di dalam database.
4. Admin memilih cerita yang
akan dihapus dan menekan tombol “hapus” yang ada
di kolom “action”. 5.
Sistem akan merespon dan menampilkan pesan “data
berhasil terhapus” dan kembali ke halaman tampil
cerita wayang.
Tabel 3. 9 Skenario Use Case Hapus Tokoh Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Hapus Data Tokoh Wayang
Identitas Use-Case EW-08
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menghapus data tokoh wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola tokoh dan menekan menu “Tampil Tokoh
Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
4. Admin memilih tokoh yang
akan dihapus dan menekan tombol “hapus” yang ada
di kolom “action”. 5.
Sistem akan merespon dan menampilkan pesan “data
berhasil terhapus” dan kembali ke halaman tampil
tokoh wayang.
Skenario Alternatif 1 5. Sistem akan menampilkan
pesan “Data gagal dihapus karena masih memiliki relasi
kekerabatan.
Tabel 3. 10 Skenario Use Case Lihat Cerita Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Melihat Detail Data Cerita Wayang
Identitas Use-Case EW-09
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin melihat detail data cerita wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola cerita wauang dan menekan menu “Tampil
Cerita Wayang”. 3.
Sistem akan menampilkan cerita wayang yang ada di
dalam database.
4. Admin memilih cerita yang
akan dilihat dan menekan tombol “lihat” yang ada di
kolom “action”. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
5. Sistem akan merespon dan
menampilkan halaman detail cerita wayang.
Skenario Alternatif 1 6. Admin menekan tombol
“kembali” 7.
Sistem akan merespon dan menampilkan halaman tampil
cerita wayang
Tabel 3. 11 Skenario Use Case Lihat Tokoh Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Melihat Detail Data Tokoh Wayang
Identitas Use-Case EW-10
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin melihat detail data tokoh wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola tokoh wayang dan menekan menu “Tampil
Tokoh Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database.
4. Admin memilih tokoh yang
akan dilihat dan menekan tombol “lihat” yang ada di
kolom “action”. 5.
Sistem akan merespon dan menampilkan halaman detail
tokoh wayang. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Skenario Alternatif 1 6. Admin menekan tombol
“kembali” 7.
Sistem akan merespon dan menampilkan halaman tampil
tokoh wayang
Tabel 3. 12 Skenario Use Case Konfirm Cerita Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Konfirm Data Cerita Wayang
Identitas Use-Case EW-11
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin mengkonfirm data cerita wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola cerita wayang dan menekan menu “Tampil
Tokoh Wayang”. 3.
Sistem akan menampilkan cerita wayang yang ada di
dalam database.
4. Admin memilih cerita yang
akan dikonfirm dan menekan tombol “konfirm”
yang ada di kolom “action”.
5. Sistem akan merespon dan
menampilkan pesan “Data Cerita Berhasil di Konfim”
kemudian menampilkan halaman tampil cerita wayang.
Tabel 3. 13 Skenario Use Case Konfirm Tokoh Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Konfirm Data Tokoh Wayang
Identitas Use-Case EW-12
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin mengkonfirm data tokoh wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola tokoh wayang dan menekan menu “Tampil
Tokoh Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database.
4. Admin memilih tokoh yang
akan dikonfirm dan menekan tombol “konfirm”
yang ada di kolom “action”.
5. Sistem akan merespon dan
menampilkan pesan “Data Tokoh Berhasil di Konfim”
kemudian menampilkan halaman tampil tokoh
wayang.
Tabel 3. 14 Skenario Use Case Tambah Silsilah Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Tambah Silsilah Tokoh Wayang
Identitas Use-Case EW-13
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menambah silsilah tokoh wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola tokoh wayang dan menekan menu “Tambah
Silsilah Wayang”. 3.
Sistem akan menampilkan halaman menambah silsilah
wayang yang terdiri dari selected field untuk memilih
hubungan kekerabatan, text field untuk memasukan nama
wayang dan table yang berisi data wayang.
4. Admin mengisi form yang
tersedia sesuai dengan langkah-langkah yang ada,
kemudian menekan tombol
“simpan”. 5.
Sistem akan merespon dan menampilkan pesan “Data
Silsilah Tokoh Berhasil di Tambahkan” kemudian
menampilkan halaman tambah silsilah wayang.
Skenario Alternatif 1 6. Admin mengisi form yang
tersedia sesuai dengan langkah-langkah yang ada,
kemudian menekan tombol
“batal”. 7.
Sistem akan merespon dan menampilkan halaman awal
pengunjung. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Tabel 3. 15 Skenario Use Case Hapus Silsilah Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Hapus Silsilah Tokoh Wayang
Identitas Use-Case EW-14
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menghapus data silsilah wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola tokoh dan menekan menu “Tampil Silsilah
Wayang”. 3.
Sistem akan menampilkan silsilah wayang yang ada di
dalam database.
4. Admin memilih data yang
akan dihapus dan menekan tombol “hapus” yang ada
di kolom “action”. 5.
Sistem akan merespon dan menampilkan pesan “data
berhasil terhapus” dan kembali ke halaman tampil
silsilah wayang.
Tabel 3. 16 Skenario Use Case Login Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Masuk ke dalam sistem
Identitas Use-Case EW-15
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member login ke dalam sistem agar dapat menggunakan fungsi
member pada sistem Kondisi Awal
Member sudah membuka atau mengakses halaman website Sistem Informasi
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menekan tombol Login 2.
Menampilkan halaman login 3.
Memasukkan username pada field username
4. Memasukkan password
pada field password 5.
Menekan tombol login 6.
Menampilkan pemberitahuan bahwa member berhasil login
Skenario Alternatif 1 :
Salah memasukkan username dan atau
password 7.
Menampilkan pemberitahuan bahwa username dan
password yang dimasukkan tidak sesuai
8. Menampilkan halaman login
9. Memasukkan username
pada field username 10.
Memasukkan password pada field password
11. Menekan tombol login
12. Menampilkan pemberitahuan
bahwa administrator berhasil login
Tabel 3. 17 Skenario Use Case Tambah Cerita Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Tambah Data Cerita Wayang
Identitas Use-Case EW-16
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member menambahkan data cerita wayang ke dalam database.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Member memilih menu
kelola cerita wayang dan menekan menu “Tambah
Cerita Wayang” 3.
Sistem akan menampilkan halaman untuk menambah
data cerita wayang. Pada halaman tersebut terdapat text
field untuk memasukan judul cerita dan isi cerita. Terdapat
pula selected field untuk memilih jenis karya sastra.
4. Member mengisi form,
memilih jenis karya sastra untuk menambah data
cerita wayang baru, lalu
menekan tombol “Simpan” 5.
Sistem akan menyimpan data cerita wayang dan
menampilkan pesan bahwa data berhasil di simpan lalu
sistem menampilkan halaman daftar cerita wayang yang
sudah tersimpan di database.
Skenario Alternatif 2 6. Member mengisi form
untuk menambah data cerita wayang dan menekan
tombol “Batal” 7.
Sistem akan menampilkan halaman awal pengguna.
Tabel 3. 18 Skenario Use Case Tambah Tokoh Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Tambah Data Tokoh Wayang
Identitas Use-Case EW-17
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member menambahkan data tokoh wayang ke dalam database.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Member memilih menu
kelola tokoh dan menekan menu “Tambah Cerita
Wayang” 3.
Sistem akan menampilkan halaman untuk menambah
data tokoh wayang. Pada halaman tersebut terdapat text
field untuk memasukan nama wayang ,ksatrian, watak,
nama alias dan senjata pusaka. Terdapat pula tombol choose
file untuk memilih gambar.
4. Member mengisi form
yang tersedia dan memilih gambar yang akan di
unggah untuk menambah data tokoh wayang baru,
lalu menekan tombol
“Simpan” 5.
Sistem akan menyimpan data tokoh wayang dan
menampilkan pesan bahwa data berhasil di simpan lalu
sistem menampilkan halaman tambah tokoh wayang.
Skenario Alternatif 1 6.
Member menigisi form nama tokoh, ksatrian,
watak, nama alias dan senjata pustaka tetapi tidak
memilih dan memasukan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
data gambar untuk di unggah, serta menekan
tombol “Simpan” 7.
Sistem akan merespon dan menampilkan pesan “Data
yang akan diunggah tidak ada”
Skenario Alternatif 2 8. Member mengisi form
untuk menambah data tokoh wayang dan
menekan tombol “Batal” 9.
Sistem akan menampilkan halaman awal pengguna.
Tabel 3. 19 Skenario Use Case Ubah Cerita Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Ubah Data Cerita Wayang
Identitas Use-Case EW-18
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member mengubah data cerita wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Member memilih menu
kelola cerita wayang dan menekan menu “Tampil
Cerita Wayang”. 3.
Sistem akan menampilkan cerita wayang yang ada di
dalam database.
4. Member memilih cerita
yang akan diubah dan menekan tombol “ubah”
yang ada di kolom “action”.
5. Sistem akan menampilkan
halaman untuk menambah data cerita wayang yang sudah
berisi informasi dari data cerita yang sudah di pilih.
6. Member mengubah data
cerita wayang yang ingin diubah lalu menekan
tombol “Ubah” 7.
Sistem akan menyimpan data cerita wayang yang telah
diubah dan menampilkan pesan bahwa data berhasil di
ubah lalu sistem menampilkan halaman tampil cerita wayang.
Skenario Alternatif 1 8. Member batal untuk
mengubah data, dan menekan tombol “batal”
9. Sistem merespon dan
menampilkan form tampil cerita wayang.
Tabel 3. 20 Skenario Use Case Ubah Tokoh Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Ubah Data Tokoh Wayang
Identitas Use-Case EW-19
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member mengubah data tokoh wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Member memilih menu
kelola tokoh dan menekan menu “Tampil Tokoh
Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database.
4. Member memilih tokoh
yang akan diubah dan menekan tombol “ubah”
yang ada di kolom “action”.
5. Sistem akan menampilkan
halaman untuk menambah data tokoh wayang yang
sudah berisi informasi dari data tokoh yang sudah di
pilih.
6. Member mengubah data
tokoh wayang yang ingin diubah lalu menekan
tombol “Ubah” 7.
Sistem akan menyimpan data tokoh wayang yang telah
diubah dan menampilkan pesan bahwa data berhasil di
ubah lalu sistem menampilkan halaman tampil tokoh
wayang.
Skenario Alternatif 1 8. Member batal untuk
mengubah data, dan menekan tombol “batal”
9. Sistem merespon dan
menampilkan form tampil tokoh wayang.
Tabel 3. 21 Skenario Use Case Hapus Cerita Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Hapus Data Cerita Wayang
Identitas Use-Case EW-20
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member menghapus data cerita wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Member memilih menu
kelola tokoh dan menekan menu “Tampil Tokoh
Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database.
4. Member memilih tokoh
yang akan dihapus dan menekan tombol “hapus”
yang ada di kolom “action”.
5. Sistem akan merespon dan
menampilkan pesan “data berhasil terhapus” dan
kembali ke halaman tampil cerita wayang.
Tabel 3. 22 Skenario Use Case Hapus Tokoh Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Hapus Data Tokoh Wayang
Identitas Use-Case EW-21
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member menghapus data tokoh wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Admin memilih menu
kelola tokoh dan menekan menu “Tampil Tokoh
Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database.
4. Admin memilih tokoh yang
akan dihapus dan menekan tombol “hapus” yang ada
di kolom “action”. 5.
Sistem akan merespon dan menampilkan pesan “data
berhasil terhapus” dan kembali ke halaman tampil
tokoh wayang.
Skenario Alternatif 1 6. Admin memilih tokoh yang
akan dihapus masih memiliki relasi kekerabatan
dan menekan tombol
“hapus” yang ada di kolom “action”.
7. Sistem akan menampilkan
pesan “Data gagal dihapus karena masih memiliki relasi
kekerabatan.
Tabel 3. 23 Skenario Use Case Lihat Cerita Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Melihat Detail Data Cerita Wayang
Identitas Use-Case EW-22
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member melihat detail data cerita wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Member memilih menu
kelola cerita wauang dan menekan menu “Tampil
Cerita Wayang”. 3.
Sistem akan menampilkan cerita wayang yang ada di
dalam database.
4. Member memilih cerita
yang akan dilihat dan menekan tombol “lihat”
yang ada di kolom “action”.
5. Sistem akan merespon dan
menampilkan halaman detail cerita wayang.
Skenario Alternatif 1 6.
Sistem akan merespon dan menampilkan halaman detail
cerita wayang.
7. Member menekan tombol
“kembali” 8.
Sistem akan merespon dan menampilkan halaman tampil
cerita wayang
Tabel 3. 24 Skenario Use Case Lihat Tokoh Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Melihat Detail Data Tokoh Wayang
Identitas Use-Case EW-23
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member melihat detail data tokoh wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama pengguna
2. Member memilih menu
kelola tokoh wayang dan menekan menu “Tampil
Tokoh Wayang”. 3.
Sistem akan menampilkan tokoh wayang yang ada di
dalam database.
4. Member memilih tokoh
yang akan dilihat dan menekan tombol “lihat”
yang ada di kolom “action”.
5. Sistem akan merespon dan
menampilkan halaman detail tokoh wayang.
Skenario Alternatif 1 6.
Sistem akan merespon dan menampilkan halaman detail
tokoh wayang.
7. Member menekan tombol
“kembali” 8.
Sistem akan merespon dan menampilkan halaman tampil
tokoh wayang
Tabel 3. 25 Skenario Use Case Tambah Video Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Tambah Data Video Wayang
Identitas Use-Case EW-24
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menambahkan data video wayang ke dalam database.
Kondisi Awal Admin sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
1. Menampilkan halaman
utama admin 2.
Admin memilih menu kelola cerita wayang dan
menekan menu “Tambah Video Wayang”
3. Sistem akan menampilkan
halaman untuk menambah data video wayang. Pada
halaman tersebut terdapat text field untuk memasukan judul
video, sumber video dan tombol choose file untuk
memilih video.
4. Member mengisi form, dan
memilih video yang akan di unggah untuk menambah
data video wayang baru, lalu menekan tombol
“Simpan” 5.
Sistem akan menyimpan data video wayang dan
menampilkan pesan bahwa data berhasil di simpan lalu
sistem menampilkan halaman daftar video wayang yang
sudah tersimpan di database.
Skenario Alternatif 1 6.
Member menigisi form judul video, sumber video
tetapi tidak memilih dan memasukan data video
untuk di unggah serta
menekan tombol “Simpan” 7.
Sistem akan merespon dan menampilkan pesan “Data
yang akan diunggah tidak ada”
Skenario Alternatif 2 8. Member mengisi form
untuk menambah data PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
cerita wayang dan menekan tombol “Batal”
9. Sistem akan menampilkan
halaman awal admin.
Tabel 3. 26 Skenario Use Case Tambah Video Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Tambah Data Video Wayang
Identitas Use-Case EW-25
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member menambahkan data video wayang ke dalam database.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama member
2. Member memilih menu
kelola cerita wayang dan menekan menu “Tambah
Video Wayang” 3.
Sistem akan menampilkan halaman untuk menambah
data video wayang. Pada halaman tersebut terdapat text
field untuk memasukan judul video, sumber video dan
tombol choose file untuk memilih video.
4. Member mengisi form, dan
memilih video yang akan di unggah untuk menambah
data video wayang baru, lalu menekan tombol
“Simpan” 5.
Sistem akan menyimpan data video wayang dan
menampilkan pesan bahwa data berhasil di simpan lalu
sistem menampilkan halaman daftar video wayang yang
sudah tersimpan di database.
Skenario Alternatif 1 6.
Member menigisi form judul video, sumber video
tetapi tidak memilih dan memasukan data video
untuk di unggah serta
menekan tombol “Simpan” 7.
Sistem akan merespon dan menampilkan pesan “Data
yang akan diunggah tidak ada”
Skenario Alternatif 2 8. Member mengisi form
untuk menambah data cerita wayang dan menekan
tombol “Batal” 9.
Sistem akan menampilkan halaman awal member.
Tabel 3. 27 Skenario Use Case Ubah Video Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Ubah Data Video Wayang
Identitas Use-Case EW-26
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin mengubah data cerita wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama admin
2. Admin memilih menu
kelola video wayang dan menekan menu “Tampil
Video Wayang”. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3. Sistem akan menampilkan
video wayang yang ada di dalam database.
4. Admin memilih video yang
akan diubah dan menekan tombol “ubah” yang ada di
kolom “action”. 5.
Sistem akan menampilkan halaman untuk menambah
data video wayang yang sudah berisi informasi dari data
video yang sudah di pilih.
6. Admin mengubah data
video wayang yang ingin diubah lalu menekan
tombol “Ubah” 7.
Sistem akan menyimpan data video wayang yang telah
diubah dan menampilkan pesan bahwa data berhasil di
ubah lalu sistem menampilkan halaman tampil video wayang.
Skenario Alternatif 1 8.
Admin batal untuk mengubah data, dan
menekan tombol “batal” 9.
Sistem merespon dan menampilkan form tampil
video wayang.
Tabel 3. 28 Skenario Use Case Ubah Video Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Ubah Data Video Wayang
Identitas Use-Case EW-27
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member mengubah data cerita wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama member
2. Member memilih menu
kelola video wayang dan menekan menu “Tampil
Video Wayang”. 3.
Sistem akan menampilkan video wayang yang ada di
dalam database.
4. Admin memilih video yang
akan diubah dan menekan tombol “ubah” yang ada di
kolom “action”. 5.
Sistem akan menampilkan halaman untuk menambah
data video wayang yang sudah berisi informasi dari data
video yang sudah di pilih.
6. Admin mengubah data
video wayang yang ingin diubah lalu menekan
tombol “Ubah” 7.
Sistem akan menyimpan data video wayang yang telah
diubah dan menampilkan pesan bahwa data berhasil di
ubah lalu sistem menampilkan halaman tampil video wayang.
Skenario Alternatif 1 8.
Admin batal untuk mengubah data, dan
menekan tombol “batal” 9.
Sistem merespon dan menampilkan form tampil
cerita wayang.
1. Admin memilih video yang
akan dihapus dan menekan tombol “hapus” yang ada
di kolom “action”. 2.
Sistem akan merespon dan menampilkan pesan “data
berhasil terhapus” dan kembali ke halaman tampil
video wayang.
Tabel 3. 29 Skenario Use Case Hapus Video Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Hapus Data Video Wayang
Identitas Use-Case EW-29
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin menghapus data video wayang.
Kondisi Awal Admin sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama admin
2. Admin memilih menu
kelola cerita wayang dan menekan menu “Tampil
Video Wayang”. 3.
Sistem akan menampilkan video wayang yang ada di
dalam database.
4. Admin memilih video yang
akan dihapus dan menekan tombol “hapus” yang ada
di kolom “action”. 5.
Sistem akan merespon dan menampilkan pesan “data
berhasil terhapus” dan kembali ke halaman tampil
video wayang.
Tabel 3. 30 Skenario Use Case Hapus Video Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Hapus Data Video Wayang
Identitas Use-Case EW-29
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member menghapus data video wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama member
2. Member memilih menu
kelola cerita wayang dan menekan menu “Tampil
Video Wayang”. 3.
Sistem akan menampilkan video wayang yang ada di
dalam database.
4. Admin memilih video yang
akan dihapus dan menekan tombol “hapus” yang ada
di kolom “action”. 5.
Sistem akan merespon dan menampilkan pesan “data
berhasil terhapus” dan kembali ke halaman tampil
video wayang.
Tabel 3. 31 Skenario Use Case Lihat Video Wayang Admin Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Melihat Detail Data Video Wayang
Identitas Use-Case EW-30
Prioritas Tinggi
Sumber -
Aktor Admin
Deskripsi Admin melihat detail data video wayang.
Kondisi Awal Administrator sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama Admin
2. Admin memilih menu
kelola cerita wayang dan menekan menu “Tampil
Video Wayang”. 3.
Sistem akan menampilkan data video wayang yang ada
di dalam database.
4. Admin memilih data video
yang akan dilihat dan menekan tombol “lihat”
yang ada di kolom “action”.
5. Sistem akan merespon dan
menampilkan halaman detail video wayang.
Tabel 3. 32 Skenario Use Case Lihat Video Member Pengarang: Mikhael Fajarjati
Tanggal:5 Maret 2015 Versi: 1.0
Nama Use-Case Melihat Detail Data Video Wayang
Identitas Use-Case EW-31
Prioritas Tinggi
Sumber -
Aktor Member
Deskripsi Member melihat detail data video wayang.
Kondisi Awal Member sudah login.
Skenario Use-Case Aksi Aktor
Reaksi Sistem 1.
Menampilkan halaman utama Member
2. Member memilih menu
kelola cerita wayang dan menekan menu “Tampil
Video Wayang”. 3.
Sistem akan menampilkan data video wayang yang ada
di dalam database.
4. Member memilih data
video yang akan dilihat dan menekan tombol “lihat”
yang ada di kolom “action”.
5. Sistem akan merespon dan
menampilkan halaman detail video wayang.
3.2.4 Model Data Konseptual
Gambar 3. 5 ER-Diagram
3.2.5 Model Data Logikal
Gambar 3. 6 Desain Logikal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3.2.6 Diagram Aktivitas
Diagram Aktivitas 001 Login
P h
as e
USER SISTEM
Menekan tombol login Menampilkan Form Login
Memasukan username dan password
Menekan tombol masuk Mengecek username dan
password
Menampilkan halaman home
Apakah username dan password ada dalam
database? Ya
Tidak
Gambar 3. 7 Diagram Aktivitas Login PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 002 Tambah Cerita Wayang
P h
as e
USER SISTEM
menekan tambah cerita wayang
Menampilkan halaman tambah cerita wayang
Mengisi form tambah cerita wayang
Menekan tombol simpan
Menampilkan halaman tampil cerita wayang
Apakah form tambah cerita wayang sudah
diisi semua?
Ya Tidak
Gambar 3. 8 Diagram Aktivitas Tambah Cerita Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 003 Tambah Tokoh Wayang
P h
as e
USER SISTEM
menekan tambah tokoh wayang
Menampilkan halaman tambah tokoh wayang
Mengisi form tambah tokoh wayang
Menekan tombol simpan
Menampilkan halaman tampil tokoh wayang
Apakah form tambah tokoh wayang sudah
diisi semua?
Ya Tidak
Gambar 3. 9 Diagram Aktivitas Tambah Tokoh Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 004 Ubah Cerita Wayang
P h
as e
USER SISTEM
menekan menu tampil cerita wayang
Menampilkan halaman tampil cerita wayang
Menekan tombol ubah pada kolom action
Memasukan data yang akan diubah pada form tambah cerita
wayang
Menampilkan halaman tampil cerita wayang
Menampilkan halaman tambah cerita wayang
Menekan tombol ubah
Gambar 3. 10 Diagram Aktivitas Ubah Cerita Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 005 Ubah Tokoh Wayang
P h
as e
USER SISTEM
menekan menu tampil tokoh wayang
Menampilkan halaman tampil tokoh wayang
Menekan tombol ubah pada kolom action
Memasukan data yang akan diubah pada form tambah tokoh
wayang
Menampilkan halaman tampil tokoh wayang
Menampilkan halaman tambah tokoh wayang
Menekan tombol ubah
Gambar 3. 11 Diagram Aktivitas Ubah Tokoh Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 006 Hapus Cerita Wayang
P h
as e
USER SISTEM
menekan menu tampil cerita wayang
Menampilkan halaman tampil cerita wayang
Menekan tombol hapus pada kolom action
Menampilkan halaman tampil cerita wayang
Gambar 3. 12 Diagram Aktivitas Hapus Cerita Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 007 Hapus Tokoh Wayang
P h
as e
USER SISTEM
menekan menu tampil tokoh wayang
Menampilkan halaman tampil tokoh wayang
Menekan tombol hapus pada kolom action
Menampilkan halaman tampil cerita wayang
Apakah wayang masih memiliki kekerabatan?
Ya
Tidak
Gambar 3. 13 Diagram Aktivitas Hapus Tokoh Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 008 Lihat Detail Cerita Wayang
P h
as e
USER SISTEM
menekan menu tampil cerita wayang
Menampilkan halaman tampil cerita wayang
Menekan tombol lihat pada kolom action
Menampilkan halaman detail cerita wayang
Gambar 3. 14 Diagram Aktivitas Lihat Detail Cerita Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 009 Lihat Detail Tokoh Wayang
P h
as e
USER SISTEM
menekan menu tampil tokoh wayang
Menampilkan halaman tampil tokoh wayang
Menekan tombol lihat pada kolom action
Menampilkan halaman detail tokoh wayang
Gambar 3. 15 Diagram Aktivitas Lihat Detail Tokoh Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 010 Konfirm Cerita Wayang
P h
as e
USER SISTEM
menekan menu tampil cerita wayang
Menampilkan halaman tampil cerita wayang
Menekan tombol konfirm pada kolom action
Menampilkan halaman tampil cerita wayang
Gambar 3. 16 Diagram Aktivitas Konfirm Cerita Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 011 Konfirm Tokoh Wayang
P h
as e
USER SISTEM
menekan menu tampil tokoh wayang
Menampilkan halaman tampil tokoh wayang
Menekan tombol konfirm pada kolom action
Menampilkan halaman tampil tokoh wayang
Gambar 3. 17 Diagram Aktivitas Konform Tokoh Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 012 Tambah Silsilah Wayang
P h
as e
USER SISTEM
Menekan tambah silsilah wayang
Menampilkan halaman tambah silsilah wayang
Mengisi form tambah silsilah wayang
Menekan tombol simpan
Menampilkan halaman tampil silsilah wayang
Apakah form tambah silsilah wayang sudah
diisi semua?
Ya Tidak
Gambar 3. 18 Diagram Aktivitas Tambah Silsilah Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 013 Hapus Silsilah Wayang
P h
as e
USER SISTEM
menekan menu tampil silsilah wayang
Menampilkan halaman tampil silsilah wayang
Menekan tombol hapus pada kolom action
Menampilkan halaman tampil silsilah wayang
Gambar 3. 19 Diagram Aktivitas Hapus Silsilah Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 014 Daftar Member
P h
as e
USER SISTEM
Menekan tombol login Menampilkan halaman
login
Menekan tombol daftar
Mengisi form pendaftaran
Menampilkan halaman login
Menampilkan form pendaftaran
Menekan tombol daftar
Gambar 3. 20 Diagram Aktivitas Daftar Member PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 015 Tambah Video Wayang
P h
as e
USER SISTEM
menekan tambah video wayang
Menampilkan halaman tambah video wayang
Mengisi form tambah video wayang
Menekan tombol simpan
Menampilkan halaman tampil video wayang
Apakah form tambah video wayang sudah
diisi semua?
Ya Tidak
Gambar 3. 21 Diagram Aktivitas Tambah Video Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 016 Ubah Video Wayang
P h
as e
USER SISTEM
menekan menu tampil video wayang
Menampilkan halaman tampil video wayang
Menekan tombol ubah pada kolom action
Memasukan data yang akan diubah pada form tambah video
wayang
Menampilkan halaman tampil video wayang
Menampilkan halaman tambah video wayang
Menekan tombol ubah
Gambar 3. 22 Diagram Aktivitas Ubah Video Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 017 Hapus Video Wayang
P h
as e
USER SISTEM
menekan menu tampil video wayang
Menampilkan halaman tampil video wayang
Menekan tombol hapus pada kolom action
Menampilkan halaman tampil video wayang
Gambar 3. 23 Diagram Aktivitas Hapus Video Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Diagram Aktivitas 018 Lihat Detail Video Wayang
P h
as e
USER SISTEM
menekan menu tampil video wayang
Menampilkan halaman tampil video wayang
Menekan tombol lihat pada kolom action
Menampilkan halaman detail video wayang
Gambar 3. 24 Diagram Aktivitas Lihat Detail Video Wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3.2.7 Diagram Kelas Analisis
Login.jsp LoginServlet.java
LoginModel.java
Admin-home.jsp Admin-
tambahcerita.jsp CeritaControl.java
CeritaModel.java
CeritaServlet.java
LoginControl.java Admin-
tampilcerita.jsp CeritaControl.java
CeritaModel.java
Admin- tambahtokoh.jsp
WayangControl.java WayangModel.java
WayangServlet.java
Admin- tampiltokoh.jsp
WayangControl.java WayangModel.java
Admin- tambahvideo.jsp
VideoControl.java VideoModel.java
VideoServlet.java
Gambar 3. 25 Diagram Kelas Analisis Admin
Login.jsp LoginServlet.java
LoginModel.java
Member-home.jsp Member-
tambahcerita.jsp CeritaControl.java
CeritaModel.java
CeritaServlet.java
LoginControl.java Member-
tampilcerita.jsp CeritaControl.java CeritaModel.java
Member- tambahtokoh.jsp
WayangControl.java WayangModel.java
WayangServlet.java
Member- tampiltokoh.jsp
WayangControl.java WayangModel.java
Member- tambahvideo.jsp
VideoControl.java VideoModel.java
VideoServlet.java
Gambar 3. 26 Diagram Kelas Analisis Member PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3.2.8 Diagram Sequence
Use Case: admin-tambahcerita
Gambar 3. 27 Diagram Sequence Use Case admin-tambah cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: Login
Gambar 3. 28 Diagram Sequence Use Case login PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-tambahcerita
Gambar 3. 29 Diagram Sequence Use Case member-tambah cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-tambahtokoh
Gambar 3. 30 Diagram Sequence Use Case admin-tambah tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-tambahtokoh
Gambar 3. 31 Diagram Sequence Use Case member-tambah tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-ubahcerita
Gambar 3. 32 Diagram Sequence Use Case admin-ubah cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-ubahcerita
Gambar 3. 33 Diagram Sequence Use Case member-ubah cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-ubahtokoh
Gambar 3. 34 Diagram Sequence Use Case admin-ubah tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-ubahtokoh
Gambar 3. 35 Diagram Sequence Use Case member-ubah tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-hapuscerita
Gambar 3. 36 Diagram Sequence Use Case admin-hapus cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-hapuscerita
Gambar 3. 37 Diagram Sequence Use Case member-hapus cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-hapustokoh
Gambar 3. 38 Diagram Sequence Use Case admin-hapus tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-hapustokoh
Gambar 3. 39 Diagram Sequence Use Case member-hapus tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-lihatdetailcerita
Gambar 3. 40 Diagram Sequence Use Case admin-lihat detail cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-lihatdetailcerita
Gambar 3. 41 Diagram Sequence Use Case member-lihat detail cerita PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: Admin-lihatdetailtokoh
Gambar 3. 42 Diagram Sequence Use Case admin-lihat detail tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-lihatdetailtokoh
Gambar 3. 43 Diagram Sequence Use Case member-lihat detail tokoh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: konfirmasi cerita wayang
Gambar 3. 44 Diagram Sequence Use Case konfirmasi cerita wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: konfirmasi tokoh wayang
Gambar 3. 45 Diagram Sequence Use Case konfirmasi tokoh wayang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-tambahsilsilah
Gambar 3. 46 Diagram Sequence Use Case admin-tambah silsilah PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-hapus silsilah
Gambar 3. 47 Diagram Sequence Use Case member-hapus silsilah PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: daftar
Gambar 3. 48 Diagram Sequence Use Case daftar PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-tambahvideo
Admin View
admin-home.jsp
1. Menekan menu tambah video wayang
View admin-tambah video.jsp
2. Menampilkan halaman tambah video
3. Memasukan judul, vsumber,File video
Control VideoServlet.java
4.1. Action
Model VideoModel.java
5. Set data video
Control VideoControl.java
7. InputVideovideomodel
View admin-tampilvideo.jsp
4. Menekan tombol simpan
8. Redirect 4.2. Redirect
alt
Tidak memilih file Mengisi seluruh form tambah video
Gambar 3. 49 Diagram Sequence Use Case admin-tambah video PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-tambahvideo
Member View
member-home.jsp
1. Menekan menu tambah video wayang
View member-tambah video.jsp
2. Menampilkan halaman tambah video
3. Memasukan judul, vsumber,File video
Control VideoServlet.java
4.1. Action
Model VideoModel.java
5. Set data video
Control VideoControl.java
7. InputVideovideomodel
View admin-tampilvideo.jsp
4. Menekan tombol simpan
8. Redirect 4.2. Redirect
alt
Tidak memilih file Mengisi seluruh form tambah video
Gambar 3. 50 Diagram Sequence Use Case member-tambah video PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-ubahvideo
Admin View
admin-home.jsp
1. Menekan menu tampil video
View admin-
tampilvideo.jsp
2. Menampilkan halaman tampilvideo
3. Menekan tombol ubah
View admin-
tambahvideo.jsp
4. redirect 5. Menampilkan data video wayang
6. Mengubah data video wayang 7. Menekan tombol ubah
Control VideoServlet.java
8. action
Model VideoModel.java
9. set data video wayang
Control VideoControl.java
10. UpdateVideo 11. redirect
Gambar 3. 51 Diagram Sequence Use Case admin-ubah video
Use Case: member-ubahvideo PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Member View
member- home.jsp
1. Menekan menu tampil video
View member-
tampilvideo.jsp
2. Menampilkan halaman tampilvideo
3. Menekan tombol ubah
View member-
tambahvideo.jsp
4. redirect 5. Menampilkan data video wayang
6. Mengubah data video wayang 7. Menekan tombol ubah
Control VideoServlet.java
8. action
Model VideoModel.java
9. set data video wayang
Control VideoControl.java
10. UpdateVideo 11. redirect
Gambar 3. 52 Diagram Sequence Use Case member-ubah video
Use Case: admin-hapusvideo PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Admin View
admin-home.jsp
1. Menekan menu tampil video
View admin-
tampilvideo.jsp
2. Menampilkan halaman tampilvideo
3. Menekan tombol hapus
Model VideoModel.java
4. redirect
Control VideoControl.java
6. HapusCerita 5. set data video wayang
Gambar 3. 53 Diagram Sequence Use Case admin-hapus video Use Case: member-hapusvideo
Member View
member- home.jsp
1. Menekan menu tampil video
View member-
tampilvideo.jsp
2. Menampilkan halaman tampilvideo
3. Menekan tombol hapus
Model VideoModel.java
4. redirect
Control VideoControl.java
6. HapusCerita 5. set data video wayang
Gambar 3. 54 Diagram Sequence Use Case member-hapus video PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: admin-lihatvideo
Admin View
admin-home.jsp
1. Menekan menu tampil video
View admin-
tampilvideo.jsp
2. Menampilkan halaman tampil video
3. Menekan tombol lihat
View admin-
lihatdetailvideo.jsp
4. redirect 5. getId
Model VideoModel.java
6. getdatavideo
Control VideoControl.java
7. tampildetailvideo
Gambar 3. 55 Diagram Sequence Use Case admin-lihat video PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Use Case: member-lihatvideo
Member View
member- home.jsp
1. Menekan menu tampil video
View member-
tampilvideo.jsp
2. Menampilkan halaman tampil video
3. Menekan tombol lihat
View member-
lihatdetailvideo.jsp
4. redirect 5. getId
Model VideoModel.java
6. getdatavideo
Control VideoControl.java
7. tampildetailvideo
Gambar 3. 56 Diagram Sequence Use Case member-lihat video PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3.3 Material Collecting