Perangkat Ajar Desain Media Interaktif 12

Perangkat
Kegiatan Belajar Mengajar
Pemetaan Kompetensi
 Identifikasi KI dan KD
 Rancangan Penilaian Kognitif
 Kriteria Ketuntasan Minimal
 Program Tahunan
 Program Semester
 Rincian Minggu Efektif
 Silabus Berkarakter
 Hasil Identifikasi Kompetensi Dasar
 Rencana Pelaksanaan Pembelajaran
Desain Media Interaktif
Untuk SMK/MAK
Kelas XII
Rini Novita, S.Pd, M.Pd.T
SMKN 1 Buay Bahuga
MM 02 Desain Media Interaktif XII 1

Pemetaan Kompetensi
Mata Pelajaran : 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 multimedia
nasional interaktif berbasis - Mengidentifikasi anatomi interaktif ber-
4. Melaksanakan tugas halaman web dan halaman web basis halaman
spesifik dengan media interaktif - Menjelaskan tentang prinsip web dan media
menggunakan alat, 3.3 Menerapkan prin- dasar desain user interface interaktif
informasi, dan prose- sip-prinsip desain pada aplikasi multimedia
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

Ruang
Lingkup Alokasi
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 HTML
kuantitas yang ter- multimedia untuk merancang aplikasi
ukur sesuai dengan interaktif berbasis multimedia interak-tif
standar kompetensi halaman web dan 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 web
niru, membiasakan, ima-ge, animasi, 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, dan
media interaktif video dalam sajian berbasis
4.5 Menggabungkan halaman web dan media
image, animasi, 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

Ruang
Lingkup Alokasi
Waktu
1 2 3 4
3.8 Menerapkan tek- - Memahami dan menerap- - Penerapan kode √ 208 x 45’
nik pemrograman kan teknik pemrograman program pada
(coding) pada mul- (coding) pada multimedia multimedia
timedia interaktif interaktif inter-aktif
3.9 Menerapkan peng- - Memahami dan menerap-
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 mul- - Mengolah data pada produk
timedia interaktif multimedia 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
Way Kanan, Juli 2021

Mengetahui Guru Mata Pelajaran/Kelas
Kepala Sekolah
Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

NIP. 196512291999031001 NIP.

Identifikasi KI, KD untuk Menetapkan
Kegiatan Pembelajaran (TM, PT, KMTT)
Kompetensi Inti:
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 web - Elemen-elemen - Menjelaskan elemen-elemen
evaluasi tentang dan media inter-aktif multimedia inter- multimedia interaktif
pengetahuan faktu- 4.1 Mendemonstrasikan aktif - Menjabarkan macam-
al, konseptual, ope- konsep multimedia in- - Macam-macam macam multimedia interaktif
rasional dasar, dan teraktif berbasis hala- multimedia inter- - Menyebutkan contoh aplikasi
metakognitif sesuai man web dan media aktif multimedia interaktif dalam
dengan bidang dan interaktif - Pengembangan berbagai bidang
lingkup kerja Multi- 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 halaman - Mengidentifikasi anatomi
4. Melaksanakan tu-gas interaktif web halaman web
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

