Anda di halaman 1dari 42

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

MM 02 Desain Media Interaktif XII 1


Pemetaan Kompetensi

Mata Pelajaran : Desain Media Interaktif


Kelas/Semester : 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
Ruang
Lingkup Alokasi
Kompetensi Inti Kompetensi Dasar Indikator Materi Pokok
Waktu
1 2 3 4
3. Memahami, mene- 3.1 Memahami konsep - Menjelaskan definisi multi- - Konsep multi- √ 52 x 45’
rapkan, menganali- multimedia media interaktif media interaktif
sis, dan mengevalu- interaktif berbasis - Menjelaskan elemen-ele-
asi tentang penge- halaman web dan men multimedia interaktif
tahuan faktual, kon- media interaktif - Menjabarkan macam-ma-
septual, operasional 4.1 Mendemonstrasi- cam multimedia interaktif
dasar, dan metakog- kan konsep mul- - Menyebutkan contoh apli-
nitif sesuai dengan timedia interaktif kasi multimedia interaktif
bidang dan lingkup berbasis halaman dalam berbagai bidang
kerja Multimedia web dan media in- - Menjelaskan konsep multi-
pada tingkat teknis, teraktif media interaktif berbasis
spesifik, detail, dan halaman web dan media
kompleks, berkenaan interaktif
dengan ilmu penge- - Menjelaskan pengertian,
tahuan, teknologi, sejarah, cara kerja, dan
seni, budaya, dan unsur-unsur web
humaniora dalam - Menjelaskan kriteria web
konteks pengem- yang baik
bangan potensi diri - Menjabarkan fungsi web
sebagai bagian dari
keluarga, sekolah, 3.2 Memahami - Mendeskripsikan pem- - Perancangan √ 104 x
dunia kerja, warga (desain/peran- buatan storyboard pada alur dan desain 4 5 ’
masyarakat nasional, cangan alur) untuk aplikasi multimedia interak- user interface
regional, dan inter- multimedia tif berbasis halaman web pada
nasional interaktif berbasis - Mengidentifikasi anatomi multimedia
4. Melaksanakan tugas halaman web dan halaman web interaktif ber-
spesifik dengan media interaktif - Menjelaskan tentang prinsip basis halaman
menggunakan alat, 3.3 Menerapkan prin- dasar desain user interface web dan media
informasi, dan prose- sip-prinsip desain pada aplikasi multimedia interaktif
dur kerja yang lazim user interface pada interaktif berbasis halaman
dilakukan serta me- multimedia web
mecahkan masalah interaktif berbasis - Mengidentifikasi tipe antar-
sesuai dengan halaman web dan muka (user interface) yang
bidang kerja media interaktif digunakan dalam aplikasi
Multimedia multimedia interaktif ber-
basis halaman web
- Menjelaskan pengertian
dan struktur HTML

MM 02 Desain Media Interaktif XII 2


Ruang
Lingkup Alokasi
Kompetensi Inti Kompetensi Dasar Indikator Materi Pokok
Waktu
1 2 3 4
Menampilkan kinerja 4.2 Membuat - Membuat contoh dari peng-
di bawah bimbingan (desain/perancang gunaan tag-tag HTML
dengan mutu dan an alur) untuk - Menjelaskan kode tag
kuantitas yang ter- multimedia HTML untuk merancang
ukur sesuai dengan interaktif berbasis aplikasi multimedia interak-
standar kompetensi halaman web dan tif berbasis halaman web
kerja media interaktif - Melakukan pembuatan
Menunjukkan kete- 4.3 Membuat user aplikasi multimedia inter-
rampilan menalar, inter-face aktif berbasis halaman web
mengolah, dan me- menggunakan dengan kode tag HTML
nyaji secara efektif, prinsip-prinsip de- sederhana
kreatif, produktif, kri- sain user interface
tis, mandiri, kolabo- pada multimedia
ratif, komunikatif, dan interaktif berbasis
solutif dalam ranah halaman web dan
abstrak terkait de- media interaktif
ngan pengembang-
an dari yang dipela- 3.4 Menerapkan pro- - Mengenal perangkat lunak - Pengoperasian √ 78 x 45’
jarinya di sekolah, sedur pengopera- untuk membuat dan men- dan pengolahan
serta mampu melak- sian aplikasi desain web (software web multimedia in-
sanakan tugas spesi- multimedia inter- design) teraktif berbasis
fik di bawah peng- aktif berbasis - Menjelaskan format yang halaman web
awasan langsung halaman web dan digunakan dalam peng-
Menunjukkan kete- media interaktif aturan tampilan web de-
rampilan memper- 3.5 Menerapkan cara ngan Dreamweaver
sepsi, kesiapan, me- penggabungan - Mengatur tampilan situs
niru, membiasakan, ima-ge, animasi, web dengan Dreamweaver
gerak mahir, men- audio, video dalam - Menjelaskan prosedur
jadikan gerak alami sajian multimedia pengoperasian multimedia
dalam ranah kon-kret interaktif berbasis interaktif berbasis halaman
terkait dengan halaman web dan web dan media interaktif
pengembangan dari media interaktif - Mengoperasikan multi-
yang dipelajarinya di 3.6 Memahami style media interaktif berbasis
sekolah, serta pada multimedia halaman web dan media
mampu melaksana- interaktif berbasis interaktif
kan tugas spesifik di halaman web dan - Menjelaskan cara peng-
bawah pengawasan media interaktif gabungan gambar (ima-ge),
langsung 3.7 Mengevaluasi pro- animasi, audio, dan video
duk web dalam sajian berbasis
4.4 Mengoperasikan halaman web dan media
aplikasi multimedia interaktif
interaktif berbasis - Menggabungkan gambar
halaman web dan (image), animasi, audio,
media interaktif dan video dalam sajian
4.5 Menggabungkan berbasis halaman web dan
image, animasi, media interaktif
audio, video dalam - Menjelaskan pemrograman
sajian multimedia web menggunakan style
interaktif berbasis CSS
halaman web dan - Membuat style CSS pada
media interaktif multimedia interaktif ber-
4.6 Membuat style basis halaman web dan
pada multimedia media interaktif
interaktif berbasis - Menjelaskan cara menge-
halaman web dan lola halaman web
media in-teraktif - Menjelaskan cara pengujian
4.7 Membuat review produk web
terhadap produk - Melakukan pengujian ter-
web hadap produk web
- Membuat review terhadap
produk web

MM 02 Desain Media Interaktif XII 3


