Desain Media Interaktif
( KELAS XII)
( KELAS XII)
SEMESTER 1
Kompetensi Dasar
3.1 Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif
4.1 Mendemontrasikan multimedia interaktif berbasis halaman web dan media interaktif
3.2 Memahami (desain/ perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif
4.2 Membuat (desain /perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif
Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa mampu:
Melalui infromasi dan demonstarasi, peserta didik dapat membuat desain /perancangan alur) untuk multimedia interaktif berbasis halaman web dan media interaktif dengan percaya diri
Durasi : Pertemuan x JP x 45 Menit
Dunia seni digital (digital multimedia design) turut berkembang pula seiring dengan pesatnya perkembangan teknologi informasi. Dalam hal ini, desain multimedia sebagai wujud kombinasi teks, seni grafis, suara, animasi dan film yang disatukan melalui seperangkat komputer. Oleh sebab, perkembangan desain digital ditandai dengan hadirnya berbagai jenis demo produk yang dikemas dalam media interaktif. Dalam ini, kreasi seni digital dapat ditampilkan dalam format running movie ataupun bersifat media interaktif lainnya. Berbagai keunggulan desain multimedia digital yang dapat dijumpai dalam kehidupan sehari-hari antara lain menjadikan media promosi semakin informatif dan menarik.
LITERASI MEDIA 1
Cari tahu tentang alur perancangan multimedia interaktif!
Pahami tentang alat penyusun multimedia (multimedia authoring tools!
Pahami tentang penggunaan teori desain teruatama tentang implementasinya!
Pahami tentang prinsip desain multimedia interaktif terutama yang berhubungan dengan media warna dan elemen!
Luangkan waktu anda 15 menit untuk mencari tahu dan mau tahu tentang bahasan tersebut diatas.
TUGAS MANDIRI 1
Kerjakanlah tugas berikut secara mandiri!
Lakukan analisis terhadap sebuah paket multimedia yang menerapkan prinsip desain multimedia interktif dengan media warna dan elemen! Sumber-sumber data bisa diambil dari media cetak/elektronik yang relevan!
Buatlah tabel seperti dibawah ini.
Gunakan aplikasi Google document untuk mempresentasikan pekerjaan anda.
Unggah berkas anda dan diskusikan hasil anda pada saat meet.
RANGKUMAN MATERI 1
Kreasi seni digital dapat ditampilkan dalam format running movie ataupun bersifat media interaktif lainnya.
Sifat-siat media interaktif yang fleksibel dalam panduan tampilan desain multimedia unik dalam bentuk film animasi maupun visual effect yang dikemas dengan berbagai format, misalnya CD/DVD atau yang sejenisnya.
Sebuah multimedia tidak terasa lengkap tanpa adanya peranan audio, sebab teknologi audio berperan penting dalam penyampaian infromasi.
Penyampaian sebuah produk menggunakan multimedia akan terlihat lebih menarik, jika didalamnya dilengkapi dengan unsur interaktivitas sebagai sebuah rancangan dibalik keberadaan program multimedia.
Beberapa prinsip desain multimedia interaktif denga media warna dan elemen dapat diaplikasikan sebagai balance (keseimbangan), emphasis (penekanan), harmony (keselarasan). proporsi (kesebandingan), ritme (irama), dan unity (kesatuan).
PROYEK 1
Kerjakanlah proyek berikut secara berkelompok (4-6 Siswa)!
Anda diminta untuk membuat website usaha mandiri yang bergerak di bidang jasa/barang.
Alat dan bahan:
Seperangkat alat komputer atau handphone.
Software google document.
Cara kerja :
Buatlah timeline alur perancangan website usaha kalian
Contoh referensi timeline :
https://id.pinterest.com/pin/31243791155252308/
https://id.pinterest.com/pin/138907969747079218/
Kumpulkan dalam format file PDF
Unggah berkas
Kompetensi Dasar
3.3 Menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif.
4.3 Membuat user interface menggunakan prinsip- prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif
3.4 Menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis halaman web dan media interaktif
4.4 Mengoperasikan aplikasi multimedia interaktif berbasis halaman web dan media interaktif
Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa mampu:
Melalui informasi dan penerapan , peserta didik dapat membuat user interface menggunakan prinsip-prinsip desain user interface pada aplikasi multimedia interaktif berbasis halaman web dan media interaktif dengan percaya diri
Durasi : Pertemuan x JP x 45 Menit
Design interace sangat penting karena berpengaruh pada end-user dalam berkomunikasi menggunakan komputer. Jika suatu program sulit untuk digunakan , akan memkasa end-user melakukan kesalahan pada saat menggunakan program tersebut. Dalam penggunaaan teknologi jenis apaapun akan terjadi hubungan atau komunikasi dengan suatu sistem di dalamnya yang bisa dinyatakan sebagai user interface (antar muka pengguna). User interface bermanfaat dalam menerjemahkan informasi antar end-user akhir(end-end user) dengan sistem komputer dengan tujuan tertentu, misalnya dalam pemberian dan penerimaan informasi, penginputan data, penampilan suatu sistem, dan memberikan tata cara tertentu sehingga membuat seorang user bisa paham dengan apa yang dikerjakan
LITERASI MEDIA 2
Cari tahu tentang prinsip-prinsip desain user interface pada multimedia interaktif!
Cari tahu tentang prosedur pengoperasian aplikasi multimedia interaktif!
Cari tahu tentang fungsi-fungsi tool aplikasi teruatama yang memiliki cross-platform!
Cari tahu tentang komponen pada jendela utama (main window) terutama yang berhubungan dengan sub-sub menunya!
Luangkan waktu anda 15 menit untuk mencari tahu dan mau tahu tentang bahasan tersebut diatas.
TUGAS MANDIRI 2
Kerjakanlah tugas berikut secara mandiri!
Buatlah infografis tentang perbedaan mendasar antara prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif.
Gunakan aplikasi pengolah gambar raster atau vektor untuk membuat infografis, sertakan juga link untuk akses infografis yang telah di upload di instagram anda dan silahkan tag saya
Unggah berkas anda dan diskusikan hasil anda pada saat meet.
RANGKUMAN MATERI 2
Touch screen merupakan sebuah perangkat atau tampilan visual yang dimana end-user dapat mengontrol melalui gerakan sederhana atau multi-touch dengan menggunakn sentuhan jari.
Tujuan dari perancangan user interface adalah merancang interface efektif untuk sistem perangkat lunak.
Jenis perangkat lunak (Software) yang umum digunakan dalam pembuatan media interaktif yaitu Adobe Flash yang dikenal mudah dan nyaman dalam mengoperasikan aplikasi tersebut.
Workspace merupakan bidang berwarna abu-abu di layar kerja Flash yang dapat dimanfaatkan untuk proses pembuatan gambar maupun teks yang akan dipergunakan untuk bahan animasi.
PROYEK 2
Kerjakanlah proyek berikut secara berkelompok (4-6 Siswa)!
Anda diminta untuk membuat user interface website produk atau jasa usaha mandiri yang anda jalankan
Alat dan bahan:
Seperangkat alat komputer atau handphone.
Software pengolah gambar vektor atau raster.
Cara kerja :
Amati terkait dengan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web https://id.pinterest.com/pin/4644405856035728/
Berikut beberapa contoh ketentuan pembuatan user interface :
https://id.pinterest.com/pin/219057969367606704/
https://id.pinterest.com/pin/318066792420672313/
Berikut beberapa contoh rancangan user interface:
https://id.pinterest.com/pin/338966309462669768/
https://id.pinterest.com/pin/143341200628791867/
Buatlah user interface website produk atau jasa usaha mandiri yang anda jalankan
Kumpulkan dalam format file PDF
Unggah berkas
Kompetensi Dasar
3.5 Menerapkan cara penggabungan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif
4.5 Menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif.
3.6 Memahami style pada multimedia interaktif berbasis halaman web dan media interaktif
4.6 Membuat style pada multimedia interaktif berbasis halaman web dan media interaktif
Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa mampu:
Melalui informasi dan penerapan, peserta didik dapat menggabungkan image, animasi, audio, video dalam sajian multimedia interaktif berbasis halaman web dan media interaktif dan membuat style pada multimedia interaktif berbasis halaman web dan media interaktif dengan percaya diri
Durasi : Pertemuan x JP x 45 Menit
Salah satu aplikasi yang memenuhi standar parameter tersebut adalah Adobe Flash. Adobe flash sebagai aplikasi yang mampu mengembangkan media interaktif , karena menawarkan berbagai fitur yang menunjang proses pengembangan media. Termasuk didalamnya beberapa prosedur atau fitur untuk menggabungkan beberapa komponen desain seperti image, animasi, audio, dan video. Oleh sebab itu, suatu situs web yang kurang ragam tetapi dapat dikendalikan oleh user yang memakainya, masih bisa disebut sebagai multimedia interaktif berbasis halaman web. Banyak sekali bentuk dari multimedia interaktif dengan berbasisi halaman web. Misalnya situs web game online, music online, atau situs web untuk mengunduh audio maupun video.
LITERASI MEDIA 3
Cari tahu tentang style pada multimedia interaktif!
Cari tahu tentang format style pada tampilan gambar terutama pada penerapan Cascanding style sheet (CSS)!
Cari tahu tentang format style ada tampilan audio terutama pada waktu membuka halaman sebuah website!
Luangkan waktu anda 15 menit untuk mencari tahu dan mau tahu tentang bahasan tersebut diatas.
TUGAS MANDIRI 3
Kerjakanlah tugas berikut secara mandiri!
Buatlah presentasi terkait style Cascanding style sheet (CSS) berisi :
a. Format style pada teks
Properti CSS
Bentuk-bentuk pengaturan style
b. Format style pada tampilan gambar
Jenis format pengambilan gambar
Pengaturan style pada latar belakang (Background)
Penggunaan style untuk menyisipkan gambar
c. Fotmat style pada tampilan audio
d. Format style pada tampilan video
Gunakan aplikasi Google slide untuk membuat laporannya.
Unggah berkas anda dan diskusikan hasil anda pada saat meet.
RANGKUMAN MATERI 3
Multimedia interaktif dengan berbasis halaman web memiliki arti bahwa situs web tersebut memiliki banyak jenis media seperti suara, video atau animasi sekalipun.
Beberapa unsur media interaktif yang sering digunakan pada multimedia interaksi berbasis web di antaranya teks, grafik (image), animasi, audio, dan video.
Salah satu faktor yang paling menonjol pada sebuah situs web adalah penggunaan gambar yang tepat dan proposrional, baik sebagai background maupun foreground dari situs tersebut.
Cascading style sheet juga dapat diterapkan pada elemen-elemen HTML multimedia di antaranya gambar, video dan audio
PROYEK 3
Kerjakanlah proyek berikut secara berkelompok (4-6 Siswa)!
Anda diminta untuk membuat website dan aplikasi android produk atau jasa usaha mandiri yang anda jalankan
Alat dan bahan:
Seperangkat alat komputer atau handphone.
Google sites
Appsgeyser
Dan software pendukung lainnya
Cara kerja :
Bacalah dengan seksama detail soal yang terdapat pada link berikut :
Buatlah website dan aplikasi sesuai dengan ketentuan.
Kumpulkan dalam format file .rar berisi :
a. File PDF (terdapat barcode link website dan link website secara langsung)
b. File aplikasi andorid
Unggah berkas
Kompetensi Dasar
3.7 Mengevaluasi produk web
4.7 Membuat review terhadap produk web
Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa mampu:
Melalui diskusi dan informasi, peserta didik dapat mereview terhadap produk web dengan percaya diri
Durasi : Pertemuan x JP x 45 Menit
Semenjak ditemukannya internet sebagai salah satu media komunikasi dan informasi, website merupakan produk teknologi informasi yang terbilang paling populer, tetapi terkadang banyak website yang hadir tanpa kualitas yang bagus sehingga tidak dapat menyampaikan informasi yang dibawa dan bahkan menjadi bulan-bulanan pihak yang tidak bertanggung jawab. Oleh karena itu, evaluasi terhadap situs web berserta produknya bertujuan untuk mengetahui kegunaan (usability) situs web tersebut bagi user. Secara umum, dalam penilaian suatu web mayoritas dilakukan oleh lembaga pemeringkatan. Namun demikian, kualitas sebuah website tergantung kepada pengujian dan pengawasan terhadap kualitas website itu sendiri. Penambahan media interaksi pada sebuah website menambahkan daya tarik tersendiri pada website tersebut. Untuk dapat menjadi sebuah web yang interaktif dan memiliki nilai tambah bagi pengunjung website terdapat beebrapa evaluasi agar nantinya dalam pembuatan sebuah medi ainteraktif berbasis web menjadi lebih sempurna.
LITERASI MEDIA 4
Cari tahu tentang evaluasi produk web multimedia interaktif!
Cari tahu tentnag jenis-jenis parameter sebuah web!
Pahami tentang masalah kriteria selfcongruity dan flow terutama pada teknik merancang tampilan website yang menarik!
Luangkan waktu anda 15 menit untuk mencari tahu dan mau tahu tentang bahasan tersebut diatas.
TUGAS MANDIRI 4
Kerjakanlah tugas berikut secara mandiri!
Pilih 2 buah website yang terkait dengan usaha online!
Buat perbandingan analisis parameter sebuah web meliputi :
Accesibility, Content, Readibility, Speed, Technology, Creadibility, Critical Thinking, Copyright, Citation, Continuity, Censorship, Connectivity, Comparability, Context
Lakukan Evaluasi pada 2 website yang terkait dengan usaha online yang telah kalian pilih, evaluasi meliputi :
a. Evaluasi terhadap halaman web (web page evaluation)
b. Kriteria self-congruity dan flow
c. Metode evaluasi yang digunakan
d. Menentukan nilai rata-rata jawaban responden
Gunakan aplikasi Google dokumen untuk membuat laporannya.
Unggah berkas anda dan diskusikan hasil anda pada saat meet.
RANGKUMAN MATERI 4
Di era teknologi indormasi yang semakin canggih, seseorang dapat melakukan pengevaluasian terhadapt website menggunakan mesin pemeringkat (tools) online sebuah website, misalnya sitescore, sitebeam, pagerank, nibbler, dan lain-lain
Secara umum harus meilaht tampilan dari website mulai dari desain, tata letak serta kemudahan navigasi
Kemudahan untuk mendapatkan informasi tentnag pengelola atau membuat situs itu menjadi salah satu faktor utama
Semua link yang ada harus dapat dikunjungi dengan website, baik link yang berhubungan dengan website orang lain
Seorang desainer multimedia harus benar-benar memahami elemen terpenting dalam membuat sebuah website yaitu teknik merancang tampilan website yang menarik
PROYEK 4
Kerjakanlah proyek berikut secara berkelompok (4-6 Siswa)!
Anda diminta untuk membuat jurnal dari website produk atau jasa usaha mandiri yang anda jalankan
Alat dan bahan:
Seperangkat alat komputer atau handphone.
Software google document.
Cara kerja :
Amati dan pahami beberapa referansi jurnal di link ini : https://drive.google.com/drive/folders/1z_M0hQGURZDIXB2ee5CRrfjy3joQUJpa?usp=sharing
Buatlah jurnal website usaha anda
Kumpulkan dalam format file PDF
Unggah berkas
SEMESTER 2
Kompetensi Dasar
Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa mampu:
1. Melalui diskusi dan informasi, peserta didik dapat mengidentifikasi dan merumuskan masalah tentan prencanaan, indikator keberhasilan tahapan produksi massal dan penerapan proses produksi massal dengan percaya diri
Durasi : Pertemuan x JP x 45 Menit
PETA KONSEP
LITERASI MEDIA 5
Luangkan waktu anda 15 menit untuk mencari tahu dan mau tahu tentang bahasan tersebut diatas.
TUGAS MANDIRI 5
Kerjakanlah tugas berikut secara mandiri!
Gunakan aplikasi Google dokumen untuk membuat laporannya.
Unggah berkas anda dan diskusikan hasil anda pada saat meet.
RANGKUMAN MATERI 5
PROYEK 5
Kerjakanlah proyek berikut secara berkelompok (3-4 Siswa)!
Anda diminta untuk membuat laporan perkembangan usaha produk atau jasa usaha mandiri yang anda jalankan
Alat dan bahan:
Seperangkat alat komputer atau handphone.
Software google document.
Cara kerja :
Kumpulkan dalam format file PDF
Unggah berkas
Kompetensi Dasar
Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa mampu:
1. Melalui diskusi dan informasi, peserta didik dapat mengidentifikasi dan merumuskan masalah tentan prencanaan, indikator keberhasilan tahapan produksi massal dan penerapan proses produksi massal dengan percaya diri
Durasi : Pertemuan x JP x 45 Menit
PETA KONSEP
LITERASI MEDIA 6
Luangkan waktu anda 15 menit untuk mencari tahu dan mau tahu tentang bahasan tersebut diatas.
TUGAS MANDIRI 6
Kerjakanlah tugas berikut secara mandiri!
Gunakan aplikasi Google dokumen untuk membuat laporannya.
Unggah berkas anda dan diskusikan hasil anda pada saat meet.
RANGKUMAN MATERI 6
PROYEK 6
Kerjakanlah proyek berikut secara individu!
Anda diminta untuk membuat jurnal dan marchandise dari proyek UKK
Alat dan bahan:
Marchandise yang sudah dibuat
Seperangkat alat komputer atau handphone.
Software pengolah video
Google document
Cara kerja :
Kumpulkan dalam format RAR berisi file jurnal dan video.
Unggah berkas