Jenis Kegiatan
Materi Pembelajaran
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 web untuk merancang aplikasi
ukur sesuai dengan dan media inter-aktif multimedia interaktif berbasis
standar kompetensi 4.3 Membuat user inter- halaman web
kerja face menggunakan - Melakukan pembuatan
Menunjukkan kete- prinsip-prinsip desain aplikasi multimedia interaktif
rampilan menalar, user interface pada berbasis halaman web
mengolah, dan me- multimedia interak-tif dengan kode tag HTML
nyaji secara efek-tif, berbasis halaman web sederhana
kreatif, produk-tif, dan media inter-aktif
kritis, mandiri,
kolaboratif, komu-
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 pengaturan
di bawah peng- 3.5 Menerapkan cara berbasis tampilan web dengan
awasan langsung penggabungan ima- halaman web 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 web operasian multimedia in-
kan, gerak mahir, dan media inter-aktif teraktif berbasis halaman
menjadikan gerak 3.6 Memahami style pada web dan media interaktif
alami dalam ra-nah multimedia interak-tif - Mengoperasikan multimedia
konkret terkait berbasis halaman web interaktif berbasis halaman
dengan pengem- dan media inter-aktif web dan media interaktif
bangan dari yang 3.7 Mengevaluasi produk - Menjelaskan cara peng-
dipelajarinya di se- web gabungan gambar (image),
kolah, serta mampu 4.4 Mengoperasikan apli- animasi, audio, dan video
melaksanakan tugas kasi multimedia inter- dalam sajian berbasis
spesifik di bawah aktif berbasis halam- halaman web dan media
pengawasan lang- an web dan media interaktif
sung interaktif - Menggabungkan gambar
4.5 Menggabungkan ima- (image), animasi, audio, dan
ge, animasi, audio, video dalam sajian berbasis
video dalam sajian halaman web dan media
multimedia interak-tif interaktif
berbasis halaman web - Menjelaskan pemrograman
dan media inter-aktif web menggunakan style
4.6 Membuat style pada CSS
multimedia interak-tif - Membuat style CSS pada
berbasis halaman web multimedia interaktif berbasis
dan media inter-aktif halaman web dan media
4.7 Membuat review ter- interaktif
hadap produk web - Menjelaskan cara mengelola
halaman web
- Menjelaskan cara pengujian
produk web
- Melakukan pengujian ter-
hadap produk web
produk web

Jenis Kegiatan
Materi Pembelajaran
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 kode
nakan kode program ding) program (coding)
(coding) - Pengolahan mul- - Memahami dan menjelaskan
3.10 Memahami meka- timedia interaktif mekanisme pengolahan data
nisme pengolahan menggunakan pada produk multimedia
data pada produk kode program 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 kode
buatan produk multi- - Mekanisme 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-dia - Produk multi-
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
pembuatan produk
Keterangan:
TM : Tatap Muka
PT : Penugasan Terstruktur
KMTT : Kegiatan Mandiri Tidak Terstruktur

Kepala Sekolah

NIP. 196512291999031001 NIP.

Rancangan Penilaian Kognitif
Pemetaan Penilaian Berdasarkan KI/KD/Indikator
Kompetensi Inti:
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 interaktif
rasional dasar, dan me- 4.1 Mendemonstrasikan konsep - Menjabarkan macam-
takognitif sesuai dengan multimedia interaktif macam multimedia inter-
bidang dan lingkup kerja berbasis halaman web dan aktif
Multimedia pada tingkat media interaktif - Menyebutkan contoh
teknis, spesifik, detail, dan aplikasi multimedia interaktif
kompleks, berkenaan dalam berbagai bidang
dengan ilmu pengetahuan, - Menjelaskan konsep multi-
teknologi, seni, budaya, dan media interaktif berbasis
humaniora dalam konteks halaman web dan media
pengembangan potensi diri interaktif
sebagai bagian dari - Menjelaskan pengertian,
keluarga, sekolah, dunia sejarah, cara kerja, dan
kerja, warga masyarakat unsur-unsur web
nasional, regional, dan - Menjelaskan kriteria web
internasional yang baik
4. Melaksanakan tugas spesifik - Menjabarkan fungsi web
dengan menggunakan alat,
informasi, dan prosedur 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 prinsip
Menunjukkan keterampilan
multimedia interaktif dasar desain user interface
menalar, mengolah, dan me-
berbasis halaman web dan pada aplikasi multimedia
nyaji secara efektif, kreatif,
media interaktif interaktif berbasis halaman
produktif, kritis, mandiri,
4.2 Membuat (desain/peran- 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 dan
tugas spesifik di bawah
prinsip desain user interface struktur HTML
pengawasan langsung
pada multimedia interaktif - Membuat contoh dari
berbasis halaman web dan penggunaan tag-tag HTML
media interaktif

Menunjukkan keterampilan - Menjelaskan kode tag

mempersepsi, kesiapan, HTML untuk merancang
meniru, membiasakan, gerak aplikasi multimedia interaktif
mahir, menjadikan gerak berbasis halaman web
alami dalam ranah konkret - Melakukan pembuatan
terkait dengan aplikasi multimedia inter-
pengembangan dari yang aktif berbasis halaman web
dipelajarinya di se-kolah, dengan kode tag HTML
serta mampu me-laksanakan sederhana
tugas spesifik di 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, dan
multimedia interaktif video dalam sajian berbasis
berbasis halaman web dan halaman web dan media
media interaktif interaktif
4.7 Membuat review terhadap - Menjelaskan pemrog-raman
produk web web menggunakan style
CSS
- Membuat style CSS pada
berbasis halaman web dan
media interaktif
- Menjelaskan cara me-
ngelola halaman web
- Menjelaskan cara peng-
ujian produk web
- Melakukan pengujian
terhadap produk web
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)

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
4.11 Melakukan publikasi multi-
media interaktif
4.12 Mendesain produk multi-
media interaktif
pembuatan produk
Keterangan:
UH : Ulangan Harian
UTS : Ulangan Tengah Semester
LUS : Latihan Ulangan Semester

