Perangkat Ajar Desain Media Interaktif 12 [PDF]

Citation preview

Perangkat Kegiatan Belajar Mengajar



Pemetaan Kompetensi  Identifikasi KI dan KD  Rancangan Penilaian Kognitif  Kriteria Ketuntasan Minimal  Program Tahunan  Program Semester  Rincian Minggu Efektif  Silabus Berkarakter  Hasil Identifikasi Kompetensi Dasar  Rencana Pelaksanaan Pembelajaran



Desain Media Interaktif Untuk SMK/MAK Kelas XII Rini Novita, S.Pd, M.Pd.T SMKN 1 Buay Bahuga



MM 02



Desain Media Interaktif XII



1



Pemetaan Kompetensi Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Kompetensi Inti: 1. Menghayati dan mengamalkan ajaran agama yang dianutnya 2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia Kompetensi Inti



Kompetensi Dasar



Indikator



Ruang Lingkup



Materi Pokok 1



3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional 4. Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia



MM 02



3.1 Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif 4.1 Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif



- Menjelaskan definisi multi- - Konsep multi- √ media interaktif media interaktif - Menjelaskan elemen-elemen multimedia interaktif - Menjabarkan macam-macam multimedia interaktif - Menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang - Menjelaskan konsep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan pengertian, sejarah, cara kerja, dan unsur-unsur web - Menjelaskan kriteria web yang baik - Menjabarkan fungsi web



3.2 Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif 3.3 Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif



- Mendeskripsikan pem- - Perancangan buatan storyboard pada alur dan desain aplikasi multimedia interakuser interface tif berbasis halaman web pada multimedia - Mengidentifikasi anatomi interaktif berhalaman web basis halaman - Menjelaskan tentang prinsip web dan media dasar desain user interface interaktif pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web - Menjelaskan pengertian dan struktur HTML



2



3



Alokasi Waktu 4 52 x 45’



√



Desain Media Interaktif XII



104 x 4 5 ’



2



Kompetensi Inti



Kompetensi Dasar



Indikator



Ruang Lingkup



Materi Pokok 1



Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah kon-kret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung



MM 02



2



3



Alokasi Waktu 4



4.2 Membuat - Membuat contoh dari peng(desain/perancang gunaan tag-tag HTML an alur) untuk - Menjelaskan kode tag HTML multimedia untuk merancang aplikasi interaktif berbasis multimedia interak-tif halaman web dan berbasis halaman web media interaktif - Melakukan pembuatan 4.3 Membuat user aplikasi multimedia interinter-face aktif berbasis halaman web menggunakan dengan kode tag HTML prinsip-prinsip desederhana sain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 3.4 Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif 3.5 Menerapkan cara penggabungan ima-ge, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif 3.6 Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif 3.7 Mengevaluasi produk web 4.4 Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif 4.5 Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif 4.6 Membuat style pada multimedia interaktif berbasis halaman web dan media in-teraktif 4.7 Membuat review terhadap produk web



- Mengenal perangkat lunak - Pengoperasian untuk membuat dan mendan pengolahan desain web (software web multimedia indesign) teraktif berbasis - Menjelaskan format yang halaman web digunakan dalam pengaturan tampilan web dengan Dreamweaver - Mengatur tampilan situs web dengan Dreamweaver - Menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interaktif - Mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara penggabungan gambar (ima-ge), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menjelaskan pemrograman web menggunakan style CSS - Membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara mengelola halaman web - Menjelaskan cara pengujian produk web - Melakukan pengujian terhadap produk web - Membuat review terhadap produk web



Desain Media Interaktif XII



√



78 x 45’



3



Kompetensi Inti



Kompetensi Dasar



Indikator



Ruang Lingkup



Materi Pokok 1



3.8 Menerapkan teknik pemrograman (coding) pada multimedia interaktif 3.9 Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) 3.10 Memahami mekanisme pengolahan data pada produk multimedia interaktif 3.11 Memahami publikasi multimedia interaktif 3.12 Menerapkan pembuatan produk multimedia interaktif 3.13 Mengevaluasi produk media interaktif 4.8 Menggunakan program (coding) pada multimedia interak-tif 4.9 Mengolah multimedia interaktif menggunakan kode prog-ram (coding) 4.10 Mengolah data pada produk multimedia interaktif 4.11 Melakukan publikasi multimedia interaktif 4.12 Mendesain produk multimedia interaktif 4.13 Membuat laporan pembuatan produk multimedia interaktif



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



2



3



- Memahami dan menerap- - Penerapan kode kan teknik pemrograman program pada (coding) pada multimedia multimedia interaktif inter-aktif - Memahami dan menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami dan menjelaskan mekanisme pengolahan data pada produk multimedia interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif



Alokasi Waktu 4 √ 208 x 45’



Way Kanan, Juli 2021 Guru Mata Pelajaran/Kelas



Rini Novita, S.Pd, M.Pd.T NIP.



Desain Media Interaktif XII



4



Identifikasi KI, KD untuk Menetapkan Kegiatan Pembelajaran (TM, PT, KMTT) Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Kompetensi Inti: 1. Menghayati dan mengamalkan ajaran agama yang dianutnya 2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia



Kompetensi Inti



Kompetensi Dasar



Materi Pembelajaran



Jenis Kegiatan Pembelajaran Indikator TM



3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional 4. Melaksanakan tu-gas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia



MM 02



3.1 Memahami konsep multimedia interak-tif berbasis halaman web dan media inter-aktif 4.1 Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif



- Definisi multimedia interaktif - Elemen-elemen multimedia interaktif - Macam-macam multimedia interaktif - Pengembangan multimedia interaktif - Aplikasi multimedia interaktif - Multimedia interaktif berbasis halaman web dan media interaktif



3.2 Memahami (desain/ perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif 3.3 Menerapkan prinsipprinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif



- Storyboard pada - Mendeskripsikan pembuatan halaman web storyboard pada aplikasi dan media mul-timedia interaktif interaktif berbasis halaman web - Anatomi halaman - Mengidentifikasi anatomi web halaman web - Desain user - Menjelaskan tentang prinsip inter-face pada dasar desain user interface hala-man web pada aplikasi multimedia - Merancang web interaktif berbasis halaman berbasis HTML web - Mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web - Menjelaskan pengertian dan struktur HTML



PT



- Menjelaskan definisi multimedia interaktif - Menjelaskan elemen-elemen multimedia interaktif - Menjabarkan macammacam multimedia interaktif - Menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang - Menjelaskan konsep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan pengertian, sejarah, cara kerja, dan unsur-unsur web - Menjelaskan kriteria web yang baik - Menjabarkan fungsi web



Desain Media Interaktif XII



5



KMTT



Kompetensi Inti



Kompetensi Dasar



Materi Pembelajaran



Jenis Kegiatan Pembelajaran Indikator TM



Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efek-tif, kreatif, produk-tif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah ab-strak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesi-fik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ra-nah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung



MM 02



4.2 Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media inter-aktif 4.3 Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia interak-tif berbasis halaman web dan media inter-aktif



3.4 Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif 3.5 Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interak-tif berbasis halaman web dan media inter-aktif 3.6 Memahami style pada multimedia interak-tif berbasis halaman web dan media inter-aktif 3.7 Mengevaluasi produk web 4.4 Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif 4.5 Menggabungkan image, animasi, audio, video dalam sajian multimedia interak-tif berbasis halaman web dan media inter-aktif 4.6 Membuat style pada multimedia interak-tif berbasis halaman web dan media inter-aktif 4.7 Membuat review terhadap produk web



PT



- Membuat contoh dari penggunaan tag-tag HTML - Menjelaskan kode tag HTML untuk merancang aplikasi multimedia interaktif berbasis halaman web - Melakukan pembuatan aplikasi multimedia interaktif berbasis halaman web dengan kode tag HTML sederhana



- Mengenal software web design - Mengelola halaman web - Style pada multimedia interaktif berbasis halaman web - JavaScript - Menguji situs/ web



- Mengenal perangkat lunak untuk membuat dan mendesain web (software web design) - Menjelaskan format yang digunakan dalam pengaturan tampilan web dengan Dream-weaver - Mengatur tampilan situs web dengan Dreamweaver - Menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interaktif - Mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara penggabungan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menjelaskan pemrograman web menggunakan style CSS - Membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara mengelola halaman web - Menjelaskan cara pengujian produk web - Melakukan pengujian terhadap produk web - Membuat review terhadap produk web



Desain Media Interaktif XII



6



KMTT



Kompetensi Inti



Kompetensi Dasar



Materi Pembelajaran



Jenis Kegiatan Pembelajaran Indikator TM



3.8 Menerapkan teknik pemrograman (coding) pada multimedia interaktif 3.9 Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) 3.10 Memahami mekanisme pengolahan data pada produk multimedia interaktif 3.11 Menerapkan publikasi multimedia interaktif 3.12 Menerapkan pembuatan produk multimedia interaktif 3.13 Mengevaluasi produk media interaktif 4.8 Menggunakan program (coding) pada multimedia interaktif 4.9 Mengolah multime-dia interaktif menggunakan kode program (coding) 4.10 Mengolah data pada produk multimedia interaktif 4.11 Melakukan publikasi multimedia interaktif 4.12 Mendesain produk multimedia interaktif 4.13 Membuat laporan pembuatan produk multimedia interaktif



- Teknik pemrograman (coding) - Dasar pemrograman ActionScript - Melakukan pemrograman (coding) - Pengolahan multimedia interaktif menggunakan kode program (coding) - Penerapan multimedia interaktif dengan kode program (coding) - Mekanisme pengolahan data pada produk multimedia interaktif - Publishing multimedia interaktif - Produk multimedia interaktif



PT



- Memahami dan menerapkan teknik pemrograman (coding) pada multimedia interaktif - Memahami dan menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami dan menjelaskan mekanisme pengolahan data pada produk multimedia interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif



Keterangan: TM : Tatap Muka PT : Penugasan Terstruktur KMTT : Kegiatan Mandiri Tidak Terstruktur



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Way Kanan, Juli 2021 Guru Mata Pelajaran/Kelas



Rini Novita, S.Pd, M.Pd.T NIP.



Desain Media Interaktif XII



7



KMTT