Ruang
Lingkup Alokasi
Kompetensi Inti Kompetensi Dasar Indikator Materi Pokok
Waktu
1 2 3 4
3.8 Menerapkan tek- - Memahami dan menerap- - Penerapan √ 208 x 45’
nik pemrograman kan teknik pemrograman kode program
(coding) pada mul- (coding) pada multimedia pada
timedia interaktif interaktif multimedia
3.9 Menerapkan peng- - Memahami dan menerap- inter-aktif
olahan multimedia kan pengolahan multimedia
interaktif menggu- interaktif menggunakan
nakan kode prog- kode program (coding)
ram (coding) - Memahami dan menjelas-
3.10 Memahami meka- kan mekanisme pengolah-
nisme pengolahan an data pada produk multi-
data pada produk media interaktif
multimedia interak- - Menggunakan program
tif (coding) pada multimedia
3.11 Memahami publi- interaktif
kasi multimedia in- - Mengolah multimedia inter-
teraktif aktif menggunakan kode
3.12 Menerapkan pem- program (coding)
buatan produk - Mengolah data pada produk
mul-timedia multimedia interaktif
interaktif
3.13 Mengevaluasi pro-
duk media inter-
aktif
4.8 Menggunakan
program (coding)
pada multimedia
interak-tif
4.9 Mengolah multime-
dia interaktif meng-
gunakan kode
prog-ram (coding)
4.10 Mengolah data
pada produk
multimedia
interaktif
4.11 Melakukan publi-
kasi multimedia in-
teraktif
4.12 Mendesain produk
multimedia interak-
tif
4.13 Membuat laporan
pembuatan produk
multimedia interak-
tif

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

ALIF AGUS SUTESNA, S.Pd FATMALA NUR ARDIANI, S.Pd


NBM. NBM..

MM 02 Desain Media Interaktif XII 4


Identifikasi KI, KD untuk Menetapkan
Kegiatan Pembelajaran (TM, PT, KMTT)
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : 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
Jenis Kegiatan
Materi Pembelajaran
Kompetensi Inti Kompetensi Dasar Indikator
Pembelajaran
TM PT KMTT

3. Memahami, mene- 3.1 Memahami konsep - Definisi multime- - Menjelaskan definisi


rapkan, mengana- multimedia interak-tif dia interaktif multimedia interaktif
lisis, dan meng- berbasis halaman - Elemen-elemen - Menjelaskan elemen-elemen
evaluasi tentang web dan media inter- multimedia inter- multimedia interaktif
pengetahuan faktu- aktif aktif - Menjabarkan macam-
al, konseptual, ope- 4.1 Mendemonstrasikan - Macam-macam macam multimedia interaktif
rasional dasar, dan konsep multimedia in- multimedia inter- - Menyebutkan contoh
metakognitif sesuai teraktif berbasis hala- aktif aplikasi multimedia interaktif
dengan bidang dan man web dan media - Pengembangan dalam berbagai bidang
lingkup kerja Multi- interaktif multimedia inter- - Menjelaskan konsep multi-
media pada tingkat aktif media interaktif berbasis
teknis, spesifik, de- - Aplikasi multime- halaman web dan media
tail, dan kompleks, dia interaktif interaktif
berkenaan dengan - Multimedia inter- - Menjelaskan pengertian,
ilmu pengetahuan, aktif berbasis ha- sejarah, cara kerja, dan
teknologi, seni, bu- laman web dan unsur-unsur web
daya, dan huma- media interaktif - Menjelaskan kriteria web
niora dalam konteks yang baik
pengembangan po- - Menjabarkan fungsi web
tensi diri sebagai ba-
gian dari keluarga, 3.2 Memahami (desain/ - Storyboard pada - Mendeskripsikan pembuatan
sekolah, dunia kerja, perancangan alur) halaman web storyboard pada aplikasi
warga masyarakat untuk multimedia in- dan media mul-timedia interaktif
nasional, regional, teraktif berbasis hala- interaktif berbasis halaman web
dan internasional man web dan media - Anatomi - Mengidentifikasi anatomi
4. Melaksanakan tu- interaktif halaman web halaman web
gas spesifik dengan 3.3 Menerapkan prinsip- - Desain user - Menjelaskan tentang prinsip
menggunakan alat, prinsip desain user inter-face pada dasar desain user interface
informasi, dan pro- interface pada multi- hala-man web pada aplikasi multimedia
sedur kerja yang media interaktif ber- - Merancang web interaktif berbasis halaman
lazim dilakukan serta basis halaman web berbasis HTML web
memecahkan dan media interaktif - Mengidentifikasi tipe antar-
masalah sesuai de- muka (user interface) yang
ngan bidang kerja digunakan dalam aplikasi
Multimedia multimedia interaktif
berbasis halaman web
- Menjelaskan pengertian dan
struktur HTML

MM 02 Desain Media Interaktif XII 5


Jenis Kegiatan
Materi Pembelajaran
Kompetensi Inti Kompetensi Dasar Indikator
Pembelajaran
TM PT KMTT