Kepala Sekolah

NIP. 196512291999031001 NIP.

Penetapan Kriteria Ketuntasan Minimal
Per Kompetensi Dasar dan Indikator
Kompetensi Inti:
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
- Menyebutkan contoh aplikasi multimedia interaktif dalam 80.00 80.00 80.00
berbagai bidang 77.00 77.00 77.00
- Menjelaskan konsep multimedia interaktif berbasis
halaman web dan media interaktif 77.00 77.00 77.00
- Menjelaskan pengertian, sejarah, cara kerja, dan unsur-
unsur web 80.00 80.00 80.00
- Menjelaskan kriteria web yang baik
- Menjabarkan fungsi web 77.00 77.00 77.00
2. Perancangan alur dan desain user interface pada 80.00 80.00 80.00
multimedia interaktif berbasis halaman web dan media
interaktif 80.00
Memahami (desain/perancangan alur) untuk multimedia
interaktif berbasis halaman web dan media interaktif
Menerapkan prinsip-prinsip desain user interface pada
interaktif
Membuat (desain/perancangan alur) untuk multimedia
Membuat user interface menggunakan prinsip-prinsip desain
user interface pada multimedia interaktif berbasis halaman
- Mendeskripsikan pembuatan storyboard pada aplikasi
multimedia interaktif berbasis halaman web
80.00 77.00 80.00

- 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
- Menjelaskan kode tag HTML untuk merancang aplikasi 77.00 80.00 80.00
multimedia interaktif berbasis halaman web 80.00 80.00 80.00
- Melakukan pembuatan aplikasi multimedia interaktif
berbasis halaman web dengan kode tag HTML sederhana 80.00 80.00 77.00
Pengoperasian dan pengolahan multimedia interaktif
berbasis halaman web
3. Menerapkan prosedur pengoperasian aplikasi multimedia
interaktif berbasis halaman web dan media interaktif 80.00
Menerapkan cara penggabungan image, animasi, audio,
video dalam sajian multimedia interaktif berbasis halaman
Memahami style pada multimedia interaktif berbasis
Mengevaluasi produk web
Mengoperasikan aplikasi multimedia interaktif berbasis
Menggabungkan image, animasi, audio, video dalam sajian
interaktif
Membuat style pada multimedia interaktif berbasis halaman
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
- Mengoperasikan multimedia interaktif berbasis halaman
- Menjelaskan cara penggabungan gambar (image),
animasi, audio, dan video dalam sajian berbasis halaman
- 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
- Menjelaskan cara mengelola halaman web
- Menjelaskan cara pengujian produk web
- Melakukan pengujian terhadap produk web
- Membuat review terhadap produk web
Penerapan kode program pada multimedia interaktif
Menerapkan teknik pemrograman (coding) pada multimedia
4. interaktif
Menerapkan pengolahan multimedia interaktif
menggunakan kode program (coding)
Memahami mekanisme pengolahan data pada produk
Memahami publikasi multimedia interaktif
Menerapkan pembuatan produk multimedia interaktif
Mengevaluasi produk media interaktif
Menggunakan program (coding) pada multimedia interaktif
Mengolah multimedia interaktif menggunakan kode program
(coding)
Mengolah data pada produk multimedia interaktif
Melakukan publikasi multimedia interaktif
Mendesain produk multimedia interaktif
Membuat laporan pembuatan produk multimedia interaktif
- Memahami dan menerapkan teknik pemrograman
(coding) pada multimedia interaktif

