MM 02 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
Multimedia
Desain Media Interaktif XII

Untuk SMK/MAK
Nama
Nama ::
NIP
NIP ::
Unit
Unit Kerja
Kerja ::
Desain Media Interaktif (Multimedia) XII 1
Pemetaan Kompetensi
Mata Pelajaran : Desain Media Interaktif
Kelas : 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 mul-- Multimedia √ 52 x 45’
rapkan, mengana- multimedia interaktif timedia interaktif interaktif
lisis, dan mengeva- berbasis halaman web- Menjelaskan elemen-ele-
luasi tentang penge- dan media interaktif men multimedia interaktif
tahuan faktual, kon- 4.1 Mendemonstrasikan - Menjabarkan macam-ma-
septual, operasional konsep multimedia in- cam multimedia interaktif
dasar, dan metakog- teraktif berbasis hala-- Menyebutkan contoh apli-
nitif sesuai dengan man web dan media kasi multimedia interaktif
bidang dan lingkup interaktif dalam berbagai bidang
kerja Multimedia pa- - Menjelaskan konsep mul-
da tingkat teknis, timedia interaktif berbasis
spesifik, detail, dan halaman web dan media
kompleks, berkena- interaktif
an dengan ilmu - Menjelaskan pengertian,
pengetahuan, tekno- sejarah, cara kerja, dan
logi, seni, budaya, unsur-unsur web
dan humaniora da- - Menjelaskan kriteria web
lam konteks yang baik
pengembangan po- - Menjabarkan fungsi web
tensi diri sebagai
3.2 Memahami (desain/pe-- Mendeskripsikan pembu-- Perancang-an √ 104 x 45’
bagian dari keluarga,
rancangan alur) untuk atan storyboard pada multime-dia
sekolah, dunia kerja,
multimedia interaktif aplikasi multimedia inter- interaktif
warga masyarakat
berbasis halaman web aktif berbasis halaman web berbasis ha-
nasional, regional,
dan media interaktif - Mengidentifikasi anatomi laman web
dan internasional
3.3 Menerapkan prinsip- halaman web dan media
4. Melaksanakan tugas
prinsip desain user in-- Menjelaskan tentang prin- interaktif
spesifik dengan
terface pada multime-dia sip dasar desain user
menggunakan alat,
interaktif berbasis interface pada aplikasi
informasi, dan pro-
halaman web dan me- multimedia interaktif ber-
sedur kerja yang
dia interaktif basis halaman web
lazim dilakukan serta
4.2 Membuat (desain/pe-- Mengidentifikasi tipe an-
memecahkan masa-
rancangan alur) untuk tarmuka (user interface)
lah sesuai dengan
multimedia interaktif yang digunakan dalam
bidang kerja Multi-
berbasis halaman web aplikasi multimedia inter-
media
dan media interaktif aktif berbasis halaman web
Menampilkan kinerja 4.3 Membuat user inter- - Menjelaskan pengertian
di bawah bimbingan face menggunakan dan struktur HTML

Ruang
Lingkup Alokasi
Waktu
1 2 3 4
dengan mutu dan ku- prinsip-prinsip desain - Membuat contoh dari
antitas yang terukur user interface pada penggunaan tag-tag HTML
sesuai dengan stan- multimedia interaktif - Menjelaskan kode tag
dar kompetensi kerja berbasis halaman web HTML untuk merancang
Menunjukkan kete- dan media interaktif aplikasi multimedia inter-
rampilan menalar, aktif berbasis halaman web
mengolah, dan - Melakukan pembuatan
menyaji secara efek- aplikasi multimedia inter-
tif, kreatif, produktif, aktif berbasis halaman web
kritis, mandiri, kolabo- dengan kode tag HTML
ratif, komunikatif, dan sederhana
solutif dalam ranah 3.4 Menerapkan prosedur- Mengenal perangkat lu-nak- Pengopera- √ 78 x 45’
abstrak terkait de- pengoperasian aplikasi untuk membuat dan sian dan
ngan pengembang-an multimedia interaktif mendesain web (software pengolahan
dari yang dipel- berbasis halaman web web design) multimedia
ajarinya di sekolah, dan media interaktif - Menjelaskan format yang interaktif
serta mampu melak- 3.5 Menerapkan cara digunakan dalam peng- berbasis
sanakan tugas spesi- penggabungan image, aturan tampilan web de- halaman web
fik di bawah peng- animasi, audio, video ngan Dreamweaver
awasan langsung dalam sajian multime-dia- Mengatur tampilan situs
Menunjukkan kete- interaktif berbasis web dengan Dreamwea-
rampilan memper- halaman web dan me- ver
sepsi, kesiapan, media interaktif - Menjelaskan prosedur
niru, membiasakan, 3.6 Memahami style pada pengoperasian multime-dia
gerak mahir, menjadi- multimedia interaktif interaktif berbasis ha-
kan gerak alami da- berbasis halaman web laman web dan media in-
lam ranah konkret dan media interaktif teraktif
terkait dengan 3.7 Mengevaluasi produk- Mengoperasikan multime-
pengembangan dari web dia interaktif berbasis ha-
yang dipelajarinya di 4.4 Mengoperasikan apli- laman web dan media in-
sekolah, serta mam- kasi multimedia inter- teraktif
pu melaksanakan tu- aktif berbasis halaman- Menjelaskan cara peng-
gas spesifik di bawah web dan media inter-aktif gabungan gambar (ima-
pengawasan lang- 4.5 Menggabungkan ima-ge, ge), animasi, audio, dan
sung animasi, audio, vi-deo video dalam sajian ber-
dalam sajian multi-media basis halaman web dan
interaktif ber-basis media interaktif
halaman web dan media- Menggabungkan gambar
interaktif (image), animasi, audio,
dan video dalam sajian
berbasis halaman web dan
media interaktif
- Menjelaskan pemrograman
web meng-gunakan style
CSS
- Membuat style CSS pada
multimedia interaktif ber-
basis halaman web dan
media interaktif
4.6 Membuat style pada - Menjelaskan cara menge-
multimedia interaktif lola halaman web
berbasis halaman web - Menjelaskan cara pengu-
dan media interaktif jian produk web
4.7 Membuat review terha- - Melakukan pengujian ter-
dap produk web hadap produk web
- Membuat review terha-dap
produk web

Ruang
Lingkup Alokasi
Waktu
1 2 3 4
3.8 Menerapkan teknik- Memahami dan menerap-- Penerapan √ 208 x 45’
pemrograman (coding) kan teknik pemrograman kode prog-
pada multimedia inter- (coding) pada multimedia ram pada
aktif interaktif multimedia
3.9 Menerapkan pengo-- Memahami dan menerap- interaktif
lahan multimedia inter- kan pengolahan multime-
aktif menggunakan ko- dia interaktif menggu-
de program (coding) nakan kode program (co-
3.10 Memahami mekanis-me ding)
pengolahan data pada- Memahami dan menjelas-
produk multime-dia kan mekanisme peng-
interaktif olahan data pada produk
3.11 Memahami publikasi multimedia interaktif
multimedia interaktif - Menggunakan program
3.12 Menerapkan pembuat- (coding) pada multimedia
an produk multimedia interaktif
interaktif - Mengolah multimedia in-
3.13 Mengevaluasi produk teraktif menggunakan ko-
media interaktif de program (coding)
4.8 Menggunakan program- Mengolah data pada pro-
(coding) pada multime- duk multimedia interaktif
dia interaktif
4.9 Mengolah multimedia
interaktif menggunakan
kode program (coding)
4.10 Mengolah data pada
produk multimedia in-
teraktif
4.11 Melakukan publikasi
multimedia interaktif
4.12 Mendesain produk mul-
timedia interaktif
4.13 Membuat laporan pem-
buatan produk multi-
media interaktif
Mengetahui …………………………………
Kepala Sekolah Guru Mata Pelajaran
________________________ ________________________
NIP. NIP.

