KATA PENGANTA DAFTAR ISI - Modul TIK SMK MULTIMEDIA kelompok kompetensi J

PENDAHULUAN ...

. Latar Belakang... 1 B. Tujuan ... 2 C. Peta Kompetensi... 2 D. Ruang Lingkup... 4 E. Saran Cara penggunaan modul... 4 Kegiatan Pembelajaran 1 Konsep Multimedia Interaktif... 6 A. Tujuan ... 6 B. Indikator Pencapaian Kompetensi... 6 C. Uraian Materi... 6 D. Aktivitas Pembelajaran ... 17 E. Latihan/ Kasus /Tugas... 18 F. Rangkuman ... 18 G. Kunci Jawaban... 18 Kegiatan Pembelajaran 2 Storyboard... 20 A. Tujuan ... 20 B. Indikator Pencapaian Kompetensi... 20 C. Uraian Materi... 20 D. Aktivitas Pembelajaran ... 31 E. Latihan/ Kasus /Tugas... 31 F. Rangkuman ... 31 G. Kunci Jawaban... 32 Kegiatan Pembelajaran 3 Antar Muka Multimedia Interaktif ... 34 A. Tujuan ... 34 B. Indikator Pencapaian Kompetensi... 34

DAFTA

AR ...

...

A. Latar Belakang... 1 B. Tujuan ... 2 C. Peta Kompetensi... 2 D. Ruang Lingkup... 4 E. Saran Cara penggunaan modul... 4 Kegiatan Pembelajaran 1 Konsep Multimedia Interaktif... 6 A. Tujuan ... 6 B. Indikator Pencapaian Kompetensi... 6 C. Uraian Materi... 6 D. Aktivitas Pembelajaran ... 17 E. Latihan/ Kasus /Tugas... 18 F. Rangkuman ... 18 G. Kunci Jawaban... 18 Kegiatan Pembelajaran 2 Storyboard... 20 A. Tujuan ... 20 B. Indikator Pencapaian Kompetensi... 20 C. Uraian Materi... 20 D. Aktivitas Pembelajaran ... 31 E. Latihan/ Kasus /Tugas... 31 F. Rangkuman ... 31 G. Kunci Jawaban... 32 Kegiatan Pembelajaran 3 Antar Muka Multimedia Interaktif ... 34 A. Tujuan ... 34 B. Indikator Pencapaian Kompetensi... 34

TAR ISI

... v

... vii

... 1

D. Aktivitas Pembelajaran...45 E. Latihan/ Kasus /Tugas ...45 F. Rangkuman...45 G. Kunci Jawaban...46 Kegiatan Pembelajaran 4 Navigasi Multimedia Interaktif...47 A. Tujuan...47 B. Indikator Pencapaian Kompetensi ...47 C. Uraian Materi ...47 D. Aktivitas Pembelajaran...55 E. Latihan/ Kasus /Tugas ...56 F. Rangkuman...56 G. Kunci Jawaban...56 Kegiatan Pembelajaran 5 Efek Visual Multimedia Interaktif...58 A. Tujuan...58 B. Indikator Pencapaian Kompetensi ...58 C. Uraian Materi ...58 D. Aktivitas Pembelajaran...69 E. Latihan/ Kasus /Tugas ...69 F. Rangkuman...70 G. Kunci Jawaban...70 Kegiatan Pembelajaran 6 Produk Multimedia Interaktif ...71 A. Tujuan...71 B. Indikator Pencapaian Kompetensi ...71 C. Uraian Materi ...71 D. Aktivitas Pembelajaran...86 A. Latihan/ Kasus /Tugas ...113 F. Rangkuman...113 G. Kunci Jawaban...114 Kegiatan Pembelajaran 7 Pengujian Multimedia Interaktif...115 A. Tujuan...115 D. Aktivitas Pembelajaran...45 E. Latihan/ Kasus /Tugas ...45 F. Rangkuman...45 G. Kunci Jawaban...46 Kegiatan Pembelajaran 4 Navigasi Multimedia Interaktif...47 A. Tujuan...47 B. Indikator Pencapaian Kompetensi ...47 C. Uraian Materi ...47 D. Aktivitas Pembelajaran...55 E. Latihan/ Kasus /Tugas ...56 F. Rangkuman...56 G. Kunci Jawaban...56 Kegiatan Pembelajaran 5 Efek Visual Multimedia Interaktif...58 A. Tujuan...58 B. Indikator Pencapaian Kompetensi ...58 C. Uraian Materi ...58 D. Aktivitas Pembelajaran...69 E. Latihan/ Kasus /Tugas ...69 F. Rangkuman...70 G. Kunci Jawaban...70 Kegiatan Pembelajaran 6 Produk Multimedia Interaktif ...71 A. Tujuan...71 B. Indikator Pencapaian Kompetensi ...71 C. Uraian Materi ...71 D. Aktivitas Pembelajaran...86 A. Latihan/ Kasus /Tugas ...113 F. Rangkuman...113 G. Kunci Jawaban...114 Kegiatan Pembelajaran 7 Pengujian Multimedia Interaktif...115 A. Tujuan...115 D. Aktivitas Pembelajaran...45 E. Latihan/ Kasus /Tugas ...45 F. Rangkuman...45 G. Kunci Jawaban...46 Kegiatan Pembelajaran 4 Navigasi Multimedia Interaktif...47 A. Tujuan...47 B. Indikator Pencapaian Kompetensi ...47 C. Uraian Materi ...47 D. Aktivitas Pembelajaran...55 E. Latihan/ Kasus /Tugas ...56 F. Rangkuman...56 G. Kunci Jawaban...56 Kegiatan Pembelajaran 5 Efek Visual Multimedia Interaktif...58 A. Tujuan...58 B. Indikator Pencapaian Kompetensi ...58 C. Uraian Materi ...58 D. Aktivitas Pembelajaran...69 E. Latihan/ Kasus /Tugas ...69 F. Rangkuman...70 G. Kunci Jawaban...70 Kegiatan Pembelajaran 6 Produk Multimedia Interaktif ...71 A. Tujuan...71 B. Indikator Pencapaian Kompetensi ...71 C. Uraian Materi ...71 D. Aktivitas Pembelajaran...86 A. Latihan/ Kasus /Tugas ...113 F. Rangkuman...113 G. Kunci Jawaban...114 Kegiatan Pembelajaran 7 Pengujian Multimedia Interaktif...115 A. Tujuan...115