Rancangan Penilaian Kognitif Pemetaan Penilaian Berdasarkan KI/KD/Indikator Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Kompetensi Inti: 1. Menghayati dan mengamalkan ajaran agama yang dianutnya 2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia Kompetensi Inti 3.



4.



Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah ab-strak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung



MM 02



Kompetensi Dasar



Indikator



UH



3.1 Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif 4.1 Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif



- Menjelaskan definisi multimedia interaktif - Menjelaskan elemenelemen multimedia interaktif - Menjabarkan macammacam multimedia interaktif - Menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang - Menjelaskan konsep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan pengertian, sejarah, cara kerja, dan unsur-unsur web - Menjelaskan kriteria web yang baik - Menjabarkan fungsi web



3.2 Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif 3.3 Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 4.2 Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif 4.3 Membuat user interface menggunakan prinsipprinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif



- Mendeskripsikan pembuatan storyboard pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi anatomi halaman web - Menjelaskan tentang prinsip dasar desain user interface pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web - Menjelaskan pengertian dan struktur HTML - Membuat contoh dari penggunaan tag-tag HTML



UTS



Desain Media Interaktif XII



LUS



8



Kompetensi Inti



Kompetensi Dasar



Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di se-kolah, serta mampu me-laksanakan tugas spesifik di bawah 3.4 Menerapkan prosedur pengawasan lang-sung peng-operasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif 3.5 Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif style 3.6 Memahami pada multimedia interaktif berbasis halaman web dan media interaktif 3.7 Mengevaluasi produk web 4.4 Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif image, 4.5 Menggabungkan animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif style 4.6 Membuat pada multimedia interaktif berbasis halaman web dan media interaktif 4.7 Membuat review terhadap produk web



Indikator



UH



UTS



LUS



- Menjelaskan kode tag HTML untuk merancang aplikasi multimedia interaktif berbasis halaman web - Melakukan pembuatan aplikasi multimedia interaktif berbasis halaman web dengan kode tag HTML sederhana - Mengenal perangkat lu-nak untuk membuat dan mendesain web (software web design) - Menjelaskan format yang digunakan dalam pengaturan tampilan web dengan Dreamweaver - Mengatur tampilan situs web dengan Dream-weaver - Menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interaktif - Mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara penggabungan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menjelaskan pemrog-raman web menggunakan style CSS - Membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara mengelola halaman web - Menjelaskan cara pengujian produk web - Melakukan pengujian terhadap produk web - Membuat review terhadap produk web



3.8 Menerapkan teknik pem- - Memahami dan merograman (coding) pada nerapkan teknik pemmultimedia interaktif rograman (coding) pada 3.9 Menerapkan pengolahan multimedia interaktif multimedia interaktif meng- - Memahami dan megunakan kode program nerapkan pengolahan (coding) multimedia interaktif menggunakan kode program (coding)



MM 02



Desain Media Interaktif XII



9



Kompetensi Inti



Kompetensi Dasar



Indikator



UH



3.10 Memahami mekanisme pengolahan data pada produk multimedia interaktif 3.11 Memahami publikasi multimedia interaktif 3.12 Menerapkan pembuatan produk multimedia interaktif 3.13 Mengevaluasi produk media interaktif 4.8 Menggunakan program (coding) pada multimedia interaktif 4.9 Mengolah multimedia interaktif menggunakan kode program (coding) 4.10 Mengolah data pada produk multimedia interaktif 4.11 Melakukan publikasi multimedia interaktif 4.12 Mendesain produk multimedia interaktif 4.13 Membuat laporan pembuatan produk multimedia interaktif



- Memahami dan menjelaskan mekanisme pengolahan data pada produk multimedia interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif



UTS



LUS



Keterangan: UH : Ulangan Harian UTS : Ulangan Tengah Semester LUS : Latihan Ulangan Semester



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Way Kanan, Juli 2021 Guru Mata Pelajaran/Kelas



Rini Novita, S.Pd, M.Pd.T NIP.



Desain Media Interaktif XII



10



Penetapan Kriteria Ketuntasan Minimal Per Kompetensi Dasar dan Indikator Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Kompetensi Inti: 1. Menghayati dan mengamalkan ajaran agama yang dianutnya 2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia 3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional 4. Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Kriteria Ketuntasan Minimal No.



Kriteria Penetapan Ketuntasan



Kompetensi Dasar dan Indikator Kompleksitas



1.



2.



Konsep multimedia interaktif Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan definisi multimedia interaktif - Menjelaskan elemen-elemen multimedia interaktif - Menjabarkan macam-macam multimedia interaktif - Menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang - Menjelaskan konsep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan pengertian, sejarah, cara kerja, dan unsurunsur web - Menjelaskan kriteria web yang baik - Menjabarkan fungsi web Perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Mendeskripsikan pembuatan storyboard pada aplikasi multimedia interaktif berbasis halaman web



Intake



Nilai KKM 80.00



77.00 80.00 80.00 77.00



77.00 80.00 80.00 77.00



77.00 80.00 80.00 77.00



77.00



77.00



77.00



80.00



80.00



80.00



77.00 80.00



77.00 80.00



77.00 80.00 80.00



80.00



MM 02



Daya Dukung



77.00



80.00



Desain Media Interaktif XII



11



Kriteria Ketuntasan Minimal No.



3.



4.



MM 02



Kriteria Penetapan Ketuntasan



Kompetensi Dasar dan Indikator



- Mengidentifikasi anatomi halaman web - Menjelaskan tentang prinsip dasar desain user interface pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web - Menjelaskan pengertian dan struktur HTML - Membuat contoh dari penggunaan tag-tag HTML - Menjelaskan kode tag HTML untuk merancang aplikasi multimedia interaktif berbasis halaman web - Melakukan pembuatan aplikasi multimedia interaktif berbasis halaman web dengan kode tag HTML sederhana Pengoperasian dan pengolahan multimedia interaktif berbasis halaman web Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif Mengevaluasi produk web Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif Membuat review terhadap produk web - Mengenal perangkat lunak untuk membuat dan mendesain web (software web design) - Menjelaskan format yang digunakan dalam pengaturan tampilan web dengan Dreamweaver - Mengatur tampilan situs web dengan Dreamweaver - Menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interaktif - Mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara penggabungan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menjelaskan pemrograman web menggunakan style CSS - Membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara mengelola halaman web - Menjelaskan cara pengujian produk web - Melakukan pengujian terhadap produk web - Membuat review terhadap produk web Penerapan kode program pada multimedia interaktif Menerapkan teknik pemrograman (coding) pada multimedia interaktif Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) Memahami mekanisme pengolahan data pada produk multimedia interaktif Memahami publikasi multimedia interaktif Menerapkan pembuatan produk multimedia interaktif Mengevaluasi produk media interaktif Menggunakan program (coding) pada multimedia interaktif Mengolah multimedia interaktif menggunakan kode program (coding) Mengolah data pada produk multimedia interaktif Melakukan publikasi multimedia interaktif Mendesain produk multimedia interaktif Membuat laporan pembuatan produk multimedia interaktif - Memahami dan menerapkan teknik pemrograman (coding) pada multimedia interaktif



Kompleksitas



Daya Dukung



Intake



77.00 80.00



77.00 80.00



80.00 80.00



77.00 80.00



80.00 77.00 80.00



77.00 77.00 80.00



80.00 77.00 80.00



80.00 80.00



80.00 80.00



80.00



80.00



77.00



Nilai KKM



80.00



Desain Media Interaktif XII



12



Kriteria Ketuntasan Minimal No.



Kriteria Penetapan Ketuntasan



Kompetensi Dasar dan Indikator Kompleksitas



Daya Dukung



Intake



Nilai KKM



- Memahami dan menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami dan menjelaskan mekanisme pengolahan data pada produk multimedia interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif



Catatan: Poin kriteria penetapan ketuntasan diisi guru masing-masing sesuai KKM yang akan dicapai di tingkat sekolahnya



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Way Kanan, Juli 2021 Guru Mata Pelajaran/Kelas



Rini Novita, S.Pd, M.Pd.T NIP.



Desain Media Interaktif XII



13



Penetapan Kriteria Ketuntasan Minimal Per Kompetensi Inti dan Kompetensi Dasar Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK Kriteria Ketuntasan Minimal



No. Kompetensi Inti dan Kompetensi Dasar



Kriteria Penetapan Ketuntasan Kompleksitas



1. 2.



3.



Daya Dukung



Intake



Nilai KKM (%)



Menghayati dan mengamalkan ajaran agama yang dianutnya Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional - Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif - Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif - Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif - Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif - Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif



MM 02



Desain Media Interaktif XII



14



Kriteria Ketuntasan Minimal No. Kompetensi Inti dan Kompetensi Dasar



Kriteria Penetapan Ketuntasan Kompleksitas



4.



Daya Dukung



Intake



Nilai KKM (%)



- Mengevaluasi produk web - Menerapkan teknik pemrograman (coding) pada multimedia interaktif - Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami mekanisme pengolahan data pada produk multimedia interaktif - Memahami publikasi multimedia interaktif - Menerapkan pembuatan produk multimedia interaktif - Mengevaluasi produk media interaktif Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung - Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif - Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif - Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif - Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif - Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif - Membuat review terhadap produk web - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif



MM 02



Desain Media Interaktif XII



15



Kriteria Ketuntasan Minimal No. Kompetensi Inti dan Kompetensi Dasar



Kriteria Penetapan Ketuntasan Kompleksitas



Daya Dukung



Intake



Nilai KKM (%)



- Melakukan publikasi multimedia interaktif - Mendesain produk multimedia interaktif - Membuat laporan pembuatan produk multimedia interaktif



Catatan: Poin kriteria penetapan ketuntasan diisi guru masing-masing sesuai KKM yang akan dicapai di tingkat sekolahnya



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Way Kanan, Juli 2021 Guru Mata Pelajaran/Kelas



Rini Novita, S.Pd, M.Pd.T NIP.



Desain Media Interaktif XII



16



Program Tahunan



Semester No. 1



1.



2.



3.



Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Alokasi Keterangan Waktu



Materi Pokok/Kompetensi Dasar Konsep multimedia interaktif - Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif - Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif Perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif - Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif - Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Pengoperasian dan pengolahan multimedia interaktif berbasis halaman web - Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif - Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif - Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif - Mengevaluasi produk web - Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif - Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif - Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif - Membuat review terhadap produk web Jumlah