- Memahami dan menerapkan pengolahan multimedia

interaktif menggunakan kode program (coding)
- Memahami dan menjelaskan mekanisme pengolahan
data pada produk multimedia interaktif
- Menggunakan program (coding) pada multimedia
interaktif
- Mengolah multimedia interaktif menggunakan kode
program (coding)
- Mengolah data pada produk multimedia interaktif
Catatan: Poin kriteria penetapan ketuntasan diisi guru masing-masing sesuai KKM yang akan dicapai di tingkat sekolahnya

Kepala Sekolah

NIP. 196512291999031001 NIP.

Penetapan Kriteria Ketuntasan Minimal
Per Kompetensi Inti dan Kompetensi Dasar

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
- Menerapkan prinsip-prinsip desain user
interface pada multimedia interaktif
interaktif
- Menerapkan prosedur pengoperasian
aplikasi multimedia interaktif berbasis
- Menerapkan cara penggabungan
image, animasi, audio, video dalam
sajian multimedia interaktif berbasis
- Memahami style pada multimedia
interaktif berbasis halaman web dan
media interaktif

- 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
- 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
media interaktif
- Membuat (desain/perancangan alur)
untuk multimedia interaktif berbasis
- Membuat user interface menggunakan
prinsip-prinsip desain user interface
pada multimedia interaktif berbasis
- Mengoperasikan aplikasi multimedia
media interaktif
- Menggabungkan image, animasi, audio,
video dalam sajian multimedia interaktif
interaktif
- Membuat style pada multimedia
media interaktif
- Menggunakan program (coding) pada
- Mengolah multimedia interaktif
- Mengolah data pada produk multimedia
interaktif

- Melakukan publikasi multimedia
interaktif
- Mendesain produk multimedia interaktif
- Membuat laporan pembuatan produk
Catatan: Poin kriteria penetapan ketuntasan diisi guru masing-masing sesuai KKM yang akan dicapai di tingkat sekolahnya

Kepala Sekolah

NIP. 196512291999031001 NIP.

Program Tahunan
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
- Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis
- Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman
- 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 halaman 78 JP
- Menerapkan cara penggabungan image, animasi, audio, video dalam sajian
- 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
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
- Menggunakan program (coding) pada multimedia interaktif
- Mengolah multimedia interaktif menggunakan kode program (coding)
- Melakukan publikasi multimedia interaktif
- Membuat laporan pembuatan produk multimedia interaktif
Jumlah 208 JP
Mengetahui Way Kana, 07 Juli 2021

Kepala Sekolah Guru Mata Pelajaran

NIP. 196512291999031001 NIP

Program Semester
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

Bulan
Materi Pokok/ Jml
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

Bulan
Materi Pokok/ Jml
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


NIP. 196512291999031001 NIP

Rincian Minggu Efektif

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


NIP. 196512291999031001 NIP

Silabus Berkarakter