C. Uraian Materi... 115 D. Aktivitas Pembelajaran ... 121 E. Latihan/ Kasus /Tugas... 123 F. Rangkuman ... 124 G. Kunci Jawaban... 124 EVALUASI ... 125 PENUTUP... 129 GLOSARIUM ... 130 DAFTAR PUSTAKA ... 131 C. Uraian Materi... 115 D. Aktivitas Pembelajaran ... 121 E. Latihan/ Kasus /Tugas... 123 F. Rangkuman ... 124 G. Kunci Jawaban... 124 EVALUASI ... 125 PENUTUP... 129 GLOSARIUM ... 130 DAFTAR PUSTAKA ... 131 C. Uraian Materi... 115 D. Aktivitas Pembelajaran ... 121 E. Latihan/ Kasus /Tugas... 123 F. Rangkuman ... 124 G. Kunci Jawaban... 124 EVALUASI ... 125 PENUTUP... 129 GLOSARIUM ... 130 DAFTAR PUSTAKA ... 131

Gambar 1 Peta kedudukan modul Multimedia Interaktif ... 3 Gambar 2 Ruang Lingkup modul Multimedia Interaktif... 4 Gambar 3 Diagram multimedia interaktif hierarchycal... 7 Gambar 4 Diagram multimedia interaktif nonlinear ... 8 Gambar 5 Multimedia interaktif model tutorial... 11 Gambar 6 Multimedia interaktif model drill and practice... 12 Gambar 7 Multimedia interaktif model simulasi... 13 Gambar 8 Multimedia interaktif model instructional games ... 13 Gambar 9 Multimedia interaktif model hybrid ... 14 Gambar 10 Multimedia interaktif model Socratic... 15 Gambar 11 Multimedia interaktif model inquiry... 15 Gambar 12 Multimedia interaktif model information... 16 Gambar 13 Direct manipulation ... 38 Gambar 14 Menu selection ... 39 Gambar 15 Form fill in ... 40 Gambar 16 Command language ... 40 Gambar 17 Natural language... 41 Gambar 18 Rancangan tampilan awal... 42 Gambar 19 Rancangan tampilan halaman judul ... 42 Gambar 20 Rancangan tampilan menu STANDAR KOMPETENSI ... 43 Gambar 21 Rancangan tampilan menu SEJARAH MATEMATIKA ... 44 Gambar 22 Rancangan tampilan menu KUIS... 44 Gambar 23 Hubungan antar halaman ... 48 Gambar 24 Struktur navigasi linear ... 49 Gambar 25 Struktur navigasi hirarki... 49 Gambar 26 Struktur navigasi spoke and hub... 50 Gambar 27 Struktur navigasi spoke and hub... 51 Gambar 28 Struktur navigasi media pembelajaran interaktif Aljabar Linear... 52