2



4.



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



104 JP



78 JP



234 JP



Penerapan kode program pada multimedia interaktif - Menerapkan teknik pemrograman (coding) pada multimedia interaktif - Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami mekanisme pengolahan data pada produk multimedia interaktif - Memahami publikasi multimedia interaktif - Menerapkan pembuatan produk multimedia interaktif - Mengevaluasi produk media interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif - Melakukan publikasi multimedia interaktif - Mendesain produk multimedia interaktif - Membuat laporan pembuatan produk multimedia interaktif Jumlah



52 JP



208 JP



208 JP



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



17



Program Semester Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK Bulan



No.



Materi Pokok/ Kompetensi Dasar



Jml Jam



Juli



Agustus



September



Oktober



November Desember



Januari



Februari



Maret



April



Mei



Juni



Juli



2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2



1. Konsep multi- 52 JP media interaktif - Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif - Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif 2. Perancangan 104 JP alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif - Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif - Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia interaktif



MM 02



x x x x



x x x x x



x x x



Desain Media Interaktif XII



18



Bulan No.



Materi Pokok/ Kompetensi Dasar



Jml Jam



Juli



Agustus



September



Oktober



November Desember



Januari



Februari



Maret



April



Mei



Juni



Juli



2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2



berbasis halaman web dan media interaktif



4. Penerapan kode 208 JP program pada multimedia interaktif - Menerapkan teknik pemrograman (coding) pada multimedia interaktif



MM 02



x x x x x x



Persiapan Penerimaan Rapor



3. Pengoperasian 78 JP dan pengolahan multimedia interaktif berbasis halaman web - Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif - Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif - Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif - Mengevaluasi produk web - Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif - Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif - Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif - Membuat review terhadap produk web



x x x x x x x x x x x x x



x



x x



Desain Media Interaktif XII



19



Bulan No.



Materi Pokok/ Kompetensi Dasar



Jml Jam



Juli



Agustus



September



Oktober



November Desember



Januari



Februari



Maret



April



Mei



Juni



Juli



2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 5 1 2 3 4 1 2



- Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami mekanisme pengolahan data pada produk multimedia interaktif - Menerapkan publikasi multimedia interaktif - Menerapkan pembuatan produk multimedia inter-aktif - Mengevaluasi produk media interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif - Melakukan publikasi multimedia interaktif - Mendesain produk multimedia interak-tif Memb uat la-poran pembuatan produk multimedia interaktif Jumlah



442 JP



Keterangan: : Kegiatan tengah semester : Latihan ulangan semester 1 : Ulangan semester 1



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



: Ujian nasional/ujian nasional susulan : Libur semester 1/libur pascaujian nasional



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



20



Rincian Minggu Efektif



I.



Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Jumlah minggu dalam 1 tahun No.



Bulan



Jumlah Minggu



1. 2. 3. 4. 5. 6.



Juli Agustus September Oktober November Desember



2 5 4 5 4 4



7. 8. 9. 10. 11. 12. 13.



Januari Februari Maret April Mei Juni Juli



5 4 4 4 5 4 2 Jumlah Total



52



II. Jumlah minggu tidak efektif dalam 1 tahun No. 1. 2. 3. 4. 5. 6.



Kegiatan Kegiatan tengah semester Latihan ulangan semester 1 Ulangan semester 1 Persiapan penerimaan rapor 1 Ujian nasional/ujian nasional susulan Libur semester 1/libur pascaujian nasional Jumlah Total



Jumlah Minggu 1 1 1 1 2 12 18



III. Jumlah minggu efektif dalam 1 tahun Jumlah minggu dalam 1 tahun - jumlah minggu tidak efektif dalam 1 tahun = 52 minggu - 18 minggu = 34 minggu efektif



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



21



Silabus Berkarakter Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Kompetensi Inti: 1. Menghayati dan mengamalkan ajaran agama yang dianutnya 2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia • Sikap spiritual (KI 1) dan sikap sosial (KI 2) dibentuk melalui pembelajaran tidak langsung, antara lain melalui pembelajaran kompetensi pengetahuan (KD pada KI 3) dan kompetensi keterampilan (KD pada KI 4) serta pembiasaan dan keteladanan • Penilaian sikap spiritual (KI 1) dan sikap sosial (KI 2) dilakukan, antara lain melalui observasi, penilaian diri, penilaian antarteman, dan/atau jurnal (catatan pendidik) 3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional 4. Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Kompetensi Dasar



Materi Pokok/ Pembelajaran



3.1 Memahami kon- - Konsep sep multimedia media interaktif beraktif basis halaman web dan media interaktif 4.1 Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif



MM 02



Kegiatan Pembelajaran



multi- Mengamati inter- - Mengamati konsep multimedia interaktif berbasis halaman web dan media interaktif Menanya - Merumuskan pertanyaan tentang masalah sehari-hari yang berkaitan de-ngan konsep multime-dia interaktif berbasis halaman web dan media interaktif Mengumpulkan informasi - Mengumpulkan informasi tentang konsep multimedia interaktif berbasis halaman web dan media interaktif Menalar/Mengasosiasi - Menganalisis konsep multimedia interaktif berbasis halaman web dan media interaktif Mengomunikasikan - Mempresentasikan konsep multimedia interaktif berbasis halaman web dan media interaktif



Indikator - Menjelaskan definisi multimedia interaktif - Menjelaskan elemen-ele-men multime-dia interaktif - Menjabarkan macam-ma-cam multime-dia interaktif - Menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang - Menjelaskan tentang kon-sep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan pengertian, sejarah, cara kerja, dan unsur-unsur web



Penilaian Sikap - Observasi Pengetahuan - Penugasan (Tugas Terstruktur/ Tugas Mandiri/Tes Tertulis) Keterampilan - Portofolio - Proyek



Waktu 52 x 45’



Sumber Belajar



Nilai Karakter



- Buku Desain Media Interaktif XII - Buku paket - Buku referensi lain



- Bersahabat/ko munikatif - Kerja keras - Kreatif - Tanggung jawab



Desain Media Interaktif XII



22



Kompetensi Dasar



Materi Pokok/ Pembelajaran



Kegiatan Pembelajaran



Indikator



Penilaian



Waktu



Sumber Belajar



Nilai Karakter



- Mempresentasikan kon- - Menjelaskan sep multimedia interaktif kriteria web berbasis halaman web yang baik dan media interaktif - Menjabarkan fungsi web - Mendeskripsikan pembuatan storyboard pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi anatomi halaman web - Menjelaskan tentang prinsip dasar desain user interface pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web - Menjelaskan pengertian dan struktur HTML - Membuat contoh dari penggunaan tag-tag HTML - Menjelaskan kode tag HTML untuk merancang aplikasi multimedia interaktif berbasis halaman web - Melakukan pembuatan aplikasi multimedia interaktif berbasis halaman web dengan kode tag HTML sederhana



Sikap - Observasi Pengetahuan - Penugasan (Tugas Terstruktur/ Tugas Mandiri/Tes Tertulis) Keterampilan - Portofolio - Proyek



104 x 45’ - Buku Desain Media Interaktif XII - Buku paket - Buku referensi lain



- Kreatif - Mandiri - Tanggung jawab



3.4 Menerapkan - PengoperaMengamati - Mengenal peprosedur pengsian dan peng- - Mengamati berbagai rangkat lunak operasian apliolahan multipermasalahan sehariuntuk membuat kasi multimedia media interaktif hari yang berkaitan dedan mendesain interaktif berberbasis hangan pengoperasian web (software basis halaman laman web dan pengolahan multiweb design) web dan media media interaktif berbasis - Menjelaskan interaktif halaman web format yang digunakan dalam pengaturan tampilan web dengan Dreamweaver



Sikap - Observasi Pengetahuan - Penugasan (Tugas Terstruktur/ Tugas Mandiri/Tes Tertulis) Keterampilan - Portofolio - Proyek



78 x 45’



- Mandiri - Kerja keras - Tanggung jawab



3.2 Memahami - Perancangan (desain/peranalur dan desain cangan alur) unuser interface tuk multimedia pada multiinteraktif bermedia interbasis halaman aktif berbasis web dan media halaman web interaktif dan media in3.3 Menerapkan teraktif prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 4.2 Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif 4.3 Membuat user interface menggunakan prinsipprinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif



MM 02



Mengamati - Mengamati permasalahan sehari-hari yang berkaitan dengan perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Menanya - Merumuskan pertanyaan tentang analisis perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Mengumpulkan Informasi - Mengumpulkan informasi tentang masalah sehari-hari yang berkaitan dengan analisis perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Menalar/Mengasosiasi - Menganalisis sistem perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Mengomunikasikan - Mempresentasikan perancangan alur dan desain user interface pa-da multimedia interaktif berbasis halaman web dan media interaktif



- Buku Desain Media Interaktif XII - Buku paket - Buku referensi lain



Desain Media Interaktif XII



23



Kompetensi Dasar 3.5 Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif 3.6 Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif 3.7 Mengevaluasi produk web 4.4 Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif 4.5 Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif 4.6 Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif 4.7 Membuat review terhadap produk web



Materi Pokok/ Pembelajaran



Kegiatan Pembelajaran Menanya - Menanya tentang berbagai permasalahan sehari-hari yang berkaitan dengan pengoperasian dan pengolahan multimedia interaktif berbasis halaman web Mengumpulkan Informasi - Mengumpulkan informasi tentang masalah sehari-hari yang berkaitan dengan pengoperasian dan pengolahan multimedia interaktif berbasis halaman web Menalar/Mengasosiasi - Menganalisis pengoperasian dan pengolah-an multimedia interaktif berbasis halaman web Mengomunikasikan - Mempresentasikan pengoperasian dan pengolahan multime-dia interaktif berbasis halaman web



Indikator



Waktu



Sumber Belajar



Nilai Karakter



- Mengatur tampilan situs web d e n g a n Dreamweaver - Menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interak-tif - Mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara penggabungan gam-bar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menggabungkan gambar (image), animasi, audio, dan video da-lam sajian ber-basis halaman web dan media interaktif - Menjelaskan pemrograman web menggunakan style CSS - Membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara mengelola halaman web - Menjelaskan cara pengujian produk web - Melakukan pengujian terhadap produk web - Membuat review terhadap produk web