Identifikasi KI, KD untuk Menetapkan
Kegiatan Pembelajaran (TM, PT, KMTT)
Kelas : XII
Kompetensi Inti:
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 multi-
rapkan, mengana- multimedia interaktif dia interaktif media interaktif
lisis, dan mengeva- berbasis halaman web- Elemen-elemen - Menjelaskan elemen-elemen
luasi tentang penge- dan media interaktif multimedia inter- multimedia interaktif
tahuan faktual, kon- 4.1 Mendemonstrasikan aktif - Menjabarkan macam-macam
septual, operasional konsep multimedia in-- Jenis-jenis multi- multimedia interaktif
dasar, dan metakog- teraktif berbasis hala- media interaktif - Menyebutkan contoh aplikasi
nitif sesuai dengan man web dan media- Pengembangan multimedia interaktif dalam
bidang dan lingkup interaktif multimedia inter- berbagai bidang
kerja Multimedia pa- aktif - Menjelaskan konsep multi-
da tingkat teknis, - Aplikasi multime- media interaktif berbasis ha-
spe-sifik, detail, dan dia interaktif laman web dan media in-teraktif
kom-pleks, - Multimedia inter-- Menjelaskan pengertian, se-
berkenaan de-ngan aktif berbasis ha- jarah, cara kerja, dan unsur-
ilmu pengeta-huan, laman web dan unsur web
teknologi, seni, media interaktif - Menjelaskan kriteria web yang
budaya, dan huma- baik
niora dalam konteks - Menjabarkan fungsi web
pengembangan po-
3.2 Memahami (desain/pe- - Storyboard pada- Mendeskripsikan pembuatan
tensi diri sebagai ba-
rancangan alur) untuk halaman web dan storyboard pada aplikasi mul-
gian dari keluarga,
multimedia interaktif media inter-aktif timedia interaktif berbasis ha-
sekolah, dunia kerja,
berbasis halaman web - Anatomi halaman laman web
warga masyarakat
dan media interaktif web - Mengidentifikasi anatomi ha-
nasional, regional,
3.3 Menerapkan prinsip- - Desain user inter- laman web
dan internasional
prinsip desain user face pada hala-- Menjelaskan tentang prinsip
4. Melaksanakan tugas
interface pada multi- man web dasar desain user interface
spesifik dengan
media interaktif ber- - Merancang web pada aplikasi multimedia in-
menggunakan alat,
basis halaman web berbasis HTML teraktif berbasis halaman web
informasi, dan prose-
dan media interaktif - Mengidentifikasi tipe antar-
dur kerja yang lazim
muka (user interface) yang
dilakukan serta me-
digunakan dalam aplikasi mul-
mecahkan masalah
timedia interaktif berbasis
sesuai dengan bi-
halaman web
dang kerja Multime-
- Menjelaskan pengertian dan
dia
struktur HTML
Menampilkan kinerja 4.2 Membuat (desain/pe- - Membuat contoh dari peng-

Jenis Kegiatan
Materi Pembelajaran
Pembelajaran
TM PT KMTT
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 interaktif multimedia interaktif berbasis
standar kompetensi 4.3 Membuat user inter-face halaman web
kerja menggunakan prinsip- - Melakukan pembuatan apli-kasi
Menunjukkan kete- prinsip desain user multimedia interaktif ber-basis
rampilan menalar, interface pada halaman web dengan kode tag
mengolah, dan me- multimedia interaktif HTML sederhana
nyaji secara efektif, berbasis halaman web
kreatif, produktif, kri- dan media interaktif
tis, mandiri, kola-
3.4 Menerapkan prosedur - Software web - Mengenal perangkat lunak
boratif, komunikatif,
pengoperasian aplikasi design untuk membuat dan men-
dan solutif dalam ra-
multimedia interaktif - Mengelola hala- desain web (software web
nah abstrak terkait
berbasis halaman web man web design)
dengan pengem-
dan media interaktif - Style pada multi-- Menjelaskan format yang
bangan dari yang di-
3.5 Menerapkan cara media interaktif digunakan dalam pengaturan
pelajarinya di seko-
penggabungan image, berbasis halam-an tampilan web dengan Dream-
lah, serta mampu
animasi, audio, video web weaver
melaksanakan tugas
dalam sajian multi- - JavaScript - Mengatur tampilan situs web
spesifik di bawah
media interaktif ber- - Menguji situs/ web dengan Dreamweaver
pengawasan lang-
basis halaman web - Menjelaskan prosedur peng-
sung
dan media interaktif operasian multimedia in-teraktif
Menunjukkan kete-
3.6 Memahami style pada berbasis halaman web dan
rampilan memper-
multimedia interaktif media interaktif
sepsi, kesiapan, me-
berbasis halaman web - Mengoperasikan multimedia
niru, membiasakan,
dan media interaktif interaktif berbasis halaman web
gerak mahir, menja-
3.7 Mengevaluasi produk dan media interaktif
dikan gerak alami
web - Menjelaskan cara peng-
dalam ranah konkret
4.4 Mengoperasikan apli- gabungan gambar (image),
terkait dengan
kasi multimedia inter- animasi, audio, dan video da-
pengembangan dari
aktif berbasis halaman lam sajian berbasis halaman
yang dipelajarinya di
web dan media inter- web dan media interaktif
sekolah, serta mam-
aktif - Menggabungkan gambar
pu melaksanakan tu-
4.5 Menggabungkan ima- (image), animasi, audio, dan
gas spesifik di bawah
ge, animasi, audio, video dalam sajian berbasis
pengawasan lang-
video dalam sajian halaman web dan media inter-
sung
multimedia interaktif aktif
berbasis halaman web - Menjelaskan pemrograman
dan media interaktif web menggunakan style CSS
4.6 Membuat style pada - Membuat style CSS pada
multimedia interaktif multimedia interaktif berbasis
berbasis halaman web halaman web dan media
dan media interaktif interaktif
4.7 Membuat review ter- - Menjelaskan cara mengelola
hadap produk web halaman web
- Menjelaskan cara pengujian
produk web
- Melakukan pengujian terha-dap
produk web
- Membuat review terhadap
produk web

Jenis Kegiatan
Materi Pembelajaran
Pembelajaran
TM PT KMTT
3.8 Menerapkan teknik- Teknik pemrog-- Memahami dan menerapkan
pemrograman (co-ding) raman (coding) teknik pemrograman (coding)
pada multimedia- Dasar pemrog- pada multimedia interaktif
interaktif raman Action-- Memahami dan menerapkan
3.9 Menerapkan pengolah- Script pengolahan multimedia inter-
an multimedia interaktif- Melakukan pem- aktif menggunakan kode
menggunakan kode rograman (co-ding) program (coding)
program (coding) - Pengolahan mul-- Memahami dan menjelaskan
3.10 Memahami mekanis-me timedia interaktif mekanisme pengolahan data
pengolahan data pada menggunakan pada produk multimedia inter-
produk multime-dia kode program aktif
interaktif (coding) - Menggunakan program (co-
3.11 Menerapkan publikasi- Penerapan multi- ding) pada multimedia inter-aktif
multimedia interaktif media interaktif- Mengolah multimedia inter-aktif
3.12 Menerapkan pembu- dengan kode menggunakan kode prog-ram
atan produk multime-dia program (coding) (coding)
interaktif - Mekanisme - Mengolah data pada produk
3.13 Mengevaluasi produk pengolahan data multimedia interaktif
media interaktif pada produk mul-
4.8 Menggunakan prog-ram timedia interaktif
(coding) pada- Publishing multi-
multimedia interaktif media interaktif
4.9 Mengolah multimedia- Produk multi-me-
interaktif mengguna-kan dia interaktif
kode program (co-ding)
4.10 Mengolah data pada
produk multimedia in-
teraktif
4.11 Melakukan publikasi
4.12 Mendesain produk
4.13 Membuat laporan
pembuatan produk
Keterangan:
TM : Tatap Muka
PT : Penugasan Terstruktur
KMTT : Kegiatan Mandiri Tidak Terstruktur
________________________ ________________________
NIP. NIP.

Rancangan Penilaian Kognitif
Pemetaan Penilaian Berdasarkan KI/KD/Indikator
Kelas : XII
Kompetensi Inti:
Kompetensi Inti Kompetensi Dasar Indikator UH UTS LUS

3. Memahami, menerapkan, 3.1 Memahami konsep multimedia in-- Menjelaskan definisi multi-
menganalisis, dan menge- teraktif berbasis halaman web dan media interaktif
valuasi tentang penge- media interaktif - Menjelaskan elemen-elemen
tahuan faktual, konseptual, 4.1 Mendemonstrasikan konsep multi- multimedia interaktif
operasional dasar, dan media interaktif berbasis halaman- Menjabarkan macam-macam
metakognitif sesuai dengan web dan media interaktif multimedia interaktif
bidang dan lingkup kerja - Menyebutkan contoh aplikasi
Multimedia pada tingkat multimedia interaktif dalam
teknis, spesifik, detail, dan berbagai bidang
kompleks, berkenaan de- - Menjelaskan konsep multi-
ngan ilmu pengetahuan, media interaktif berbasis ha-
teknologi, seni, budaya, dan laman web dan media inter-aktif
humaniora dalam konteks - Menjelaskan pengertian, se-
pengembangan potensi diri jarah, cara kerja, dan unsur-
sebagai bagian dari ke- unsur web
luarga, sekolah, dunia kerja, - Menjelaskan kriteria web yang
warga masyarakat nasional, baik
regional, dan internasional - Menjabarkan fungsi web
4. Melaksanakan tugas spesifik
3.2 Memahami (desain/perancangan- Mendeskripsikan pembuatan
dengan menggunakan alat,
alur) untuk multimedia interaktif storyboard pada aplikasi mul-
informasi, dan prosedur
berbasis halaman web dan media timedia interaktif berbasis
kerja yang lazim dilakukan
interaktif halaman web
serta memecahkan masalah
3.3 Menerapkan prinsip-prinsip desain- Mengidentifikasi anatomi ha-
sesuai dengan bidang kerja
user interface pada multimedia laman web
Multimedia
interaktif berbasis halaman web dan- Menjelaskan tentang prinsip
Menampilkan kinerja di ba-
media interaktif dasar desain user interface
wah bimbingan dengan
4.2 Membuat (desain/perancangan alur) pada aplikasi multimedia in-
mutu dan kuantitas yang ter-
untuk multimedia interaktif berbasis teraktif berbasis halaman web
ukur sesuai dengan standar
halaman web dan media interaktif - Mengidentifikasi tipe antar-
kompetensi kerja
4.3 Membuat user interface menggu- muka (user interface) yang di-
nakan prinsip-prinsip desain user gunakan dalam aplikasi multi-
interface pada multimedia interaktif media interaktif berbasis ha-
berbasis halaman web dan media laman web
interaktif - Menjelaskan pengertian dan
struktur HTML
- Membuat contoh dari peng-
gunaan tag-tag HTML
Menunjukkan keterampilan - Menjelaskan kode tag HTML
menalar, mengolah, dan untuk merancang aplikasi

me-nyaji secara efektif, multimedia interaktif berbasis
kreatif, produktif, kritis, halaman web
mandiri, kolaboratif, - Melakukan pembuatan apli-kasi
komunikatif, dan multimedia interaktif ber-basis
solutif dalam ranah abstrak halaman web dengan kode tag
terkait dengan pengem- HTML sederhana
bangan dari yang dipel-
3.4 Menerapkan prosedur pengope-- Mengenal perangkat lunak un-
ajarinya di sekolah, serta
rasian aplikasi multimedia interaktif tuk membuat dan mendesain
mampu melaksanakan tu-
berbasis halaman web dan media web (software web design)
gas spesifik di bawah peng-
interaktif - Menjelaskan format yang di-
awasan langsung
3.5 Menerapkan cara penggabungan gunakan dalam pengaturan
Menunjukkan keterampilan
image, animasi, audio, video dalam tampilan web dengan Dream-
mempersepsi, kesiapan,
sajian multimedia interaktif ber-basis weaver
meniru, membiasakan, ge-
halaman web dan media interaktif - Mengatur tampilan situs web
rak mahir, menjadikan gerak
3.6 Memahami style pada multimedia dengan Dreamweaver
alami dalam ranah konkret
interaktif berbasis halaman web dan- Menjelaskan prosedur pengo-
terkait dengan pengem-
media interaktif perasian multimedia interaktif
bangan dari yang dipelajari-
3.7 Mengevaluasi produk web berbasis halaman web dan
nya di sekolah, serta mampu
4.4 Mengoperasikan aplikasi multimedia interaktif
melaksanakan tugas spesifik
media interaktif berbasis halaman- Mengoperasikan multimedia
di bawah pengawasan lang-
web dan media interaktif interaktif berbasis halaman web
sung
4.5 Menggabungkan image, animasi, dan media interaktif
audio, video dalam sajian multi-- Menjelaskan cara pengga-
media interaktif berbasis halaman bungan gambar (image), ani-
web dan media interaktif masi, audio, dan video dalam
4.6 Membuat style pada multimedia sajian berbasis halaman web
interaktif berbasis halaman web dan dan media interaktif
media interaktif - Menggabungkan gambar
4.7 Membuat review terhadap produk (image), animasi, audio, dan
web video dalam sajian berbasis
halaman web dan media in-
teraktif
- Menjelaskan pemrograman web
menggunakan style CSS
- Membuat style CSS pada mul-
timedia interaktif berbasis
halaman web dan media in-
teraktif
- Menjelaskan cara mengelola
halaman web
- Menjelaskan cara pengujian
produk web
- Melakukan pengujian terha-dap
produk web
- Membuat review terhadap
produk web
3.8 Menerapkan teknik pemrograman- Memahami dan menerapkan
(coding) pada multimedia interaktif teknik pemrograman (coding)
3.9 Menerapkan pengolahan multi- pada multimedia interaktif
media interaktif menggunakan kode- Memahami dan menerapkan
program (coding) pengolahan multimedia inter-
3.10 Memahami mekanisme pengolah-an aktif menggunakan kode prog-
data pada produk multimedia ram (coding)
interaktif

3.11 Memahami publikasi multimedia - Memahami dan menjelaskan
interaktif mekanisme pengolahan data
3.12 Menerapkan pembuatan produk pada produk multimedia inter-
multimedia interaktif aktif
3.13 Mengevaluasi produk media inter- - Menggunakan program (co-
aktif ding) pada multimedia inter-aktif
4.8 Menggunakan program (coding) - Mengolah multimedia interaktif
pada multimedia interaktif menggunakan kode program
4.9 Mengolah multimedia interaktif (coding)
menggunakan kode program - Mengolah data pada produk
(coding) multimedia interaktif
4.10 Mengolah data pada produk multi-
media interaktif
4.11 Melakukan publikasi multimedia
interaktif
4.12 Mendesain produk multimedia
interaktif
4.13 Membuat laporan pembuatan pro-
duk multimedia interaktif
Keterangan:
UH : Ulangan Harian
UTS : Ulangan Tengah Semester
LUS : Latihan Ulangan Semester
________________________ ________________________
NIP. NIP.

Penetapan Kriteria Ketuntasan Minimal
Per Kompetensi Dasar dan Indikator
Kelas : XII
Kompetensi Inti:
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

Kriteria Penetapan Ketuntasan
No. Kompetensi Dasar dan Indikator
Daya Nilai KKM
Kompleksitas Intake
Dukung (%)
1. Multimedia interaktif
Memahami konsep multimedia interaktif berbasis halaman web
dan media interaktif
Mendemonstrasikan konsep multimedia interaktif berbasis
halaman web dan media interaktif
- Menjelaskan definisi multimedia interaktif
- Menjelaskan elemen-elemen multimedia interaktif
- Menjabarkan macam-macam multimedia interaktif
- Menyebutkan contoh aplikasi multimedia interaktif dalam ber-
bagai 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
2. Perancangan 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 multi-
media interaktif berbasis halaman web dan media interaktif
Membuat (desain/perancangan alur) untuk multimedia interaktif

Daya Nilai KKM
Kompleksitas Intake
Dukung (%)
Membuat user interface menggunakan prinsip-prinsip desain user
interface pada multimedia interaktif berbasis halaman web dan
media interaktif
- Mendeskripsikan pembuatan storyboard pada aplikasi multi-
media 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 diguna-
kan dalam aplikasi multimedia interaktif berbasis halaman web
- Menjelaskan pengertian dan struktur HTML
- Membuat contoh dari penggunaan tag-tag HTML
- Menjelaskan kode tag HTML untuk merancang aplikasi
multimedia interaktif berbasis halaman web
- Melakukan pembuatan aplikasi multimedia interaktif berbasis
halaman web dengan kode tag HTML sederhana
Pengoperasian dan pengolahan multimedia interaktif ber-
3. basis halaman web
Menerapkan prosedur pengoperasian aplikasi multimedia inter-
aktif 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
Mengevaluasi produk web
Mengoperasikan aplikasi multimedia interaktif berbasis halaman
Menggabungkan image, animasi, audio, video dalam sajian
multimedia interaktif berbasis halaman web dan media interaktif
Membuat style pada multimedia interaktif berbasis halaman web
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
- Mengoperasikan multimedia interaktif berbasis halaman web
- 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
- 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
4. Menerapkan teknik pemrograman (coding) pada multimedia
interaktif
Menerapkan pengolahan multimedia interaktif menggunakan kode
program (coding)
Memahami mekanisme pengolahan data pada produk multi-media
interaktif
Memahami publikasi multimedia interaktif

Daya Nilai KKM
Kompleksitas Intake
Dukung (%)
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
________________________ ________________________
NIP. NIP.

Penetapan Kriteria Ketuntasan Minimal
Per Kompetensi Inti dan Kompetensi Dasar
Kelas : XII

No. Kompetensi Inti dan Kompetensi Dasar
Daya Nilai KKM
Kompleksitas Intake
Dukung (%)
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
- Menerapkan prinsip-prinsip desain user interface pada multimedia
interaktif berbasis halaman web dan media interaktif
- Menerapkan prosedur pengoperasian aplikasi multimedia 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
- Menerapkan teknik pemrograman (coding) pada multimedia interaktif
- Menerapkan pengolahan multimedia interaktif menggunakan kode
program (coding)
- Memahami mekanisme pengolahan data pada produk multimedia
interaktif
- Memahami publikasi multimedia interaktif
- Menerapkan pembuatan produk multimedia interaktif
- Mengevaluasi produk media interaktif
Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan
4. 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

No. Kompetensi Inti dan Kompetensi Dasar
Daya Nilai KKM
Kompleksitas Intake
Dukung (%)
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, mem-
biasakan, 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
- Membuat (desain/perancangan alur) untuk multimedia 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
- Menggabungkan image, animasi, audio, video dalam sajian mul-
timedia interaktif berbasis halaman web dan media interaktif
- Membuat style pada multimedia interaktif berbasis halaman web dan
media interaktif
- Mengolah multimedia interaktif menggunakan kode program (coding)
- 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
________________________ ________________________
NIP. NIP.

Program Tahunan

Kelas : XII
Alokasi
Semester No. Materi Pokok/Kompetensi Dasar Keterangan
Waktu
1 1. Multimedia interaktif 52 JP
- Memahami konsep multimedia interaktif berbasis halaman web dan media
interaktif
- Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan
media interaktif
2. Perancangan multimedia interaktif berbasis halaman web dan media inter-aktif 104 JP
- Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis
- Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif
- Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman
- Membuat user interface menggunakan prinsip-prinsip desain user interface pada
Pengoperasian dan pengolahan multimedia interaktif berbasis halaman web
3. - Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis 78 JP
- Menerapkan cara penggabungan image, animasi, audio, video dalam sajian
- Memahami style 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
- 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

Alokasi
Semester No. Materi Pokok/Kompetensi Dasar Keterangan
Waktu
Jumlah 208 JP
________________________ ________________________
NIP. NIP.

Program Semester

Kelas : XII
Bulan
Materi Pokok/
Jml
No. Kompetensi Juli Ags Sep Okt Nov Des Jan Feb Maret April Mei Juni Juli
Jam
Dasar
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 5 1 2 3 4 1 2 3 4 1 2
. Multimedia 52 JP x x xx
interaktif
- Memahami
konsep mul
timedia in
teraktif ber
basis halam-an
web dan media
inter-aktif
- Mendemon-
strasikan
konsep
multimedia
interaktif
berbasis ha
laman web dan
media interaktif
2. Perancang-an 104 JP x x x x x x x x
multime-dia
interaktif
berbasis ha-
laman web dan
media interaktif
- Memahami
(dsain/pe-
rancangan
alur) untuk
multimedia
interaktif
berbasis ha
laman web dan
media interaktif
- Menerapkan
prinsip-prin-sip
desain user
interfa-ce pada
multimedia
interaktif
berbasis ha
laman web dan
media interaktif
- Membuat
(desain/pe-
rancangan
alur) untuk
multimedia
interaktif
berbasis ha-
laman web dan
media interaktif

Bulan
Materi Pokok/
Jml
Jam
Dasar
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 5 1 2 3 4 1 2 3 4 1 2
- Membuat user
interfa-ce
menggu-nakan
prin-sip-prinsip
desain user
interface pa-da
multime-dia
interaktif
berbasis ha-
laman web dan
media interaktif
3. Pengoperas-an 78 JP x x x x x x
dan pengolahan
multimedia
interaktif
berbasis ha-
laman web
- Menerapkan
prosedur
pengopera-
sian aplikasi
multimedia
interaktif
berbasis ha-
laman web dan
media interaktif
- Menerapkan
cara peng-
gabungan
image, ani-
masi, audio,
video dalam
sajian multi-
media inter-
aktif berba-sis
halaman web
dan media
inter-aktif
- Memahami
style pada
multimedia
interaktif
berbasis ha-
laman web dan
media interaktif
- Mengevalu-asi
produk web
- Mengopera-
sikan aplika-si
multime-dia
interaktif
berbasis ha-
laman web dan
media interaktif
- Mengga-
bungkan
image,
animasi, au-
dio, video
dalam sajian
multimedia
interaktif
berbasis ha-
laman web dan
media interaktif

Bulan
Materi Pokok/
Jml
Jam
Dasar
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 5 1 2 3 4 1 2 3 4 1 2
- Membuat style
pada
multimedia
interaktif
berbasis
halaman web
dan media in-
teraktif
- Membuat re-
view terha-dap
produk web
4. Pengoperas-an 208 JP x x xx x x x x x x x x x
dan pengolahan
multimedia
interaktif
berbasis ha-
laman web
- Menerapkan
teknik pem-
rograman
(coding) pada
multi-media
inter-aktif
- Menerapkan
pengolahan
multimedia
interaktif
mengguna-kan
kode program
(co-ding)
Persiapan Penerimaan Rapor
- Memahami
mekanisme
pengolahan
data pada
produk mul-
timedia in-
teraktif
- Menerapkan
publikasi
multimedia
interaktif
- Menerapkan
pembuatan
produk mul-
timedia in-
teraktif
- Mengevalu-asi
produk media
inter-aktif
- Mengguna-kan
program
(coding) pada
multi-media
inter-aktif
- Mengolah
multimedia
interaktif
mengguna-kan
kode program
(coding)
- Mengolah data
pada produk
mul-timedia in-
teraktif
- Melakukan
publikasi
multimedia
interaktif
- Mendesain
produk mul-
timedia in-
teraktif
- Membuat la-
poran pem-
buatan pro-duk
multime-dia
interaktif

Bulan
Materi Pokok/
Jml
Jam
Dasar
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 5 1 2 3 4 1 2 3 4 1 2
Jumlah 442 JP
Keterangan:
: Kegiatan tengah semester
: Latihan ulangan semester 1
: Ulangan semester 1
: Ujian nasional/ujian nasional susulan
: Libur semester 1/libur pascaujian nasional
________________________ _______________________
NIP. NIP.

Rincian Minggu Efektif

Kelas : XII
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 5
11. Mei 4
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 semester 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. NIP.

Silabus Berkarakter

Kelas : XII
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- - Multimedia in-Mengamati - Menjelaskan Sikap 52 x 45’ - Buku - Bersa-
sep multimedia teraktif - Mengamati konsep mul- definisi multime-- Observasi Desain habat/kom
interaktif berba- timedia interaktif berba-sis dia interaktif Pengetahuan Media uni-katif
sis halaman web halaman web dan media- Menjelaskan - Penugasan Interaktif - Kerja
dan media inter- interaktif elemen-elemen (Tugas Ter- XII keras
aktif Menanya multimedia inter- struktur/ Tu- - Buku - Kreatif
4.1 Mendemonstra- - Merumuskan pertanya-an aktif gas Mandi- paket - Tang-
sikan konsep tentang masalah se-hari-- Menjabarkan ri/Tes Ter- - Buku gung
multimedia inter- hari yang berkaitan macam-macam tulis) referensi jawab
aktif berbasis ha- dengan konsep multime- multimedia inter-Keterampilan lain
laman web dan dia interaktif berbasis aktif - Portofolio
media interaktif halaman web dan me-dia- Menyebutkan - Proyek
interaktif contoh aplikasi
Mengumpulkan Informa-si multimedia in-
- Mengumpulkan informa-si teraktif dalam
tentang konsep multi- berbagai bidang
media interaktif berbasis- Menjelaskan
halaman web dan media tentang konsep
interaktif multimedia in-
Menalar/Mengasosiasi teraktif berbasis
- Menganalisis konsep halaman web dan
multimedia interaktif ber- media inter-aktif
basis halaman web dan
media interaktif
Mengomunikasikan - Menjelaskan
- Mempresentasikan kon- pengertian, se-

sep multimedia interaktif jarah, cara ker-ja,

berbasis halaman web dan unsur-unsur
dan media interaktif web
- Mempresentasikan kon-- Menjelaskan
sep multimedia interaktif kriteria web yang
berbasis halaman web baik
dan media interaktif - Menjabarkan
fungsi web
3.2 Memahami (de- - Perancangan Mengamati - Mendeskripsi-kan Sikap 104 x 45’ - Buku - Kreatif
sain/perancang- multimedia - Mengamati permasa- pembuatan - Observasi Desain - Mandiri
an alur) untuk interaktif ber- lahan sehari-hari yang storyboard padaPengetahuan Media - Tang-
multimedia inter- basis halam-an berkaitan dengan pe- aplikasi multi-- Penugasan Interaktif gung
aktif berbasis ha- web dan media rancangan alur dan de- media interaktif (Tugas Ter- XII jawab
laman web dan inter-aktif sain user interface pada berbasis halam- struktur/ Tu- - Buku
media interaktif multimedia interaktif ber- an web gas Mandi- paket
3.3 Menerapkan basis halaman web dan- Mengidentifika-si ri/Tes Ter- - Buku
prinsip-prinsip media interaktif anatomi ha-laman tulis) referensi
desain user Menanya web Keterampilan lain
inter-face pada - Merumuskan pertanya-an- Menjelaskan - Portofolio
multi-media tentang analisis pe- tentang prinsip- Proyek
interaktif rancangan alur dan de- dasar desain user
berbasis halam- sain user interface pada interface pada
an web dan me- multimedia interaktif ber- aplikasi
dia interaktif basis halaman web dan multimedia inter-
4.2 Membuat (de- media interaktif aktif berbasis
sain/perancang- Mengumpulkan Informa-si halaman web
an alur) untuk - Mengumpulkan informa-si- Mengidentifika-si
multimedia inter- tentang masalah se-hari- tipe antarmu-ka
aktif berbasis ha- hari yang berkaitan (user inter-
laman web dan dengan analisis peran- face) yang di-
media interaktif cangan alur dan desain gunakan dalam
4.3 Membuat user user interface pada mul- aplikasi multi-
interface meng- timedia interaktif ber-basis media interaktif
gunakan prinsip- halaman web dan media berbasis halam-
prinsip desain interaktif an web
user interface Menalar/Mengasosiasi - Menjelaskan
pa-da multimedia - Menganalisis sistem pe- pengertian dan
in-teraktif rancangan alur dan de- struktur HTML
berbasis sain user interface pada- Membuat con-toh
halaman web multimedia interaktif ber- dari peng-gunaan
dan media inter- basis halaman web dan tag-tag HTML
aktif media interaktif - Menjelaskan kode
Mengomunikasikan tag HTML untuk
- Mempresentasikan pe- meran-cang
rancangan alur dan de- aplikasi
sain user interface pada multimedia in-
multimedia interaktif ber- teraktif berbasis
basis halaman web dan halaman web
media interaktif - Melakukan pem-
buatan aplikasi
multimedia inter-
aktif berbasis
halaman web
dengan kode tag
HTML se-derhana
3.4 Menerapkan pro- - Pengoperasi- Mengamati - Mengenal pe-Sikap 78 x 45’ - Buku - Kerja
sedur pengope- an dan peng-- Mengamati berbagai rangkat lunak- Observasi Desain keras
rasian aplikasi olahan multi- permasalahan sehari-hari untuk membuatPengetahuan Media - Mandiri
multimedia inter- media inter-aktif yang berkaitan de-ngan dan mendesain- Penugasan Interaktif - Tang-
aktif berbasis ha- berbasis pengoperasian dan web (software (Tugas Ter- XII gung
laman web dan halaman web pengolahan multimedia web design) struktur/ Tu- - Buku jawab
media interaktif interaktif berbasis ha-- Menjelaskan for- gas Mandi- paket
3.5 Menerapkan laman web mat yang digu- ri/Tes Ter- - Buku
cara pengga- Menanya nakan dalam tulis) referensi
bungan image, - Menanya tentang berba- pengaturan tam-Keterampilan lain
animasi, audio, gai permasalahan se-hari- pilan web de-ngan- Portofolio
video dalam saji- hari yang berkaitan Dream-weaver - Proyek

an multimedia in- dengan pengoperasian- Mengatur tam-

teraktif berbasis dan pengolahan multi- pilan situs web
halaman web media interaktif berbasis dengan Dream-
dan media inter- halaman web weaver
aktif Mengumpulkan Informa-si - Menjelaskan
3.6 Memahami style - Mengumpulkan informa-si prosedur peng-
pada multimedia tentang masalah se-hari- operasian multi-
interaktif berba- hari yang berkaitan media interaktif
sis halaman web dengan pengoperasian berbasis hala-man
dan media inter- dan pengolahan multi- web dan media
aktif media interaktif berbasis interaktif
3.7 Mengevaluasi halaman web - Mengoperasi-kan
produk web Menalar/Mengasosiasi multimedia
4.4 Mengoperasikan - Menganalisis pengope- interaktif berba-sis
aplikasi multi- rasian dan pengolahan halaman web dan
media interaktif multimedia interaktif ber- media interaktif
berbasis halam- basis halaman web - Menjelaskan ca-ra
an web dan me- Mengomunikasikan penggabung-an
dia interaktif - Mempresentasikan gambar (ima-ge),
4.5 Menggabungkan pengoperasian dan anima-si, audio,
image, animasi, pengolahan multimedia dan video dalam
audio, video da- interaktif berbasis halam- sajian berbasis
lam sajian mul- an web halam-an web
timedia interaktif dan me-dia
berbasis halam- interaktif
an web dan me- - Menggabung-kan
dia interaktif gambar (image),
4.6 Membuat style anima-si, audio,
pada multimedia dan video dalam
interaktif berba- sa-jian berbasis
sis halaman web ha-laman web
dan media inter- dan media
aktif interaktif
4.7 Membuat review - Menjelaskan
terhadap produk pemrograman
web web mengguna-
kan style CSS
- Membuat style
CSS pada mul-
timedia interaktif
berbasis halam-
an web dan me-
dia interaktif
- Menjelaskan cara
mengelola
halaman web
- Menjelaskan cara
pengujian produk
web
- Melakukan
pengujian ter-
hadap produk web
- Membuat review
terhadap produk
web
3.8 Menerapkan - Penerapan Mengamati - Memahami danSikap 208 x 45’ - Buku - Disiplin
teknik pemrog- kode program- Mengamati permasalah- menerapkan - Observasi Desain - Kreatif
raman (coding) pada multi- an sehari-hari yang ber- teknik pemrog-Pengetahuan Media - Inovatif
pada media inter-aktif kaitan dengan cara pe- raman (coding)- Penugasan Interaktif - Tang-
multimedia nerapan kode program pada multime-dia (Tugas Ter- XII gung
interaktif pada multimedia inter-aktif interaktif struktur/ Tu- - Buku jawab
3.9 Menerapkan Menanya - Memahami dan gas Mandi- paket
pengolahan - Menanya permasalahan menerapkan ri/Tes Ter- - Buku
mul-timedia sehari-hari yang ber-kaitan pengolahan tulis) referensi
interaktif dengan cara pe-nerapan multimedia in-Keterampilan lain
menggunakan kode program pada teraktif meng-- Portofolio
kode program multimedia inter-aktif gunakan kode- Proyek

(coding) Mengumpulkan Informa-si program (co-ding)

3.10 Memahami me- - Mengumpulkan informa-si- Memahami dan
kanisme peng- tentang cara penerap-an menjelaskan
olahan data pa- kode program pada mekanisme
da produk multi- multimedia interaktif pengolahan da-
media interaktif Menalar/Mengasosiasi ta pada produk
3.11 Memahami pu- - Menganalisis hasil pene- multimedia inter-
blikasi multime- rapan kode program pa-da aktif
dia interaktif multimedia interaktif - Menggunakan
3.12 Menerapkan Mengomunikasikan program (co-
pembuatan pro- - Mempresentasikan hasil ding)pada multi-
duk multimedia penerapan kode prog-ram media interaktif
interaktif pada multimedia interaktif - Mengolah multi-
3.13 Mengevaluasi media interaktif
produk media menggunakan
in-teraktif kode program
4.8 Menggunakan (coding)
program (co- - Mengolah data
ding) pada pada produk
multi-media multimedia in-
interaktif teraktif
4.9 Mengolah multi-
media interaktif
menggunakan
kode program
(coding)
4.10 Mengolah data
pada produk
multimedia in-
teraktif
4.11 Melakukan pu-
blikasi multime-
dia interaktif
4.12 Mendesain pro-
duk multimedia
interaktif
4.13 Membuat lapor-
an pembuatan
produk multi-
media interaktif
________________________ ________________________
NIP. NIP.

Hasil Identifikasi Kompetensi Dasar

Kelas : XII
Kompetensi Dasar Kompetensi Dasar

Materi Pokok
KI 3 KI 4
3.1 Memahami konsep multimedia interaktif 4.1 Mendemonstrasikan konsep multimedia- Multimedia interaktif
berbasis halaman web dan media interaktif interaktif berbasis halaman web dan
media interaktif
3.2 Memahami (desain/perancangan alur) un- 4.2 Membuat (desain/perancangan alur)- Perancangan multime-dia
tuk multimedia interaktif berbasis halaman untuk multimedia interaktif berbasis ha- interaktif berbasis
web dan media interaktif laman web dan media interaktif halaman web dan me-dia
3.3 Menerapkan prinsip-prinsip desain user 4.3 Membuat user interface menggunakan interaktif
interface pada multimedia interaktif ber- prinsip-prinsip desain user interface pada
basis halaman web dan media interaktif multimedia interaktif berbasis halaman
3.4 Menerapkan prosedur pengoperasian apli- 4.4 Mengoperasikan aplikasi multimedia- Pengoperasian dan
kasi multimedia interaktif berbasis halaman interaktif berbasis halaman web dan pengolahan multimedia
web dan media interaktif media interaktif interaktif berbasis ha-
3.5 Menerapkan cara penggabungan image, 4.5 Menggabungkan image, animasi, audio, laman web
animasi, audio, video dalam sajian multi- video dalam sajian multimedia interaktif
media interaktif berbasis halaman web dan berbasis halaman web dan media inter-
media interaktif aktif
3.6 Memahami style pada multimedia interaktif 4.6 Membuat style pada multimedia inter-
berbasis halaman web dan media interaktif aktif berbasis halaman web dan media
3.7 Mengevaluasi produk web interaktif
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 inter- 4.9 Mengolah multimedia interaktif menggu- interaktif
aktif menggunakan kode program (coding) nakan kode program (coding)
3.10 Memahami mekanisme pengolahan data 4.10 Mengolah data pada produk multimedia
pada produk multimedia interaktif interaktif
3.11 Memahami publikasi multimedia interaktif 4.11 Melakukan publikasi multimedia inter-aktif
3.12 Menerapkan pembuatan produk multimedia 4.12 Mendesain produk multimedia interaktif
interaktif 4.13 Membuat laporan pembuatan produk
3.13 Mengevaluasi produk media interaktif multimedia interaktif
________________________ ________________________
NIP. NIP.

Rencana Pelaksanaan Pembelajaran 1

Kelas : XII
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 : - Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif
- 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 (26 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
Multimedia interaktif
Pertemuan Ke-1 s.d. 26
1. Multimedia interaktif adalah pemanfaatan komputer untuk membuat serta menggabungkan teks, gambar, suara,
video, dan animasi dengan menggabungkan perangkat-perangkat tertentu yang dapat memungkinkan pengguna
melakukan navigasi, berinteraksi, dan berkomunikasi.
2. Multimedia interaktif terdiri dari beberapa elemen, yaitu teks, gambar, grafik, audio, dan interaktivitas.

3. Multimedia interaktif memiliki banyak manfaat dalam semua bidang kehidupan manusia, mulai dari bidang hiburan,
komunikasi, transportasi, pendidikan, kesehatan, bisnis, dan teknik.
4. World Wide Web (WWW) atau juga dikenal dengan website atau situs merupakan kumpulan halaman yang
menampilkan informasi data teks, data gambar diam atau bergerak, 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).
5. Unsur-unsur sebuah website, meliputi nama domain (domain name), rumah tempat website (web hosting), bahasa
program (script), desain website, dan publikasi.
6. Multimedia interaktif berbasis web sering mengandung unsur-unsur yang berinteraksi langsung dengan pengguna
(user), sehingga dapat digunakan untuk mengontrol pengiriman suara atau videoklip, memanipulasi objek 3D,
ataupun bermain game.
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 (2.280 Menit)
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
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
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
Waktu
No. Aspek yang Dinilai Teknik Penilaian Instrumen Penilaian Keterangan
Penilaian
1. Bersahabat/komunikatif Pengamatan Proses Lembar pengamatan
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
Indikator Pencapaian Teknik Bentuk
Instrumen
Kompetensi Penilaian Penilaian
1. Menjelaskan definisi multi- Tes tertulis Uraian 1. Apa yang dimaksud dengan multimedia inter-aktif?
media interaktif 2. Sebutkan kelebihan penggunaan multimedia
2. Menjelaskan elemen-ele- interaktif!
men multimedia interaktif 3. Sebut dan jelaskan jenis-jenis multimedia inter-
3. Menjabarkan macam-ma- aktif berdasarkan cara penyampaiannya!
cam multimedia interaktif 4. Apa yang dimaksud website interaktif? Berikan
4. Menyebutkan contoh aplika- contoh!
si multimedia interaktif da- 5. Jelaskan tugas dari profesi web administrator dan
lam berbagai bidang web designer!
5. Menjelaskan konsep multi-
media interaktif berbasis
halaman web dan media

Instrumen
interaktif
6. Menjelaskan pengertian, se-
jarah, cara kerja, dan unsur-
unsur web
7. Menjelaskan kriteria web
yang baik
8. Menjabarkan fungsi web
________________________ ________________________
NIP. NIP.


Kelas : XII

langsung
Kompetensi Dasar : - Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web
- Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis
- Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan
media interaktif
- Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia
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
- 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 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. Terdapat beberapa hal yang harus dipertimbangkan dalam pembuatan storyboard, yaitu brainstorming, hierarki,
navigasi, dan balance.
3. Susunan storyboard dalam web, meliputi tema, judul, alur, dan site map.
4. Untuk belajar melakukan layout website, hal pertama yang perlu diketahui adalah elemen-elemen web. Selanjutnya,
merancang tata letak (layout) dan user experience (UX) 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.
5. Wireframe adalah kerangka atau coretan kasar untuk penataan item-item pada website sebelum merancang tema.
6. 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.
7. Terdapat lima tipe antarmuka yang dapat digunakan untuk menjembatani interaksi antara pengguna (user) dengan
aplikasi multimedia interaktif, yaitu direct manipulation, menu selection, form fill, command language, dan natural
language.
8. 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
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

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
sebelumnya
penyimpulan
Mengomunikasikan:
perancangan alur dan desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif
Penutup (30 Menit)
pembelajaran
5. Guru dapat meminta peserta didik untuk meningkatkan pemahamannya tentang konsep, prinsip, atau teori yang
didik
1. Alat : - Seperangkat komputer
- Web browser
- Notepad/text editor
F. Penilaian
Penilaian Sikap
Waktu
Penilaian
2. Mandiri Pengamatan Proses Lembar pengamatan
Keterangan:

Penilaian Hasil
Teknik Bentuk
Indikator Pencapaian Kompetensi Instrumen
Penilaian Penilaian
1. Mendeskripsikan pembuatan storyboard Tes tertulis Uraian 1. Sebut dan jelaskan beberapa hal yang
pada aplikasi multimedia interaktif ber- harus dipertimbangkan dalam pem-
basis halaman web buatan storyboard!
2. Mengidentifikasi anatomi halaman web 2. Sebut dan jelaskan model layout yang
3. Menjelaskan tentang prinsip dasar de- biasa digunakan dalam mendesain
sain user interface pada aplikasi multi- halaman web!
media interaktif berbasis halaman web 3. Jelaskan tentang prinsip task com-
4. Mengidentifikasi tipe antarmuka (user patibility dalam desain user interface
interface) yang digunakan dalam apli- dan berikan contoh!
kasi multimedia interaktif berbasis ha- 4. Jelaskan tentang tipe antarmuka
laman web command language serta kelebihan dan
5. Menjelaskan pengertian dan struktur kekurangannya!
HTML 5. Tuliskan kode HTML untuk memain-kan
6. Membuat contoh dari penggunaan tag- musik “lagu.mp3” dan “lagu.oog” ke
tag HTML dalam aplikasi web!
7. Menjelaskan kode tag HTML untuk
merancang aplikasi multimedia interaktif
8. Melakukan pembuatan aplikasi multi-
media interaktif berbasis halaman web
dengan kode tag HTML sederhana
________________________ ________________________
NIP. NIP.


Kelas : XII

langsung
Kompetensi Dasar : - Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web
- Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia
- Memahami style 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
- Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif
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 halaman
- 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
- 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
- Kerja keras, mandiri, dan tanggung jawab
Pengoperasian dan pengolahan multimedia interaktif berbasis halaman web
1. Adobe Dreamweaver merupakan software untuk 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 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 script, 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.
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
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 kerja keras, mandiri, 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 : - Browser
- Seperangkat komputer
- Software Dreamweaver
F. Penilaian
Penilaian Sikap
No. Aspek yang Dinilai Teknik Penilaian Waktu Penilaian Instrumen Penilaian Keterangan
1. Kerja keras Pengamatan Proses Lembar pengamatan

2. Mandiri Pengamatan Proses Lembar pengamatan
Keterangan:

Penilaian Hasil
Indikator Pencapaian Kompetensi Teknik Bentuk Instrumen
Penilaian Penilaian
1. Mengenal perangkat lunak untuk membuat Tes tertulis Uraian 1. Sebutkan bahasa pemrograman
dan mendesain web (software web design) yang didukung oleh Adobe
2. Menjelaskan format yang digunakan dalam Dreamweaver!
pengaturan tampilan web dengan Dream- 2. Jelaskan yang Anda ketahui
weaver tentang CSS!
3. Mengatur tampilan situs web dengan 3. Sebutkan langkah-langkah mem-
Dreamweaver buat tabel pada Dreamweaver!
4. Menjelaskan prosedur pengoperasian multi- 4. Sebutkan langkah-langkah
media interaktif berbasis halaman web dan menyunting broken links dan
media interaktif orphaned links!
5. Mengoperasikan multimedia interaktif ber- 5. Jelaskan fungsi pengaturan
basis halaman web dan media interaktif rollover links, visited links, dan
6. Menjelaskan cara penggabungan gambar active links!
(image), animasi, audio, dan video dalam
sajian berbasis halaman web dan media
interaktif
7. Menggabungkan gambar (image), animasi,
audio, dan video dalam sajian berbasis
8. Menjelaskan pemrograman web menggu-
nakan style CSS
9. Membuat style CSS pada multimedia inter-
aktif 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
________________________ ________________________
NIP. NIP.


Kelas : XII

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
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 inter-
aktif
- 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. Penggunaan ActionScript bertujuan untuk memberikan kebebasan berkreasi bagi desainer, membuat
animasi interaktif, dan dapat menampilkan animasi tertentu (nonlinier).
2. Beberapa aturan dalam penulisan ActionScript 3 (AS3), yaitu case sensitive, semicolons, parentheses, code blocks,
white space, comments, dan literals.
3. ActionScript mempunyai beberapa komponen, seperti predefined object dan fungsi. ActionScript mengikuti syntax,
keywords, operator, dan variabel untuk menyimpan serta 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.
1. Pendekatan : Saintifik
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
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 : - Seperangkat komputer
- CD/DVD
- Software Adobe Flash
F. Penilaian
Penilaian Sikap
Waktu
Penilaian
1. Disiplin Pengamatan Proses Lembar pengamatan
3. Inovatif Pengamatan Proses Lembar pengamatan
Keterangan:
Penilaian Hasil
Instrumen
1. Memahami dan menerapkan Tes tertulis Uraian 1. Apakah yang dimaksud CD interaktif?
teknik pemrograman (coding) 2. Sebutkan enam tahapan dalam mengem-
pada multimedia interaktif bangkan multimedia interaktif!
2. Memahami dan menerapkan 3. Apakah fungsi ActionScript pembuatan produk
pengolahan multimedia inter- CD media pembelajaran interaktif?
aktif menggunakan kode prog- 4. ActionScript adalah bahasa pemrograman yang
ram (coding) bersifat case sensitive. Apa maksudnya?
3. Memahami dan menjelaskan 5. Buatlah salah satu contoh penggunaan keyboard
mekanisme pengolahan data event!
pada produk multimedia inter-
aktif

Instrumen
4. Menggunakan program (co-
ding) pada multimedia inter-
aktif
5. Mengolah multimedia interaktif
menggunakan kode program
(coding)
6. Mengolah data pada produk
________________________ ________________________
NIP. NIP.

MM 02 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

MM 02 Desain Media Interaktif 12

Diunggah oleh

Hak Cipta:

Format Tersedia

Perangkat

Kegiatan Belajar Mengajar

Desain Media Interaktif XII

Desain Media Interaktif (Multimedia) XII 2

Desain Media Interaktif (Multimedia) XII 3

Desain Media Interaktif (Multimedia) XII 4

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

Desain Media Interaktif (Multimedia) XII 5

Desain Media Interaktif (Multimedia) XII 6

Desain Media Interaktif (Multimedia) XII 7

Kompetensi Inti Kompetensi Dasar Indikator UH UTS LUS

Desain Media Interaktif (Multimedia) XII 8

Desain Media Interaktif (Multimedia) XII 9

Desain Media Interaktif (Multimedia) XII 10

Kriteria Ketuntasan Minimal

Desain Media Interaktif (Multimedia) XII 11

Desain Media Interaktif (Multimedia) XII 12

Desain Media Interaktif (Multimedia) XII 13

Kriteria Ketuntasan Minimal

Desain Media Interaktif (Multimedia) XII 14

Desain Media Interaktif (Multimedia) XII 15

Mata Pelajaran : Desain Media Interaktif

Desain Media Interaktif (Multimedia) XII 16

Desain Media Interaktif (Multimedia) XII 17

Mata Pelajaran : Desain Media Interaktif

Desain Media Interaktif (Multimedia) XII 18

Desain Media Interaktif (Multimedia) XII 19

Desain Media Interaktif (Multimedia) XII 20

Desain Media Interaktif (Multimedia) XII 21

Mata Pelajaran : Desain Media Interaktif

I. Jumlah minggu dalam 1 tahun

II. Jumlah minggu tidak efektif dalam 1 tahun

III. Jumlah minggu efektif dalam 1 tahun

Desain Media Interaktif (Multimedia) XII 22

Mata Pelajaran : Desain Media Interaktif

Kompetensi Materi Pokok/ Kegiatan Sumber Nilai

Desain Media Interaktif (Multimedia) XII 23

sep multimedia interaktif jarah, cara ker-ja,

Desain Media Interaktif (Multimedia) XII 24

an multimedia in- dengan pengoperasian- Mengatur tam-

Desain Media Interaktif (Multimedia) XII 25

(coding) Mengumpulkan Informa-si program (co-ding)

Desain Media Interaktif (Multimedia) XII 26

Mata Pelajaran : Desain Media Interaktif

Kompetensi Dasar Kompetensi Dasar

Desain Media Interaktif (Multimedia) XII 27

Mata Pelajaran : Desain Media Interaktif

Kompetensi Inti : - Menghayati dan mengamalkan ajaran agama yang dianutnya

Desain Media Interaktif (Multimedia) XII 28

Desain Media Interaktif (Multimedia) XII 29

Desain Media Interaktif (Multimedia) XII 30

Desain Media Interaktif (Multimedia) XII 31

Mata Pelajaran : Desain Media Interaktif

Kompetensi Inti : - Menghayati dan mengamalkan ajaran agama yang dianutnya

Desain Media Interaktif (Multimedia) XII 32

Desain Media Interaktif (Multimedia) XII 33

Desain Media Interaktif (Multimedia) XII 34

Desain Media Interaktif (Multimedia) XII 35

Mata Pelajaran : Desain Media Interaktif

Kompetensi Inti : - Menghayati dan mengamalkan ajaran agama yang dianutnya

Desain Media Interaktif (Multimedia) XII 36

Desain Media Interaktif (Multimedia) XII 37

1. Kerja keras Pengamatan Proses Lembar pengamatan

3. Tanggung jawab Pengamatan Proses Lembar pengamatan