Class Diagram Sequence Diagram

Gambar 4.5 Class Diagram

1.1.3.5 Sequence Diagram

Sequence Diagram digunakan untuk menggambarkan interaksi antar objek dalam waktu yang berurutan. Tetapi pada dasarnya Sequence Diagram selain digunakan dalam lapisan abstraksi model objek, kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antar object juga interaksi antara object. Sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Komponen utama sequence Diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama pesan diwakili oleh garis dengan tanda panah dan waktu yang ditunjukkan dengan proses vertikal. Berikut adalah sequence diagram pada media pembelajaran pemrograman berorientasi objek berbasis multimedia : a. Sequence Diagram materi media pembelajaran : Dosen +NIP +Nama +Alamat +No_telp +Tampil Media Pembelajaran +materi_pembelajaran +TampilMenu_materi_pembelajaran Penilaian dan Simulasi TKL +menu_quiz +menu_simulasi_tkl +TampilMenu_quiz +TampilMenu_simulasi_tkl Update Materi +materi_pembelajaran +menu_quiz +menu_simulasi_tkl +TampilMenu_materi_pembelajaran +TampilMenu_quiz +TampilMenu_simulasi_tkl Mahasiswa +NIM +Nama +Alamat +jenis_kelamin +Tampil 1 1 1 1 1 1 1 1 Gambar 4.6 Sequence Diagram materi media pembelajaran yang diusulkan b. Sequence Diagram Quiz dan contoh soal TKL Gambar 4.7 Sequence Diagam Quiz dan contoh soal TKL c. Sequence Diagram Update materi Dosen Materi Pembelajaran Mahasiswasiswi 1 : Memilih materi pembelajaran 2 : Menampilkan materi pembelajaran 3 : Menerima materi pembelajaran Dosen Materi Pembelajaran Mahasiswasiswi 1 : Memilih menu quiz dan simlasi TKL 2 : Menampilkan menu quiz dan TKL 3 : Mengerjakan soal quiz dan TKL 4 : Menampilkan nilai quiz dan TKL untuk penilaian Gambar 4.8 Sequence Diagram update materi

1.1.3.6 Deployment Diagram

Diagram deployment menunjukkan konfigurasi komponen dalam proses eksekusi aplikasi. Berikut adalah diagram deploymentnya: Gambar 4.9 Deployment Diagram Dosen Materi Pembelajaran 1 : Update materi pembelajaran 2 : Menampilkan materi pembelajaran Media Pembelajaran Java 2 Flash Player materijava2.swf XML

1.2 Perancangan Antara Muka

1.2.1 Struktur Menu

INTRO MENU UTAMA A K J I H G F E D C B L M N Gambar 4.10 Struktur Menu Perancangan Antar Muka Keterangan dari struktur menu diatas adalah : a. Intro sebagai awal pengantar memasuki menu utama. b. Menu utama sebagai tampilan awal program tersebut, tampilan pemilihan bab yang berisi materi dari setiap perkuliahan, yang jika di klik pilihan babnya akan menampilkan bab yang akan dipelajari. sebagai navigasi untuk memilih menu yang diinginkan berikutnya. c. A = Menu kategori Materi Bab 1 “Pengenalan OOP” d. B = Menu kategori Materi Bab 2 “Enkapsulasi” e. C = Menu kategori Materi Bab 3 “Mengenal keyword this, static dan final” f. D = Menu kategori Materi Bab 4 “Method dan Constructed Overloading” g. E = Menu kategori Materi Bab 5 “Inheritance” h. F = Menu kategori Materi Bab 6 “Polymorphisme” i. G = Menu kategori Materi Bab 7 “Abstract Class dan Interface” j. H = Menu kategori Materi Bab 8 “Package”