3.8 Menerapkan - Penerapan Mengamati - Memahami dan teknik pemrogkode program - Mengamati permamenerapkan raman (coding) pada multisalahan sehari-hari teknik pemrogpada multimedia media interyang berkaitan dengan raman (coding) interaktif aktif cara penerapan kode pada multime3.9 Menerapkan program pada multimedia interaktif pengolahan muldia interaktif timedia interaktif menggunakan kode program (coding)



MM 02



Penilaian



Sikap - Observasi Pengetahuan - Penugasan (Tugas Terstruktur/ Tugas Mandiri/Tes Tertulis) Keterampilan - Portofolio - Proyek



208 x 45’ - Buku Desain Media Interaktif XII - Buku paket - Buku referensi lain



Desain Media Interaktif XII



-



24



Disiplin Kreatif Inovatif Tanggung jawab



Kompetensi Dasar



Materi Pokok/ Pembelajaran



3.10 Memahami mekanisme pengolahan data pada produk multimedia interaktif 3.11 Memahami publikasi multimedia inter-aktif 3.12 Menerapkan pembuatan produk multimedia interaktif 3.13 Mengevaluasi produk media interaktif 4.8 Mengguna-kan program (coding) pada multimedia interaktif 4.9 Mengolah multi-media interaktif menggunakan kode program (coding) 4.10 Mengolah data pada produk multimedia interaktif 4.11 Melakukan publikasi multimedia interaktif 4.12 Mendesain produk multimedia interaktif 4.13 Membuat laporan pembuatan produk multimedia interaktif



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Kegiatan Pembelajaran Menanya - Menanya permasalahan sehari-hari yang berkaitan dengan cara penerapan kode program pada multimedia interaktif Mengumpulkan Informasi - Mengumpulkan informasi tentang cara penerapan kode program pada multimedia interaktif Menalar/Mengasosiasi - Menganalisis hasil pene-rapan kode program pa-da multimedia interaktif Mengomunikasikan - Mempresentasikan hasil penerapan kode program pada multimedia interaktif



Indikator



Penilaian



Waktu



Sumber Belajar



Nilai Karakter



- Memahami dan menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami dan menjelas-kan mekanisme pengolahan data pada pro-duk multimedia interaktif - Mengguna-kan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



25



Hasil Identifikasi Kompetensi Dasar Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XII



Satuan Pendidikan



:



SMK/MAK



Kompetensi Dasar KI 3



Materi Pokok



Kompetensi Dasar KI 4



3.1 Memahami konsep multimedia interaktif 4.1 Mendemonstrasikan konsep multimedia Konsep berbasis halaman web dan media interaktif interaktif berbasis halaman web dan teraktif media interaktif



multimedia



in-



3.2 Memahami (desain/perancangan alur) untuk 4.2 Membuat (desain/perancangan alur) multimedia interaktif berbasis halaman web untuk multimedia interaktif berbasis dan media interaktif halaman web dan media interaktif 3.3 Menerapkan prinsip-prinsip desain user 4.3 Membuat user interface menggunakan interface pada multimedia interaktif berbasis prinsip-prinsip desain user interface pada halaman web dan media interaktif multimedia interaktif berbasis halaman web dan media interaktif



Perancangan alur dan desain user interface pada multimedia interaktif berbasis ha-laman web dan media interaktif



3.4 Menerapkan prosedur pengoperasian 4.4 Mengoperasikan aplikasi multimedia aplikasi multimedia interaktif berbasis interaktif berbasis halaman web dan halaman web dan media interaktif media interaktif 3.5 Menerapkan cara penggabungan image, 4.5 Menggabungkan image, animasi, audio, animasi, audio, video dalam sajian video dalam sajian multimedia interaktif multimedia interaktif berbasis halaman web berbasis halaman web dan media interdan media interaktif aktif 3.6 Memahami style pada multimedia interaktif 4.6 Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif berbasis halaman web dan media inter3.7 Mengevaluasi produk web aktif 4.7 Membuat review terhadap produk web



Pengoperasian dan pengolahan multime-dia interaktif berbasis halaman web



3.8 Menerapkan teknik pemrograman (coding) pada multimedia interaktif 3.9 Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) 3.10 Memahami mekanisme pengolahan data pada produk multimedia interaktif 3.11 Memahami publikasi multimedia interaktif 3.12 Menerapkan pembuatan produk multimedia interaktif 3.13 Mengevaluasi produk media interaktif



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



4.8 Menggunakan program (coding) pada Penerapan kode progmultimedia interaktif ram pada multimedia 4.9 Mengolah multimedia interaktif menggu- interaktif nakan kode program (coding) 4.10 Mengolah data pada produk multimedia interaktif 4.11 Melakukan publikasi multimedia interaktif 4.12 Mendesain produk multimedia interaktif 4.13 Membuat laporan pembuatan produk multimedia interaktif



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



26



Rencana Pelaksanaan Pembelajaran 1



Kompetensi Inti



:



Kompetensi Dasar



:



Indikator



:



Alokasi Waktu



:



Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XI



Satuan Pendidikan



:



SMK/MAK



1 Menghayati dan mengamalkan ajaran agama yang dianutnya 2 Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia 3 Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional 4 Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung 3.1 Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif 3.2 Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan definisi multimedia interaktif - Menjelaskan elemen-elemen multimedia interaktif - Menjabarkan macam-macam multimedia interaktif - Menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang - Menjelaskan konsep multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan pengertian, sejarah, cara kerja, dan unsur-unsur web - Menjelaskan kriteria web yang baik - Menjabarkan fungsi web 52 jam pelajaran ( x pertemuan)



A. Tujuan Pembelajaran - Peserta didik dapat menjelaskan definisi multimedia interaktif - Peserta didik dapat menjelaskan elemen-elemen multimedia interaktif - Peserta didik dapat menjabarkan macam-macam multimedia interaktif - Peserta didik dapat menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang - Peserta didik dapat menjelaskan konsep multimedia interaktif berbasis halaman web dan media interaktif - Peserta didik dapat menjelaskan pengertian, sejarah, cara kerja, dan unsur-unsur web - Peserta didik dapat menjelaskan kriteria web yang baik - Peserta didik dapat menjabarkan fungsi web Karakter peserta didik yang diharapkan: - Bersahabat/komunikatif, kerja keras, kreatif, dan tanggung jawab B. Materi Pembelajaran Konsep multimedia interaktif 1. Multimedia interaktif merupakan suatu multimedia yang dilengkapi dengan alat pengontrol yang dapat dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang dikehendaki untuk proses selanjutnya. 2. Multimedia interaktif memiliki banyak manfaat dalam semua bidang kehidupan manusia, mulai dari bidang pendidikan, kesehatan, hingga bisnis, teknik, komunikasi, dan hiburan.



MM 02



Desain Media Interaktif XII



27



3. World Wide Web (WWW) atau juga dikenal dengan website atau situs merupakan kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan/atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, di mana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). 4. Unsur-unsur sebuah website, meliputi nama domain (domain name), rumah tempat website (web hosting), bahasa program (script), desain website, dan publikasi. 5. Multimedia interaktif berbasis web sering mengandung unsur-unsur yang berinteraksi langsung dengan pengguna (user), sehingga dapat digunakan untuk mengontrol pengiriman suara atau video klip, memanipulasi objek 3D, ataupun bermain game. Komputer dan koneksi internet yang cepat, membuat multimedia berbasis web jauh lebih layak daripada di masa lalu. C. Metode Pembelajaran 1. Pendekatan : Saintifik 2. Model : Inquiry learning (Pembelajaran inkuiri) 3. Metode : Ceramah, diskusi, dan inkuiri D. Langkah-langkah Kegiatan Pembelajaran Pendahuluan (30 Menit) 1. Guru mempersiapkan secara fisik dan psikis peserta didik untuk mengikuti pembelajaran dengan diawali berdoa, menanyakan kehadiran peserta didik, kebersihan dan kerapian kelas, kesiapan buku tulis dan sumber belajar 2. Guru memberi motivasi dengan membimbing peserta didik memahami konsep multimedia interaktif 3. Guru mengingatkan kembali tentang konsep-konsep yang telah dipelajari oleh peserta didik yang berhubungan dengan materi baru yang akan dipelajari 4. Guru melakukan apersepsi melalui tanya jawab mengenai konsep multimedia interaktif 5. Guru menyampaikan kompetensi dasar dan tujuan pembelajaran yang akan dicapai 6. Guru membimbing peserta didik melalui tanya jawab tentang manfaat proses pembelajaran 7. Guru menjelaskan materi dan kegiatan pembelajaran yang akan dilakukan peserta didik Kegiatan Inti Mengamati: 1. Guru meminta peserta didik mencermati masalah sehari-hari yang berkaitan dengan definisi multimedia interaktif, elemen-elemen multimedia interaktif, aplikasi multimedia interaktif, multimedia interaktif berbasis halaman web dan media interaktif, macam-macam multimedia interaktif, dan pengembangan multimedia interaktif 2. Guru memberikan penjelasan singkat definisi multimedia interaktif, elemen-elemen multimedia interaktif, aplikasi multimedia interaktif, multimedia interaktif berbasis halaman web dan media interaktif, macam-macam multimedia interaktif, dan pengembangan multimedia interaktif, sehingga menumbuhkan rasa ingin tahu peserta didik 3. Guru memfasilitasi terjadinya interaksi antarpeserta didik serta antara peserta didik dengan guru, lingkungan, dan sumber belajar lainnya secara bersahabat/komunikatif, kerja keras, kreatif, dan tanggung jawab. 4. Guru mengamati keterampilan peserta didik dalam mengamati Menanya: 1. Guru memotivasi, mendorong kreativitas dalam bentuk bertanya, memberi gagasan yang menarik dan menantang untuk didalami 2. Guru membahas dan diskusi mempertanyakan tentang masalah sehari-hari yang berkaitan dengan definisi multimedia interaktif, elemen-elemen multimedia interaktif, aplikasi multimedia interaktif, multimedia interaktif berbasis halaman web dan media interaktif, macam-macam multimedia interaktif, dan pengembangan multimedia interaktif Mengumpulkan Informasi: 1. Guru membimbing peserta didik untuk menggali informasi tentang masalah sehari-hari yang berkaitan dengan definisi multimedia interaktif, elemen-elemen multimedia interaktif, aplikasi multimedia interaktif, multimedia interaktif berbasis halaman web dan media interaktif, macam-macam multimedia interaktif, dan pengembangan multimedia interaktif 2. Guru membimbing peserta didik untuk mencari informasi dan mendiskusikan jawaban atas pertanyaan yang sudah disusun dan mengerjakan Latihan dan Kegiatan di buku Desain Media Interaktif XII dan mencari sumber belajar lain 3. Guru dapat menyediakan sumber belajar buku Desain Media Interaktif XII dan referensi lain 4. Guru dapat menjadi sumber belajar bagi peserta didik dengan memberikan konfirmasi atas jawaban peserta didik, atau menjelaskan jawaban pertanyaan kelompok 5. Guru dapat menunjukkan sumber belajar lain yang dapat dijadikan referensi untuk menjawab pertanyaan Mengasosiasi: 1. Guru membimbing peserta didik untuk menganalisis definisi multimedia interaktif, elemen-elemen multimedia interaktif, aplikasi multimedia interaktif, multimedia interaktif berbasis halaman web dan media interaktif, macammacam multimedia interaktif, dan pengembangan multimedia interaktif 2. Guru membimbing peserta didik untuk mendiskusikan hubungan atas berbagai informasi yang sudah diperoleh sebelumnya 3. Guru bersama peserta didik bertanya jawab meluruskan kesalahan pemahaman, memberikan penguatan dan penyimpulan Mengomunikasikan: 1. Menyajikan secara tertulis atau lisan hasil pembelajaran, apa yang telah dipelajari, keterampilan atau materi yang masih perlu ditingkatkan, atau strategi atau konsep baru yang ditemukan berdasarkan apa yang dipelajari mengenai definisi multimedia interaktif, elemen-elemen multimedia interaktif, aplikasi multimedia interaktif, multimedia interaktif berbasis halaman web dan media interaktif, macam-macam multimedia interaktif, dan pengembangan multimedia interaktif 2. Memberikan tanggapan hasil presentasi meliputi tanya jawab untuk mengonfirmasi, sanggahan dan alasan, tambahan informasi, atau melengkapi informasi ataupun tanggapan lainnya



