Multimedia - Modul Desain Media Interaktif

M. Khairullah Zikri, S.Kom

Nama Sekolah : SMKN 1 Tanjung Jabung Barat

Mata Pelajaran : Desain Media Interaktif
Kelas/Semester : XII Multimedia/Ganjil
Alokasi Waktu : 2 x 45 menit

A. Tujuan Pembelajaran
1. Pengetahuan
a. Produk
1) Secara mandiri dan tanpa membuka bahan ajar siswa dapat menjelaskan unsur
teks dan image yang terkandung dalam sebuah sajian multimedia, dengan
mengerjakan soal terkait di LP 3 minimal nilai sama dengan KKM
2) Secara mandiri dan tanpa membuka bahan ajar siswa dapat mengidentifikasi
unsur teks dan image dalam sajian multimedia, dengan mengerjakan soal
terkait di LP 3 minimal nilai sama dengan KKM
b. Proses
3) Siswa diharapkan dapat menerapkan langkah-langkah menggunakan unsur
teks dan image dalam sajian multimedia interaktif secara benar, dengan
mengerjakan evaluasi yang terkait dengan LP 4 minimal nilai sama dengan
KKM
2. Keterampilan
Dengan menggunakan komputer siswa dapat mempraktekkan pembuatan sajian
multimedia dengan unsur teks dan image sesuai rincian tugas kinerja di LP 5 minimal
nilai sama dengan KKM

B. Kompetensi Dasar
3.5 Menerapkan cara penggabungan teks, image, animasi, audio, video dalam sajian
multimedia interaktif berbasis halaman web dan media interaktif.
4.5 Menggabungkan teks, image, animasi, audio, video dalam sajian multimedia
interaktif berbasis halaman web dan media interaktif

C. Indikator Pencapaian Kompetensi (IPK)

Pengetahuan
Produk
3.5.1 Peserta didik mampu menjelaskan unsur teks dan image dalam sajian multimedia
interaktif berbasis halaman web dan media interaktif
3.5.2 Peserta didik mampu mengidentifikasi unsur teks dan image dalam sajian
multimedia interaktif berbasis halaman web dan media interaktif
 Multimedia - Modul Desain Media Interaktif
M. Khairullah Zikri, S.Kom

Proses
3.5.3 Peserta didik mampu menjelaskan Langkah-langkah menggunakan unsur teks dan
image dalam sajian multimedia interaktif berbasis halaman web dan media
interaktif
Keterampilan
4.5.1 Peserta didik mampu membuat sajian multimedia interaktif dengan unsur teks dan
image dalam sajian multimedia interaktif berbasis halaman web dan media
interaktif

D. Uraian Materi
1. Mengenal Unsur - Unsur Multimedia Teks dan Image
Multimedia interaktif adalah suatu media yang lebih menonjol pada produk serta service
digital yang terdapat pada system yang berbasis computer yang mampu memberikan timbal balik
kepada pengguna dengan memberikan layanan seperti gambar, teks, video maupun audio.
Beberapa unsur media interaktif yang sering digunakan pada multimedia interaksi berbasis web,
diantaranya sebagai berikut.

A. Teks
Teks merupakan kombinasi dari huruf - huruf yang membentuk suatu
perkataan atau ayat yang bertugas untuk menerangkan atau membincangkan
sebuah masalah atau topik dan topik itu tersebut dapat berupa perintah,
pengingat, maupun informasi bagi setiap orang yang membacanya. Teks dapat
dibuat, dibentuk dan disajikan dengan berbagai rupa model huruf dan ukuran.
Hal-hal yang menjadi perhatian dalam penggunaan unsur teks
a. Ukuran huruf
Gunakan ukuran huruf yang dapat terlihat jelas namun tetap enak terlihat
b. Jenis huruf, maksimal 3 jenis huruf
Agar sajian multimedia yang kita buat tidak terlihat monoton, kita dapat menggunakan
lebih dari satu jenis huruf.
c. Variasi huruf, bold, italic, underline
Saat kita ingin menggunakan hanya satu jenis huruf kita dapat membuat variasi huruf
seperti bold (tulisan tebal), italic (tulisan miring), dan underline (tulisan dengan garis
bawah)
d. Penggunaan warna
Pemberian warna pada sebuah teks tujuannya agar teks terlihat lebih hidup dan menarik,
namun yang perlu diperhatikan yaitu kekontrasan warna teks dengan warna background.
Jika kita menggunakan warna gelap pada background, warna teks harus terang sehingga
 Multimedia - Modul Desain Media Interaktif
M. Khairullah Zikri, S.Kom

