Cara Menciptakan Media Pembelajaran Di Flash Untuk Pemula

Dengan semakin berkembangannya Ilmu Pengetahuan dan Teknologi sanggup membantu anda dalam proses berguru mengajar. Salah satu cara semoga proses pembelajaran menjadi lebih menarik, terang dan interaktif yaitu...

...dengan memakai Media Pembelajaran/Media Interaktif sebagai alat bantu proses mengajar.

Selain itu, dengan adanya Media Interaktif ini sanggup dipakai sebagai Presentasi, Tutorial, Quiz dan lain sebagainya.

Dalam tutorial kali ini, akan saya suguhkan tutorial Cara Membuat Media Pembelajaran atau yang lebih dikenal dengan sebutan Media Interaktif, di Adobe Flash untuk Pemula berikut ini :

Tutorial Cara Membuat Media Pembelajaran di Flash 

1. Buka Aplikasi Adobe Flash (saya memakai Flash CS6). Pilih Actionscript 2.0

2. Pada kepingan Properties, ubah ukuran area kerja(kotak warna putih yang biasanya terletak di tengah) di "Size" menjadi 800 x 600 (satuan yang dipakai pixels). 

3. Pada kepingan "Timeline", ubah nama layer dengan cara double klik kemudian isikan nama "BG" sebagai background pada Media Interaktif nantinya. 

Lalu, untuk memasukkan gambar ada 2 cara, adalah dengan Import to Stage (Ctrl+R) atau Import to Library. Pada Kasus kali ini, saya memakai Import to Library

4. Perbedaannya itu sendiri, untuk to Stage gambar akan pribadi masuk di area kerja sedangkan to Library akan otomatis tersimpan pada kepingan Library kemudian untuk memasukkannya dengan menggeser/drag gambarnya ke area kerja.

5. Atur posisi dan ukuran gambar semoga sesuai dengan area kerja.

6. Pada Frame ke-21 dan ke-41, klik kanan - insert keyframe. Lalu pada kepingan Properties, beri nama label "bg1" dan "bg2" maka akan ada tanda bendera warna merah.

7. Sekarang, buat layer baru. Caranya klik ikon ibarat pada gambar di bawah ini..

Kemudian, ubah namanya menjadi "KONTEN" dan pada frame ke-41, klik kanan-pilih insert frame (atau tekan F5). Setelah itu, buatlah Teks, gambar pada Layer Konten tersebut.

8. Buat Layer Baru dengan Nama "TOMBOL" dan Insert Frame di frame-41. Kemudian pada Layer Tombol tersebut, buatlah kotak dengan rectangle options ibarat pada gambar..

9. Klik kanan pada kotak tersebut - pilih Convert to Symbol - isikan  dengan nama "bab1_btn" dan pilih tipe "button" ibarat pada gambar di bawah, kemudian OK..

10. Tekan Klik Ganda atau Double Click pada button "bab1_btn" untuk mengedit tombol. Maka akan muncul ibarat pada gambar di bawah. Kemudian, Isikan Teks berupa "BAB 1".

Setelah itu, klik kanan pada kepingan Over dan Down - pilih insert keyframe (F6)

Keterangan ;

UP        : Kondisi Normal

OVER  : Kondisi dikala kursor diatas tombol

DOWN : Kondisi dikala tombol ditekan 

Untuk mengetahui perbedaanya, coba anda ubah warna atau bentuk dari tombol pada kepingan OVER dan DOWN. 

Seperti anda lihat, untuk kondisi normal saya memakai warna "putih", untuk kondisi ketika kursor diatas tombol berwarna "Biru Tua" dan ketika di klik warnanya bermetamorfosis "abu-abu". 

Setelah Selesai Mengedit Tombol, tekan Scene 1 untuk kembali... 

11. Insert Keyframe (F6) pada Frame ke-21 dan ke-31 untuk layer tombol dan konten

12. Pada Frame ke-21. Buatlah Teks pada Layer konten dan buatlah tombol navigasi "kembali" pada Layer tombol untuk menciptakan Halaman BAB1

13. Begitu pula untuk frame ke-31. Buatlah Teks pada Layer konten dan buatlah tombol navigasi "kembali" pada Layer tombol untuk menciptakan Halaman BAB2. Jangan Lupa beri masing-masing nama label "bab1" dan "bab2"..

Tekan "Ctrl + Enter" untuk melihat hasilnya. Namun hasilnya, tombol yang kalian buat tidak berfungsi dan Halamannya Berpindah berulang-ulang. Untuk melakukannya kita akan lanjut ke Cara Memberikan ActionScript pada Tombol di Flash

BACA JUGA : CARA MEMBUAT KALKULATOR SEDERHANA di Flash

Memberikan ActionScript pada Tombol di Adobe Flash

Setelah anda berhasil berguru Import,Timeline,Layer,Label,Button dan Teks pada tutorial sebelumnya. Kali ini kita akan menuju langkah terakhir untuk menciptakan Media Interaktif/Pembelajaran adalah memperlihatkan ActionSript di setiap Tombol sebagai berikut :

1. Buat Layer gres dengan nama "AS" dan pada Frame ke-1, klik kanan - pilih actions - kemudian ketikkan command/perintah berikut :

stop(); fscommand("fullscreen", "true"); 

Keterangan :

a) perintah stop(); digunakan semoga waktu dijalankan, animasi tidak berulang-ulang/berpindah halaman. Untuk melihat perbedaanya. Silahkan tekan Ctrl + Enter

b) perintah fscommand("fullscreen","true"); dipakai dikala Media Interaktif ini di Publish menjadi file exe maka akan otomatis menjalakan secara layar penuh.

2. Untuk tombol BAB 1, klik kanan - pilih actions - ketikkan perintah berikut ini..

on (release) {     gotoAndStop("bab1"); } 

Untuk tombol BAB 2, cukup anda ubah menjadi : 

on (release) {     gotoAndStop("bab2"); }

atau pribadi memakai lokasi frame berada ibarat ini :

on (release) {     gotoAndStop(31); }

3. Langkah akhir, klik File - Publish Settings (Ctrl + Shift + F12)- conteng pada kepingan .swf, .html, dan .exe dan Atur Lokasi penyimpanan dengan klik tombol Folder warna Kuning. Setelah itu, Klik Tombol PUBLISH...

4. Hasil Publish sebagai berikut. Coba Anda jalankan MediaInteraktif.exe maka akan otomatis Layar Penuh (Fullscreen) ibarat yang saya katakan sebelumnya. 

Sekian Tutorial Cara Membuat Media Pembelajaran atau Media Interaktif di Adobe Flash untuk Pemula. 😁

Semoga sanggup membantu dan bermanfaat bagi semua kalangan, terima kasih. Untuk segala bentuk pertanyaan silahkan masukkan pada kolom Komentar 🙌

Adobe Flash Media Interaktif Media Pembelajaran

• Share
• Share