MM 02



Desain Media Interaktif XII



28



3. Membuat rangkuman materi dari kegiatan pembelajaran yang telah dilakukan Penutup (30 Menit) 1. Guru membimbing peserta didik menyimpulkan materi pembelajaran melalui tanya jawab klasikal dan mendorong peserta didik untuk selalu bersyukur atas karunia Tuhan 2. Guru melakukan refleksi dengan peserta didik atas manfaat proses pembelajaran yang telah dilakukan 3. Guru memberikan umpan balik atas proses pembelajaran dan hasil telaah individu maupun kelompok 4. Guru melakukan tes tertulis dengan menggunakan Uji Kompetensi atau soal yang disusun guru sesuai tujuan pembelajaran 5. Guru dapat meminta peserta didik untuk meningkatkan pemahamannya tentang konsep, prinsip atau teori yang telah dipelajari dari buku-buku pelajaran yang relevan atau sumber informasi lainnya 6. Guru merencanakan kegiatan tindak lanjut dalam bentuk pembelajaran remidi, program pengayaan, layanan konseling, dan/atau memberikan tugas, baik tugas individual maupun kelompok sesuai dengan hasil belajar peserta didik 7. Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya E. Alat, Media, dan Sumber Belajar 1. Alat : 2. Media : - PowerPoint 3. Sumber belajar : - Buku paket - Buku lain yang relevan - Buku Desain Media Interaktif XII F. Penilaian 1. Teknik/jenis : kuis, tugas individu/kelompok, unjuk kerja, dan portofolio 2. Bentuk instrumen : pertanyaan lisan, tes tertulis, dan pengamatan sikap 3. Pedoman penskoran : Penilaian Sikap Teknik Penilaian



Waktu Penilaian



Instrumen Penilaian



Bersahabat/komunikati f



Pengamatan



Proses



Lembar pengamatan



2.



Kerja keras



Pengamatan



Proses



Lembar pengamatan



3.



Kreatif



Pengamatan



Proses



Lembar pengamatan



4.



Tanggung jawab



Pengamatan



Proses



Lembar pengamatan



No.



Aspek yang Dinilai



1.



Keterangan



Keterangan: 1. BT (Belum Tampak), jika sama sekali tidak menunjukkan usaha sungguh-sungguh dalam menyelesaikan tugas 2. MT (Mulai Tampak), jika menunjukkan sudah ada usaha sungguh-sungguh dalam menyelesaikan tugas tetapi masih sedikit dan belum ajeg/konsisten 3. MB (Mulai Berkembang), jika menunjukkan ada usaha sungguh-sungguh dalam menyelesaikan tugas yang cukup sering dan mulai ajeg/konsisten 4. MK (Membudaya), jika menunjukkan adanya usaha sungguh-sungguh dalam menyelesaikan tugas secara terusmenerus dan ajeg/konsisten Penilaian Hasil Indikator Pencapaian Kompetensi 1. Menjelaskan definisi multimedia interaktif 2. Menjelaskan elemen-elemen multimedia interaktif 3. Menjabarkan macam-macam multimedia interaktif 4. Menyebutkan contoh aplikasi multimedia interaktif dalam berbagai bidang



Teknik Penilaian



Bentuk Penilaian



Tes tertulis



Uraian



Instrumen 1. Apa yang dimaksud dengan multimedia interaktif? 2. Sebut dan jelaskan macammacam multimedia berdasarkan teknik pengoperasiannya! 3. Apa kelebihan dan kelemahan penggunaan audio dalam multimedia interaktif? 4. Sebut dan jelaskan fungsi web! 5. Jelaskan tugas profesi dari web designer dan web programmer!



5. Menjelaskan konsep multimedia interaktif berbasis halaman web dan media interaktif



MM 02



Desain Media Interaktif XII



29



Indikator Pencapaian Kompetensi



Teknik Penilaian



Bentuk Penilaian



Instrumen



6. Menjelaskan pengertian, sejarah, cara kerja, dan unsur-unsur web 7. Menjelaskan kriteria web yang baik 8. Menjabarkan fungsi web



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



30



Rencana Pelaksanaan Pembelajaran 2



Kompetensi Inti



:



Kompetensi Dasar



:



Indikator



:



Alokasi Waktu



:



Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XI



Satuan Pendidikan



:



SMK/MAK



1. Menghayati dan mengamalkan ajaran agama yang dianutnya 2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia 3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional 4. Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung 3.3 Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif 3.4 Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 4.3 Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif 4.4 Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif - Mendeskripsikan pembuatan storyboard pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi anatomi halaman web - Menjelaskan tentang prinsip dasar desain user interface pada aplikasi multimedia interaktif berbasis halaman web - Mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web - Menjelaskan pengertian dan struktur HTML - Membuat contoh dari penggunaan tag-tag HTML - Menjelaskan kode tag HTML untuk merancang aplikasi multimedia interaktif berbasis halaman web - Melakukan pembuatan aplikasi multimedia interaktif berbasis halaman web dengan kode tag HTML sederhana 104 jam pelajaran (52 x pertemuan)



A. Tujuan Pembelajaran - Peserta didik dapat mendeskripsikan pembuatan storyboard pada aplikasi multimedia interaktif berbasis halaman web - Peserta didik dapat mengidentifikasi anatomi halaman web - Peserta didik dapat menjelaskan tentang prinsip dasar desain user interface pada aplikasi multimedia interaktif berbasis halaman web



MM 02



Desain Media Interaktif XII



31



Peserta didik dapat mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web - Peserta didik dapat menjelaskan pengertian dan struktur HTML - Peserta didik dapat membuat contoh dari penggunaan tag-tag HTML - Peserta didik dapat menjelaskan kode tag HTML untuk merancang aplikasi multimedia interaktif berbasis halaman web - Peserta didik dapat melakukan pembuatan aplikasi multimedia interaktif berbasis halaman web dengan kode tag HTML sederhana Karakter peserta didik yang diharapkan: - Kreatif, mandiri, dan tanggung jawab B. Materi Pembelajaran Perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif -



