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”