Struktur Konten Hasil Tahap Desain Design

70 b Soal Evaluasi Menjodohkan Dalam kegiatan ini yang dilakukan adalah membuat rancangan soal menjodohkan dengan 10 jumlah soal. Pada halaman soal evaluasi menjodohkan dirancang tabel dengan kolom nomor, soal, jawaban dan pilihan jawaban. Siswa diarahkan untuk memindahkan dan menjodohkan jawaban yang tepat pada kolom pilihan jawaban dengan cara drag and drop ke kolom jawaban pada soal yang sesuai. Kemudian setelah semua soal dijawab akan ditampilkan umpan balik berupa skor yang diperoleh. 5 Seperti yang telah dijelaskan di atas bahwa video pembelajaran yang dimuat dalam media pembelajaran yang dikembangkan merupakan materi yang secara teknis melatih keterampilan psikomotorik siswa. Materi yang dikembangkan dalam video pembelajaran tersebut adalah materi yang bersumber dari buku siswa kelas X Simulasi Digital. Terdapat 15 jumlah video pembelajaran yang dikembangkan diantaranya: 1 Instalasi Sigil, 2 Mengatur gambar, 3 Mengatur tabel, 4 Mengatur audio, 5 Mengatur video, 6 Konversi word ke HTML, 7 Konversi dokumen ke ePub, 8 Memberi identitas buku, 9 Memberi sampul buku, 10 Kolofon Metadata, 11 Memberi daftar isi, 12 Input file multimedia, 13 Membaca buku digital, 14 Menggunggah buku digital ke layanan Google Play Books, 15 Membuat akun pada Seamarket Seamolec. Posisi video dalam materi pada media pembelajaran dapat dilihat pada gambar di bawah: 71 Gambar 13. Posisi Video Pembelajaran Dalam Materi Pada Media Pembelajaran MATERI Video 1 1 menit 19 detik Video 2 7 menit 2 detik Video 3 1 menit 14 detik Video 4 1 menit 42 detik Video 5 1 menit 35 detik Video 6 2 menit 12 detik Video 7 2 menit 49 detik Video 8 1 menit 3 detik Video 9 1 menit 40 detik Video 10 1 menit 11 detik Video 11 3 menit 58 detik Video 12 1 menit 54 detik Video 13 7 menit 3 detik Video 14 4 menit 49 detik Video 15 4 menit 16 detik Materi 2 Menerapkan Format Buku Digital Materi 3 Publikasi Buku Digital Materi 1 Memahami Format Buku Digital 72

c. Struktur Navigasi

Stuktur navigasi menggambarkan hubungan antara beberapa konten media pembelajaran interaktif. Rancangan struktur navigasi dapat dilihat pada gambar berikut: z Gambar 14. Struktur Navigasi Media Pembelajaran Selanjutnya pada tahap ini dihasilkan projek media pembelajaran berupa flowchart yang merupakan penggambaran alur program secara menyeluruh. Flowchart dikembangkan berdasarkan struktur konten dan struktur navigasi yang telah dibuat. Hasil pada tahap ini yaitu desain kerangka produk yang berupa flowchart media pembelajaran interaktif. Halaman Pembuka Halaman UtamaHome Halaman KI KD Halaman Profil KI KD Tujuan Pengembang Pembimbing Exit Halaman Materi Materi 1 Materi 2 Materi 3 Halaman Evaluasi Soal Pilihan Ganda Soal Mendohkan 73 1 Halaman UtamaHome Gambar 15. Flowchart Halaman UtamaHome Mulai Halaman Pembuka Menu UtamaHome Pilih Menu KI KD Pilih Menu Materi Pilih Menu KI KD Pilih Menu Materi 1 2 3 4 Keluar Selesai T T T T Y Y Y Y T Y 74 2 Halaman KI KD Gambar 16. Flowchart Halaman KI KD 1 Tampilan Halaman KIKD Pilih Kompetensi Inti Pilih Kompetensi Dasar Pilih Tujaun Pembelajaran Tampilan Halaman Kompetensi Inti Tampilan Halaman Kompetensi Dasar Tampilan Halaman Tujuan Pembelajaran Pilih HOME Kembali Tampilan Menu UtamaHome T T T Y T Y Y Y