1. Storyboard digunakan untuk merancang segala sesuatu yang muncul pada layar monitor dan bertujuan agar program yang dihasilkan tidak terlalu sulit, mudah digunakan, dan tentu saja lebih menarik. 2. Susunan storyboard dalam web, melipui tema, judul, alur, dan site map. 3. Untuk belajar me-layout website, hal pertama yang perlu diketahui adalah elemen-elemen web. Selanjutnya, merancang tata letak (layout) dan user experience untuk mempermudah interaksi dengan pengguna (user friendly) yang biasa disebut perancangan wireframe, kemudian merancang tampilan grafis web itu sendiri, misalnya pemilihan warna tema, bentuk-bentuk elemen web tersebut, dan lainnya. 4. Wireframe adalah kerangka atau coretan kasar untuk penataan item-item pada website sebelum merancang tema. 5. Antarmuka pengguna (user interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Ada 16 prinsip yang harus diperhatikan dalam pembuatan desain user interface, yaitu user compatibility, product compatibility, task compatibility, work flow compatibility, consistency, familiarity, simplicity, direct manipulation, control, flexibility, WYSIWYG (What You See Is What You Get), responsiveness, invisible technology, robustness, protection, serta ease of learning and ease of use. 6. Ada lima tipe antarmuka yang dapat digunakan untuk menjembatani interaksi antara pengguna (user) dengan aplikasi multimedia interaktif, yaitu direct manipulation, menu selection, form fill in, command language, dan natural language. 7. HTML merupakan singkatan dari Hypertext Markup Language. HTML merupakan program penulisan informasi sebuah homepage. Sebuah dokumen HTML terbagi menjadi tiga bagian utama, yaitu HTML, head, dan body. C. Metode Pembelajaran 1. Pendekatan : Saintifik 2. Model : Inquiry learning (Pembelajaran inkuiri) 3. Metode : Ceramah, diskusi, dan inkuiri D. Langkah-langkah Kegiatan Pembelajaran Pendahuluan (30 Menit) 1. Guru mempersiapkan secara fisik dan psikis peserta didik untuk mengikuti pembelajaran dengan diawali berdoa, menanyakan kehadiran peserta didik, kebersihan dan kerapian kelas, kesiapan buku tulis dan sumber belajar 2. Guru memberi motivasi dengan membimbing peserta didik memahami perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 3. Guru mengingatkan kembali tentang konsep-konsep yang telah dipelajari oleh peserta didik yang berhubungan dengan materi baru yang akan dipelajari 4. Guru melakukan apersepsi melalui tanya jawab mengenai perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 5. Guru menyampaikan kompetensi dasar dan tujuan pembelajaran yang akan dicapai 6. Guru membimbing peserta didik melalui tanya jawab tentang manfaat proses pembelajaran 7. Guru menjelaskan materi dan kegiatan pembelajaran yang akan dilakukan peserta didik Kegiatan Inti Mengamati: 1. Guru meminta peserta didik mencermati masalah sehari-hari yang berkaitan dengan perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 2. Guru memberikan penjelasan singkat permasalahan pada perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif, sehingga menumbuhkan rasa ingin tahu peserta didik 3. Guru memfasilitasi terjadinya interaksi antarpeserta didik serta antara peserta didik dengan guru, lingkungan, dan sumber belajar lainnya secara kreatif, mandiri, dan tanggung jawab 4. Guru mengamati keterampilan peserta didik dalam mengamati Menanya: 1. Guru memotivasi, mendorong kreativitas dalam bentuk bertanya, memberi gagasan yang menarik dan menantang untuk didalami 2. Guru membahas dan diskusi mempertanyakan tentang masalah sehari-hari yang berkaitan dengan perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif Mengumpulkan Informasi: 1. Guru membimbing peserta didik untuk menggali informasi tentang masalah sehari-hari yang berkaitan dengan perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif



MM 02



Desain Media Interaktif XII



32



2. Guru membimbing peserta didik untuk mencari informasi dan mendiskusikan jawaban atas pertanyaan yang sudah disusun dan mengerjakan Latihan dan Kegiatan di buku Desain Media Interaktif XII dan mencari sumber belajar lain 3. Guru dapat menyediakan sumber belajar buku Desain Media Interaktif XII dan referensi lain 4. Guru dapat menjadi sumber belajar bagi peserta didik dengan memberikan konfirmasi atas jawaban peserta didik, atau menjelaskan jawaban pertanyaan kelompok 5. Guru dapat menunjukkan sumber belajar lain yang dapat dijadikan referensi untuk menjawab pertanyaan Mengasosiasi: 1. Guru membimbing peserta didik untuk analisis perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 2. Guru membimbing peserta didik untuk mendiskusikan hubungan atas berbagai informasi yang sudah diperoleh sebelumnya 3. Guru bersama peserta didik bertanya jawab meluruskan kesalahan pemahaman, memberikan penguatan dan penyimpulan Mengomunikasikan: 1. Menyajikan secara tertulis atau lisan hasil pembelajaran, apa yang telah dipelajari, keterampilan atau materi yang masih perlu ditingkatkan, atau strategi atau konsep baru yang ditemukan berdasarkan apa yang dipelajari mengenai perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif 2. Memberikan tanggapan hasil presentasi meliputi tanya jawab untuk mengonfirmasi, sanggahan dan alasan, tambahan informasi, atau melengkapi informasi ataupun tanggapan lainnya 3. Membuat rangkuman materi dari kegiatan pembelajaran yang telah dilakukan Penutup (30 Menit) 1. Guru membimbing peserta didik menyimpulkan materi pembelajaran melalui tanya jawab klasikal dan mendorong peserta didik untuk selalu bersyukur atas karunia Tuhan 2. Guru melakukan refleksi dengan peserta didik atas manfaat proses pembelajaran yang telah dilakukan 3. Guru memberikan umpan balik atas proses pembelajaran dan hasil telaah individu maupun kelompok 4. Guru melakukan tes tertulis dengan menggunakan Uji Kompetensi atau soal yang disusun guru sesuai tujuan pembelajaran 5. Guru dapat meminta peserta didik untuk meningkatkan pemahamannya tentang konsep, prinsip atau teori yang telah dipelajari dari buku-buku pelajaran yang relevan atau sumber informasi lainnya 6. Guru merencanakan kegiatan tindak lanjut dalam bentuk pembelajaran remidi, program pengayaan, layanan konseling, dan/atau memberikan tugas, baik tugas individual maupun kelompok sesuai dengan hasil belajar peserta didik 7. Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya E. Alat, Media, dan Sumber Belajar 1. Alat : 2. Media : - PowerPoint - Seperangkat komputer - Web browser - Notepad/text editor 3. Sumber belajar : - Buku paket - Buku lain yang relevan - Buku Desain Media Interaktif XII F. Penilaian 1. Teknik/jenis : kuis, tugas individu/kelompok, unjuk kerja, dan portofolio 2. Bentuk instrumen : pertanyaan lisan, tes tertulis, dan pengamatan sikap 3. Pedoman penskoran : Penilaian Sikap No.



Aspek yang Dinilai



Teknik Penilaian



Waktu Penilaian



Instrumen Penilaian



1.



Kreatif



Pengamatan



Proses



Lembar pengamatan



2.



Mandiri



Pengamatan



Proses



Lembar pengamatan



3.



Tanggung jawab



Pengamatan



Proses



Lembar pengamatan



Keterangan



Keterangan: 1. BT (Belum Tampak), jika sama sekali tidak menunjukkan usaha sungguh-sungguh dalam menyelesaikan tugas 2. MT (Mulai Tampak), jika menunjukkan sudah ada usaha sungguh-sungguh dalam menyelesaikan tugas tetapi masih sedikit dan belum ajeg/konsisten 3. MB (Mulai Berkembang), jika menunjukkan ada usaha sungguh-sungguh dalam menyelesaikan tugas yang cukup sering dan mulai ajeg/konsisten 4. MK (Membudaya), jika menunjukkan adanya usaha sungguh-sungguh dalam menyelesaikan tugas secara terusmenerus dan ajeg/konsisten



MM 02



Desain Media Interaktif XII



33



Penilaian Hasil Indikator Pencapaian Kompetensi



Teknik Penilaian



1. Mendeskripsikan pembuatan storyboard pada Tes tertulis aplikasi multimedia interaktif berbasis halaman web 2. Mengidentifikasi anatomi halaman web 3. Menjelaskan tentang prinsip dasar desain user interface pada aplikasi multimedia interaktif berbasis halaman web 4. Mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia interaktif berbasis halaman web 5. Menjelaskan pengertian dan struktur HTML 6. Membuat contoh dari penggunaan tag-tag HTML 7. Menjelaskan kode tag HTML untuk merancang aplikasi multimedia interaktif berbasis halaman web 8. Melakukan pembuatan aplikasi multimedia interaktif berbasis halaman web dengan kode tag HTML sederhana



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Bentuk Penilaian Uraian



Instrumen 1. Jelaskan kegunaan storyboard pada pembuatan halaman web! 2. Jelaskan tentang prinsip product compatibility! 3. Sebutkan hal-hal yang perlu diketahui saat melayout halaman web! 4. Jelaskan kelebihan dan kekurangan tipe antarmuka menu selection! 5. Tuliskan tag HTML yang benar untuk membuat link!



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



34



Rencana Pelaksanaan Pembelajaran 3



Kompetensi Inti



:



Kompetensi Dasar



:



Indikator



:



Alokasi Waktu



Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XI



Satuan Pendidikan



:



SMK/MAK



1. Menghayati dan mengamalkan ajaran agama yang dianutnya 2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia 3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional 4. Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung 3.5 Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif 3.6 Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif 3.7 Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif 3.8 Mengevaluasi produk web 4. 5 Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif 4.6 Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif 4.7 Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif 4.8 Membuat review terhadap produk web - Mengenal perangkat lunak untuk membuat dan mendesain web (software web design) - Menjelaskan format yang digunakan dalam pengaturan tampilan web dengan Dreamweaver - Mengatur tampilan situs web dengan Dreamweaver - Menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interaktif - Mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara pengabungan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Menjelaskan pemrograman web menggunakan style CSS - Membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif - Menjelaskan cara mengelola halaman web - Menjelaskan cara pengujian produk web - Melakukan pengujian terhadap produk web - Membuat review terhadap produk web : 78 jam pelajaran (39 x pertemuan)



A. Tujuan Pembelajaran



MM 02



Desain Media Interaktif XII



35



-



Peserta didik dapat mengenal perangkat lunak untuk membuat dan mendesain web (software web design) Peserta didik dapat menjelaskan format yang digunakan dalam pengaturan tampilan web dengan Dreamweaver Peserta didik dapat mengatur tampilan situs web dengan Dreamweaver Peserta didik dapat menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interaktif - Peserta didik dapat mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif - Peserta didik dapat menjelaskan cara pengabungan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Peserta didik dapat menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif - Peserta didik dapat menjelaskan pemrograman web menggunakan style CSS - Peserta didik dapat membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif - Peserta didik dapat menjelaskan cara mengelola halaman web - Peserta didik dapat menjelaskan cara pengujian produk web - Peserta didik dapat melakukan pengujian terhadap produk web - Peserta didik dapat membuar review terhadap produk web Karakter peserta didik yang diharapkan: - Mandiri, kerja keras, dan tanggung jawab B. Materi Pembelajaran Pengoperasian dan pengolahan multimedia interaktif berbasis halaman web 1. Adobe Dreamweaver merupakan software web editor yang telah dilengkapi dengan fasilitas penyuntingan secara visual, sehingga pengguna (user) dapat menambah desain dan fungsionalitas halaman web tanpa perlu menulis satu baris pun kode tag HTML. 2. Cascading Style Sheet atau lebih sering disebut dengan istilah CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website. Adanya CSS memudahkan kita untuk mengatur sebuah website dan tampilannya, karena CSS memisahkan antara bagian presentasi dan isi dari web yang dibuat. Bagianbagian utama dari CSS dapat dibedakan menjadi tiga, yaitu selector, property, dan value. 3. JavaScript adalah bahasa yang berbentuk kumpulan skrip, yang berjalan pada suatu dokumen HTML. JavaScript bersifat “case sensitive”, artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil. 4. Pengujian situs bertujuan untuk mengetahui apakah situs yang dibuat dapat diakses oleh umum dan dapat bekerja sesuai yang diinginkan. Selain itu, juga untuk mengetahui apakah link yang dibuat dapat berfungsi dengan baik dan untuk mengetahui kecepatan proses download halaman pada saat dibuka. C. Metode Pembelajaran 1. Pendekatan : Saintifik 2. Model : Inquiry learning (Pembelajaran inkuiri) 3. Metode : Ceramah, diskusi, dan inkuiri D. Langkah-langkah Kegiatan Pembelajaran Pertemuan Pendahuluan (30 Menit) 1. Guru mempersiapkan secara fisik dan psikis peserta didik untuk mengikuti pembelajaran dengan diawali berdoa, menanyakan kehadiran peserta didik, kebersihan dan kerapian kelas, kesiapan buku tulis dan sumber belajar 2. Guru memberi motivasi dengan membimbing peserta didik memahami pengoperasian dan pengolahan multimedia interaktif berbasis halaman web 3. Guru mengingatkan kembali tentang konsep-konsep yang telah dipelajari oleh peserta didik yang berhubungan dengan materi baru yang akan dipelajari 4. Guru melakukan apersepsi melalui tanya jawab mengenai pengoperasian dan pengolahan multimedia interaktif berbasis halaman web 5. Guru menyampaikan kompetensi dasar dan tujuan pembelajaran yang akan dicapai 6. Guru membimbing peserta didik melalui tanya jawab tentang manfaat proses pembelajaran 7. Guru menjelaskan materi dan kegiatan pembelajaran yang akan dilakukan peserta didik Kegiatan Inti Mengamati: 1. Guru meminta peserta didik mencermati masalah sehari-hari yang berkaitan dengan pengoperasian dan pengolahan multimedia interaktif berbasis halaman web 2. Guru memberikan penjelasan singkat mengenai pengoperasian dan pengolahan multimedia interaktif berbasis halaman web sehingga menumbuhkan rasa ingin tahu peserta didik 3. Guru memfasilitasi terjadinya interaksi antarpeserta didik serta antara peserta didik dengan guru, lingkungan, dan sumber belajar lainnya secara mandiri, kerja keras, dan tanggung jawab 4. Guru mengamati keterampilan peserta didik dalam mengamati Menanya: 1. Guru memotivasi, mendorong kreativitas dalam bentuk bertanya, memberi gagasan yang menarik dan menantang untuk didalami 2. Guru membahas dan diskusi mempertanyakan tentang masalah sehari-hari yang berkaitan dengan pengoperasian dan pengolahan multimedia interaktif berbasis halaman web Mengumpulkan Informasi:



MM 02



Desain Media Interaktif XII



36



1. Guru membimbing peserta didik untuk menggali informasi tentang masalah sehari-hari yang berkaitan dengan pengoperasian dan pengolahan multimedia interaktif berbasis halaman web 2. Guru membimbing peserta didik untuk mencari informasi dan mendiskusikan jawaban atas pertanyaan yang sudah disusun dan mengerjakan Latihan dan Kegiatan di buku Desain Media Interaktif XII dan mencari sumber belajar lain 3. Guru dapat menyediakan sumber belajar buku Desain Media Interaktif XII dan referensi lain 4. Guru dapat menjadi sumber belajar bagi peserta didik dengan memberikan konfirmasi atas jawaban peserta didik, atau menjelaskan jawaban pertanyaan kelompok 5. Guru dapat menunjukkan sumber belajar lain yang dapat dijadikan referensi untuk menjawab pertanyaan Mengasosiasi: 1. Guru membimbing peserta didik untuk menganalisis pengoperasian dan pengolahan multimedia interaktif berbasis halaman web 2. Guru membimbing peserta didik untuk mendiskusikan hubungan atas berbagai informasi yang sudah diperoleh sebelumnya 3. Guru bersama peserta didik bertanya jawab meluruskan kesalahan pemahaman, memberikan penguatan dan penyimpulan Mengomunikasikan: 1. Menyajikan secara tertulis atau lisan hasil pembelajaran, apa yang telah dipelajari, keterampilan atau materi yang masih perlu ditingkatkan, atau strategi atau konsep baru yang ditemukan berdasarkan apa yang dipelajari mengenai pengoperasian dan pengolahan multimedia interaktif berbasis halaman web 2. Memberikan tanggapan hasil presentasi meliputi tanya jawab untuk mengonfirmasi, sanggahan dan alasan, tambahan informasi, atau melengkapi informasi ataupun tanggapan lainnya 3. Membuat rangkuman materi dari kegiatan pembelajaran yang telah dilakukan Penutup (30 Menit) 1. Guru membimbing peserta didik menyimpulkan materi pembelajaran melalui tanya jawab klasikal dan mendorong peserta didik untuk selalu bersyukur atas karunia Tuhan 2. Guru melakukan refleksi dengan peserta didik atas manfaat proses pembelajaran yang telah dilakukan 3. Guru memberikan umpan balik atas proses pembelajaran dan hasil telaah individu maupun kelompok 4. Guru melakukan tes tertulis dengan menggunakan Uji Kompetensi atau soal yang disusun guru sesuai tujuan pembelajaran 5. Guru dapat meminta peserta didik untuk meningkatkan pemahamannya tentang konsep, prinsip atau teori yang telah dipelajari dari buku-buku pelajaran yang relevan atau sumber informasi lainnya 6. Guru merencanakan kegiatan tindak lanjut dalam bentuk pembelajaran remidi, program pengayaan, layanan konseling, dan/atau memberikan tugas, baik tugas individual maupun kelompok sesuai dengan hasil belajar peserta didik 7. Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya E. Alat, Media, dan Sumber Belajar 1. Alat : 2. Media : - PowerPoint - Seperangkat komputer - Software Dreamweaver - Browser 3. Sumber belajar : - Buku paket - Buku lain yang relevan - Buku Desain Media Interaktif XII F. Penilaian 1. Teknik/jenis : kuis, tugas individu/kelompok, unjuk kerja, dan portofolio 2. Bentuk instrumen : pertanyaan lisan, tes tertulis, dan pengamatan sikap 3. Pedoman penskoran : Penilaian Sikap No.



Aspek yang Dinilai



Teknik Penilaian



Waktu Penilaian



Instrumen Penilaian



1.



Mandiri



Pengamatan



Proses



Lembar pengamatan



2.



Kerja keras



Pengamatan



Proses



Lembar pengamatan



3.



Tanggung jawab



Pengamatan



Proses



Lembar pengamatan



Keterangan



Keterangan: 1. BT (Belum Tampak), jika sama sekali tidak menunjukkan usaha sungguh-sungguh dalam menyelesaikan tugas 2. MT (Mulai Tampak), jika menunjukkan sudah ada usaha sungguh-sungguh dalam menyelesaikan tugas tetapi masih sedikit dan belum ajeg/konsisten 3. MB (Mulai Berkembang), jika menunjukkan ada usaha sungguh-sungguh dalam menyelesaikan tugas yang cukup sering dan mulai ajeg/konsisten 4. MK (Membudaya), jika menunjukkan adanya usaha sungguh-sungguh dalam menyelesaikan tugas secara terusmenerus dan ajeg/konsisten Penilaian Hasil



MM 02



Desain Media Interaktif XII



37



Indikator Pencapaian Kompetensi 1. Mengenal perangkat lunak untuk membuat dan mendesain web (software web design) 2. Menjelaskan format yang digunakan dalam pengaturan tampilan web dengan Dreamweaver 3. Mengatur tampilan situs web dengan Dreamweaver 4. Menjelaskan prosedur pengoperasian multimedia interaktif berbasis halaman web dan media interaktif 5. Mengoperasikan multimedia interaktif berbasis halaman web dan media interaktif 6. Menjelaskan cara pengabungan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif 7. Menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web dan media interaktif 8. Menjelaskan pemrograman web menggunakan style CSS 9. Membuat style CSS pada multimedia interaktif berbasis halaman web dan media interaktif 10. Menjelaskan cara mengelola halaman web 11. Menjelaskan cara pengujian produk web 12. Melakukan pengujian terhadap produk web 13. Membuat review terhadap produk web



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Teknik Penilaian



Bentuk Penilaian



Tes tertulis



Uraian



Instrumen 1. Sebutkan beberapa objek yang terdapat pada form dan jelaskan pula fungsinya! 2. Panel apakah yang berfungsi untuk memasukkan atau menyisipkan berbagai jenis objek seperti gambar, table, dan layer pada Dreamweaver? 3. Sebut dan jelaskan macammacam text field! 4. Bagaimana cara mengoreksi link? 5. Jelaskan tentang CSS!



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



38



Rencana Pelaksanaan Pembelajaran 4



Kompetensi Inti



:



Kompetensi Dasar



:



Indikator



:



Alokasi Waktu



:



Mata Pelajaran Kelas/Semester



: :



Desain Media Interaktif XI



Satuan Pendidikan



:



SMK/MAK



-



Menghayati dan mengamalkan ajaran agama yang dianutnya Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung jawab, responsif, dan proaktif melalui keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia - Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Multimedia pada tingkat teknis, spesifik, detail, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional - Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Multimedia Menampilkan kinerja di bawah bimbingan dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan, gerak mahir, menjadikan gerak alami dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik di bawah pengawasan langsung - Menerapkan teknik pemrograman (coding) pada multimedia interaktif - Menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami mekanisme pengolahan data pada produk multimedia interaktif - Memahami publikasi multimedia interaktif - Menerapkan pembuatan produk multimedia interaktif - Mengevaluasi produk media interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif - Melakukan publikasi multimedia interaktif - Mendesain produk multimedia interaktif - Membuat laporan pembuatan produk multimedia interaktif - Memahami dan menerapkan teknik pemrograman (coding) pada multimedia interaktif - Memahami dan menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Memahami dan menjelaskan mekanisme pengolahan data pada produk multimedia interaktif - Menggunakan program (coding) pada multimedia interaktif - Mengolah multimedia interaktif menggunakan kode program (coding) - Mengolah data pada produk multimedia interaktif 208 jam pelajaran (104 x pertemuan)



A. Tujuan Pembelajaran - Peserta didik dapat memahami dan menerapkan teknik pemrograman (coding) pada multimedia interaktif - Peserta didik dapat memahami dan menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) - Peserta didik dapat memahami dan menjelaskan mekanisme pengolahan data pada produk multimedia interaktif - Peserta didik dapat menggunakan program (coding) pada multimedia interaktif - Peserta didik dapat mengolah multimedia interaktif menggunakan kode program (coding) - Peserta didik dapat mengolah data pada produk multimedia interaktif