Kompetensi Inti:
• 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 mul- definisi mul- - Observasi Desain habat/ko
interaktif ber- aktif timedia interaktif berba- timedia inter- Pengetahuan Media muni-
basis halaman sis halaman web dan aktif - Penugasan Interaktif katif
web dan media 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

- 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-da interaktif ber-
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 berbasis - Menjelaskan Tugas paket
interaktif halaman web format yang Mandiri/Tes - Buku
digunakan da- Tertulis) referensi
lam pengaturan Keterampilan lain
tampilan web - Portofolio
dengan Dream- - Proyek
weaver

3.5 Menerapkan Menanya - Mengatur tam-

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

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-aktif si - Memahami dan
3.12 Menerapkan - Mengumpulkan in- menjelas-kan
pembuatan formasi tentang cara mekanisme
produk multi- penerapan kode prog- pengolahan data
media inter- ram pada multimedia pada pro-duk
aktif interaktif multimedia
3.13 Mengevaluasi Menalar/Mengasosiasi interaktif
produk media - Menganalisis hasil - Mengguna-kan
interaktif pene-rapan kode program
4.8 Mengguna-kan program pa-da (coding) pada
program multimedia interaktif multimedia in-
(coding) pada Mengomunikasikan teraktif
multimedia in- - Mempresentasikan hasil - Mengolah multi-
teraktif penerapan kode prog- media interaktif
4.9 Mengolah ram pada multimedia menggunakan
multi-media interaktif kode program
interaktif (coding)
menggunakan - Mengolah data
kode program pada produk
(coding) multimedia in-
4.10 Mengolah data teraktif
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


NIP. 196512291999031001 NIP

Hasil Identifikasi Kompetensi Dasar

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-laman
interface pada multimedia interaktif berbasis prinsip-prinsip desain user interface pada web dan media interaktif
halaman web dan media interaktif multimedia interaktif berbasis halaman
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


NIP. 196512291999031001 NIP

Rencana Pelaksanaan Pembelajaran 1
Kelas/Semester : XI
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,
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.

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
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
media interaktif

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


NIP. 196512291999031001 NIP

Kelas/Semester : XI
Kompetensi Inti : 1. Menghayati dan mengamalkan ajaran agama yang dianutnya

2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja
3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual,
4. Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang
langsung
Kompetensi Dasar : 3.3 Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web
3.4 Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis
4.3 Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web
4.4 Membuat user interface menggunakan prinsip-prinsip desain user interface pada
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
- 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)
- 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

- Peserta didik dapat mengidentifikasi tipe antarmuka (user interface) yang digunakan dalam aplikasi multimedia
- 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
- Kreatif, mandiri, dan tanggung jawab
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.

2. Guru memberi motivasi dengan membimbing peserta didik memahami perancangan alur dan desain user interface
pada multimedia interaktif berbasis halaman web dan media interaktif
4. Guru melakukan apersepsi melalui tanya jawab mengenai perancangan alur dan desain user interface pada
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
sumber belajar lainnya secara kreatif, mandiri, dan tanggung jawab
Menanya:
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
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

Mengasosiasi:
1. Guru membimbing peserta didik untuk analisis perancangan alur dan desain user interface pada multimedia interaktif
sebelumnya
penyimpulan
Mengomunikasikan:
perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif
Penutup (30 Menit)
pembelajaran
didik
1. Alat : -
- Seperangkat komputer
- Web browser
- Notepad/text editor
F. Penilaian
Penilaian Sikap
Teknik Waktu
Penilaian Penilaian
2. Mandiri Pengamatan Proses Lembar pengamatan
Keterangan:

Penilaian Hasil
Teknik Bentuk
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 selection!
6. Membuat contoh dari penggunaan tag-tag HTML 5. Tuliskan tag HTML yang
7. Menjelaskan kode tag HTML untuk merancang benar untuk membuat link!
aplikasi multimedia interaktif berbasis halaman
web
8. Melakukan pembuatan aplikasi multimedia
interaktif berbasis halaman web dengan kode tag
HTML sederhana


