Perancangan Unified Modeling Language UML

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