BAB III ANALISIS SISTEM
Step 2 : Sistem mengeluarkan Menu Utama
3.3.4 Pengembangan Interaction Diagram
3.3.4.1 Sequence Diagram
Sequence Diagram (diagram rangkaian/ sekuensi) secara grafis menggambarkan bagaimana objek berinteraksi dengan satu sama lain melalui pesan pada eksekusi sebuah use case atau operasi. Diagram ini mengilustrasikan bagaimana pesan terkirim dan diterima di antara objek dan dalam sekuensi apa. (Whitten dkk, 2004). Sequence Diagram disusun berdasarkan urutan waktu (tahapan). Sequence Diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langah yang dilakukan sebagai respon dari sebuah event
untuk menghasilkan output tertentu. Adapun sequence diagram yang terdapat pada Siatem Informasi Kesiswaan adalah sebagai berikut.
3.3.4.1.1 Sequence Diagram Akses Data Kesiswaan
Pada sequence diagram akses data kesiswaan, sistem akan menampilkan data-data kesiswaan yang user inginkan. Sehingga ada timbale balik antara sistem dan user. Gambar dibawah ini merupakan diagram sekuensi dari proses akses data kesiswaan.
Gambar 3.28 Sequence Diagram Akses Data Kesiswaan User Web PPI 99
Rancabango Menu Kesiswaan Sub Menu RG Sub menu Ekstrakulikuler Sub Menu Prestasi Sub Menu Berita Sub Menu UG akses web PPI
menampilkan web PPI akses menu kesiswaan menampilkan menu kesiswaan
mengakses menu RG menampilkan data RG
mengakses menu ekstrakulikuler menampilkan data ekstrakulikuler
mengakses menu prestasi menampilkan data prestasi
mengakses menu berita menampilkan data berita Mengakses Menu UG
3.3.4.1.2 Sequence Diagram Login
Pada gambar dibawah ini merupakan diagram sekuensi dari proses login.
a. Sequence Diagram Login (Data User Valid)
Gambar 3.29 Sequence Diagram Login (Data User Valid) Admin Administrator DB Admin Malaman Utama
Administrator Akses halaman administrator
menampilkan form login
input username dan password klik tombol login
koneksi DB admin
validasi username & password data login valid
load menu utama administrator
b. Sequence Diagram Login (Data User InValid)
Gambar 3.30 Sequence Diagram Login (Data User InValid) Admin Administrator DB Admin
Akses halaman administrator menampilkan form login
input username dan password klik tombol login
koneksi DB admin
validasi username & password data login invalid
3.3.4.1.3 Sequence Diagram Update Rijalul Ghad
Gambar 3.31 Sequence Diagram Update Rijalul Ghad Admin Menu Utama
Administrator
Menu Kesiswaan
Sub Menu RG
Form Isi RG Form Penambahan DB
DB RG Menu Siswa
Akses administrator
memilih menu kesiswaan
load menu kesiswaan
memilih menu RG
load sub menu RG
load form isi RG menampilkan form isi RG
mengisikan data-data RG
memilih tombol ulang untuk mengulang isi RG menampilkan form isi RG memilih tombol simpan RG
koneksi DB RG
menyimpan DB RG menampilkan form penambahan DB UG
memilih tombol tambah UG
koneksi DB RG menyimpan DB UG menampilkan form penambahan RG
memilih tombol lihat profil menampilkan form profil memili menu siswa
Load menu siswa menampilkan submenu siswa
3.3.4.1.4 Sequence Diagram Update Umahatul Ghad
Gambar 3.32 Sequence Diagram Update Umahatul Ghad Admin Menu Utama
Administrator
Menu Kesiswaan
Sub Menu UG
Form Isi UG Form Penambahan DB
DB UG Menu Siswa
Akses administrator
memilih menu kesiswaan
load menu kesiswaan
memilih menu UG
load sub menu UG
load form isi UG menampilkan form isi UG
mengisikan data-data UG
memilih tombol ulang untuk mengulang isi UG menampilkan form isi UG memilih tombol simpan UG
koneksi DB UG
menyimpan DB UG menampilkan form penambahan DB UG
memilih tombol tambah UG
koneksi DB UG menyimpan DB UG menampilkan form penambahan UG
memilih tombol lihat profil menampilkan form profil memili menu siswa
Load menu siswa menampilkan submenu siswa
3.3.4.1.5 Sequence Diagram Update Berita a. Sequence Diagram Tambah Berita
Gambar 3.33 Sequence Diagram Tambah Berita Admin Menu Utama
A dministrator
Menu Siswa Sub Menu Berita Form Isi Berita Form Penambahan DB DB Berita Menu kesiswaan Akses administrator
memilih menu siswa
load menu siswa
memilih menu berita
load sub menu berita
load form isi berita menampilkan form isi berita
mengisikan data-data berita
memilih tombol ulang untuk mengulang isi berita menampilkan form isi berita
memilih tombol simpan berita
koneksi DB berita
menyimpan DB berita menampilkan form penambahan DB berita
memilih tombol tambah berita
koneksi DB berita menyimpan DB berita menampilkan form penambahan berita
memilih tombol lihat berita menampilkan form isi berita Memilih menu kesiswaan
menampilkan menu kesiswaan
Load menu Kesiswaan
menampilkan sub menu berita pilih tambah berita
b. Sequence Diagram Hapus Berita
Gambar 3.34 Sequence Diagram Hapus Berita
Admin Menu Utama
Administrator Menu Kesiswaan Sub Menu Berita DB Berita Menu Siswa Akses administrator memilih menu siswa
load menu kesiswaan
memilih menu berita
load sub menu berita
menghapus berita berita terhapus
memilihn menu kesiswaan
Load menu siswa menampilkan submenu siswa
menampilkan sub menu berita memilih tombol hapus pada berita
3.3.4.1.6 Sequence Diagram Update Ekstrakulikuler
Gambar 3.35 Sequence Diagram Update Ekstrakulikuler Menu Utama Administrator A dmin Menu Kesiswaan Sub Menu Ekstrakulikuler Form Isi Ekstrakulikuler Form Penambahan DB DB Ekstrakulikuler Menu Siswa A kses administrator
memilih menu kesiswaan
load menu kesiswaan
memilih menu ekstrakulikuler
load sub menu ekstrakulikuler
load form isi ekstrakulikuler menampilkan form isi ekstrakulikuler
mengisikan data-data ekstrakulikuler memilih tombol ulang untuk mengulang isi ekstrakulikuler
menampilkan form isi ekstrakulikuler memilih tombol simpan ekstrakulikuler
koneksi DB ekstrakulikuler
menyimpan DB ekstrakulikuler menampilkan form penambahan DB ekstrakulikuler
memilih tombol tambah ekstrakulikuler
koneksi DB ekstrakulikuler menyimpan DB ekstrakulikuler menampilkan form penambahan ekstrakulikuler
memilih tombol lihat profil menampilkan form profil memili menu siswa
Load menu siswa menampilkan submenu siswa
3.3.4.1.7 Sequence Diagram Update Prestasi Siswa a. Sequence Diagram Tambah Prestasi Siswa
Gambar 3.36 Sequence Diagram Tambah Prestasi Siswa A dmin Menu Utama
Administrator Menu Kesiswaan Sub Menu Prestasi Form Isi Prestasi Form Penambahan DB DB Prestasi Menu Siswa Akses administrator
memilih menu kesiswaan
load menu kesiswaan memilih menu prestasi
load sub menu prestasi
load form isi prestasi menampilkan form isi prestasi
mengisikan data-data prestasi
memilih tombol ulang untuk mengulang isi prestasi menampilkan form isi prestasi
memilih tombol simpan prestasi
koneksi DB prestasi
menyimpan DB prestasi menampilkan form penambahan DB prestasi
memilih tombol tambah prestasi
koneksi DB prestasi menyimpan DB prestasi menampilkan form penambahan prestasi
memilih tombol lihat prestasi menampilkan form isi prestasi memilih menu siswa
Load menu siswa menampilkan submenu siswa
b. Sequence Diagram Hapus Prestasi Siswa
Gambar 3.37 Sequence Diagram Hapus Prestasi Siswa Admin Menu Utama
Administrator Menu Kesiswaan Sub Menu prestasi DB Prestasi Menu Siswa Akses administrator
memilih menu kesiswaan
load menu prestasi memilih menu prestasi
load sub menu prestasi
menghapus prestasi berita terhapus
memilih menu siswa
Load submenu siswa
menampilkan sub menu prestasi memilih tombol hapus pada prestasi
3.3.4.1.8 Sequence Diagram Tambah Admin
Gambar 3.38 Sequence Diagram Tambah Admin
Admin Menu Utama
Administrator
Menu Admin Sub Menu
Tambah Admin
DB Admin Akses administrator
memilih menu admin
load menu admin memilih menu tambah admin
load sub menu tambah admin
validasi data admin data admin invalid
pilih tombol simpan
pesan kesalahan
klik ok untuk mengulangi pengisisan data
validasi data admin data admin tersimpan
memilih lihat admin
3.3.4.1.9 Sequence Diagram Lihat Admin
Gambar 3.39 Sequence Diagram Lihat Admin Admin Menu Utama
Administrator
Menu Admin Sub Menu Lihat Admin
DB Admin Data
Administrator Akses administrator
memilih menu admin
load menu admin memilih menu lihat admin
validasi data admin data admin invalid
pilih tombol simpan
pesan kesalahan
klik ok untuk mengulangi pengisisan data
validasi data admin data admin tersimpan
memilih lihat admin
load data administrator
load data administrator pilih edit admin
load form pengisian data admin memasukan data admin
3.3.4.1.10 Sequence Diagram Logout
Gambar 3.40 Sequence Diagram Logout
3.3.4.1.11 Sequence Diagram Keluar
Gambar 3.41 Sequence Diagram Keluar Admin Halaman awal
Administrator
Menu Admin Halaman Awal Administrator memilih menu admin
Load menu admin menampilkan menu admin
klik logout
menampilkan halaman awal administrator
User web PPI 99
Rancabango pilih tombol keluar
3.3.4.2 Collaboration Diagram
CollaborationDiagrammerupakan tipe lain dari diagram interaksi selain Collaboration diagram. Collaboration Diagram serupa dengan diagram rangkaian/ sekuensi, tetapi tidak fokus pada timing atau “sekuensi” pesan. Diagram ini malahan menggambarkan interaksi (atau kolaborasi) antara objek dalam sebuah format jaringan (Whitten dkk, 2004). Dengan kata lain, tujuan dari pembuatan diagram ini adalah untuk mengetahui hubungan antar objek berdasarkan aturan (objek apa saja yang mempunyai hubungan, mengapa bisa saling berhubungan, dan bagaimana hubungannya).
Adapun collaboration diagram yang terdapat pada Sistem Informasi Kesiswaan ini adalah sebagai berikut.
3.3.4.2.1 Collaboration Diagram Akses Kesiswaan
Gambar 3.42 Collaboration Diagram Akses Kesiswaan User web PPI 99 Rancabango Menu kesiswaan Sub Menu Kesiswaan 1: akses web
2: menampilkan halaman awal web
3: memilih menu kesiswaan
8: menampilkan sub menu kesiswaan 4: load menu kesiswaan
7: load sub menu kesiswaan 5: menampilkan menu kesiswaan
3.3.4.2.2 Collaboration Diagram Login
a. Collaboration Diagram Login (Data login Valid)
Gambar 3.43 Collaboration Diagram Login (Data login Valid)
b. Collaboration Diagram Login (Data login Tidak Valid)
Gambar 3.44 Collaboration Diagram Login (Data login Tidak Valid)
Petugas Admin
Halaman utama Administrator
Administrator DB Admin
6: validasi username dan password 9: menampilkan halaman utama administrator
1: akses halaman administrator 2: menampilkan halaman login
3: menginputkan username dan password 4: memilih tombol login
8: load halaman utama administrator
5: koneksi DB admin 7: username dan password valid
Petugas Admin
Administrator DB Admin
6: validasi username dan password 1: akses halaman administrator
2: menampilkan halaman login
3: menginputkan username dan password 4: memilih tombol login
8: menampilkan pesan kesalahan
5: koneksi DB admin 7: username dan password invalid
3.3.4.2.3 Collaboration Diagram Update RG
Gambar 3.45 Collaboration Diagram Update RG
3.3.4.2.4 Collaboration Diagram Update UG
Gambar 3.46 Collaboration Diagram Update UG
Admin Sub Menu
RG Form Isi RG DB RG Form penambahan DB 1: memilih menu RG 2: load menu RG
15: load menu profil 3: memilih form isi RG
5: menampilkan form isi RG 6: mengisikan RG
7: mengulang RG 8: menyimpan RG
13: mengisikan RG 11: load form penambahan DB
12: memilih tambah RG
14: memilih tombol lihat 4: load form isi RG
9: menyimpan data RG 10: load form penambahan DB
Admin Sub Menu
UG Form Isi UG DB UG Form penambahan DB 1: memilih menu UG 2: load menu UG
15: load menu profil 3: memilih form isi UG
5: menampilkan form isi UG 6: mengisikan UG
7: mengulang UG 8: menyimpan UG
13: mengisikan UG 11: load form penambahan DB
12: memilih tambah UG
14: memilih tombol lihat 4: load form isi UG
9: menyimpan data UG 10: load form penambahan DB
3.3.4.2.5 Collaboration Diagram Update Ekstrakulikuler
Gambar 3.47 Collaboration Diagram Update Ekstrakulikuler
3.3.4.2.6 Collaboration Diagram Update Prestasi a. Collaboration Diagram Edit Prestasi Siswa
Gambar 3.48 Collaboration Diagram Update Prestasi Siswa
Admin Sub Menu
ekstrakulikuler Form Isi Ekstrakulikuler DB Ekstrakulikuler Form penambahan DB
1: memilih menu ekstrakulikuler
2: load menu ekstrakulikuler
15: load menu profil 3: memilih form isi ekstrakulikuler
5: menampilkan form isi ekstrakulikuler 6: mengisikan ekstrakulikuler
7: mengulang ekstrakulikuler 8: menyimpan ekstrakulikuler
13: mengisikan ekstrakulikuler 11: load form penambahan DB
12: memilih tambah ekstrakulikuler
14: memilih tombol lihat 4: load form isi ekstrakulikuler
9: menyimpan data ekstrakulikuler 10: load form penambahan DB
Admin Sub Menu
Prestasi Form Isi Prestasi DB Prestasi Form penambahan DB
1: memilih menu prestasi
2: load menu pretasi
15: load menu prestasi 3: memilih form isi prestasi
5: menampilkan form isi prestasi
6: mengisikan prestasi 7: mengulang prestasi
8: menyimpan prestasi 13: mengisikan prestasi 11: load form penambahan DB
12: memilih tambah prestasi
14: memilih tombol lihat 4: load form isi prestasi
9: menyimpan data prestasi 10: load form penambahan DB
b. Collaboration Diagram Hapus Prestasi Siswa
Gambar 3.49 Collaboration Diagram Hapus Prestasi Siswa
3.3.4.2.7 Collaboration Diagram Update Berita a. Collaboration Diagram Edit Berita Siswa
Gambar 3.50 Collaboration Diagram Update Berita Siswa Admin
Sub Menu Prestasi
DB Prestasi 7: DB prestasi terhapus 1: memilih sub menu prestasi
2: load sub menu prtestasi
3: mengklik tanda ceklis untuk menghapus prestasi 6: memilih ok untuk menghapus
8: load sub menu prestasi
4: menghapus DB prestasi
5: load pesan peringatan
Admin Sub Menu
Berita Form Isi Berita DB Berita Form penambahan DB
1: memilih menu berita
2: load menu berita
15: load menu berita 3: memilih form isi berita
5: menampilkan form isi berita 6: mengisikan berita
7: mengulang berita 8: menyimpan berita
13: mengisikan berita 11: load form penambahan DB
12: memilih tambah berita
14: memilih tombol lihat 4: load form isi berita
9: menyimpan data berita 10: load form penambahan DB
b. Collaboration Diagram Hapus Berita Siswa
Gambar 3.51 Collaboration Diagram Hapus Berita Siswa
3.3.4.2.8 Collaboration Diagram Tambah Admin
Gambar 3.52 Collaboration Diagram Tambah Admin Admin
Sub Menu Berita
DB Berita 7: DB berita terhapus 1: memilih sub menu berita
2: load sub menu berita
3: mengklik tanda ceklis untuk menghapus berita 6: memilih ok untuk menghapus
8: load sub menu berita
4: menghapus DB berita
5: load pesan peringatan
Admin Penambahan Data
Admin
DB Admin form Penambah DB
Halaman Data Admin
5: validasi data admin 7: menyimpan data admin 12: validasi data admin 13: menyimpan data admin 1: memilih menu tambah admin
2: load menu tambah admin 3: mengisi data admin
6: memilih ok dan mengisikan data kembali
9: memilih tambah admin
15: memilih lihat admin 11: koneksi DB4: koneksi DB
8: load form penambahan DB 10: load tambah admin
14: load form tambah DB
16: load form data admin 17: menampilkan data admin
3.3.4.2.9 Collaboration Diagram Lihat Admin
Gambar 3.53 Collaboration Diagram Lihat Admin
3.3.4.2.10 Collaboration Diagram Logout
Gambar 3.54 Collaboration Diagram Logout
Admin Halaman Data
Admin
DB Admin
form Penambah DB 5: validasi data admin 7: menyimpan data admin
12: validasi data perubahan admin 13: menyimpan perubahan data admin 1: memilih menu lihat admin
2: load menu data admin 3: mengedit data admin
6: memilih ok dan mengisikan data kembali
9: memilih edit admin 15: memilih lihat admin 16: load form data admin
4: koneksi DB 11: koneksi DB 8: load form penambahan DB
10: load edit admin
14: load form tambah DB
Admin Halaman Utama Administrator Halaman awal Administrator Menu Admin 1: klik menu admin
2: klik tombol logout 4: menampilkan halaman
awal administrator
3.1.4.2.11 Collaboration Diagram Keluar
Gambar 3.55 Collaboration Diagram Keluar
3.3.5 Pengembangan Class Diagram