NIP. 196512291999031001 NIP

Kelas/Semester : XI
Kompetensi Inti : 1. Menghayati dan mengamalkan ajaran agama yang dianutnya

2. Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja
3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual,
4. Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja yang
langsung
Kompetensi Dasar : 3.5 Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web
3.6 Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia
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
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
- Menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis
- 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

- 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
- Peserta didik dapat menggabungkan gambar (image), animasi, audio, dan video dalam sajian berbasis halaman web
- 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
- Mandiri, kerja keras, dan tanggung jawab
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.
Pertemuan
2. Guru memberi motivasi dengan membimbing peserta didik memahami pengoperasian dan pengolahan multimedia
4. Guru melakukan apersepsi melalui tanya jawab mengenai pengoperasian dan pengolahan multimedia interaktif
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
sumber belajar lainnya secara mandiri, kerja keras, dan tanggung jawab
Menanya:
untuk didalami
2. Guru membahas dan diskusi mempertanyakan tentang masalah sehari-hari yang berkaitan dengan pengoperasian
dan pengolahan multimedia interaktif berbasis halaman web

pengoperasian dan pengolahan multimedia interaktif berbasis halaman web
Mengasosiasi:
1. Guru membimbing peserta didik untuk menganalisis pengoperasian dan pengolahan multimedia interaktif berbasis
halaman web
sebelumnya
penyimpulan
Mengomunikasikan:
pengoperasian dan pengolahan multimedia interaktif berbasis halaman web
Penutup (30 Menit)
pembelajaran
didik
1. Alat : -
- Software Dreamweaver
- Browser
F. Penilaian
Penilaian Sikap
Teknik Waktu
Penilaian Penilaian
1. Mandiri Pengamatan Proses Lembar pengamatan
2. Kerja keras Pengamatan Proses Lembar pengamatan
Keterangan:
Penilaian Hasil

Teknik Bentuk
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
interaktif
6. Menjelaskan cara pengabungan
gambar (image), animasi, audio, dan
video dalam sajian berbasis halaman
7. Menggabungkan gambar (image),
animasi, audio, dan video dalam sajian
interaktif
8. Menjelaskan pemrograman web
menggunakan style CSS
9. Membuat style CSS pada multimedia
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


NIP. 196512291999031001 NIP

Kelas/Semester : XI
Kompetensi Inti : - Menghayati dan mengamalkan ajaran agama yang dianutnya

- Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja
- Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual,
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
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
- Melakukan publikasi 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
- 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

- Disiplin, kreatif, inovatif, dan tanggung jawab
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.
Pertemuan
2. Guru memberi motivasi dengan membimbing peserta didik memahami penerapan kode program pada multimedia
interaktif
4. Guru melakukan apersepsi melalui tanya jawab mengenai penerapan kode program pada multimedia interaktif
Kegiatan Inti
Mengamati:
1. Guru meminta peserta didik mencermati masalah sehari-hari yang berkaitan dengan penerapan kode program pada
2. Guru memberikan penjelasan singkat mengenai penerapan kode program pada multimedia interaktif, sehingga
menumbuhkan rasa ingin tahu peserta didik
sumber belajar lainnya secara disiplin, kreatif, inovatif, dan tanggung jawab
Menanya:
untuk didalami
2. Guru membahas dan diskusi mempertanyakan tentang masalah sehari-hari yang berkaitan dengan penerapan kode
program pada multimedia interaktif
penerapan kode program pada multimedia interaktif
Mengasosiasi:
1. Guru membimbing peserta didik untuk menganalisis penerapan kode program pada multimedia interaktif dalam
masalah sehari-hari
sebelumnya
penyimpulan
Mengomunikasikan:
penerapan kode program pada multimedia interaktif