teks dapat terlihat dengan baik dan jelas, begitu juga sebaliknya, jika menggunakan warna
terang pada background maka warna teks harus gelap.
e. Pengaturan spasi baris dan spasi huruf
Hal ini agar setiap teks yang kita buat tidak saling tumpang tindih. Jadi teks dapat terlihat
dengan jelas
f. Panjang baris teks
Gunakan maksimal 60 huruf dalam 1 baris
g. Penataan baris, rata kiri, rata kanan, rata kiri kanan, rata tengah
Hal ini guna agar teks terlihat tersusun rapi

B. Grafik
Grafik sendiri ialah gambar, sedangkan gambar merupakan garis, lingkaran,
kotak, bayangan, warna dan lain sebagainya yang dapat kita ciptakan dari
berbagai media dan objek. Dengan adanya grafik penyampaian sebuah
informasi akan lebih menarik dan efektif terlebih bila dalam sebuah grafik
yang dibuat, anda mampu mengatur penempatan bagian bagian grafik serta
keselarasan warna yang ada didalamnya.

2. Implementasi pada Unsur Media Interaktif

Penggunaan unsur media interaktif pada Adobe Flash CS
A. Menggabungkan Teks
Teks tool

Menulis dengan teks tool

Langkah-langkah dalam membuat tulisan menggunakan teks tools adalah sebagai
berikut.
➢ Klik pada menu file – new untuk memulai lembar kerja baru
➢ Setelah itu, klik pada teks tool sehingga kursor berubah menjadi tanda + pada saat
diarahkan ke area stage.
 Multimedia - Modul Desain Media Interaktif
M. Khairullah Zikri, S.Kom

➢ Pada saat menulis di dalam kotak stage, maka otomatis Panjang kotak akan
bertambah lebar sesuai panjang tulisan.

B. Menambahkan Image (gambar)

Langkah-langkah dalam menambahkan gambar pada halaman kerja adobe flash adalah
sebagai berikut.
1) Import to library
➢ Klik menu file – import to library
➢ Selanjutnya memilih (klik) pada gambar yang akan dimasukkan pada tab
library dan diakhiri dengan menekan tombol open.
➢ Gambar yang sudah dimasukkan ke dalam library dapat dilihat pada menu
window-library (ctrl+L)
➢ Gambar yang ada di library dapat dimasukkan kedalam lembar kerja (stage)
dengan cara drag dan drop
2) Import to stage
➢ Klik menu file – import to stage (ctrl+R)
➢ Selanjutnya memilih (klik) pada gambar yang akan dimasukkan pada tab
library dan diakhiri dengan menekan tombol open.
➢ Gambar akan secara otomatis masuk kedalam lembar kerja (stage)
 Multimedia - Modul Desain Media Interaktif
M. Khairullah Zikri, S.Kom

3. Penggabungan Unsur Media Interaktif

Agar aplikasi lain dapat menggunakan file flash maupun menyimpan isi dari flash movie
ke dalam format file terpisah, maka pada proses persiapan file tersebut dapat memanfaatkan
fasilitas/perintah Export Movie dan Export Image. Secara mendasar, perintah export tidak
menyimpan setting penyimpanan secara terpisah dengan setiap file layaknya jenis perintah yang
dikerjakan pada perintah publish. Hal ini disebabkan perintah Export Movie hanya memberikan
prosedur penyimpanan flash movie dalam format image serta membuat penomoran file image
untuk setiap frame di dalam movie tersebut. Disamping itu, perintah ini juga dapat digunakan
untuk mengirim suara berformat file WAV di dalam video.
Perintah Export Image digunakan untuk mengirim isi dari frame/image aktif yang dipilih
maupun pada frame tunggal dari flash player movie.
Langkah-langkah untuk melakukan Export Movie atau Export Image adalah sebagai
berikut :
a. Hal yang pertama perlu diperhatikan bahwa pekerjaan kita yang berada pada stage setiap
frame sudah selesai
b. Selanjutnya klik pada menu file-export movie /export image (tergantung kebutuhan user)
c. Maka kotak dialog save as akan muncul, ketikkan nama file output dan memilih jenis format
yang diinginkan, kemudian klik save, ini membutuhkan waktu tergantung isi di stage pada
setiap frame yang digunakan.
d. Jika format yang dipilih membutuhkan informasi/pengaturan lebih banyak, maka selanjutnya
akan muncul kotak dialog kembali yang mana akan diminta beberapa informasi.
e. Selanjutnya klik OK dan klik save.

Rangkuman :

Penggabungan unsur media interaktif, ditujukan agar file flash yang kita buat, yang mana isinya
bisa ada teks, image, audio, video, dan animasi dapat diputar pada aplikasi lain. Hal ini tentu sangat
berguna jika file yang kita buat akan di share dan kemungkinan ada beberapa komputer yang tidak
memiliki aplikasi flash, sehingga tidak dapat melihat file tersebut, dengan melakukan
penggabungan dengan menu export kita dapat menyimpannya dalam format lain agar file tersebut
dapat digunakan aplikasi lain.