Desain UML Tahap Desain

51

1. Desain UML

Unified Modeling Language a. Desain Use-Case Diagram Diagram Use-Case dibuat untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem dan siapa saja yang berhak menggunakan fungsi-fungsi tersebut. Use case diagram menggambarkan semua aktor dengan skenarionya masing- masing. Dalam sistem informasi ini memiliki tiga aktor, yaitu admin, mahasiswa, dan dosen. Tabel definisi aktor diinformasikan pada tabel di bawah ini. Tabel 16. Definisi Aktor No Aktor Deskripsi 1 Admin Admin merupakan admin skripsi di lingkup Jurusan 2 Mahasiswa Mahasiswa yang mendaftar bimbingan skripsi online 3 Dosen Dosen pembimbing skripsi yang telah memiliki akun di Sistem Informasi Bimbingan Skripsi online 54 Gambar 3. Use case Diagram Sistem Mahasiswa Dosen Admin Login Daftar Akun di Sistem Menentukan Dosen Pembimbing Mengelola Profil Mengelola Catatan Bimbingan Mengelola Catatan bimbingan Mengelola Pesan Mengelola Catatan Konsultasi Online Lihat data mahasiswa Daftar Akun di Sistem Mengelola Profil Edit Password Lihat Data mahasiswa Mengelola Pesan Lihat Data dosen mengelola profil mahasiswa mengelola profil dosen Edit Password Edit Password Lihat Data bimbingan Mengelola Catatan bimbingan Mengelola Catatan Konsultasi Online include include include include include include include include include include include include include include include include include 52 53 admin login Lihat dashboard admin Lihat daftar mahasiswa Lihat data pembimbing Lihat daftar dosen Manajemen profil Manajemen prodi Manajemen jurusan ganti password Tambah mahasiswa Manajemen mahasiswa baru Update data mahasiswa Update status mahasiswa Lihat Detail Mahasiswa menentukan dosen pembimbing lihat detail data dosen Update data dosen Lihat list jurusan Tambah list jurusan Update jurusan Lihat list prodi Tambah list prodi Update prodi Update email Update username Lihat daftar mahasiswa «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» logout 1 Use case Diagram Admin Admin adalah aktor yang memiliki hak akses atas seluruh pengelolaan. Use case diagram untuk admin digambarkan sebagai berikut : Gambar 4. Diagram Use Case Admin 54 mahasiswa login Lihat dashboard mahasiswa Manajemen profil Manajemen catatan bimbingan Lihat catatan Tambah catatan Lihat profil Ubah profil Manajemen pesan kirim pesan tambah pesan «extends» «extends» «extends» «extends» «extends» «extends» Manajemen konsultasi online Ganti password Lihat daftar konsultasi Tambah catatan Upload file konsultasi «extends» «extends» «extends» logout 2 Use case Diagram Mahasiswa Mahasiswa adalah aktor yang bisa menambahkan catatan bimbingan dan bisa berkonsultasi online dengan dosen ketika mahasiswa tidak bisa bertemu langsung dengan dosen. Diagram use case untuk aktor mahasiswa digambarkan pada gambar di bawah ini. Gambar 5. Diagram Use Case Mahasiswa 55 dosen login Lihat dosen dashboard Manajemen profil Manajemen catatan bimbingan Manajemen konsultasi online Manajemen mahasiswa Ganti password Lihat daftar mahasiswa bimbingan Lihat detail mahasiswa bimbingan Ubah status mahasiswa Lihat konsultasi mahasiswa Tambah catatan Upload file koreksi Lihat catatan mahasiswa Tambah catatan Update status catatan Update status konsultasi Lihat profil Ubah profil Manajemen pesan kirim pesan tambah pesan «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» logout 3 Use case Diagram Dosen Dosen adalah aktor yang dapat melihat daftar mahasiswa bimbingannya, melihat catatan bimbingan, dan mengelola konsultasi online. Diagram use case aktor dosen digambarkan pada gambar dibawah ini. Gambar 6. Diagram Use Case Dosen 56

b. Desain

Activity Diagram Berikut dijelaskan tentang activity diagram login, tambah data, ubah data, delete data, upload dan download data pada sistem yang dibuat. 1 Activity Diagram Login Aktor Sistem Gambar 7. Activity Diagram Login 2 Activity Diagram Tambah Data Activity Diagram Tambah data dilakukan oleh aktor yang mempunyai hak akses untuk tambah data. Aktor Sistem Gambar 8. Activity Diagram Tambah Data input username dan passwords Validation [Failed] [success] View Message Failed Dashboard Input Add Data Form Penginputan Data View Message Failed or cancelled View New Data And Comment Success [Cancelled ] [Save] Penyimpanan Data Validasi 57 3 Activity Diagram Ubah Data Activity diagram ubah data pada sistem digambarkan seperti di bawah ini. Aktor Sistem Gambar 9. Activity Diagram Ubah Data 4 Activity Diagram Delete Data Activity diagram delete data digambarkan pada diagram di bawah ini. Aktor Sistem Gambar 10. Activity Diagram Delete Data Edit data [Confirm No] [Confirm yes] Validation Error Edit Message Or Cancelled Edit View New data edit and Message Succes View data [Confirm yes] Konfirmasi Message Succes Deleted Data Deleted [Confirm No] Search data 58 5 Activity Diagram Upload Data Activity diagram upload pada sistem digambarkan seperti berikut ini. Gambar 11. Activity Diagram Upload Data 6 Activity Diagram Download Activity diagram download pada sistem digambarkan sebagai berikut : Aktor Sistem Gambar 12. Activity Diagram Download data Aktor Sistem Upload data Upload data error Or cancelled Validation Upload data Success Message [Confirm Yes] [Confirm no] Open Media Choice Data Data Download Validation Error Download Download Succes [Confirm No] [Confirm Yes] 59 Admin Login page Database Page admin Enter username password Validasi get user data [invalid] [invalid] Valid Admin Form data Database Page admin Input data Validasi Tambah data di db [invalid] [invalid] [valid] new data Message succes

c. Desain

Sequence Diagram 1 Sequence Diagram Login Gambar 13. Sequence Diagram Login 2 Sequence Diagram Tambah Data Gambar 14. Sequence Diagram Tambah Data 60 Admin Form data Database Page admin ubah data Validasi Ubah db [invalid] [invalid] [valid] new data Message succes Admin Form data Database Page admin Hapus data Validasi hapus data di db [invalid] [invalid] [valid] new data Message succes 3 Sequence Diagram Edit Data Gambar 15. Sequence Diagram Edit Data 4 Sequence Diagram Hapus Data Gambar 16. Sequence Diagram Hapus Data 61 Admin Form Upload System database Klik button Upload data Upload data Tampil Media Proses Upload Validasi penyimpanan data Message succes Message upload fail Message upload fail Admin Form download System database Klik button Download data download data Validasi pengambilan data Message succes Message download fail Message download fail 5 Sequence Diagram Upload Gambar 17. Sequence Diagram Upload 6 Sequence Diagram Download Gambar 18. Sequence Diagram Download 62

2. Perancangan Desain