DAFTAR G

R GAMBAR

Gambar 29 Navigasi untuk melihat halaman menu utama ...53 Gambar 30 Navigasi untuk melihat halaman standar kompetensi...53 Gambar 31 Navigasi untuk melihat halaman sejarah matematika...54 Gambar 32 Navigasi untuk melihat halaman Materi ...54 Gambar 33 Navigasi untuk melihat halaman petunjuk...55 Gambar 34 Navigasi untuk melihat halaman kuis...55 Gambar 35 Visualisasi tampilan awal...67 Gambar 36 Visualisasi halaman judul ...68 Gambar 37 Visualisasi halaman standar kompetensi ...69 Gambar 38 Tampilan aplikasi adobe flash CS3 ...72 Gambar 39 Komponen utama adobe flash CS3 ...73 Gambar 40 Toolbox Adobe flash CS3...74 Gambar 41 Jendela action script...76 Gambar 42 Shape...77 Gambar 43Jendela convert to symbol ...78 Gambar 44 Membuat tiga buah layer...79 Gambar 45 Button dan shape background ...79 Gambar 46 Menambah durasi tampilan...80 Gambar 47 Pengaturan posisi obyek pada stage...80 Gambar 48 Menambahkan teks pada stage ...81 Gambar 49 Memperpanjang durasi tampilan...81 Gambar 50 Memperpanjang durasi tampilan layer...82 Gambar 51 Properti teks...83 Gambar 52 Pembuatan obyek teks dan tombol ...84 Gambar 53 Pengaturan obyek pada frame 5...85 Gambar 54 Tampilan pengisian data ...86 Gambar 55 Tampilan data...86 Gambar 56 Menambahkan Scene...87 Gambar 57 Jumlah scene dalam file ...87 Gambar 58 Langkah mengubah nama scene...88 Gambar 59 Mengganti nama scene ...89 Gambar 29 Navigasi untuk melihat halaman menu utama ...53 Gambar 30 Navigasi untuk melihat halaman standar kompetensi...53 Gambar 31 Navigasi untuk melihat halaman sejarah matematika...54 Gambar 32 Navigasi untuk melihat halaman Materi ...54 Gambar 33 Navigasi untuk melihat halaman petunjuk...55 Gambar 34 Navigasi untuk melihat halaman kuis...55 Gambar 35 Visualisasi tampilan awal...67 Gambar 36 Visualisasi halaman judul ...68 Gambar 37 Visualisasi halaman standar kompetensi ...69 Gambar 38 Tampilan aplikasi adobe flash CS3 ...72 Gambar 39 Komponen utama adobe flash CS3 ...73 Gambar 40 Toolbox Adobe flash CS3...74 Gambar 41 Jendela action script...76 Gambar 42 Shape...77 Gambar 43Jendela convert to symbol ...78 Gambar 44 Membuat tiga buah layer...79 Gambar 45 Button dan shape background ...79 Gambar 46 Menambah durasi tampilan...80 Gambar 47 Pengaturan posisi obyek pada stage...80 Gambar 48 Menambahkan teks pada stage ...81 Gambar 49 Memperpanjang durasi tampilan...81 Gambar 50 Memperpanjang durasi tampilan layer...82 Gambar 51 Properti teks...83 Gambar 52 Pembuatan obyek teks dan tombol ...84 Gambar 53 Pengaturan obyek pada frame 5...85 Gambar 54 Tampilan pengisian data ...86 Gambar 55 Tampilan data...86 Gambar 56 Menambahkan Scene...87 Gambar 57 Jumlah scene dalam file ...87 Gambar 58 Langkah mengubah nama scene...88 Gambar 59 Mengganti nama scene ...89 Gambar 29 Navigasi untuk melihat halaman menu utama ...53 Gambar 30 Navigasi untuk melihat halaman standar kompetensi...53 Gambar 31 Navigasi untuk melihat halaman sejarah matematika...54 Gambar 32 Navigasi untuk melihat halaman Materi ...54 Gambar 33 Navigasi untuk melihat halaman petunjuk...55 Gambar 34 Navigasi untuk melihat halaman kuis...55 Gambar 35 Visualisasi tampilan awal...67 Gambar 36 Visualisasi halaman judul ...68 Gambar 37 Visualisasi halaman standar kompetensi ...69 Gambar 38 Tampilan aplikasi adobe flash CS3 ...72 Gambar 39 Komponen utama adobe flash CS3 ...73 Gambar 40 Toolbox Adobe flash CS3...74 Gambar 41 Jendela action script...76 Gambar 42 Shape...77 Gambar 43Jendela convert to symbol ...78 Gambar 44 Membuat tiga buah layer...79 Gambar 45 Button dan shape background ...79 Gambar 46 Menambah durasi tampilan...80 Gambar 47 Pengaturan posisi obyek pada stage...80 Gambar 48 Menambahkan teks pada stage ...81 Gambar 49 Memperpanjang durasi tampilan...81 Gambar 50 Memperpanjang durasi tampilan layer...82 Gambar 51 Properti teks...83 Gambar 52 Pembuatan obyek teks dan tombol ...84 Gambar 53 Pengaturan obyek pada frame 5...85 Gambar 54 Tampilan pengisian data ...86 Gambar 55 Tampilan data...86 Gambar 56 Menambahkan Scene...87 Gambar 57 Jumlah scene dalam file ...87 Gambar 58 Langkah mengubah nama scene...88 Gambar 59 Mengganti nama scene ...89