Menampilkan kinerja 4.2 Membuat (desain/pe- - Membuat contoh dari peng-


di bawah bimbingan rancangan alur) untuk gunaan tag-tag HTML
dengan mutu dan multimedia interaktif - Menjelaskan kode tag HTML
kuantitas yang ter- berbasis halaman untuk merancang aplikasi
ukur sesuai dengan web dan media inter- multimedia interaktif
standar kompetensi aktif berbasis halaman web
kerja 4.3 Membuat user inter- - Melakukan pembuatan
Menunjukkan kete- face menggunakan aplikasi multimedia interaktif
rampilan menalar, prinsip-prinsip desain berbasis halaman web
mengolah, dan me- user interface pada dengan kode tag HTML
nyaji secara efek-tif, multimedia interak-tif sederhana
kreatif, produk-tif, berbasis halaman
kritis, mandiri, web dan media inter-
kolaboratif, komu- aktif
nikatif, dan solutif
dalam ranah ab-strak
terkait dengan 3.4 Menerapkan prose- - Mengenal soft- - Mengenal perangkat lunak
pengembangan dari dur pengoperasian ware web design untuk membuat dan men-
yang dipelajarinya di aplikasi multimedia - Mengelola hala- desain web (software web
sekolah, serta interaktif berbasis ha- man web design)
mampu melaksa- laman web dan media - Style pada multi- - Menjelaskan format yang
nakan tugas spesi-fik interaktif media interaktif digunakan dalam
di bawah peng- 3.5 Menerapkan cara berbasis pengaturan tampilan web
awasan langsung penggabungan ima- halaman web dengan Dream-weaver
Menunjukkan ke- ge, animasi, audio, - JavaScript - Mengatur tampilan situs web
terampilan mem- video dalam sajian - Menguji situs/ dengan Dreamweaver
persepsi, kesiapan, multimedia interak-tif web - Menjelaskan prosedur peng-
meniru, membiasa- berbasis halaman operasian multimedia in-
kan, gerak mahir, web dan media inter- teraktif berbasis halaman
menjadikan gerak aktif web dan media interaktif
alami dalam ra-nah 3.6 Memahami style pada - Mengoperasikan multimedia
konkret terkait multimedia interak-tif interaktif berbasis halaman
dengan pengem- berbasis halaman web dan media interaktif
bangan dari yang web dan media inter- - Menjelaskan cara peng-
dipelajarinya di se- aktif gabungan gambar (image),
kolah, serta mampu 3.7 Mengevaluasi produk animasi, audio, dan video
melaksanakan tugas web dalam sajian berbasis
spesifik di bawah 4.4 Mengoperasikan apli- halaman web dan media
pengawasan lang- kasi multimedia inter- interaktif
sung aktif berbasis halam- - Menggabungkan gambar
an web dan media (image), animasi, audio, dan
interaktif video dalam sajian berbasis
4.5 Menggabungkan ima- halaman web dan media
ge, animasi, audio, interaktif
video dalam sajian - Menjelaskan pemrograman
multimedia interak-tif web menggunakan style
berbasis halaman CSS
web dan media inter- - Membuat style CSS pada
aktif multimedia interaktif
4.6 Membuat style pada berbasis halaman web dan
multimedia interak-tif media interaktif
berbasis halaman - Menjelaskan cara mengelola
web dan media inter- halaman web
aktif - Menjelaskan cara pengujian
4.7 Membuat review ter- produk web
hadap produk web - Melakukan pengujian ter-
hadap produk web
- Membuat review terhadap
produk web

MM 02 Desain Media Interaktif XII 6


Jenis Kegiatan
Materi Pembelajaran
Kompetensi Inti Kompetensi Dasar Indikator
Pembelajaran
TM PT KMTT

3.8 Menerapkan teknik - Teknik pemrog- - Memahami dan menerapkan


pemrograman (co- raman (coding) teknik pemrograman
ding) pada multime- - Dasar pemrog- (coding) pada multimedia
dia interaktif raman Action- interaktif
3.9 Menerapkan peng- Script - Memahami dan menerapkan
olahan multimedia - Melakukan pem- pengolahan multimedia
interaktif menggu- rograman (co- interaktif menggunakan
nakan kode program ding) kode program (coding)
(coding) - Pengolahan mul- - Memahami dan menjelaskan
3.10 Memahami meka- timedia interaktif mekanisme pengolahan
nisme pengolahan menggunakan data pada produk
data pada produk kode program multimedia interaktif
multimedia interaktif (coding) - Menggunakan program
3.11 Menerapkan publi- - Penerapan multi- (coding) pada multimedia
kasi multimedia in- media interaktif interaktif
teraktif dengan kode - Mengolah multimedia
3.12 Menerapkan pem- program (coding) interaktif menggunakan
buatan produk multi- - Mekanisme kode program (coding)
media interaktif pengolahan data - Mengolah data pada produk
3.13 Mengevaluasi pro- pada produk multimedia interaktif
duk media interaktif multimedia
4.8 Menggunakan prog- interaktif
ram (coding) pada - Publishing multi-
multimedia interaktif media interaktif
4.9 Mengolah multime- - Produk multi-
dia interaktif menggu- media 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

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

Mengetahui …………………………………
Kepala Sekolah Guru Mata Pelajaran

________________________ ________________________
NIP. NIP.

MM 02 Desain Media Interaktif XII 7


Rancangan Penilaian Kognitif
Pemetaan Penilaian Berdasarkan KI/KD/Indikator
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : 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 UH UTS LUS

3. Memahami, menerapkan, 3.1 Memahami konsep multi- - Menjelaskan definisi


menganalisis, dan mengeva- media interaktif berbasis multimedia interaktif
luasi tentang pengetahuan halaman web dan media - Menjelaskan elemen-
faktual, konseptual, ope- interaktif elemen multimedia
rasional dasar, dan me- 4.1 Mendemonstrasikan konsep interaktif
takognitif sesuai dengan multimedia interaktif - Menjabarkan macam-
bidang dan lingkup kerja berbasis halaman web dan macam multimedia inter-
Multimedia pada tingkat media interaktif aktif
teknis, spesifik, detail, dan - Menyebutkan contoh
kompleks, berkenaan aplikasi multimedia
dengan ilmu pengetahuan, interaktif dalam berbagai
teknologi, seni, budaya, dan bidang
humaniora dalam konteks - Menjelaskan konsep multi-
pengembangan potensi diri media interaktif berbasis
sebagai bagian dari halaman web dan media
keluarga, sekolah, dunia interaktif
kerja, warga masyarakat - Menjelaskan pengertian,
nasional, regional, dan sejarah, cara kerja, dan
internasional unsur-unsur web
4. Melaksanakan tugas spesifik - Menjelaskan kriteria web
dengan menggunakan alat, yang baik
informasi, dan prosedur - Menjabarkan fungsi web
kerja yang lazim dilakukan
serta memecahkan masalah
sesuai dengan bidang kerja
3.2 Memahami (desain/peran- - Mendeskripsikan pem-
Multimedia
cangan alur) untuk multi- buatan storyboard pada
Menampilkan kinerja di
media interaktif berbasis aplikasi multimedia inter-
bawah bimbingan dengan
halaman web dan media aktif berbasis halaman web
mutu dan kuantitas yang
interaktif - Mengidentifikasi anatomi
terukur sesuai dengan
3.3 Menerapkan prinsip-prinsip halaman web
standar kompetensi kerja
desain user interface pada - Menjelaskan tentang
Menunjukkan keterampilan
multimedia interaktif prinsip dasar desain user
menalar, mengolah, dan me-
berbasis halaman web dan interface pada aplikasi
nyaji secara efektif, kreatif,
media interaktif multimedia interaktif
produktif, kritis, mandiri,
4.2 Membuat (desain/peran- berbasis halaman web
kolaboratif, komunikatif, dan
cangan alur) untuk - Mengidentifikasi tipe antar-
solutif dalam ranah ab-strak
multimedia interaktif muka (user interface) yang
terkait dengan pe-
berbasis halaman web dan digunakan dalam aplikasi
ngembangan dari yang
media interaktif multimedia interaktif
dipelajarinya di sekolah,
4.3 Membuat user interface berbasis halaman web
serta mampu melaksanakan
menggunakan prinsip- - Menjelaskan pengertian
tugas spesifik di bawah
prinsip desain user dan struktur HTML
pengawasan langsung
interface pada multimedia - Membuat contoh dari
interaktif berbasis halaman penggunaan tag-tag HTML
web dan media interaktif

