Anda di halaman 1dari 6

BAGIAN 1 6.

Insert key frame di frame ke 700 pada layer


MEMBUAT TAMPILAN MENU MEDIA background.
PEMBELAJARAN INTERAKTIF 7. Kunci terlebih dahulu layer background agar
tidak terubah pada proses selanjutnya.

Berikut langkah-langkahnya:
1. Buka program macromedia flash 8 dan buatlah
dokumen baru:

8. Buat layer baru dengan mengklik icon insert


layer. Kemudian beri nama Tbl Teori.

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 9. Lakukan hal yang sama untuk membuat layer
di inginkan dengan cara klik frame 1 layer Tbl Tbl Video, Musik, dan Tbl Soal Latihan
Background lalu pilih menu file | Import | Import to dengan susunan seperti pada gambar berikut:
Stage. Atau dengan cara menekan Ctrl+R. misal
seperti contoh berikut:

10. Selanjutnya klik menu windows | Common


Library | Button. (hal ini dilakukan untuk
menampilkan pilihan model-model tombol yang
akan digunakan)
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.

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
5. Tambahkan judul dalam stage dengan letakan di posisi yang diinginkan. (Misal seperti
menggunakan text tool, missal “MEDIA pada gambar di bawah)
PEMBELAJARANINTERAKTIF”
13. Ubah tulisan Enter pada tombol menjadi Teori membuat tombol Teori (langkah 12 - 18). sehingga
dengan cara double klik tombol tersebut sampai tampilan pada timeline akan menjadi seperti:
muncul timeline Button.

catatan:
untuk tombol video dimulai dari Frame 11 - 20
14. Klik frame Up pada layer teks kemudian untuk tombol Musik dimulai dari frame 21 - 30
dengan menggunakan teks tool ubah tulisan Enter untuk tombol soal dimulai dari frame 31-40
pada tombol menjadi Teori. 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
15. Setelah selesai selanjutnya klik scane 1 untuk klik kanan pada frame 40 (di layer Tbl Soal
kembali ke timeline stage utama. Latihan) kemudian pilih Action sehingga muncul
jendela Action Frame seperti gambar di bawah ini:

16. Masih di layer Tbl Teori, selanjutnya klik


kanan pada frame ke 10 lalu pilih Insert Key
Frame.
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


17. Selanjutnya Dengan menggunakan selection dengan cara menekan tombol Ctrl+Enter pada
tool pindahkan posisi tombol ke dalam area stage keyboard.
seperti gambar di bawah ini: 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
18. Tambahkan Motion Tween untuk pergerakan layer dan lakukan perintah yang sama dan rentang
tombol teori dengan mengklik kanan frame 1 frame yang sama untuk pergerakan tombol.
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
BAGIAN 2
MENAMBAHKAN ISI DALAM TOMBOL
TEORI

Berikut langkah-langkahnya:
1. Buka terlebih dahulu file yang tadi sudah
8. Pastikan yang muncul adalah Action – Button,
di save.
selanjutnya kerikan kode sebagai berikut:
2.
on (release){
2. Langkah pertama untuk memberikan isi pada
gotoAndPlay(41)
tombol teori yaitu dengan membuat layer baru di
}
atas layer Tbl Soal Latihan kemudian beri nama
Catatan:
layer tersebut dengan nama “ISI TEORI”.
(Huruf besar/kecil berpengaruh)

9. Lakukan Test Movie untuk melihat hasilnya,


lalu silahkan coba klik tombol Teori.

BAGIAN 3
MENAMBAHKAN ISI UNTUK TOMBOL
VIDEO
3. Selanjutnya insert blank key frame pada frame
ke 41. Untuk memasukan video ke dalam flash pastikan
file video harus tersimpan dalam satu folder yang
sama dengan folder penyimpanan file flash yang di
buat. Usahakan file video yang akan dimasukan
berekstensi *.flv
Berikut langkah-langkahnya:
1. Buat layer baru di atas layer Isi Teori kemudian
beri nama layer “Isi Video”
4. Pada frame 41 Layer Isi Teori, ketiklah atau
masukan teori yang ingin di masukan dengan 2. Selanjutnya Insert Blank Key Frame pada frame
menggunakan teks tool. ke 42 di layer Isi Video.

