MULTIMEDIA INTERAKTIF FLASH- PERCOBAAN KIMIA ASAM BASA

Multimedia interaktif dengan flash adalah salah satu cara untuk memperkuat pamahaman siswa terhadap sebuah materi. Pada tutorial kali ini saya akan sampaikan bagaimana cara membuat media pembelajaran interaktif dengan flash pada materi asam-basa. Mari kita mulai

A. Membuka halaman kerja

1. Jalankan Adobe Flash pada computer

2. Buat file Kimia_AsamBasa_Latihan.fla

3. Tampilan halaman kerja

4. Ubah nama layer 1 menjadi layer Objek. Layer ini disediakan untuk menyimpan objek-objek mpvie clip

5. Letakan objek-objek movie clip yang berada di library ke stage dan susun sesuai urutan berikut

a. Cari movieclip wadah_percobaan di Library

b. Drag movieclip wadah_percobaan ke stage

c. Pada panel properties, isi instance name untuk movieclip wadah_percobaan dengan nama wadah

d. Cari movie clip cairan dari library

e. Drag movieclip cairan dan letakan di tengah-tengah movie clip wadah

f. Pada panel properties, isi instance name untuk movieclip cairan dengan nama cairan

g. Ulangi langkah 5.a -5.c untuk objek lainnya, letakan objek-objek seperti gambar di bawah dan jangan lupa untuk memberi nama instance name untuk setiap objek seperti berikut:

Instance name di atas diperlukan untuk diproses di script pada langkah selanjutnya

h. Objek wadah yang telah dahulu diletakan di stage terhalang oleh objek baru cairan

i. Klik kanan objek cairanè arrangeè send to back

j. Hasil akhir tampil stage dan beri nama dengan text tool setiap objek sesuai dengan gambar di bawah:

6. Menambahkan objek

a. Jeruk

Buat objek lingkaran dengan oval tool

Kemudian ubah menjadi movie clip dengan nama “jeruk”

b. Obat magh

Buat objek berupa lingkaran dengan oval tool, kemudian ubah menjadi movieclip dengan nama “obat”.

c. Beri instance name untuk movieclip jeruk=”jeruk”, dan untuk movieclip obat=”obat”.

7. Setelah semua objek di library telah diletakan di layer objek, langkah selanjutnya adalah menambah layer baru untuk action script.

a. Pada panel timeline, klik insert layer

b. Beri nama layer baru dengan nama action

8. Langkah selanjutnya adalah memberi script pada frame pertama layer action

a. Klik kanan frame 1 layer action è klik actions

b. Jendela script yang muncul

9. Script

//deklarasi kordinat untuk tempat kembali objek

x_cuka=asamcuka._x;

y_cuka=asamcuka._y;

x_aquades=aquades._x;

y_aquades=aquades._y;

x_sabun=sabun._x;

y_sabun=sabun._y;

x_jeruk=jeruk._x;

y_jeruk=jeruk._y;

x_obat=obat._x;

y_obat=obat._y;

x_lakmusbiru=lakmusbiru._x;

y_lakmusbiru=lakmusbiru._y;

x_lakmusmerah=lakmusmerah._x;

y_lakmusmerah=lakmusmerah._y;

//deklarasi warna

warna_asamcuka="0xCCCCCC"; //abu-abu

warna_aquades="0x00CCFF"; //biru muda

warna_sabun="0xFFCC99"; //merah muda

warna_jeruk="0xFF4A17";

warna_obat="0x66FFCC";

warna_biru="0x0000FF"; 

warna_merah="0xFF0000"; 

warna_kosong="0xFFFFFF"; 

//deklarasi perubahan warna

warnacairan=new Color(cairan);

warnalakmusbiru=new Color(lakmusbiru);

warnalakmusmerah=new Color(lakmusmerah);

//variabel keadaan wadah

isi_wadah= "kosong";

//objek asam cuka

asamcuka.onPress=function(){

startDrag(this);

}

