KELOMPOK 6 LKPD DESAIN MEDIA INTERAKTIF KELOMPOK REV.pdf
1. LEMBAR KERJA PESERTA DIDIK (LKPD)
Satuan Pendidikan : SMKN darul Ulum Muncar
Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XII/Ganjil
Materi/Pokok bahasan/SPB : Perancangan multimedia interaktif berbasis halaman web dan
media interaktif
Nama Kelompok : KELOMPOK 6
Anggota Kelompok : 1. Elsa Della Prisma
: 2. Elvy Nadia Bulan Setiawati
: 3. Habib Wahyu Andryan
: 4. Indah Ayu Yuliani
Kelas : 12 MM 1
1. Setiap individu dan kelompok harus membaca LKPD dengan saksama.
2. Diskusikan setiap masalah yang ada di LKPD kepada sesama anggota kelompok.
3. Mintalah bantuan guru jika ada yang belum dipahami!
Melalui pendekatan saintifik menggunakan model PBL dengan teknik diskusi, tanya
jawab dan kerja kelompok peserta didik mampu;
1. Menerapkan (c3) konsep (desain perancangan alur) untuk multimedia interaktif
berbasis halaman web dan media interaktif dengan baik.
2. Menentukan (c4) Storyboard (desain perancangan alur) untuk multimedia
interaktif berbasis halaman web dan media interaktif dengan tepat.
3. Menganalisis (c4) Struktur Navigasi (desain perancangan alur) untuk
multimedia interaktif berbasis halaman web dan media interaktif dengan baik.
Petunjuk Penggunaan LKPD
Tujuan Pembelajaran
2. 4. Menentukan (P5) tahap-tahap perancangan (desain perancangan alur) untuk
multimedia interaktif berbasis halaman web dan media interaktif dengan tepat.
5. Menyusun (c6) Storyboard dalam pembuatan (desain perancangan alur) untuk
multimedia interaktif berbasis halaman web dan media interaktif dengan tepat.
6. Mendesain(c6) Struktur Navigasi dalam membuat (desain perancangan alur)
untuk multimedia interaktif berbasis halaman web dan media interaktif dengan
tepat.
sehingga peserta didik dapat menghayati dan mengamalkan ajaran agama yang
dianutnya dan mengembangkan sikap disiplin, jujur, tanggungjawab, kerjasama,
percaya diri, serta mengembangkan kemampuan berpikir kritis, berkomunikasi,
berkolaborasi, dan berliterasi
A. Konsep Perancangan Alur Multimedia Interaktif
Dalam mengembangakan Multimedia Interaktif terdapat 6 tahapan yaitu tahap
konsep (concept), perencanaan (design), pengumpulan bahan (material
collecting), pembuatan (assmbly), uji coba (testing) dan distribusi (distribution)
B. Format Storyboard Desain Media Interaktif
Storyboard Model Kartu
Storyboard Jenis Landscape
Ringkasan Materi
3. Storyboard Double Coloum
1. NO Berisi Nomor frame (satu tampilan di layar monitor)
2. KETERANGAN Berisi Keterangan keterangan yang menunjukan posisi
frame cotoh misalnya seperti : menu, sub menu, uraian menu, dll
3. VISUAL Berisi semua unsur yang divisualkan meliputi teks, animasi,
video, gambar, dll
4. AUDIO Berisi semua unsur yang audio, meliputi narasi, musik, sound
effect, dll
Storyboard Film
C. Jenis-Jenis Struktur Navigasi
Jenis-Jenis Struktur Navigasi
1. Struktur Linier
4. Struktur linier merupakan struktur yang hanya mempunyai satu rangkaian
cerita berurut. Biasanya digunakan untuk multimedia presentasi karena tidak
diperlukan adanya interaksi, hanya menampilkan data atau informasi saja.
2. Struktur Hierarchical
Struktur navigasi hierarchical (hirarki/bercabang/bertingkat) adalah suatu
struktur yang mengandalkan percabangan untuk menampilkan informasi yang
berdasarkan kriteria tertentu. Informasi pada halaman utama disebut parent
dan informasi pada cabangnya disebut child.
3. Struktur Non-Linier
Struktur linier merupakan pengembangan dari struktur navigasi hirarki.
Perbedaannya ada pada percabangannya, struktur linier walaupun terdapat
percabangan akan tetapi setiap tampilan mempunyai kedudukan yang sama
tidak ada master page dan slave page.
4. Struktur Composite
Struktur composite merupakan struktur gabungan dari ketiga struktur
sebelumnya. Struktur ini juga disebut dengan struktur navigasi bebas.
Kelebihan dari struktur navigasi ini adalah suatu aplikasi mampu memberikan
keterkaitan informasinya lebih baik.
5. 1. Buatlah sebuah kelompok dengan anggota 4 orang
2. Mintalah lembar LKPD kepada guru
3. Saat di kelas X dan XI ada mata pelajaran Desain Grafik 2D berbasis Vektor/Bitmap
untuk itu kita akan “Mendesain Multimedia Interaktifnya”
4. Untuk Kelompok yang ganjil mendesain Multimedia Interaktifnya tentang Desain
Grafik 2D berbasis Vektor sedangkan yang genap membuat Desain Grafik 2D
berbasis Bitmap.
5. Yang diharapkan desain interaktifnya adalah
a. Judul Desain Grafik 2D berbasis Vektor/Bitmap
b. Kelebihan Desain Grafik 2D berbasis Vektor/Bitmap
c. Manfaat Desain Grafik 2D berbasis Vektor/Bitmap
d. Aplikasi yang digunakan untuk Desain Grafik 2D berbasis Vektor/Bitmap
e. Menu-menu program Desain Grafik 2D berbasis Vektor/Bitmap
f. Ada 5 pertanyaan tentang materi diatas jika hanya menjawab 2 maka akan
kembali membaca materi jika diatas 3 meneruskan pertanyaan
Pengetahuan
1. Langkah apa saja yang diterapkan dalam membuat multimedia interaktifmu?
Langkah-Langkah Kegiatan
Tugas
6. Langkah dalam membuat Multimedia Interaktif terdapat 6 tahapan yaitu tahap konsep
(concept), perencanaan (design), pengumpulan bahan (material collecting), pembuatan
(assmbly), uji coba (testing) dan distribusi (distribution)
2. Ada berapa jenis Jenis Storyboard dan tentukan jenis Storyboard apa yang digunakan
dan alasannya?
Ada 4 jenis Storyboard :
1.Storyboard Model Kartu
2.Storyboard Jenis Landscape
3.Storyboard Double Coloum
4.Storyboard Video
3. Ada berapa jenis Struktur Navigasi? Analisis dengan baik dan tentukan jenis Navigasi
apa yang anda gunakan dan beri alasannya?
Ada 4 struktur navigasi :
1. Stuktur Linier
2.Stuktur Hierarchical
3.Struktur Non-Linier
4.Struktur Composite
Ketrampilan
Agar dapat Mendesain Multimedia Interaktifnya maka buatkan
1. Tentukan tahapan-tahapan yang anda gunakan dalam merancang desain Multimedia
Interaktifnya
2. Susunlah Storyboard setiap slidenya dengan memilih salah satu tipe storyboardnya
yang sesuai
3. Desainkan struktur navigasinya sesuai dengan setruktur navigasi yang dipilih
1. Tahapan dalam merancang
1. menentukan ide
2. berdiskusi mengenai konsep storyboard dan navigasi yang akan di gunakan
3. mengumpulkan bahan – bahan untuk materi dan isi storyboard
4. proses pembuatan
5. melakukan uji coba terhadap karya kita
6. distribusi ke pengguna
7. 2. Susunlah Storyboard
Slide 1
Slide 2
DESAIN GRAFIS 2D BERBASIS BITMAP
KELOMPOK 6 :
ANGGOTA
MULAI
KETERANGAN :
Pada halaman slide 1 ini
berisi perkenalan kelompok
dan judul materi desain
grafis 2d berbasis bitmap
dan navigasi tombol mulai .
Desain grafis 2d
berbasis bitmap
KETERANGAN :
Pada halaman slide 2 ini
berisi menu materi yang
akan dipelajari di slide ini
terdapat tombol menu
pilihan materi sesuai
keinginan.
Kelebihan desain
grafis 2d berbasis
Manfaat desain
grafis 2d
Aplikasi yang
digunakan
Menu-menu
progam desain
8. Slide 3
Slide 4, 5, 6, 7, 8, 9, 10, 11, 12
Materi
KETERANGAN :
Pada halaman slide
3,4,5,6,7 akan muncul jika
pengguna mengklik
navigasi atau gambar
pembahasan pada tiap-tiap
materi yang dipilih dan
muncul pembahasan
materi di dalamnya.
Penjelasan Materi
menu next
Materi
KETERANGAN :
Pada halaman slide 4, 5, 6,
7, 8, 9, 10, 11, 12 akan
muncul jika pengguna
mengklik navigasi atau
gambar pembahasan pada
tiap-tiap materi yang dipilih
dan muncul pembahasan
materi di dalamnya.
Navigasi : menu (kembali
ke menu), back (kembali ke
slide sebelumnya, next
(lanjut ke materi
selanjutnya)
Penjelasan Materi
back next
MENU
9. Slide 13, 14, 15, 16, 17
Slide 18
KETERANGAN :
Pada halaman slide 18
berisi halaman bertuliskan
salah apabila pengguna
menjawab kuis salah
(tambah animasi).
Terdapat navigasi ulang
materi. Setelah kuis 4 dan 5
terdapat navigasi next.
Ulang materi
Salah
Soal kuis
KETERANGAN :
Pada halaman slide 13, 14,
15, 16, 17 berisi kuis
tentang desain grafis 2d
berbasis bitmap.
A. Jawaban kuis
B. Jawaban kuis
C. Jawaban kuis
D. Jawaban kuis
10. Slide 19
Slide 20
KETERANGAN :
Pada halaman slide 19
berisi halaman bertuliskan
benar apabila pengguna
menjawab benar (tambah
animasi) terdapat navigasi
next.
Next
BENAR
KETERANGAN :
Pada halaman slide 20
berisi ucapan apresiasi
kepada pengguna.
Terdapat tombol quit
quit
SELAMAT