Penutup (30 Menit)
pembelajaran
didik
1. Alat : -
- CD/DVD
- Software Adobe Flash
F. Penilaian
Penilaian Sikap
Teknik Waktu
Penilaian Penilaian
1. Disiplin Pengamatan Proses Lembar pengamatan
3. Inovatif Pengamatan Proses Lembar pengamatan
Keterangan:
Penilaian Hasil
Teknik Bentuk
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 block
produk multimedia interaktif pada pemrograman AS3!
4. Menggunakan program (coding) pada 5. Bagaimanakah cara menuliskan
multimedia interaktif komentar pada ActionScript?

Teknik Bentuk
Penilaian Penilaian
5. Mengolah multimedia interaktif
6. Mengolah data pada produk


NIP. 196512291999031001 NIP

Perangkat Ajar Desain Media Interaktif 12

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Perangkat Ajar Desain Media Interaktif 12

Diunggah oleh

Hak Cipta:

Format Tersedia

Perangkat

Kegiatan Belajar Mengajar

 Rancangan Penilaian Kognitif

 Kriteria Ketuntasan Minimal

 Rincian Minggu Efektif

 Hasil Identifikasi Kompetensi Dasar

 Rencana Pelaksanaan Pembelajaran

Desain Media Interaktif

MM 02 Desain Media Interaktif XII 1

Mata Pelajaran : Desain Media Interaktif

MM 02 Desain Media Interaktif XII 2

MM 02 Desain Media Interaktif XII 3

Way Kanan, Juli 2021

Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

MM 02 Desain Media Interaktif XII 4

3. Memahami, mene- 3.1 Memahami konsep - Deﬁnisi multime- - Menjelaskan deﬁnisi

MM 02 Desain Media Interaktif XII 5

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

MM 02 Desain Media Interaktif XII 6

3.8 Menerapkan teknik - Teknik pemrog- - Memahami dan menerapkan

Way Kanan, Juli 2021

Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

MM 02 Desain Media Interaktif XII 7

Kompetensi Inti Kompetensi Dasar Indikator UH UTS LUS

3. Memahami, menerapkan, 3.1 Memahami konsep multi- - Menjelaskan deﬁnisi

MM 02 Desain Media Interaktif XII 8

Menunjukkan keterampilan - Menjelaskan kode tag

3.8 Menerapkan teknik pem- - Memahami dan me-

MM 02 Desain Media Interaktif XII 9

3.10 Memahami mekanisme - Memahami dan men-

Way Kanan, Juli 2021

Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

MM 02 Desain Media Interaktif XII 10

No. Kompetensi Dasar dan Indikator Kriteria Penetapan Ketuntasan

Kompleksitas Daya Dukung Intake Nilai KKM

1. Konsep multimedia interaktif 80.00

80.00 77.00 80.00

MM 02 Desain Media Interaktif XII 11

No. Kompetensi Dasar dan Indikator Kriteria Penetapan Ketuntasan

Kompleksitas Daya Dukung Intake Nilai KKM

- Mengidentiﬁkasi anatomi halaman web 77.00 77.00 80.00

MM 02 Desain Media Interaktif XII 12

No. Kompetensi Dasar dan Indikator Kriteria Penetapan Ketuntasan

Kompleksitas Daya Dukung Intake Nilai KKM

- Memahami dan menerapkan pengolahan multimedia

Way Kanan, Juli 2021

Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

MM 02 Desain Media Interaktif XII 13

Kriteria Ketuntasan Minimal

MM 02 Desain Media Interaktif XII 14

MM 02 Desain Media Interaktif XII 15

Way Kanan, Juli 2021

Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

MM 02 Desain Media Interaktif XII 16

2 4. Penerapan kode program pada multimedia interaktif 208 JP

Mengetahui Way Kana, 07 Juli 2021

Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

MM 02 Desain Media Interaktif XII 17

MM 02 Desain Media Interaktif XII 18

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

MM 02 Desain Media Interaktif XII 19

Mengetahui Way Kana, 07 Juli 2021

Imam Handoko, S.Pd. Rini Novita, S.Pd, M.Pd.T

MM 02 Desain Media Interaktif XII 20