3. Klik pada frame ke 42 di layer Isi Video.


Kemudian import Video dengan cara klik menu
file | Import | Import Video.

5. Masih pada layer Isi Teori, Selanjutnya klik


kanan pada frame 42 kemudian pilih Insert Blank
Key Frame (hal ini dilakukan untuk mengosongkan
kembali area isi pada pergerakan frame berikutnya
karena akan kita gunakan untuk isi menu yang
lainnya)

6. Berikan action stop pada frame 41 layer Isi


Teori, dengan cara klik kanan pada frame 41
kemudian pilih action. Lalu ketikan script 4. Maka akan muncul jendela import video seperti
“Stop();”. (jika sudah diberikan action maka frame di bawah ini.
akan ditandai dengan symbol alfa.

7. Berikan action script pada tombol Teori dengan


cara mengklik kanan tombol teori kemudian pilih
Action, maka akan muncul jendela Action Button:
5. Setelah itu Klik browse untuk mencari dan
memilih file video yang akan dimasukan kedalam
file flash, maka akan muncul jendela seperti di
bawah.

11. Pilih jenis skin yang di inginkan lalu Next


kemudian Finish, maka video akan masuk ke
6. Pilih video yang akan dimasukan ke dalam flash dalam stage.
kemudian pilih open. Maka akan muncul kembali
jendela seperti di bawah ini. 12. Atur ukuran video dengan menggunakan free
transform tool dan letakan pada posisi yang
diinginkan:

7. Perhatikan File path pada jendela tersebut,


contoh di sini adalah:
C:\Users\SMK PGRI BISA\Documents\MODUL
LATIHAN\jadi1.flv

8. Hapus drive pada file path sisakan nama filenya


saja, contoh di sini “jadi1.flv”
13. Selanjutnya berikan Action Frame Stop pada
frame ke 42 layer Isi Video dengan cara yang sama
seperti langkah sebelumnya.

14. Setelah itu insert blank key Frame pada frame


ke 43.
9. Selanjutnya klik Next maka akan muncul
tampilan: 15. Berikan Action Button pada tombol Video
dengan dengan cara klik kanan pada tombol video
kemudian masukan script berikut ini:
on (release){
gotoAndPlay(41)
}

pastikan Action - Button


16. Lakukan Test Movie, kemudian save file

10. Pilih Stream from Flash Video Streaming


Service, lalu Next maka akan muncul tampilan:
BAGIAN 4 6. Langkah selanjutnya drag file music yang telah di
MEMASUKAN FILE MUSIK PADA FLASH import ke dalam stage yang berisi teks atau lirik
lagu (dalam hal ini ada pada frame 43)
Seperti halnya file video, pastikan juga file music
yang akan dimasukan ke dalam flash telah di
siapkan pada folder yang sama dengan folder
tempat kita menyimpan file flash. Berikut langkah-
langkahnya.
1. Buat layer baru dan beri nama Isi Musik 7. Jika file telah berhasil dimasukan kedalam stage
2. Pada layer isi Musik klik kanan pada frame 43 akan di tandai dengan bit analog music pada
kemudian Insert Blank Key Frame. timeline.
3. Pada frame 43 Ketikan teks lagu yang akan
dimasukan.

8. Tambahkan action button pada tombol musik


dengan mengklik kanan tombol music
kemudian pilih action, lalu ketikan kode berikut:
on (release){
gotoAndPlay(43);
stopAllSounds();
}

4. Masukan file musik dengan cara klik menu file | 9. Selanjutnya buat layer baru di atas layer “isi musik”
Import | Import To Library., maka akan dan beri nama “Play & Stop” untuk membuat
tombol play dan stop musik.
muncul jendela sebagai berikut:
10. Pada layer “Play & Stop” insert blank key frame
pada frame 45, lalu berikan action frame “Stop();”
pada frame 45.
11. Masih di frame 45 layer “Play & Stop”. Buatlah
tombol play dan stop menggunakan rounded green
Play dan rounded green stop pada Play Back
Rounded di Common Library | Button
Drag tombol pada posisi seperti di bawah ini:

5. Pilih file musik yang akan dimasukan kemudian


open, contoh pada kali ini maka file akan masuk ke
dalam library:
12. Berikan action button pada tombol Play dengan
script sebagai berikut:
on (release){
gotoAndPlay(43);
}

13. Berikan action button pada tombol stop dengan


script sebagai berikut:
on (release){
stopAllSounds();
}
14. Masih pada layer “Play & Stop”, langkah
berikutnya yaitu klik kanan pada frame 46
kemudian pilih Insert Blank Key Frame.
15. Lakukan hal yang sama Pada Layer “Isi Musik”,
klik kanan frame 46 kemudian pilih Insert Blank
Key Frame.
16. Lakukan Test Movie kemudian save file.
membuat soal pertama dimana setiap frame wajib
di beri Action-Frame “stop();” dengan asumsi:
BAGIAN 5 Frame 46 berisi soal ke 1
MEMBUAT SOAL QUIZ PADA FLASH Frame 47 berisi soal ke 2
Frame 48 berisi soal ke 3
Berikut langkah sederhana membuat soal pilihan .
ganda pada flash: .
1. Klik kanan tombol Soal kemudian berikan .
action-Button: .
on (release){ Frame ke-n berisi soal ke-n
gotoAndPlay(46); 9. Setelah selesai membuat soal, selanjutnya insert
} Blank Key Frame pada Frame ke-n+1 (sesuai
dengan soal terakhir).
2. Tambah layer baru di atas layer “Play&Stop” 10. Pada frame ke-n+1 isi stage dengan tulisan.
kemudian berinama layer “Soal” Missal “Maaf Jawaban Salah”. Serta buatlah
tombol missal dengan tulisan kembali ke soal.
3. Pada layer “soal” Insert Blank Key Frame di
frame ke 46. Kemudian berikan action-frame
“stop();

4. Masih di frame ke 46. Buatlah soal pertama


berikut dengan jawabannya menggunakan Text
Tool (dibuat terpisah masing-masing soal dan
kunci jawaban) missal seperti pada gambar berikut:

11. Untuk tombol kembali ke soal berikan action:


on (release){
gotoAndPlay(46);
}

12. berikan action pada jawaban yang benar di


setiap soal dengan script sebagai berikut:
on(release){
5. Langkah selanjutnya agar setiap jawaban dapat nextFrame();
di klik, maka hal yang harus di lakukan adalah }
membuat option jawaban tersebut berubah menjadi
sebuah tombol. Caranya yaitu dengan mengklik
kanan pada option jawaban (satu persatu) lalu pilih
convert to symbol.

13. Untuk setiap jawaban yang salah berikan


scripet sebagai berikut:
on(release){
gotoAndPlay(di isi dengan frame ke-n+1);
}

6. Pilih Button kemudian OK 14. Lakukan test Movie kemudian save.


15. Untuk membuat tampilan full screen, pada
frame pertama layer background berikan action:
fscommand (“fullscreen”,true);
pastikan Tulisan script kecil semua.
akhirnya selesai juga membuat projek multimedia
interaktif yang sangat sederhana ini. Untuk melihat
hasilnya bukalah folder tempat menyimpan file
7. Lakukan hal yang sama pada setiap option kemudian double click file yang berekstensi *.swf,
jawaban. bukan *.fla
8. Untuk membuat soal yang ke 2 dan seterusnya *.swf adalah file hasil jadi.
dapat dilakukan dengan langkah yang sama seperti *.fla adalah file mentah atau file editan.