MM 02



Desain Media Interaktif XII



39



Karakter peserta didik yang diharapkan: - Disiplin, kreatif, inovatif, dan tanggung jawab B. Materi Pembelajaran Penerapan kode program pada multimedia interaktif 1. ActionScript merupakan bahasa pemrograman (scripting) yang digunakan dalam Macromedia (sekarang Adobe) Flash. 2. Beberapa aturan dalam penulisan ActionScript 3 (AS3), yaitu case sensitive, semicolons, parentheses, code blocks, whitespace, comments, dan literals. 3. ActionScript mempunyai beberapa komponen, seperti predefined object dan fungsi. ActionScript mengikuti sintaks (syntax), keywords, operator, dan variabel untuk menyimpan dan mengambil informasi. 4. Pada dasarnya pada ActionScript 3 terdapat beberapa event untuk membentuk interaktivitas bagi seorang programmer pemula, yaitu MouseEvent, KeyboardEvent, dan EnterFrame Event. 5. Layout adalah penyusunan dari elemen-elemen desain yang berhubungan ke dalam bidang sehingga membentuk susunan artistik. Hal ini bertujuan untuk menampilkan gambar dan teks yang komunikatif, sehingga memudahkan pembaca menerima informasi yang disajikan. Layout yang umum digunakan untuk desain interface adalah dengan metode grid, yaitu membagi area menjadi beberapa bagian. C. Metode Pembelajaran 1. Pendekatan : Saintifik 2. Model : Inquiry learning (Pembelajaran inkuiri) 3. Metode : Ceramah, diskusi, dan inkuiri D. Langkah-langkah Kegiatan Pembelajaran Pertemuan Pendahuluan (30 Menit) 1. Guru mempersiapkan secara fisik dan psikis peserta didik untuk mengikuti pembelajaran dengan diawali berdoa, menanyakan kehadiran peserta didik, kebersihan dan kerapian kelas, kesiapan buku tulis dan sumber belajar 2. Guru memberi motivasi dengan membimbing peserta didik memahami penerapan kode program pada multimedia interaktif 3. Guru mengingatkan kembali tentang konsep-konsep yang telah dipelajari oleh peserta didik yang berhubungan dengan materi baru yang akan dipelajari 4. Guru melakukan apersepsi melalui tanya jawab mengenai penerapan kode program pada multimedia interaktif 5. Guru menyampaikan kompetensi dasar dan tujuan pembelajaran yang akan dicapai 6. Guru membimbing peserta didik melalui tanya jawab tentang manfaat proses pembelajaran 7. Guru menjelaskan materi dan kegiatan pembelajaran yang akan dilakukan peserta didik Kegiatan Inti Mengamati: 1. Guru meminta peserta didik mencermati masalah sehari-hari yang berkaitan dengan penerapan kode program pada multimedia interaktif 2. Guru memberikan penjelasan singkat mengenai penerapan kode program pada multimedia interaktif, sehingga menumbuhkan rasa ingin tahu peserta didik 3. Guru memfasilitasi terjadinya interaksi antarpeserta didik serta antara peserta didik dengan guru, lingkungan, dan sumber belajar lainnya secara disiplin, kreatif, inovatif, dan tanggung jawab 4. Guru mengamati keterampilan peserta didik dalam mengamati Menanya: 1. Guru memotivasi, mendorong kreativitas dalam bentuk bertanya, memberi gagasan yang menarik dan menantang untuk didalami 2. Guru membahas dan diskusi mempertanyakan tentang masalah sehari-hari yang berkaitan dengan penerapan kode program pada multimedia interaktif Mengumpulkan Informasi: 1. Guru membimbing peserta didik untuk menggali informasi tentang masalah sehari-hari yang berkaitan dengan penerapan kode program pada multimedia interaktif 2. Guru membimbing peserta didik untuk mencari informasi dan mendiskusikan jawaban atas pertanyaan yang sudah disusun dan mengerjakan Latihan dan Kegiatan di buku Desain Media Interaktif XII dan mencari sumber belajar lain 3. Guru dapat menyediakan sumber belajar buku Desain Media Interaktif XII dan referensi lain 4. Guru dapat menjadi sumber belajar bagi peserta didik dengan memberikan konfirmasi atas jawaban peserta didik, atau menjelaskan jawaban pertanyaan kelompok 5. Guru dapat menunjukkan sumber belajar lain yang dapat dijadikan referensi untuk menjawab pertanyaan Mengasosiasi: 1. Guru membimbing peserta didik untuk menganalisis penerapan kode program pada multimedia interaktif dalam masalah sehari-hari 2. Guru membimbing peserta didik untuk mendiskusikan hubungan atas berbagai informasi yang sudah diperoleh sebelumnya 3. Guru bersama peserta didik bertanya jawab meluruskan kesalahan pemahaman, memberikan penguatan dan penyimpulan Mengomunikasikan: 1. Menyajikan secara tertulis atau lisan hasil pembelajaran, apa yang telah dipelajari, keterampilan atau materi yang masih perlu ditingkatkan, atau strategi atau konsep baru yang ditemukan berdasarkan apa yang dipelajari mengenai penerapan kode program pada multimedia interaktif



