PEMERINTAH PROVINSI JAWA TENGAH

DINAS PENDIDIKAN DAN KEBUDAYAAN

SEKOLAH MENENGAH KEJURUAN NEGERI 1
WANAREJA
Jalan Srikaya Wanareja, Cilacap Kode Pos 53265 Telepon 0280 – 6260233 Faksimile :
0280 – 6260233 E-mail : smkonewan@yahoo.co.id

Mata Pelajaran : C3 – Desain Media Interaktif

Nama : RENI WIDIASARI
NIS : 6917
Kelas : XII MM 2
Tanggal : Selasa,27 Okober 2020

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

Setelah mempelajari bab ini, siswa diharapkan mampu:

1. Memahami prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman
web dengan benar
2. Membuat user interface menggunakan prinsip-prinsip desain user interface pada multimedia
interaktif berbasis halaman web menggunakan adobe flash CS3 dengan benar

1. Laptop / Komputer
2. Internet
3. Aplikasi Pengolah Kata (Tugas Nomor 1)
4. Aplikasi Pengolah Gambar (Tugas Nomor 2)

• Button
Button adalah simbol yang berfungsi sebagai tombol yang dapat diklik. Merupakan asset yang
menunjukkan betapa interaktifnya Flash. Semula memang kelihatan sedikit rumit, tapi
percaya deh, buttons ini kalau kita telah latihan sedikit akan sangat mengasikkan.
Terdapat 4 State atau keadaan pada button yang bisa kita gunakan agar button lebih
menarik. Kondisinya sama yakni dengan layer kita bisa meletakkan lebih dari satu item
pada button. State itu antara lain Up State, Over State, Down State, dan Hit State.
 UP State, adalah kondisi button sepanjang movie, normal dan tidak
mengalami perubahan apa-apa.

OVER State, adalah kondisi button bila mouse berada di atasnya, dapat
berupa perubahan warna, suara dan lain-lain.

DOWN State,
Bila user menekan dan melepas mouse pada button, tidak perlu selalu ada namun akan
sangat manis ditambahkan untuk lebih menunjukkan interaktivitas.

HIT State,
Merupakan area panas dari tombol, katakanlah anda menginginkan hanya bagian
tertentu dari button yang menimbulkan efek button, bila pada HIT state anda
selipkan keyframe maka pastikan bahwa area tersebut tidak kosong karena akan
menyebabkan tombol anda tidak akan berfungsi.

Petunjuk dan Langkah Kerja:

1.
Buatlah tampilan menu dengan membuat tombol/button pada adobe flash sesuai dengan
storyboard yang dibuat sebelumnya.
2.
Ikuti langkah-langkah pembuatan menu dan tombol/button sesuai pada modul pada google class
room
3.
Screen shoot tampilan menu yang sudah dibuat dan Buatlah laporan sesuai dengan format yang
terdapat di LKPD ini
4.
Hasil pekerjaan silahkan dikirim melalui google classroom.
 TAMPILAN MENU
DESAIN MEDIA INTERAKTIF

NO GAMBAR

1.

Menu Materi I

2.

Menu Materi II

3.

Menu Materi III

 4.

Menu Quiz

Kesimpulan :

Up State, Over State, Down State, dan Hit State. Setelah mengaplikasikan ke-4 State pada
pembuatan button terdapat perubahan yang segnifikan yaitu bisa di lihat pada gambar-gambar yang
tertera di atas, yang lebih menonjol yaitu perubahan warna pada button apabila kursor diarahkan
pada button.