Gambar 61 Awal hitungan waktu mundur ... 90 Gambar 62 Susunan frame pada layer waktu ... 91 Gambar 63 Frame awal animasi tulisan berjalan ... 91 Gambar 64 Frame akhir animasi tulisan berjalan... 92 Gambar 63 Memberikan motion tween pada tulisan ... 92 Gambar 64 Animasi motion tween pada tulisan ... 93 Gambar 65 Menambahkan tombol enter... 93 Gambar 66 Memberi nama tombol enter ... 94 Gambar 67 Script untuk tombol enter... 94 Gambar 68 tampilan preview halaman opening ... 95 Gambar 69 Halaman judul pada frame 45... 95 Gambar 70 Pemberian nama pada tombol STANDAR KOMPETENSI... 96 Gambar 71 Pemberian nama pada tombol SEJARAH MATEMATIKA... 97 Gambar 72 Pemberian nama pada tombol PETUNJUK ... 97 Gambar 73 Pemberian nama pada tombol MATERI... 97 Gambar 74 Pemberian nama pada tombol KUIS... 97 Gambar 75 Pemberian nama pada tombol KELUAR... 98 Gambar 76 Tampilan Halaman Sejarah Matematika... 99 Gambar 77 Tombol NEXT dan BACK ... 102 Gambar 78 Desain halaman kuis ... 103 Gambar 79 Pengaturan teks untuk soal ... 103 Gambar 80 Teks untuk pilihan jawaban ... 104 Gambar 81 Pengaturan pilihan jawaban pada stage... 104 Gambar 82 Pemberian instance name ... 105 Gambar 83 Pembuatan movieclip umpan balik ... 106 Gambar 83 Umpan balik salah... 106 Gambar 84 Tampilan saat soal habis... 107 Gambar 85 Tampilan soal kuis... 112 Gambar 86 Tampilan jika jawaban pengguna salah ... 113 Gambar 87 Tampilan saat pilihan jawaban pengguna benar... 113 Gambar 61 Awal hitungan waktu mundur ... 90 Gambar 62 Susunan frame pada layer waktu ... 91 Gambar 63 Frame awal animasi tulisan berjalan ... 91 Gambar 64 Frame akhir animasi tulisan berjalan... 92 Gambar 63 Memberikan motion tween pada tulisan ... 92 Gambar 64 Animasi motion tween pada tulisan ... 93 Gambar 65 Menambahkan tombol enter... 93 Gambar 66 Memberi nama tombol enter ... 94 Gambar 67 Script untuk tombol enter... 94 Gambar 68 tampilan preview halaman opening ... 95 Gambar 69 Halaman judul pada frame 45... 95 Gambar 70 Pemberian nama pada tombol STANDAR KOMPETENSI... 96 Gambar 71 Pemberian nama pada tombol SEJARAH MATEMATIKA... 97 Gambar 72 Pemberian nama pada tombol PETUNJUK ... 97 Gambar 73 Pemberian nama pada tombol MATERI... 97 Gambar 74 Pemberian nama pada tombol KUIS... 97 Gambar 75 Pemberian nama pada tombol KELUAR... 98 Gambar 76 Tampilan Halaman Sejarah Matematika... 99 Gambar 77 Tombol NEXT dan BACK ... 102 Gambar 78 Desain halaman kuis ... 103 Gambar 79 Pengaturan teks untuk soal ... 103 Gambar 80 Teks untuk pilihan jawaban ... 104 Gambar 81 Pengaturan pilihan jawaban pada stage... 104 Gambar 82 Pemberian instance name ... 105 Gambar 83 Pembuatan movieclip umpan balik ... 106 Gambar 83 Umpan balik salah... 106 Gambar 84 Tampilan saat soal habis... 107 Gambar 85 Tampilan soal kuis... 112 Gambar 86 Tampilan jika jawaban pengguna salah ... 113 Gambar 87 Tampilan saat pilihan jawaban pengguna benar... 113 Gambar 61 Awal hitungan waktu mundur ... 90 Gambar 62 Susunan frame pada layer waktu ... 91 Gambar 63 Frame awal animasi tulisan berjalan ... 91 Gambar 64 Frame akhir animasi tulisan berjalan... 92 Gambar 63 Memberikan motion tween pada tulisan ... 92 Gambar 64 Animasi motion tween pada tulisan ... 93 Gambar 65 Menambahkan tombol enter... 93 Gambar 66 Memberi nama tombol enter ... 94 Gambar 67 Script untuk tombol enter... 94 Gambar 68 tampilan preview halaman opening ... 95 Gambar 69 Halaman judul pada frame 45... 95 Gambar 70 Pemberian nama pada tombol STANDAR KOMPETENSI... 96 Gambar 71 Pemberian nama pada tombol SEJARAH MATEMATIKA... 97 Gambar 72 Pemberian nama pada tombol PETUNJUK ... 97 Gambar 73 Pemberian nama pada tombol MATERI... 97 Gambar 74 Pemberian nama pada tombol KUIS... 97 Gambar 75 Pemberian nama pada tombol KELUAR... 98 Gambar 76 Tampilan Halaman Sejarah Matematika... 99 Gambar 77 Tombol NEXT dan BACK ... 102 Gambar 78 Desain halaman kuis ... 103 Gambar 79 Pengaturan teks untuk soal ... 103 Gambar 80 Teks untuk pilihan jawaban ... 104 Gambar 81 Pengaturan pilihan jawaban pada stage... 104 Gambar 82 Pemberian instance name ... 105 Gambar 83 Pembuatan movieclip umpan balik ... 106 Gambar 83 Umpan balik salah... 106 Gambar 84 Tampilan saat soal habis... 107 Gambar 85 Tampilan soal kuis... 112 Gambar 86 Tampilan jika jawaban pengguna salah ... 113 Gambar 87 Tampilan saat pilihan jawaban pengguna benar... 113