MM 02 Desain Media Interaktif XII 8


Kompetensi Inti Kompetensi Dasar Indikator UH UTS LUS

Menunjukkan keterampilan - Menjelaskan kode tag


mempersepsi, kesiapan, HTML untuk merancang
meniru, membiasakan, aplikasi multimedia
gerak mahir, menjadikan interaktif berbasis halaman
gerak alami dalam ranah web
konkret terkait dengan - Melakukan pembuatan
pengembangan dari yang aplikasi multimedia inter-
dipelajarinya di se-kolah, aktif berbasis halaman web
serta mampu me- dengan kode tag HTML
laksanakan tugas spesifik di sederhana
bawah pengawasan lang-
sung 3.4 Menerapkan prosedur - Mengenal perangkat lu-nak
peng-operasian aplikasi untuk membuat dan
multimedia interaktif mendesain web (software
berbasis halaman web dan web design)
media interaktif - Menjelaskan format yang
3.5 Menerapkan cara peng- digunakan dalam
gabungan image, animasi, pengaturan tampilan web
audio, video dalam sajian dengan Dreamweaver
multimedia interaktif - Mengatur tampilan situs
berbasis halaman web dan web dengan Dream-weaver
media interaktif - Menjelaskan prosedur
3.6 Memahami style pada pengoperasian multimedia
multimedia interaktif interaktif berbasis halaman
berbasis halaman web dan web dan media interaktif
media interaktif - Mengoperasikan multi-
3.7 Mengevaluasi produk web media interaktif berbasis
4.4 Mengoperasikan aplikasi halaman web dan media
multimedia interaktif interaktif
berbasis halaman web dan - Menjelaskan cara peng-
media interaktif gabungan gambar (image),
4.5 Menggabungkan image, animasi, audio, dan video
animasi, audio, video dalam dalam sajian berbasis
sajian multimedia interaktif halaman web dan media
berbasis halaman web dan interaktif
media interaktif - Menggabungkan gambar
4.6 Membuat style pada (image), animasi, audio,
multimedia interaktif dan video dalam sajian
berbasis halaman web dan berbasis halaman web dan
media interaktif media interaktif
4.7 Membuat review terhadap - Menjelaskan pemrog-
produk web raman web menggunakan
style CSS
- Membuat style CSS pada
multimedia interaktif
berbasis halaman web dan
media interaktif
- Menjelaskan cara me-
ngelola halaman web
- Menjelaskan cara peng-
ujian produk web
- Melakukan pengujian
terhadap produk web
- Membuat review terhadap
produk web

3.8 Menerapkan teknik pem- - Memahami dan me-


rograman (coding) pada nerapkan teknik pem-
multimedia interaktif rograman (coding) pada
3.9 Menerapkan pengolahan multimedia interaktif
multimedia interaktif meng- - Memahami dan me-
gunakan kode program nerapkan pengolahan
(coding) multimedia interaktif
menggunakan kode
program (coding)

MM 02 Desain Media Interaktif XII 9


Kompetensi Inti Kompetensi Dasar Indikator UH UTS LUS

3.10 Memahami mekanisme - Memahami dan men-


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

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

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 10


Penetapan Kriteria Ketuntasan Minimal
Per Kompetensi Dasar dan Indikator
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : 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. Kompetensi Dasar dan Indikator Kriteria Penetapan Ketuntasan

Kompleksitas Daya Dukung Intake Nilai KKM

1. Konsep multimedia interaktif 80.00


Memahami konsep multimedia interaktif berbasis halaman
web dan media interaktif
Mendemonstrasikan konsep multimedia interaktif berbasis
halaman web dan media interaktif
- Menjelaskan definisi multimedia interaktif 77.00 77.00 77.00
- Menjelaskan elemen-elemen multimedia interaktif 80.00 80.00 80.00
- Menjabarkan macam-macam multimedia interaktif 80.00 80.00 80.00
- Menyebutkan contoh aplikasi multimedia interaktif dalam 77.00 77.00 77.00
berbagai bidang
- Menjelaskan konsep multimedia interaktif berbasis 77.00 77.00 77.00
halaman web dan media interaktif
- Menjelaskan pengertian, sejarah, cara kerja, dan unsur- 80.00 80.00 80.00
unsur web
- Menjelaskan kriteria web yang baik 77.00 77.00 77.00
- Menjabarkan fungsi web 80.00 80.00 80.00
2. Perancangan alur dan desain user interface pada
multimedia interaktif berbasis halaman web dan media 80.00
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 80.00 77.00 80.00

MM 02 Desain Media Interaktif XII 11


Kriteria Ketuntasan Minimal

No. Kompetensi Dasar dan Indikator Kriteria Penetapan Ketuntasan

Kompleksitas Daya Dukung Intake Nilai KKM

- Mengidentifikasi anatomi halaman web 77.00 77.00 80.00


- Menjelaskan tentang prinsip dasar desain user interface 80.00 80.00 80.00
pada aplikasi multimedia interaktif berbasis halaman web
- Mengidentifikasi tipe antarmuka (user interface) yang 77.00 80.00 77.00
digunakan dalam aplikasi multimedia interaktif berbasis 80.00 77.00 77.00
halaman web 80.00 80.00
- Menjelaskan pengertian dan struktur HTML 80.00
- Membuat contoh dari penggunaan tag-tag HTML 77.00 80.00 80.00
- Menjelaskan kode tag HTML untuk merancang aplikasi 80.00 80.00 80.00
multimedia interaktif berbasis halaman web
- Melakukan pembuatan aplikasi multimedia interaktif 80.00 80.00 77.00
berbasis halaman web dengan kode tag HTML
sederhana
Pengoperasian dan pengolahan multimedia interaktif
3. berbasis halaman web 80.00
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
4. 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

MM 02 Desain Media Interaktif XII 12


Kriteria Ketuntasan Minimal

