Header Ads

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.

No comments