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