No. Kompetensi Dasar dan Indikator Kriteria Penetapan Ketuntasan

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 Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


Nbm. NBM.

MM 02 Desain Media Interaktif XII 13


Penetapan Kriteria Ketuntasan Minimal
Per Kompetensi Inti dan Kompetensi Dasar
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XII
Satuan Pendidikan : SMK/MAK

Kriteria Ketuntasan Minimal


No. Kompetensi Inti dan Kompetensi Dasar Kriteria Penetapan Ketuntasan
Kompleksitas Daya Dukung Intake Nilai KKM (%)
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
- 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 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
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
- 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 Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 16


Program Tahunan
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XII
Satuan Pendidikan : SMK/MAK

Alokasi
Semester No. Materi Pokok/Kompetensi Dasar Keterangan
Waktu
1 1. Konsep multimedia interaktif 52 JP
- 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
2. halaman web dan media interaktif 104 JP
- 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
3. - Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis 78 JP
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 234 JP

2 4. Penerapan kode program pada multimedia interaktif 208 JP


- 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 208 JP

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 17


Program Semester
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XI
Satuan Pendidikan : SMK/MAK

Bulan
Materi Pokok/ Jml
No. Juli Agustus September Oktober November Desember Januari Februari Maret April Mei Juni Juli
Kompetensi Dasar Jam
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 x x x x
media interaktif
- Memahami
konsep multi-
media
interaktif
berbasis ha-
laman web
dan media in-
teraktif
- Mendemon-
strasikan kon-
sep
multimedia
interaktif ber-
basis halaman
web dan
media
interaktif

2. Perancangan 104 JP x x x x x x x x
alur dan desain
user interface
pada
multimedia
interaktif berba-
sis halaman
web dan media
interaktif
- Memahami
(desain/peran-
cangan alur)
untuk multime-
dia interaktif
berbasis hala-
man web dan
media interak-
tif
- Menerapkan
prinsip-prinsip
desain user
interface pada
multimedia
interaktif ber-
basis halaman
web dan
media
interaktif
- Membuat (de-
sain/peran-
cangan alur)
untuk multi-
media
interaktif
berbasis hala-
man web dan
media interak-
tif
- Membuat user
interface meng-
gunakan prin-
sip-prinsip de-
sain user inter-
face pada
multimedia
interaktif

MM 02 Desain Media Interaktif XII 18


Bulan
Materi Pokok/ Jml
No. Juli Agustus September Oktober November Desember Januari Februari Maret April Mei Juni Juli
Kompetensi Dasar Jam
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 hala-
man web dan
media interak-
tif

3. Pengoperasian 78 JP x x x x x x
dan pengolahan
multimedia in-
teraktif berbasis
halaman web
- Menerapkan
prosedur
pengoperasian
aplikasi multi-
media interak-
tif berbasis
halaman web
dan media
interaktif
- Menerapkan
cara pengga-
bungan image,
animasi,
audio, video
dalam sajian
multimedia
interaktif ber-
basis halaman
web dan
media
interaktif
- Memahami
style pada
multimedia
interaktif ber-
basis halaman
web dan me-
Persiapan Penerimaan Rapor

dia interaktif
- Mengevaluasi
produk web
- Mengopera-
sikan aplikasi
multimedia
interaktif ber-
basis halaman
web dan me-
dia interaktif
- Menggabung-
kan image,
animasi, au-
dio, video
dalam sajian
multimedia in-
teraktif berba-
sis halaman
web dan me-
dia interaktif
- Membuat style
pada multi-
media inter-
aktif berbasis
halaman web
dan media in-
teraktif
- Membuat re-
view terhadap
produk web

4. Penerapan kode 208 JP x x x x x x x x x x x x x x x x


program pada
multimedia in-
teraktif
- Menerapkan
teknik pem-
rograman
(coding) pada
multimedia in-
teraktif

MM 02 Desain Media Interaktif XII 19


Bulan
Materi Pokok/ Jml
No. Juli Agustus September Oktober November Desember Januari Februari Maret April Mei Juni Juli
Kompetensi Dasar Jam
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 in-
teraktif meng-
gunakan kode
program (co-
ding)
- Memahami
mekanisme
pengolahan
data pada
produk mul-
timedia inter-
aktif
- Menerapkan
publikasi mul-
timedia inter-
aktif
- Menerapkan
pembuatan
produk multi-
media inter-aktif
- Mengevaluasi
produk media
interaktif
- Menggunakan
program
(coding) pada
multimedia
interaktif
- Mengolah
multimedia in-
teraktif meng-
gunakan kode
program (co-
ding)
- Mengolah data
pada produk
multimedia in-
teraktif
- Melakukan
publikasi mul-
timedia inter-
aktif
- Mendesain
produk multi-
media interak-tif
-
Memb
uat la-poran pem-
buatan produk
multimedia in-
teraktif

Jumlah 442 JP

Keterangan:
: Kegiatan tengah semester : Ujian nasional/ujian nasional susulan
: Latihan ulangan semester 1 : Libur semester 1/libur pascaujian nasional
: Ulangan semester 1

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 20


Rincian Minggu Efektif

Mata Pelajaran : Desain Media Interaktif


Kelas/Semester : XI
Satuan Pendidikan : SMK/MAK

I. Jumlah minggu dalam 1 tahun

No. Bulan Jumlah Minggu

1. Juli 2
2. Agustus 5
3. September 4
4. Oktober 5
5. November 4
6. Desember 4
7. Januari 5
8. Februari 4
9. Maret 4
10. April 4
11. Mei 5
12. Juni 4
13. Juli 2

Jumlah Total 52

II. Jumlah minggu tidak efektif dalam 1 tahun

No. Kegiatan Jumlah Minggu

1. Kegiatan tengah semester 1


2. Latihan ulangan semester 1 1
3. Ulangan semester 1 1
4. Persiapan penerimaan rapor 1 1
5. Ujian nasional/ujian nasional susulan 2
6. Libur semester 1/libur pascaujian nasional 12

Jumlah Total 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 Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 21


Silabus Berkarakter

Mata Pelajaran : Desain Media Interaktif


Kelas/Semester : 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 Materi Pokok/ Kegiatan Sumber Nilai
Indikator Penilaian Waktu
Dasar Pembelajaran Pembelajaran Belajar Karakter

