Activity Diagram Penggunaan framework zk pada pembuatan aplikasi web penilaian siswa (studi kasus: SMA Manba'ul, Batu Ceper-Tangerang)

c. Desain Model Berorientasi Objek

1. Activity Diagram

a Management User APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik ADD Tambah Data klik SUBMIT Simpan Data Ke Database [T] [F] Menampilkan Form Input Data Menampilkan Pesan eror Gambar 4. 17 Activity Diagram - Management User Input Pada Activity Diagram ini Admin melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, Admin memilih menu user dan sistem akan menampilkan halaman data user. Admin memilih tombol add, kemudian sistem menampilkan form data user. Setelah Admin mengisi field yang di sediakan, pilih tombol submit. Setelah itu sistem akan menyimpan data yang telah dimasukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik EDIT Edit Data klik UPDATE Simpan Data Ke Database [T] [F] Menampilkan Form UPDATE Data Menampilkan Pesan eror Pilih Data Gambar 4. 18 Activity Diagram - Management User Update Pada Activity Diagram ini Admin melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, Admin memilih menu user dan sistem akan menampilkan halaman data user. Admin memilih data user yang ingin di rubah, kemudian pilih tombol edit, kemudian sistem menampilkan form yang berisi data user. Setelah Admin mengubah field yang di sediakan, pilih tombol submit. Setelah itu sistem akan menyimpan perubahan data yang telah di masukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Pilih Data Menampilkan Pesan Persetujuan Menghapus Data Hapus Data di Database [T] [F] Klik DELETE Menampilkan Pesan eror [T] [F] Gambar 4. 19 Activity Diagram - Management User Delete Pada Activity Diagram ini Admin melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, Admin memilih menu user dan sistem akan menampilkan halaman data user. Admin memilih data user yang ingin di hapus, kemudian pilih tombol delete, kemudian sistem menampilkan notifikasi apakah Admin benar akan menghapus data tersebut, jika iya, maka sistem menghapus data, dan menampilkan kembali list data. jika tidak maka akan kembali ke list data. b Page Management APLIKASI WEB AKADEMIK SEKOLAH ADMIN Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama [T] [F] Menampilkan Pesan eror Pilih Menu Page Management Menampilkan Userrole Klik ADD Tambah Data Userrole Klik SAVE Menyimpan Ke Database Gambar 4. 20 Activity Diagram - Page Management Userrole Pada Activity Diagram ini Admin melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, Admin memilih menu Page Management dan sistem akan menampilkan halaman Page Management. Admin memilih tombol add, maka sistem akan menampilkan form, kemudian Admin memasukkan nama Userrole, setelah itu pilih tombol save dan sistem akan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH ADMIN Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama [T] [F] Menampilkan Pesan eror Pilih Menu Page Management Pilih Userrole Klik SHOW PAGE ROLE Klik ADD PAGE Menampilkan Form Page Input Data Halaman Klik SAVE Menyimpan Ke Database Menampilkan Page Role Gambar 4. 21 Activity Diagram - Page Management Page Pada Activity Diagram ini Admin melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, Admin memilih menu Page Management dan sistem akan menampilkan halaman Page Management. Admin memilih role yang akan ditambahkan halaman, kemudian pilih tombol show Page role , sistem akan menampilkan form Page. Jika Admin ingin menambahkan halaman baru, pilih tombol Add Page dan sistem menampilkan form untuk memasukkan data halaman. Admin memasukkan data halaman, kemudian pilih tombol save dan sistem akan menampilkan data halaman dalam bentuk list. Jika Admin ingin menambahkan data anak halaman, pilih data halaman dulu, pilih tombol Add Child Page kemudian tambahkan halaman dan pilih tombol save. Data akan di tampilkan dalam bentuk list tree. c Data Kelas APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik ADD Tambah Data klik SUBMIT Simpan Data Ke Database [T] [F] Menampilkan Form Input Data Menampilkan Pesan eror Gambar 4. 22 Activity Diagram - Data Kelas Input Pada Activity Diagram ini user melakukan login, kemudian sistem memvalidasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu kelas dan sistem akan menampilkan halaman data kelas. User memilih tombol add, kemudian sistem menampilkan form data kelas. Setelah user mengisi field yang di sediakan, pilih tombol submit. Setelah itu sistem akan menyimpan data yang telah dimasukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik EDIT Edit Data klik UPDATE Simpan Data Ke Database Menampilkan Form UPDATE Data Menampilkan Pesan eror Pilih Data Gambar 4. 23 Activity Diagram - Data Kelas Update Pada Activity Diagram ini user melakukan login, kemudian sistem memvalidasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu kelas dan sistem akan menampilkan halaman data kelas. User memilih kelas yang akan dirubah, lalu pilih tombol edit, kemudian sistem menampilkan form data kelas. Setelah user melakukan perubahan field yang di sediakan, pilih tombol update. Setelah itu sistem akan menyimpan data yang telah dimasukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Pilih Data Menampilkan Pesan Persetujuan Menghapus Data Hapus Data di Database Klik DELETE Menampilkan Pesan eror Gambar 4. 24 Activity Diagram - Data Kelas Delete Pada Activity Diagram ini user melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu Data Kelas dan sistem akan menampilkan halaman data Kelas. User memilih data kelas yang ingin di hapus, pilih tombol delete, kemudian sistem menampilkan notifikasi apakah user benar akan menghapus data tersebut, jika iya, maka sistem menghapus data, dan menampilkan kembali list data. Jika tidak maka akan kembali ke list data. d Data Pelajaran APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik ADD Tambah Data klik SUBMIT Simpan Data Ke Database Menampilkan Form Input Data Menampilkan Pesan eror Gambar 4. 25 Activity Diagram - Data Pelajaran Input Pada Activity Diagram ini user melakukan login, kemudian sistem memvalidasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu Pelajaran dan sistem akan menampilkan halaman data Pelajaran. User memilih tombol add, kemudian sistem menampilkan form data Pelajaran. Setelah user mengisi field yang di sediakan, pilih tombol submit. Setelah itu sistem akan menyimpan data yang telah di masukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik EDIT Edit Data klik UPDATE Simpan Data Ke Database Menampilkan Form UPDATE Data Menampilkan Pesan eror Pilih Data Gambar 4. 26 Activity Diagram - Data Kelas Update Pada Activity Diagram ini user melakukan login, kemudian sistem memvalidasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu kelas dan sistem akan menampilkan halaman data Pelajaran. User memilih data yang ingin dirubah lalu memilih tombol edit, kemudian sistem menampilkan form data Pelajaran. Setelah user melakukan perubahan field yang di sediakan, pilih tombol update. Setelah itu sistem akan menyimpan data yang telah dimasukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Pilih Data Menampilkan Pesan Persetujuan Menghapus Data Hapus Data di Database Klik DELETE Menampilkan Pesan eror Gambar 4. 27 Activity Diagram - Data Kelas Delete Pada Activity Diagram ini user melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu Data Pelajaran dan sistem akan menampilkan halaman data Pelajaran. User memilih data Pelajaran yang ingin di hapus, pilih tombol delete, kemudian sistem menampilkan notifikasi apakah user benar akan menghapus data tersebut, jika iya, maka sistem menghapus data, dan menampilkan kembali list data. jika tidak maka akan kembali ke list data. e Data Siswa APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik ADD Tambah Data klik SUBMIT Simpan Data Ke Database Menampilkan Form Input Data Menampilkan Pesan eror Gambar 4. 28 Activity Diagram - Data Siswa Input Pada Activity Diagram ini user melakukan login, kemudian sistem memvalidasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu Siswa dan sistem akan menampilkan halaman data Siswa. User memilih tombol add, kemudian sistem menampilkan form data Siswa. Setelah user mengisi field yang di sediakan, pilih tombol submit. Setelah itu sistem akan menyimpan data yang telah dimasukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Pilih Data Menampilkan Data Klik LIHAT Menampilkan Pesan eror Gambar 4. 29 Activity Diagram - Data Siswa Lihat Pada Activity Diagram ini user melakukan login, kemudian sistem memvalidasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu Siswa dan sistem akan menampilkan halaman data Siswa. User memilih data yang ingin di lihat lalu pilih tombol lihat, kemudian sistem menampilkan data Siswa. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Klik EDIT Edit Data klik UPDATE Simpan Data Ke Database Menampilkan Form UPDATE Data Menampilkan Pesan eror Pilih Data Gambar 4. 30 Activity Diagram - Data Siswa Update Pada Activity Diagram ini user melakukan login, kemudian sistem memvalidasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu Siswa dan sistem akan menampilkan halaman data Siswa. User memilih data yang akan di rubah lalu pilih tombol edit, kemudian sistem menampilkan form data Siswa. Setelah user melakukan perubahan field yang di sediakan, pilih tombol update. Setelah itu sistem akan menyimpan data yang telah dimasukkan dan menampilkan dalam bentuk list. APLIKASI WEB AKADEMIK SEKOLAH USER Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Menu Pililh Menu Pilih Data Menampilkan Pesan Persetujuan Menghapus Data Hapus Data di Database Klik DELETE Menampilkan Pesan eror Gambar 4. 31 Activity Diagram - Data Siswa Delete Pada Activity Diagram ini user melakukan login, kemudian sistem melakukan validasi username dan password yang di masukan. Jika username dan password sesuai dengan data yang terdapat di database, user memilih menu Data Siswa dan sistem akan menampilkan halaman data Siswa. User memilih data Siswa yang ingin di hapus, pilih tombol delete, kemudian sistem menampilkan notifikasi apakah user benar akan menghapus data tersebut, jika iya, maka sistem menghapus data, dan menampilkan kembali list data. jika tidak maka akan kembali ke list data. f Input Nilai APLIKASI WEB AKADEMIK SEKOLAH GURU Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Pesan eror Pilih Menu Input Nilai Akademik Pilih Pelajaran, Kelas, Semester dan Jenis Menampilkan Siswa Klik INPUT Mengisi Nilai Klik SUBMIT Menyimpan Ke Database Gambar 4. 32 Activity Diagram - Input Nilai Pada Activity Diagram ini Guru melakukan login, kemudian sistem memvalidasi username dan password yang dimasukkan. Jika username dan password sesuai dengan data yang terdapat di database, Guru memilih menu nilai – Input nilai dan sistem akan menampilkan halaman untuk Input nilai. Guru memasukkan mata pelajaran, kelas, semester dan jenis nilai yang di inginkan lalu memilih tombol Input, kemudian sistem menampilkan data siswa yang masuk dalam kelas tersebut. Setelah nilai di masukkan, user memilih tombol submit dan sistem akan menyimpan data di database. g Cetak rapor APLIKASI WEB AKADEMIK SEKOLAH WALI KELAS Membuka Aplikasi Web Akademik Sekolah Input Username dan Password Menampilkan Form Login Validasi Username dan Password Menampilkan Halaman Utama Menampilkan Pesan eror Pilih Menu Cetak Rapor Pilih Kelas dan Semester Klik VIEW Menampilkan Data Siswa Pilih yang ingin di Cetak Mencetak Rapor Gambar 4. 33 Activity Diagram - Cetak Rapor Pada Activity Diagram ini Wali Kelas melakukan login, kemudian sistem memvalidasi username dan password yang dimasukkan. Jika username dan password sesuai dengan data yang terdapat di database, Wali Kelas memilih menu cetak rapor dan sistem akan menampilkan halaman untuk cetak rapor. Kemudian pilih kelas dan semester, kemudian pilih tombol view, sistem akan menampilkan siswa di kelas tersebut. Lalu pilih jenis rapor apa yang ingin di cetak, kemudian sistem akan mencetak rapor siswa.

2. Use case diagram