37
B. Tahap Perancangan Desain Sistem
1. Perancangan Unified Modeling Language UML
Unified Modelling Language berguna untuk menggambarkan rancangan sistem secara keseluruhan. Beberapa diagram UML yang akan digunakan untuk
menggambarkan alur kerja dari sistem adalah: Use Case Diagram, Sequence
Diagram, Activity Diagram dan Class Diagram. a.
Use Case Diagram Use Case Diagram menjelaskan tentang hubungan antara sistem dengan
aktor. Use Case Diagram terdiri dari sebuah aktor dan interaksi yang
dilakukannya, aktor tersebut berinteraksi langsung dengan sistem. Pada pengembangan perangkat lunak. Hubungan ini dapat berupa
input ke sistem ataupun
output ke aktor.
Gambar 9. Use Case Diagram
System
Administrator Login
Manajemen Data Pendaftaran Menambahkan Data Pendaftaran
Menghapus Data Pendaftaran Mengubah Data Pendaftaran
include
Mengirim SMS Pengumuman PPDB
include
Mencetak Bukti Pendaftaran
extend extend
extend extend
Siswa Menerima SMS Pengumuman
Logout
include
Manajemen pengguna Menambahkan pengguna
Mengubah pengguna Menghapus pengguna
Mengubah password
include extend
extend extend
include
38 Sesuai dengan
use case diagram di Gambar 9, aktor yang terlibat dalam aplikasi ini adalah sebagai berikut:
1 Admin, merupakan aktor yang memiliki hak akses terhadap manajemen data
pendaftaran, manajemen pengumuman, dan manajemen data pengguna pada aplikasi. Admin dapat melihat, menambah, mengubah dan menghapus
data pendaftaran dan pengguna. 2
Siswa, merupakan aktor yang memiliki hak akses untuk menerima SMS pengumuman PPDB.
Skenario use case dijelaskan lebih detail dalam lampiran.
b. Class Sequence
Berikut sequence diagram sistem informasi penerimaan siswa baru SMK
Muhammadiyah Wonosari: 1
Sequence diagram manajemen data pendaftaran Gambar 10 berikut menunjukkan
sequence diagram manajemen data pendaftaran:
Gambar 10. Sequence diagram manajemen data pendaftaran
Admin AdminView
AdminController UserModel
Database 1 : Klik menu Manajemen Data
2 : Data Pendaftaran 3 : get_data_list
4 : select record 5 : return record
6 : return data pendaftaran 7 : tampilkan data pendaftaran
39 2
Sequence diagram menambahkan data pendaftaran Gambar 11 berikut menunjukkan
sequence diagram menambah data pendaftaran:
Gambar 11. Sequence diagram menambah data pendaftaran
3 Sequence diagram mengubah data pendaftaran
Gambar 12 berikut menunjukkan sequence diagram mengubah data
pendaftaran:
Gambar 12. Sequence diagram mengubah data pendaftaran
Admin AdminView
AdminController UserModel
Database 1 : Klik tombol Tambah Data
2 : add_data_pendaftaran 3 : add_data_submit
4 : insert record 5 : tampilkan pesan
Admin AdminView
AdminController UserModel
Database 1 : Klik tombol edit
2 : edit_data_pendaftaran 3 : get_detail_by_id
4 : select record 5 : return record
6 : return data pendaftaran 7 : tampilkan data
8 : Mengisi data baru, klik Submit 9 : edit_data_submit
10 : edit_data_submit 11 : tampilkan pesan
12 : update record
40 4
Sequence diagram menghapus data pendaftaran Gambar 13 berikut menunjukkan
sequence diagram menghapus data pendaftaran:
Gambar 13. Sequence diagram menghapus data pendaftaran
5 Sequence diagram mencetak bukti pendaftaran
Gambar 14 berikut menunjukkan sequence diagram mencetak bukti
pendaftaran:
Gambar 14. Sequence diagram mencetak bukti pendaftaran
Admin AdminView
AdminController UserModel
Database 1 : Klik tombol Hapus
2 : Konfirmasi 3 : remove_data_pendaftaran
4 : remove_data 5 : delete record
6 : tampilkan pesan
Admin AdminView
AdminController UserModel
Database 1 : Klik tombol cetak
2 : cetak_data_pendaftaran 3 : get_detail_by_id
4 : select record 5 : return record
6 : return data pendaftaran 7 : tampilkan data
8 : Klik tombol print
41 6
Sequence diagram manajemen pengguna Gambar 15 berikut menunjukkan
sequence diagram manajemen pengguna:
Gambar 15. Sequence diagram manajemen pengguna
7 Sequence diagram menambahkan pengguna
Gambar 16 berikut menunjukkan sequence diagram menambah
pengguna:
Gambar 16. Sequence diagram menambah pengguna
Admin AdminView
AdminController UserModel
Database 1 : Klik menu Manajemen User
2 : user 3 : user_model
4 : get_user_list
5 : user data 6 : return user data
7 : tampilkan data
Admin AdminView
AdminController UserModel
Database 1 : Klik tombol Tambah User
2 : add_user 3 : add_user_submit
4 : insert record
5 : tampilkan pesan
42 8
Sequence diagram mengubah pengguna Gambar 17 berikut menunjukkan
sequence diagram mengubah pengguna:
Gambar 17. Sequence diagram mengubah pengguna
Admin AdminView
AdminController UserModel
Database 1 : Klik tombol edit
2 : edit_user 3 : get_detail_by_id
4 : select record 5 : return record
6 : return user data 7 : tampilkan data
8 : Mengisi data baru, klik Submit 9 : edit_user_submit
10 : edit_user_submit 11 : tampilkan pesan
12 : update record
43 9
Sequence diagram menghapus pengguna Gambar 18 berikut menunjukkan
sequence diagram menghapus pengguna:
Gambar 18. Sequence diagram menghapus pengguna
10 Sequence diagram mengirim sms pengumuman
Gambar 19 berikut menunjukkan sequence diagram mengirim sms
pengumuman PPDB:
Gambar 19. Sequence diagram mengirim sms pengumuman
Admin AdminView
AdminController UserModel
Database 1 : Klik tombol Hapus
2 : Konfirmasi 3 : remove_user
4 : reomve_user 5 : delete record
6 : tampilkan pesan
Admin AdminView
AdminController UserModel
Database 1 : Klik menu Kirim Pengumuman
2 : add_sms 3 : add_sms_submit
4 : insert record 5 : return record
6 : redirect sms outbox 7 : tampilkan data sms terkirim
44 c.
Activity Diagram Berikut
activity diagram sistem informasi penerimaan siswa baru SMK Muhammadiyah Wonosari:
Gambar 20. Activity diagram
d. Class Diagram
Gambar 21. Class diagram
Administrator Calon Siswa Baru
Login
Manajemen Data Pendaftaran Manajemen pengguna
Menerima SMS Pengumuman Menampilkan Menu
Mengirim SMS Pengumuman [berhasil]
Verifikasi [gagal]
Login
+Login validation +Logout
Admin
+Username +Password
Siswa
+No. pendaftaran +Nama
+Jenis kelamin +Agama
+Tampat lahir +Alamat
+Nisn +Tanggal daftar
+Asal sekolah
ManajemenPendaftaran
+Add Siswa +Edit Siswa
+Drop Siswa
ManajemenUser
+Add User +Edit User
+Drop User
MengirimSMS
+Send SMS
Orangtua
+Nama ayah +Kerja ayah
+Nama ibu +Kerja ibu
+Alamat orangtua +Nama wali
+Kerja wali +Alamat wali
PilihanJurusan
+Nama jurusan 1..
1 1..
1
NilaiUAN
+Nama mapel +Nilai
1 1
Prestasi
+Nama Prestasi +Nilai prestasi
1.. 1..
User
+Username +Password
45
2. Perancangan Desain Basis Data