3.1 Memahami kon- - Konsep multi- Mengamati - Menjelaskan Sikap 52 x 45’ - Buku - Bersa-
sep multimedia media inter- - Mengamati konsep definisi mul- - Observasi Desain habat/ko
interaktif ber- aktif mul-timedia interaktif timedia inter- Pengetahuan Media muni-
basis halaman berba-sis halaman web aktif - Penugasan Interaktif katif
web dan media dan media interaktif - Menjelaskan (Tugas XII - Kerja
interaktif Menanya elemen-ele-men Terstruktur/ - Buku keras
4.1 Mendemonstra- - Merumuskan multime-dia Tugas paket - Kreatif
sikan konsep pertanyaan tentang interaktif Mandiri/Tes - Buku - Tang-
multimedia in- masalah sehari-hari - Menjabarkan Tertulis) referensi gung
teraktif berbasis yang berkaitan de-ngan macam-ma-cam Keterampilan lain jawab
halaman web konsep multime-dia multime-dia - Portofolio
dan media inter- interaktif berbasis interaktif - Proyek
aktif halaman web dan me- - Menyebutkan
dia interaktif contoh aplikasi
Mengumpulkan informa- multimedia in-
si teraktif dalam
- Mengumpulkan infor- berbagai bi-
masi tentang konsep dang
multimedia interaktif - Menjelaskan
berbasis halaman web tentang kon-sep
dan media interaktif multimedia
Menalar/Mengasosiasi interaktif ber-
- Menganalisis konsep basis halaman
multimedia interaktif web dan media
berbasis halaman web interaktif
dan media interaktif - Menjelaskan
Mengomunikasikan pengertian,
- Mempresentasikan kon- sejarah, cara
sep multimedia interaktif kerja, dan un-
berbasis halaman web sur-unsur web
dan media interaktif

MM 02 Desain Media Interaktif XII 22


Kompetensi Materi Pokok/ Kegiatan Sumber Nilai
Indikator Penilaian Waktu
Dasar Pembelajaran Pembelajaran Belajar Karakter

- Mempresentasikan kon- - Menjelaskan


sep multimedia interaktif kriteria web
berbasis halaman web yang baik
dan media interaktif - Menjabarkan
fungsi web

3.2 Memahami - Perancangan Mengamati - Mendeskrip- Sikap 104 x 45’ - Buku - Kreatif
(desain/peran- alur dan desain - Mengamati perma- sikan pembu- - Observasi Desain - Mandiri
cangan alur) un- user interface salahan sehari-hari atan storyboard Pengetahuan Media - Tang-
tuk multimedia pada multi- yang berkaitan dengan pada aplikasi - Penugasan Interaktif gung
interaktif ber- media inter- perancangan alur dan multimedia (Tugas XII jawab
basis halaman aktif berbasis desain user interface interaktif ber- Terstruktur/ - Buku
web dan media halaman web pada multimedia inter- basis halaman Tugas paket
interaktif dan media in- aktif berbasis halaman web Mandiri/Tes - Buku
3.3 Menerapkan teraktif web dan media inter- - Mengidentifi- Tertulis) referensi
prinsip-prinsip aktif kasi anatomi Keterampilan lain
desain user Menanya halaman web - Portofolio
interface pada - Merumuskan perta- - Menjelaskan - Proyek
multimedia inter- nyaan tentang analisis tentang prinsip
aktif berbasis perancangan alur dan dasar desain
halaman web desain user interface user interface
dan media inter- pada multimedia inter- pada aplikasi
aktif aktif berbasis halaman multimedia
4.2 Membuat (de- web dan media interak- interaktif ber-
sain/peran- tif basis halaman
cangan alur) un- Mengumpulkan Informa- web
tuk multimedia si - Mengidentifi-
interaktif berba- - Mengumpulkan infor- kasi tipe antar-
sis halaman web masi tentang masalah muka (user
dan media inter- sehari-hari yang ber- interface) yang
aktif kaitan dengan analisis digunakan da-
4.3 Membuat user perancangan alur dan lam aplikasi
interface meng- desain user interface multimedia
gunakan prinsip- pada multimedia inter- interaktif ber-
prinsip desain aktif berbasis halaman basis halaman
user interface web dan media interak- web
pada multimedia tif - Menjelaskan
interaktif ber- Menalar/Mengasosiasi pengertian dan
basis halaman - Menganalisis sistem struktur HTML
web dan media perancangan alur dan - Membuat con-
interaktif desain user interface toh dari peng-
pada multimedia inter- gunaan tag-tag
aktif berbasis halaman HTML
web dan media inter- - Menjelaskan
aktif kode tag HTML
Mengomunikasikan untuk meran-
- Mempresentasikan pe- cang aplikasi
rancangan alur dan de- multimedia
sain user interface pa- interaktif ber-
da multimedia interaktif basis halaman
berbasis halaman web web
dan media interaktif - Melakukan
pembuatan
aplikasi multi-
media interaktif
berbasis hala-
man web deng-
an kode tag
HTML seder-
hana

3.4 Menerapkan - Pengopera- Mengamati - Mengenal pe- Sikap 78 x 45’ - Buku - Mandiri
prosedur peng- sian dan peng- - Mengamati berbagai rangkat lunak - Observasi Desain - Kerja
operasian apli- olahan multi- permasalahan sehari- untuk membuat Pengetahuan Media keras
kasi multimedia media interaktif hari yang berkaitan de- dan mendesain - Penugasan Interaktif - Tang-
interaktif ber- berbasis ha- ngan pengoperasian web (software (Tugas XII gung
basis halaman laman web dan pengolahan multi- web design) Terstruktur/ - Buku jawab
web dan media media interaktif - Menjelaskan Tugas paket
interaktif berbasis halaman web format yang Mandiri/Tes - Buku
digunakan da- Tertulis) referensi
lam pengaturan Keterampilan lain
tampilan web - Portofolio
dengan Dream- - Proyek
weaver

MM 02 Desain Media Interaktif XII 23


Kompetensi Materi Pokok/ Kegiatan Sumber Nilai
Indikator Penilaian Waktu
Dasar Pembelajaran Pembelajaran Belajar Karakter

3.5 Menerapkan Menanya - Mengatur tam-


