DESAIN MEDIA INTERAKTIF

XII MULTIMEDIA
2022
Masalah
Alternative solusi
Literature Jurnal
: Kurangnya kemauan siswa untuk berfikir secara HOTS
dalam suatu materi pembelajaran
: penggunaan model pembelajaran PjBL siswa
menggunakan gambar, video atau audio untuk berfikir
secara kritis dan kreatif serta didampingi guru.
HUBUNGAN PENERAPAN PROJECT BASED LEARNING
PORTOFOLIO PROSES DENGAN KEMAMPUAN
BERPIKIR KRITIS DAN BERTANGGUNG JAWAB,
(Mayomi Cita Irmanda Putri, Any Sutiadiningsih,
Luthfiyah Nurlaela, Niken Purwidiani, 2021)

Satuan Pendidikan : SMK YPE Nusantara Slawi

Kelas/ Semester : XII / Satu
Mata Pelajaran : Desain Media Interaktif
Materi Pokok : Perancangan Desain User Interface Pada Multimedia Interaktif
Alokasi Waktu : 2 JP (2x45 menit)

KI 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,
detil, 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.
KI 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.

Pengetahuan
3.3 Menerapkan prinsip-prinsip
desain user interface pada
multimedia interaktif berbasis
halaman web dan media interaktif
Keterampilan
4.3 Membuat user interface menggunakan
prinsip-prinsip desain user interface pada
multimedia interaktif berbasis halaman web
dan media interaktif

1. Peserta didik (A) menggali informasi (B) untuk mengumpulkan (C) data tentang tujuan,
manfaat, prinsip desain user interface, dan perancangan desain user interface dengan
benar (D)
2. Peserta didik (A) melalui diskusi (B) dapat menerapkan (C) tujuan dan manfaat desain
user interface dengan benar. (D)
3. Peserta didik (A) melalui diskusi (B) dapat membuat laporan (C) tentang tujuan dan
manfaat desain user interface dengan benar (D).
4. Peserta didik (A) melalui diskusi (B) dapat merancang (C) desain user interface dengan
benar. (D)
3.3.1 Menjelasakan tujuan dan manfaat desain user interface
3.3.2 Menentukan penggunaan Prinsip desain user interface yang sesuai
4.3.1 Membuat laporan tertulis tentang tujuan dan manfaat desain user interface
4.3.2 Membuat desain user interface multimedia interaktif menggunakan prinsip desain
user interface yang sesuai

Desain User Interface

 Tujuan dan manfaat

 Prinsip desain user interface
 Interaksi Pengguna
 Merancang Desain User Interface

1. Pendekatan : Saintifik
2. Model : PjBL (Project Based Learning)
3. Metode : Ceramah, diskusi, penugasan dan tanyajawab
No Tahap Kegiatan Nilai Karakter Kecakapan Alokasi
/Sintak Abad 21 (4c) Waktu
Model
1. Pendahuluan  Pembelajaran Disiplin, religious, TPACK- 10
dimulai tepat gotong royong, teknologi dan menit
waktu, TPACK-
mengucapkan knowledge),
salam sebagai (Comunication/
pembuka Abad 21)
pelajaran dan
berdoa
 Guru mengecek
kehadiran peserta
didik dan
memberi motivasi
pada peserta didik
serta
mengingatkan
kembali materi
yang sebelumnya
 menginformasikan
tentang tujuan
pembelajaran,
teknik penilaian
dan
mengingatkan K3
dalam
pembelajaran

 pre tes
https://bit.ly/pp
lpretes3
  Memaparkan
materi
2. Kegiatan inti (project based leraning)
rasa ingin tahu Critical 10
Sintaks tahap Guru memberikan thingking/ menit
1: contoh gambar pada Abad 21,
Pertanyaan powerpoint Demokrasi/
Mendasar https://bit.ly/pptba PPK):
b3

Guru memberikan
pertanyaan pada
peserta didik :
1. Menurut kalian
menampilkan
informasi apakah
pada gambar
tersebut ?
2. Pernahkah kalian
membuat desain
user interface
menggunakan
adobe dreamwever
?
Peserta didik (Creativity, 10
Sintaks tahap mengamati desain rasa ingin tahu, Critical menit
2: user interface pada Kerja keras, thingking
Mendesain tanggungjawab
 Perencanaan powerpoint dan /Abad 21
desain Produk mengamati petunjuk
dalam merancang
desain user interface
, yang meliputi:

a.Waktu merancang
desain kurang lebih
selama 40 menit.
b.Tema dari desain
produk.
Peserta didik Kerja keras, Creativity 10
Sintaks tahap membuat kelompok tanggungjawab/PPK /Abad 21 menit
3: dan menyusun
Menyusun langkah-langkah
Jadwal merancang desain
Pembuatan user interface dalam
LKPD yang telah
disiapkan.

https://bit.ly/lkpd
bab3

Sintaks tahap 40
4 dan 5 : Guru memantau menit
Memonitor kegiatan peserta
Keaktifan dan didik dan menilai
perkembangan rancangan desain
desain produk user interface
serta Menguji peserta didik.
Hasil desain
produk
3. Penutup
Refleksi Guru dan peserta Kemandirian Kreatif, 10
didik mengevaluasi Kolaborasi menit
pembelajaran
Pos test
 https://bit.ly/pplpos
tes3

https://bit.ly/bab3e
valuasi

Guru memberikan
perencanaan dan
penugasan untuk
materi selanjutnya

Guru mengakhiri
pembelajaran
dengan doa bersama
peserta didik

Alat dan bahan :

1. LCD projector
2. Laptop
3. Kertas HV
4. Pensil
 Media :
1. Whiteboard
2. Canva atau microsoft word
3. LKPD
4. Gdrive atau Wa Group

1. Buku Peserta didik desain Media Interaktif Edisi terbaru kurikulum 2013,
penerbit astrapedia, buku perpustakaan smk ype nusantara slawi
2. E-modul : https://bit.ly/bab3e-modul
3. E-tutorial : https://bit.ly/tutorialbab3

Mengetahui, Slawi, 24 September 2022

Kepala Sekolah Guru Mata Pelajaran

Wahyu Handoko Putro, S.E Lela Desi Nugraheni, S.Kom