Concept Design ANALISA DAN PERANCANGAN SISTEM

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