cara pengga- - Menanya tentang pilan situs web
bungan image, berba-gai d e n g a n
animasi, audio, permasalahan se-hari- Dreamweaver
video dalam hari yang berkaitan - Menjelaskan
sajian dengan pengoperasian prosedur peng-
multimedia dan pengolahan multi- operasian multi-
interaktif ber- media interaktif media interaktif
basis halaman berbasis halaman web berbasis hala-
web dan media Mengumpulkan Informa- man web dan
interaktif si media interak-tif
3.6 Memahami style - Mengumpulkan infor- - Mengoperasi-
pada multimedia masi tentang masalah kan multimedia
interaktif ber- sehari-hari yang berkait- interaktif ber-
basis halaman an dengan pengopera- basis halaman
web dan media sian dan pengolahan web dan media
interaktif multimedia interaktif interaktif
3.7 Mengevaluasi berbasis halaman web - Menjelaskan
produk web Menalar/Mengasosiasi cara pengga-
4.4 Mengoperasi- - Menganalisis peng- bungan gam-bar
kan aplikasi operasian dan (image),
multimedia pengolah-an multimedia animasi, audio,
interaktif ber- interaktif berbasis dan video da-
basis halaman halaman web lam sajian ber-
web dan media Mengomunikasikan basis halaman
interaktif - Mempresentasikan web dan media
4.5 Menggabung- pengoperasian dan interaktif
kan image, pengolahan multime-dia - Menggabung-
animasi, audio, interaktif berbasis kan gambar
video dalam halaman web (image), ani-
sajian masi, audio, dan
multimedia video da-lam
interaktif ber- sajian ber-basis
basis halaman halaman web
web dan media dan media
interaktif interaktif
4.6 Membuat style - Menjelaskan
pada multimedia pemrograman
interaktif ber- web mengguna-
basis halaman kan style CSS
web dan media - Membuat style
interaktif CSS pada mul-
4.7 Membuat review timedia inter-
terhadap produk aktif berbasis
web halaman web
dan media in-
teraktif
- Menjelaskan
cara mengelola
halaman web
- Menjelaskan
cara pengujian
produk web
- Melakukan
pengujian ter-
hadap produk
web
- Membuat re-
view terhadap
produk web

3.8 Menerapkan - Penerapan Mengamati - Memahami dan Sikap 208 x 45’ - Buku - Disiplin
teknik pemrog- kode program - Mengamati perma- menerapkan - Observasi Desain - Kreatif
raman (coding) pada multi- salahan sehari-hari teknik pemrog- Pengetahuan Media - Inovatif
pada multimedia media inter- yang berkaitan dengan raman (coding) - Penugasan Interaktif - Tang-
interaktif aktif cara penerapan kode pada multime- (Tugas XII gung
3.9 Menerapkan program pada multime- dia interaktif Terstruktur/ - Buku jawab
pengolahan mul- dia interaktif Tugas paket
timedia interaktif Mandiri/Tes - Buku
menggunakan Tertulis) referensi
kode program Keterampilan lain
(coding) - Portofolio
- Proyek

MM 02 Desain Media Interaktif XII 24


Kompetensi Materi Pokok/ Kegiatan Sumber Nilai
Indikator Penilaian Waktu
Dasar Pembelajaran Pembelajaran Belajar Karakter

3.10 Memahami me- Menanya - Memahami dan


kanisme peng- - Menanya permasalah- menerapkan
olahan data an sehari-hari yang pengolahan
pada produk berkaitan dengan cara multimedia in-
multimedia in- penerapan kode prog- teraktif meng-
teraktif ram pada multimedia gunakan kode
3.11 Memahami interaktif program (co-
publikasi multi- Mengumpulkan Informa- ding)
media inter- si - Memahami dan
aktif - Mengumpulkan in- menjelas-kan
3.12 Menerapkan formasi tentang cara mekanisme
pembuatan penerapan kode prog- pengolahan
produk multi- ram pada multimedia data pada pro-
media inter- interaktif duk multimedia
aktif Menalar/Mengasosiasi interaktif
3.13 Mengevaluasi - Menganalisis hasil - Mengguna-kan
produk media pene-rapan kode program
interaktif program pa-da (coding) pada
4.8 Mengguna-kan multimedia interaktif multimedia in-
program Mengomunikasikan teraktif
(coding) pada - Mempresentasikan hasil - Mengolah multi-
multimedia in- penerapan kode prog- media interaktif
teraktif ram pada multimedia menggunakan
4.9 Mengolah interaktif kode program
multi-media (coding)
interaktif - Mengolah data
menggunakan pada produk
kode program multimedia in-
(coding) teraktif
4.10 Mengolah data
pada produk
multimedia in-
teraktif
4.11 Melakukan
publikasi mul-
timedia interak-
tif
4.12 Mendesain
produk multi-
media interak-
tif
4.13 Membuat
lapor-an
pembuatan
produk multi-
media interak-
tif

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 25


Hasil Identifikasi Kompetensi Dasar

Mata Pelajaran : Desain Media Interaktif


Kelas/Semester : XII
Satuan Pendidikan : SMK/MAK

Kompetensi Dasar Kompetensi Dasar Materi Pokok


KI 3 KI 4

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

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

3.4 Menerapkan prosedur pengoperasian 4.4 Mengoperasikan aplikasi multimedia Pengoperasian dan
aplikasi multimedia interaktif berbasis interaktif berbasis halaman web dan pengolahan multime-dia
halaman web dan media interaktif media interaktif interaktif berbasis
3.5 Menerapkan cara penggabungan image, 4.5 Menggabungkan image, animasi, audio, halaman web
animasi, audio, video dalam sajian video dalam sajian multimedia interaktif
multimedia interaktif berbasis halaman web berbasis halaman web dan media inter-
dan 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 inter-
3.7 Mengevaluasi produk web aktif
4.7 Membuat review terhadap produk web

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

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 26


Rencana Pelaksanaan Pembelajaran 1
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XI
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
Kompetensi Dasar : 3.1 Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif
3.2 Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media
interaktif
Indikator : - 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
Alokasi Waktu : 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, macam-
macam 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

MM 02 Desain Media Interaktif XII 28


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
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 Waktu
No. Aspek yang Dinilai Instrumen Penilaian Keterangan
Penilaian Penilaian
1. Bersahabat/komunikati Pengamatan Proses Lembar pengamatan
f

2. Kerja keras Pengamatan Proses Lembar pengamatan

3. Kreatif Pengamatan Proses Lembar pengamatan

