MODUL MULTIMEDIA INTERAKTIF BAGIAN 1 - MEMBUAT TAMPILAN MENU USER INTERFACE MEDIA PEMBELAJARAN INTERAKTIF
Berikut adalah
contoh sederhana membuat media pembelajaran interaktif dengan menggunakan
Macromedia Flash 8.
BAGIAN 1
MEMBUAT TAMPILAN MENU MEDIA PEMBELAJARAN INTERAKTIF
Berikut langkah-langkahnya:
1. Buka
program macromedia flash 8 dan buatlah dokumen baru:
2. Selanjutnya
ubah layer name pada layer 1 menjadi background dengan cara double click pada
layer1, setelah selesai enter.
3. Pada
stage kita import gambar background yang di inginkan dengan cara klik frame 1
layer Background lalu pilih menu file | Import | Import to Stage. Atau dengan
cara menekan Ctrl+R. misal seperti contoh berikut:
4. Atur
properties ukuran gambar background agar sesuai dengan ukuran stage, secara
default ukurannya 550 x 400 px (alangkah lebih baiknya gunakan ukuran 1024 x 768 px) serta pastikan posisi x dan y di angka Nol.
5. Tambahkan
judul dalam stage dengan menggunakan text tool, missal “MEDIA PEMBELAJARANINTERAKTIF”
6. Insert key frame di frame ke
700 pada layer background.
7. Kunci terlebih dahulu layer background agar
tidak terubah pada proses selanjutnya.
Pelajari juga:
8. Buat
layer baru dengan mengklik icon insert layer. Kemudian beri nama Tbl Teori.
9. Lakukan
hal yang sama untuk membuat layer Tbl Tbl Video, Musik, dan Tbl Soal Latihan
dengan susunan seperti pada gambar berikut:
10. Selanjutnya
klik menu windows | Common Library | Button. (hal ini dilakukan untuk
menampilkan pilihan model-model tombol yang akan digunakan)
11. Klik pada frame 1 layer Tbl
Teori.
12. selanjutnya Pada jendela common Library pilih jenis tombol yang akan kita gunakan (missal Rounded Blue pada folder Button Rounded) kemudian drag ke dalam stage dan letakan di posisi yang diinginkan. (Misal seperti pada gambar di bawah)
13. Ubah
tulisan Enter pada tombol menjadi Teori dengan cara double klik tombol tersebut
sampai muncul timeline Button.
14. Klik
frame Up pada layer teks kemudian dengan menggunakan teks tool ubah tulisan
Enter pada tombol menjadi Teori.
15. Setelah
selesai selanjutnya klik scane 1 untuk kembali ke timeline stage utama.
16. Masih
di layer Tbl Teori, selanjutnya klik kanan pada frame ke 10 lalu pilih Insert
Key Frame.
17. Selanjutnya Dengan menggunakan
selection tool pindahkan posisi tombol ke dalam area stage seperti gambar di
bawah ini:
18. Tambahkan
Motion Tween untuk pergerakan tombol teori dengan mengklik kanan frame 1 kemudian
pilih Create Motion Tween sehingga tampilan timeline pada layer Tbl Teori
menjadi sperti gambar berikut:
19. Selanjutnya buatlah tombol Video, Tombol Musik, dan Tombol Soal di masing-masing layer dengan menggunakan langkah yang sama seperti membuat tombol Teori (langkah 12 - 18). sehingga tampilan pada timeline akan menjadi seperti:
catatan:
untuk tombol video dimulai dari Frame 11 - 20
untuk tombol Musik dimulai dari frame 21 - 30
untuk tombol soal dimulai dari frame 31-40
jika berhasil tampilan stage pada frame 40 akan tampak seperti gambar di bawah ini:
20. Langkah
berikutnya adalah menghentikan pergerakan frame setelah tombol terakhir muncul,
pada contoh ini ada pada frame 40. Untuk menghentikan pergerakan frame yaitu
dengan cara klik kanan pada frame 40 (di layer Tbl Soal Latihan) kemudian pilih
Action sehingga muncul jendela Action Frame seperti gambar di bawah ini:
21. Pastikan
yang muncul adalah Action Frame. Selanjutnya ketikan script “Stop();”
22. Frame
yang telah di tambahkan script akan di tandai dengan symbol alfa pada frame
tersebut:
23. Lakukan
test Movie untuk melihat hasilnya dengan cara menekan tombol Ctrl+Enter pada
keyboard.
24. Simpan
terlebih dahulu file dengan mengklik menu file kemudian save. Berikan nama file
“latihan”
25. Selesai
sudah membuat tampilan menu pada contoh Media pembelajaran kali ini. Jika ingin
menambahkan tombol kita tinggal menambahkan layer dan lakukan perintah yang
sama dan rentang frame yang sama untuk pergerakan tombol.
untuk selanjutnya kita akan memberikan navigasi pada setiap tombol. dimana tombol teori kerika di klik akan menampilkan isi dari teori pembelajaran, tombol video akan di isi dengan media video tutorial pembelajaran, tombol musik akan diisi dengan file lagu beserta liriknya, dan yang terakhir tombol soal akan berisi soal-soal latihan sesuai dengan pembelajaran yang sudah di pelajari baik dari teori maupun video tutorial.
namun itu akan kita bahasa pada bagian selanjutnya :-)
klik di sini untuk menuju bagian selanjutnya tentang media pembelajaran interaktif.
Post a Comment