MM 02



Desain Media Interaktif XII



40



2. Memberikan tanggapan hasil presentasi meliputi tanya jawab untuk mengonfirmasi, sanggahan dan alasan, tambahan informasi, atau melengkapi informasi ataupun tanggapan lainnya 3. Membuat rangkuman materi dari kegiatan pembelajaran yang telah dilakukan Penutup (30 Menit) 1. Guru membimbing peserta didik menyimpulkan materi pembelajaran melalui tanya jawab klasikal dan mendorong peserta didik untuk selalu bersyukur atas karunia Tuhan 2. Guru melakukan refleksi dengan peserta didik atas manfaat proses pembelajaran yang telah dilakukan 3. Guru memberikan umpan balik atas proses pembelajaran dan hasil telaah individu maupun kelompok 4. Guru melakukan tes tertulis dengan menggunakan Uji Kompetensi atau soal yang disusun guru sesuai tujuan pembelajaran 5. Guru dapat meminta peserta didik untuk meningkatkan pemahamannya tentang konsep, prinsip atau teori yang telah dipelajari dari buku-buku pelajaran yang relevan atau sumber informasi lainnya 6. Guru merencanakan kegiatan tindak lanjut dalam bentuk pembelajaran remidi, program pengayaan, layanan konseling, dan/atau memberikan tugas, baik tugas individual maupun kelompok sesuai dengan hasil belajar peserta didik 7. Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya E. Alat, Media, dan Sumber Belajar 1. Alat : 2. Media : - PowerPoint - Seperangkat komputer - CD/DVD - Software Adobe Flash 3. Sumber belajar : - Buku paket - Buku lain yang relevan - Buku Desain Media Interaktif XII F. Penilaian 1. Teknik/jenis : kuis, tugas individu/kelompok, unjuk kerja, dan portofolio 2. Bentuk instrumen : pertanyaan lisan, tes tertulis, dan pengamatan sikap 3. Pedoman penskoran : Penilaian Sikap No.



Aspek yang Dinilai



Teknik Penilaian



Waktu Penilaian



Instrumen Penilaian



1.



Disiplin



Pengamatan



Proses



Lembar pengamatan



2.



Kreatif



Pengamatan



Proses



Lembar pengamatan



3.



Inovatif



Pengamatan



Proses



Lembar pengamatan



4.



Tanggung jawab



Pengamatan



Proses



Lembar pengamatan



Keterangan



Keterangan: 1. BT (Belum Tampak), jika sama sekali tidak menunjukkan usaha sungguh-sungguh dalam menyelesaikan tugas 2. MT (Mulai Tampak), jika menunjukkan sudah ada usaha sungguh-sungguh dalam menyelesaikan tugas tetapi masih sedikit dan belum ajeg/konsisten 3. MB (Mulai Berkembang), jika menunjukkan ada usaha sungguh-sungguh dalam menyelesaikan tugas yang cukup sering dan mulai ajeg/konsisten 4. MK (Membudaya), jika menunjukkan adanya usaha sungguh-sungguh dalam menyelesaikan tugas secara terusmenerus dan ajeg/konsisten Penilaian Hasil Indikator Pencapaian Kompetensi 1. Memahami dan menerapkan teknik pemrograman (coding) pada multimedia interaktif 2. Memahami dan menerapkan pengolahan multimedia interaktif menggunakan kode program (coding) 3. Memahami dan menjelaskan mekanisme pengolahan data pada produk multimedia interaktif 4. Menggunakan program (coding) pada multimedia interaktif



MM 02



Teknik Penilaian



Bentuk Penilaian



Tes tertulis



Uraian



Instrumen 1. ActionScript adalah bahasa pemrograman yang bersifat case sensitive. Apa maksudnya? 2. Jelaskan tentang ActionScript pada frame! 3. Sebutkan contoh struktur penulisan dari fungsi trace! 4. Jelaskan kegunaan dari code block pada pemrograman AS3! 5. Bagaimanakah cara menuliskan komentar pada ActionScript?



Desain Media Interaktif XII



41



Indikator Pencapaian Kompetensi



Teknik Penilaian



Bentuk Penilaian



Instrumen



5. Mengolah multimedia interaktif menggunakan kode program (coding) 6. Mengolah data pada produk multimedia interaktif



Mengetahui Kepala Sekolah



Imam Handoko, S.Pd. NIP. 196512291999031001



MM 02



Way Kana, 07 Juli 2021 Guru Mata Pelajaran



Rini Novita, S.Pd, M.Pd.T NIP



Desain Media Interaktif XII



42