A. Latar Belakang

Guru dan tenaga ke keprofesian secara profesionalnya.Progra adalah pengembang dilaksanakan sesua meningkatkan profesi PKB sebagai salah diharapkan dapat me menerus memelihara dengan standar yan mengurangi kesenjan kependidikan dengan

Di dalam pelaksanaa sebagai salah satu Multimedia (MM) LeK sebagai acuan bagi pengembangan kepr tugas secara professi dengan standar yang

Modul ini mempela pembelajaran interak implementasi media peran sebagai desain dunia industri Tekno terhadap pembuatan multimedia yang inte

PENDAH

ng

kependidikan wajib melaksanakan kegiatan ra berkelanjutan agar dapat melaksa gram Pengembangan Keprofesian Berkel

ngan kompetensi Guru dan Tenaga Kepe suai kebutuhan, bertahap, dan berkel esionalitasnya.

h satu strategi pembinaan guru dan tenag enjamin guru dan tenaga kependidikan mamp ara, meningkatkan, dan mengembangkan kom yang telah ditetapkan. Pelaksanaan kegiat

jangan antara kompetensi yang dimiliki gu an tuntutan profesional yang dipersyaratkan.

aan diklat yang dilaksanakan oleh PPPPTK di tu sumber belajar guru. Modul Diklat Gu LeKelompok kompetensi J Multimedia Interakt

gi penyelenggaraan PKB Diklat dan pelatiha profesian secara berkelanjutan agar dapat ssional, meningkat, dan mengembangkan kom ng telah ditetapkan.

elajari tentang bagaimana membangun raktif. Materi dalam modul ini mencakup pe

ia pembelajaran interaktif. Melalui modul in sainer dan programmer yang merupakan salah

knologi informasi. Desainer mempunyai ta an desain instruksional pembelajaran berbasis nteraktif. Programmer mempunyai tanggung

HULUAN

Dalam dokumen Modul TIK SMK MULTIMEDIA kelompok kompetensi J (Halaman 87-95)