4. Tanggung jawab Pengamatan Proses Lembar pengamatan

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
terus-menerus dan ajeg/konsisten
Penilaian Hasil
Teknik Bentuk
Indikator Pencapaian Kompetensi Instrumen
Penilaian Penilaian
1. Menjelaskan definisi multimedia Tes tertulis Uraian 1. Apa yang dimaksud dengan
interaktif multimedia interaktif?
2. Menjelaskan elemen-elemen 2. Sebut dan jelaskan macam-
multimedia interaktif macam multimedia berdasarkan
3. Menjabarkan macam-macam teknik pengoperasiannya!
multimedia interaktif 3. Apa kelebihan dan kelemahan
4. Menyebutkan contoh aplikasi penggunaan audio dalam
multimedia interaktif dalam berbagai multimedia interaktif?
bidang 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

MM 02 Desain Media Interaktif XII 29


Teknik Bentuk
Indikator Pencapaian Kompetensi Instrumen
Penilaian Penilaian
media interaktif
6. Menjelaskan pengertian, sejarah, cara
kerja, dan unsur-unsur web
7. Menjelaskan kriteria web yang baik
8. Menjabarkan fungsi web

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 30


Rencana Pelaksanaan Pembelajaran 2
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XI
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
Kompetensi Dasar : 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
Indikator : - 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
Alokasi Waktu : 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
Teknik Waktu
No. Aspek yang Dinilai Instrumen Penilaian Keterangan
Penilaian Penilaian
1. Kreatif Pengamatan Proses Lembar pengamatan

2. Mandiri Pengamatan Proses Lembar pengamatan

3. Tanggung jawab Pengamatan Proses Lembar pengamatan

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
terus-menerus dan ajeg/konsisten

MM 02 Desain Media Interaktif XII 33


Penilaian Hasil
Teknik Bentuk
Indikator Pencapaian Kompetensi Instrumen
Penilaian Penilaian
1. Mendeskripsikan pembuatan storyboard pada Tes tertulis Uraian 1. Jelaskan kegunaan story-
aplikasi multimedia interaktif berbasis halaman board pada pembuatan
web halaman web!
2. Mengidentifikasi anatomi halaman web 2. Jelaskan tentang prinsip
3. Menjelaskan tentang prinsip dasar desain user product compatibility!
interface pada aplikasi multimedia interaktif 3. Sebutkan hal-hal yang
berbasis halaman web perlu diketahui saat me-
4. Mengidentifikasi tipe antarmuka (user interface) layout halaman web!
yang digunakan dalam aplikasi multimedia 4. Jelaskan kelebihan dan
interaktif berbasis halaman web kekurangan tipe
5. Menjelaskan pengertian dan struktur HTML antarmuka menu
6. Membuat contoh dari penggunaan tag-tag HTML selection!
7. Menjelaskan kode tag HTML untuk merancang 5. Tuliskan tag HTML yang
aplikasi multimedia interaktif berbasis halaman benar untuk membuat link!
web
8. Melakukan pembuatan aplikasi multimedia
interaktif berbasis halaman web dengan kode tag
HTML sederhana

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 34


Rencana Pelaksanaan Pembelajaran 3
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XI
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
Kompetensi Dasar : 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
Indikator : - 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
Alokasi Waktu : 78 jam pelajaran (39 x pertemuan)

MM 02 Desain Media Interaktif XII 35


A. Tujuan Pembelajaran
- 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. Bagian-
bagian 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

MM 02 Desain Media Interaktif XII 36


Mengumpulkan Informasi:
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
Teknik Waktu
No. Aspek yang Dinilai Instrumen Penilaian Keterangan
Penilaian Penilaian
1. Mandiri Pengamatan Proses Lembar pengamatan

2. Kerja keras Pengamatan Proses Lembar pengamatan

3. Tanggung jawab Pengamatan Proses Lembar pengamatan

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

MM 02 Desain Media Interaktif XII 37


4. MK (Membudaya), jika menunjukkan adanya usaha sungguh-sungguh dalam menyelesaikan tugas secara
terus-menerus dan ajeg/konsisten
Penilaian Hasil
Teknik Bentuk
Indikator Pencapaian Kompetensi Instrumen
Penilaian Penilaian
1. Mengenal perangkat lunak untuk Tes tertulis Uraian 1. Sebutkan beberapa objek yang
membuat dan mendesain web terdapat pada form dan jelaskan
(software web design) pula fungsinya!
2. Menjelaskan format yang digunakan 2. Panel apakah yang berfungsi untuk
dalam pengaturan tampilan web memasukkan atau menyisipkan
dengan Dreamweaver berbagai jenis objek seperti gambar,
3. Mengatur tampilan situs web dengan table, dan layer pada Dreamweaver?
Dreamweaver 3. Sebut dan jelaskan macam-
4. Menjelaskan prosedur pengoperasian macam text field!
multimedia interaktif berbasis halaman 4. Bagaimana cara mengoreksi link?
web dan media interaktif 5. Jelaskan tentang CSS!
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 Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 38


Rencana Pelaksanaan Pembelajaran 4
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XI
Satuan Pendidikan : SMK/MAK

Kompetensi Inti : - 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
Kompetensi Dasar : - 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
Indikator : - 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
Alokasi Waktu : 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
Teknik Waktu
No. Aspek yang Dinilai Instrumen Penilaian Keterangan
Penilaian 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:
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
terus-menerus dan ajeg/konsisten
Penilaian Hasil
Teknik Bentuk
Indikator Pencapaian Kompetensi Instrumen
Penilaian Penilaian
1. Memahami dan menerapkan teknik Tes tertulis Uraian 1. ActionScript adalah bahasa
pemrograman (coding) pada pemrograman yang bersifat case
multimedia interaktif sensitive. Apa maksudnya?
2. Memahami dan menerapkan 2. Jelaskan tentang ActionScript
pengolahan multimedia interaktif pada frame!
menggunakan kode program (coding) 3. Sebutkan contoh struktur
3. Memahami dan menjelaskan penulisan dari fungsi trace!
mekanisme pengolahan data pada 4. Jelaskan kegunaan dari code
produk multimedia interaktif block pada pemrograman AS3!
4. Menggunakan program (coding) pada 5. Bagaimanakah cara menuliskan
multimedia interaktif komentar pada ActionScript?

MM 02 Desain Media Interaktif XII 41


Teknik Bentuk
Indikator Pencapaian Kompetensi Instrumen
Penilaian Penilaian
5. Mengolah multimedia interaktif
menggunakan kode program (coding)
6. Mengolah data pada produk
multimedia interaktif

Mengetahui Boyolali, 02 Juli 2019


Kepala Sekolah Guru Mata Pelajaran

Alif Agus Sutesna, S.Pd Fatmala Nur Ardiani, S.Pd


NBM. NBM.

MM 02 Desain Media Interaktif XII 42