asamcuka.onRelease=function(){

stopDrag();

if(this._droptarget=="/wadah" and isi_wadah=="kosong"){

isi_wadah="asamcuka";

warnacairan.setRGB(warna_asamcuka);

}

this._x=x_cuka;

this._y=y_cuka;

}

//objek aquades

aquades.onPress=function(){

startDrag(this);

}

aquades.onRelease=function(){

stopDrag();

if(this._droptarget=="/wadah" and isi_wadah=="kosong"){

isi_wadah="aquades";

warnacairan.setRGB(warna_aquades);

}

this._x=620;

this._y=18;

}

//objek sabun

sabun.onPress=function(){

startDrag(this);

}

sabun.onRelease=function(){

stopDrag();

if(this._droptarget=="/wadah" and isi_wadah=="kosong"){

isi_wadah="sabun";

warnacairan.setRGB(warna_sabun);

}

this._x=x_sabun;

this._y=y_sabun;

}

//objek jeruk

jeruk.onPress=function(){

startDrag(this);

}

jeruk.onRelease=function(){

stopDrag();

if(this._droptarget=="/wadah" and isi_wadah=="kosong"){

isi_wadah="jeruk";

warnacairan.setRGB(warna_jeruk);

}

this._x=x_jeruk;

this._y=y_jeruk;

}

//objek obat

obat.onPress=function(){

startDrag(this);

}

obat.onRelease=function(){

stopDrag();

if(this._droptarget=="/wadah" and isi_wadah=="kosong"){

isi_wadah="obat";

warnacairan.setRGB(warna_obat);

}

this._x=x_obat;

this._y=y_obat;

}

//objek lakmus biru

lakmusbiru.onPress=function(){

startDrag(this);

}

lakmusbiru.onRelease=function(){

stopDrag();

if(this._droptarget=="/wadah" and isi_wadah=="asamcuka"){

warnalakmusbiru.setRGB(warna_merah);

}

else if(this._droptarget=="/wadah" and isi_wadah=="jeruk"){

warnalakmusbiru.setRGB(warna_merah);

}

else if(this._droptarget=="/wadah" and isi_wadah=="aquades"){

//tidak ada perubahan warna

} else if(this._droptarget=="/wadah" and isi_wadah=="sabun") {

//tidak ada perubahan warna

}else if(this._droptarget=="/wadah" and isi_wadah=="obat") {

//tidak ada perubahan warna

}else {

this._x=x_lakmusbiru;

this._y=y_lakmusbiru;

}

}

//lakmus merah

lakmusmerah.onPress=function(){

startDrag(this);

}

lakmusmerah.onRelease=function(){

stopDrag();

if(this._droptarget=="/wadah" and isi_wadah=="sabun"){

warnalakmusmerah.setRGB(warna_biru);

}

else if(this._droptarget=="/wadah" and isi_wadah=="obat"){

warnalakmusmerah.setRGB(warna_biru);

} else if(this._droptarget=="/wadah" and isi_wadah=="aquades"){

//tidak ada perubahan warna

} else if(this._droptarget=="/wadah" and isi_wadah=="asamcuka") {

//tidak ada perubahan warna

} else if(this._droptarget=="/wadah" and isi_wadah=="jeruk") {

} else {

this._x=x_lakmusmerah;

this._y=y_lakmusmerah;

}

}

//tombol reset

reset.onRelease=function(){

isi_wadah="kosong";

warnacairan.setRGB(warna_kosong);

warnalakmusbiru.setRGB(warna_biru);

warnalakmusmerah.setRGB(warna_merah);

lakmusbiru._x=x_lakmusbiru;

lakmusbiru._y=y_lakmusbiru;

lakmusmerah._x=x_lakmusmerah;

lakmusmerah._y=y_lakmusmerah;

reset._x=690;

reset._y=520;

}

 

10. Lakukan test movie ctrl+enter

Selesai..

Bagikan artikel ini jika bermanfaat.