Tutorial Macromedia Flash 8 : Media Pembelajaran HIMPUNAN

1. Buka flash doc. Buat lembar kerja dengan ukuran 650px x 650px sebagai default. 2. Beri background untuk tampilan utama media belajar. 3. Buat movie clip dengan nama himpunan, tulisan irisan himpunan , dan tombol masuk Gunankan motion tween untuk menggerakkan movie clip gunakan motion tween, gunakan alpha 0% ke 100% 4. Beri action pada tombol masuk : on(release){ gotoAndStop(46); } 5. Import gambar di bawah sebagai background selanjutnya

6. Beri teks materi himpunan convert ke graphic lalu gunkan motion tween efek alpha dari 0% ke 100% Buat tombol next beri action on(release){ nextFrame(); } 7. Buat banyak static text kemudian convert ke movie clip beri nama berbeda dan integrasi berada di tengah, berikan instance name masing movie clip berbeda 8. Beri action pada frame : x1awal=ayam._x; y1awal=ayam._y; ayam.onPress = function(){ this.startDrag(); } ayam.onRelease = function(){ this.stopDrag();

if (eval(this._droptarget) == p1) { this._x = _root.p1._x; this._y = _root.p1._y; } else if (eval(this._droptarget) == p2) { this._x = _root.p2._x; this._y = _root.p2._y; } else if(eval(this._droptarget) == p3) { this._x = _root.p3._x; this._y = _root.p3._y; }else if(eval(this._droptarget) == p4) { this._x = _root.p4._x; this._y = _root.p4._y; }else{ this._x = x1awal; this._y = y1awal; } }

x2awal=sapi._x; y2awal=sapi._y; sapi.onPress = function(){ this.startDrag(); } sapi.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p1) { this._x = _root.p1._x; this._y = _root.p1._y; } else if (eval(this._droptarget) == p2) { this._x = _root.p2._x; this._y = _root.p2._y; } else if(eval(this._droptarget) == p3) { this._x = _root.p3._x; this._y = _root.p3._y; }else if(eval(this._droptarget) == p4) { this._x = _root.p4._x;

this._y = _root.p4._y; }else{ this._x = x2awal; this._y = y2awal; } } x3awal=elang._x; y3awal=elang._y; elang.onPress = function(){ this.startDrag(); } elang.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p1) { this._x = _root.p1._x; this._y = _root.p1._y; } else if (eval(this._droptarget) == p2) { this._x = _root.p2._x; this._y = _root.p2._y; } else if(eval(this._droptarget) == p3) { this._x = _root.p3._x; this._y = _root.p3._y; }else if(eval(this._droptarget) == p4) { this._x = _root.p4._x; this._y = _root.p4._y; }else{ this._x = x3awal; this._y = y3awal; } } x4awal=tikus._x; y4awal=tikus._y; tikus.onPress = function(){ this.startDrag();

} tikus.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p1) { this._x = _root.p1._x; this._y = _root.p1._y; } else if (eval(this._droptarget) == p2) { this._x = _root.p2._x; this._y = _root.p2._y; } else if(eval(this._droptarget) == p3) { this._x = _root.p3._x; this._y = _root.p3._y; }else if(eval(this._droptarget) == p4) { this._x = _root.p4._x; this._y = _root.p4._y; }else{ this._x = x4awal; this._y = y4awal; } } x5awal=apel._x; y5awal=apel._y; apel.onPress = function(){ this.startDrag(); } apel.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p5) { this._x = _root.p5._x; this._y = _root.p5._y; } else if (eval(this._droptarget) == p6) { this._x = _root.p6._x; this._y = _root.p6._y; } else if(eval(this._droptarget) == p7) { this._x = _root.p7._x; this._y = _root.p7._y;

}else if(eval(this._droptarget) == p8) { this._x = _root.p8._x; this._y = _root.p8._y; }else if(eval(this._droptarget) == p9) { this._x = _root.p9._x; this._y = _root.p9._y; } else { this._x = x5awal; this._y = y5awal; } } x6awal=jeruk._x; y6awal=jeruk._y; jeruk.onPress = function(){ this.startDrag(); } jeruk.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p5) { this._x = _root.p5._x; this._y = _root.p5._y; } else if (eval(this._droptarget) == p6) { this._x = _root.p6._x; this._y = _root.p6._y; } else if(eval(this._droptarget) == p7) { this._x = _root.p7._x; this._y = _root.p7._y; }else if(eval(this._droptarget) == p8) { this._x = _root.p8._x; this._y = _root.p8._y; }else if(eval(this._droptarget) == p9) { this._x = _root.p9._x; this._y = _root.p9._y; } else { this._x = x6awal; this._y = y6awal;

} } x7awal=melon._x; y7awal=melon._y; melon.onPress = function(){ this.startDrag(); } melon.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p5) { this._x = _root.p5._x; this._y = _root.p5._y; } else if (eval(this._droptarget) == p6) { this._x = _root.p6._x; this._y = _root.p6._y; } else if(eval(this._droptarget) == p7) { this._x = _root.p7._x; this._y = _root.p7._y; }else if(eval(this._droptarget) == p8) { this._x = _root.p8._x; this._y = _root.p8._y; }else if(eval(this._droptarget) == p9) { this._x = _root.p9._x; this._y = _root.p9._y; } else { this._x = x7awal; this._y = y7awal; } } x8awal=jambu._x; y8awal=jambu._y; jambu.onPress = function(){ this.startDrag(); } jambu.onRelease = function(){ this.stopDrag();

if (eval(this._droptarget) == p5) { this._x = _root.p5._x; this._y = _root.p5._y; } else if (eval(this._droptarget) == p6) { this._x = _root.p6._x; this._y = _root.p6._y; } else if(eval(this._droptarget) == p7) { this._x = _root.p7._x; this._y = _root.p7._y; }else if(eval(this._droptarget) == p8) { this._x = _root.p8._x; this._y = _root.p8._y; }else if(eval(this._droptarget) == p9) { this._x = _root.p9._x; this._y = _root.p9._y; } else { this._x = x8awal; this._y = y8awal; } } x9awal=mangga._x; y9awal=mangga._y; mangga.onPress = function(){ this.startDrag(); } mangga.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p5) { this._x = _root.p5._x; this._y = _root.p5._y; } else if (eval(this._droptarget) == p6) { this._x = _root.p6._x; this._y = _root.p6._y; } else if(eval(this._droptarget) == p7) { this._x = _root.p7._x; this._y = _root.p7._y;

}else if(eval(this._droptarget) == p8) { this._x = _root.p8._x; this._y = _root.p8._y; }else if(eval(this._droptarget) == p9) { this._x = _root.p9._x; this._y = _root.p9._y; } else { this._x = x9awal; this._y = y9awal; } }

x10awal=pensil._x; y10awal=pensil._y; pensil.onPress = function(){ this.startDrag(); } pensil.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p10) { this._x = _root.p10._x; this._y = _root.p10._y; } else { this._x = x10awal; this._y = y10awal; } } x11awal=pena._x; y11awal=pena._y; pena.onPress = function(){ this.startDrag(); } pena.onRelease = function(){ this.stopDrag();

if (eval(this._droptarget) == p10) { this._x = _root.p10._x; this._y = _root.p10._y; } else { this._x = x11awal; this._y = y11awal; } } x12awal=pengha._x; y12awal=pengha._y; pengha.onPress = function(){ this.startDrag(); } pengha.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p10) { this._x = _root.p10._x; this._y = _root.p10._y; } else { this._x = x12awal; this._y = y12awal; } } x13awal=pulpen._x; y13awal=pulpen._y; pulpen.onPress = function(){ this.startDrag(); } pulpen.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p10) { this._x = _root.p10._x; this._y = _root.p10._y; } else {

this._x = x13awal; this._y = y13awal; } } 9. Script ini bertujuan untuk mendrag dan drop movie clip ke movie clip lainnya, contoh x1awal=ayam._x; y1awal=ayam._y; ayam.onPress = function(){ this.startDrag(); } ayam.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == p1) { this._x = _root.p1._x; this._y = _root.p1._y; }else{ this._x = x1awal; this._y = y1awal; } } (ayam adalah movie clip yang akan di drag dan p1 adalah tempat tujuan drag, jika tidak berada di p1 maka ayam akan kembali ke posisi semula) 10. Buat tonbol TUJUAN beri as : on (press) { if ((getProperty("/ayam", _droptarget) eq "/p1"||getProperty("/ayam", _droptarget) eq "/p2"||getProperty("/ayam", _droptarget) eq "/p2"||getProperty("/ayam", _droptarget) eq "/p3"||getProperty("/ayam", _droptarget) eq "/p4") && (getProperty("/tikus", _droptarget) eq "/p1"||getProperty("/tikus", _droptarget) eq"/p2"||getProperty("/tikus", _droptarget) eq"/p3"||getProperty("/tikus", _droptarget) eq"/p4") &&(getProperty("/elang", _droptarget) eq "/p1"||getProperty("/elang", _droptarget) eq "/p2"||getProperty("/elang", _droptarget) eq"/p3"||getProperty("/elang", _droptarget) eq"/p4") && (getProperty("/sapi",

_droptarget) eq "/p1"||getProperty("/sapi", _droptarget) eq"/p2"||getProperty("/sapi", _droptarget) eq"/p3"||getProperty("/sapi", _droptarget) eq"/p4") && (getProperty("/apel", _droptarget) eq "/p5"||getProperty("/apel", _droptarget) eq"/p6"||getProperty("/apel", _droptarget) eq"/p7"||getProperty("/apel", _droptarget) eq"/p8"||getProperty("/apel", _droptarget) eq"/p9") && (getProperty("/mangga", _droptarget) eq "/p5"||getProperty("/mangga", _droptarget) eq"/p6"||getProperty("/mangga", _droptarget) eq"/p7"||getProperty("/mangga", _droptarget) eq"/p8"||getProperty("/mangga", _droptarget) eq"/p9") && (getProperty("/jeruk", _droptarget) eq "/p5"||getProperty("/jeruk", _droptarget) eq"/p6"||getProperty("/jeruk", _droptarget) eq"/p7"||getProperty("/jeruk", _droptarget) eq"/p8"||getProperty("/jeruk", _droptarget) eq"/p9") && (getProperty("/melon", _droptarget) eq "/p5"||getProperty("/melon", _droptarget) eq"/p6"||getProperty("/melon", _droptarget) eq"/p7"||getProperty("/melon", _droptarget) eq"/p8"||getProperty("/melon", _droptarget) eq"/p9") && (getProperty("/jambu", _droptarget) eq "/p5"||getProperty("/jambu", _droptarget) eq"/p6"||getProperty("/jambu", _droptarget) eq"/p7"||getProperty("/jambu", _droptarget) eq"/p8"||getProperty("/jambu", _droptarget) eq"/p9")) { gotoAndStop(67); } else { gotoAndStop(66); } } 11. Untuk frame selanjutnya Membuat menu, beri efek sama dengan frame sebelumnya yaitu dengan efek drag dan drop dengan instance nama yang berbeda-beda beri action pada frame :

xi8awal=i8._x; yi8awal=i8._y;

i8.onPress = function(){ this.startDrag(); } i8.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == ii) { this._x = _root.ii._x; this._y = _root.ii._y; } else if (eval(this._droptarget) == i) { this._x = _root.i._x; this._y = _root.i._y; }else{ this._x = xi8awal; this._y = yi8awal; } } xr2awal=r2._x; yr2awal=r2._y; r2.onPress = function(){ this.startDrag(); } r2.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == r) { this._x = _root.r._x; this._y = _root.r._y; }else{ this._x = xr2awal; this._y = yr2awal; } } xi4awal=i4._x; yi4awal=i4._y;

i4.onPress = function(){ this.startDrag(); } i4.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == ii) { this._x = _root.ii._x; this._y = _root.ii._y; } else if (eval(this._droptarget) == i) { this._x = _root.i._x; this._y = _root.i._y; }else{ this._x = xi4awal; this._y = yi4awal; } } xs2awal=s2._x; ys2awal=s2._y; s2.onPress = function(){ this.startDrag(); } s2.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == s) { this._x = _root.s._x; this._y = _root.s._y; } else if (eval(this._droptarget) == ses) { this._x = _root.ses._x; this._y = _root.ses._y; }else{ this._x = xs2awal; this._y = ys2awal; }

} xn3awal=n3._x; yn3awal=n3._y; n3.onPress = function(){ this.startDrag(); } n3.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == n) { this._x = _root.n._x; this._y = _root.n._y; } else if (eval(this._droptarget) == n2) { this._x = _root.n2._x; this._y = _root.n2._y; } else if (eval(this._droptarget) == n1) { this._x = _root.n1._x; this._y = _root.n1._y; }else{ this._x = xn3awal; this._y = yn3awal; } }

xa3awal=a3._x; ya3awal=a3._y; a3.onPress = function(){ this.startDrag(); } a3.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == a) { this._x = _root.a._x; this._y = _root.a._y;

} else if (eval(this._droptarget) == a2) { this._x = _root.a2._x; this._y = _root.a2._y; } else if (eval(this._droptarget) == a1) { this._x = _root.a1._x; this._y = _root.a1._y; } else if (eval(this._droptarget) == a4) { this._x = _root.a4._x; this._y = _root.a4._y; }else{ this._x = xa3awal; this._y = ya3awal; } } xg4awal=g4._x; yg4awal=g4._y; g4.onPress = function(){ this.startDrag(); } g4.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == g) { this._x = _root.g._x; this._y = _root.g._y; } else if (eval(this._droptarget) == gg) { this._x = _root.gg._x; this._y = _root.gg._y; } else if (eval(this._droptarget) == g1) { this._x = _root.g1._x; this._y = _root.g1._y; }else{ this._x = xg4awal; this._y = yg4awal; } }

xg5awal=g5._x; yg5awal=g5._y; g5.onPress = function(){ this.startDrag(); } g5.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == g) { this._x = _root.g._x; this._y = _root.g._y; } else if (eval(this._droptarget) == gg) { this._x = _root.gg._x; this._y = _root.gg._y; } else if (eval(this._droptarget) == g1) { this._x = _root.g1._x; this._y = _root.g1._y; }else{ this._x = xg5awal; this._y = yg5awal; } } xa5awal=a5._x; ya5awal=a5._y; a5.onPress = function(){ this.startDrag(); } a5.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == a) { this._x = _root.a._x; this._y = _root.a._y; } else if (eval(this._droptarget) == a2) { this._x = _root.a2._x;

this._y = _root.a2._y; } else if (eval(this._droptarget) == a1) { this._x = _root.a1._x; this._y = _root.a1._y; } else if (eval(this._droptarget) == a4) { this._x = _root.a4._x; this._y = _root.a4._y; }else{ this._x = xa5awal; this._y = ya5awal; } } xu1awal=u1._x; yu1awal=u1._y; u1.onPress = function(){ this.startDrag(); } u1.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == u) { this._x = _root.u._x; this._y = _root.u._y;

}else{ this._x = xu1awal; this._y = yu1awal; } } xe1awal=e1._x; ye1awal=e1._y; e1.onPress = function(){ this.startDrag(); } e1.onRelease = function(){

this.stopDrag(); if (eval(this._droptarget) == e) { this._x = _root.e._x; this._y = _root.e._y;

}else{ this._x = xe1awal; this._y = ye1awal; } } xmmawal=mm._x; ymmawal=mm._y; mm.onPress = function(){ this.startDrag(); } mm.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == m) { this._x = _root.m._x; this._y = _root.m._y; }else{ this._x = xmmawal; this._y = ymmawal; } } xppawal=pp._x; yppawal=pp._y; pp.onPress = function(){ this.startDrag(); } pp.onRelease = function(){ this.stopDrag();

if (eval(this._droptarget) == p) { this._x = _root.p._x; this._y = _root.p._y;

}else{ this._x = xppawal; this._y = yppawal; } } xb1awal=b1._x; yb1awal=b1._y; b1.onPress = function(){ this.startDrag(); } b1.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == b) { this._x = _root.b._x; this._y = _root.b._y;

}else{ this._x = xb1awal; this._y = yb1awal; } } xo1awal=o1._x; yo1awal=o1._y; o1.onPress = function(){ this.startDrag(); } o1.onRelease = function(){ this.stopDrag();

if (eval(this._droptarget) == O) { this._x = _root.O._x; this._y = _root.O._y;

}else{ this._x = xo1awal; this._y = yo1awal; } } xnnnawal=nnn._x; ynnnawal=nnn._y; nnn.onPress = function(){ this.startDrag(); } nnn.onRelease = function(){ this.stopDrag(); if (eval(this._droptarget) == n) { this._x = _root.n._x; this._y = _root.n._y; } else if (eval(this._droptarget) == n2) { this._x = _root.n2._x; this._y = _root.n2._y; } else if (eval(this._droptarget) == n1) { this._x = _root.n1._x; this._y = _root.n1._y; }else{ this._x = xnnnawal; this._y = ynnnawal; } } Lebih jelasnya lihat di source.

12. Buat tombol di masing-masing menu materi, a.s GO buat materi irisan : on(press) { if ((getProperty("/i8", _droptarget) eq "/i"||getProperty("/i8", _droptarget) eq "/ii") &&(getProperty("/i4", _droptarget) eq "/i"||getProperty("/i4", _droptarget) eq "/ii") && getProperty("/r2", _droptarget) eq "/r" && getProperty("/s2", _droptarget) eq "/s" && (getProperty("/a3", _droptarget) eq "/a"||getProperty("/a5", _droptarget) eq "/a")&& (getProperty("/n3", _droptarget) eq "/n"||getProperty("/nnn", _droptarget) eq "/n")) { gotoAndStop(68); } else { gotoAndStop(67); } } a.s GO buat materi Gabungan : on(press) { if ((getProperty("/g4", _droptarget) eq "/g"||getProperty("/g4", _droptarget) eq "/g1")&&(getProperty("/g5", _droptarget) eq "/g"||getProperty("/g5", _droptarget) eq "/g1") && (getProperty("/a3", _droptarget) eq "/a1"||getProperty("/a3", _droptarget) eq "/a2") &&(getProperty("/a5", _droptarget) eq "/a1"||getProperty("/a5", _droptarget) eq "/a2") && getProperty("/b1", _droptarget) eq "/b" && (getProperty("/n3", _droptarget) eq "/n1"||getProperty("/n3", _droptarget) eq "/n2")&& (getProperty("/nnn", _droptarget) eq "/n1"||getProperty("/nnn", _droptarget) eq "/n2")&&getProperty("/u1", _droptarget) eq "/u") { gotoAndStop(71); } else { gotoAndStop(67); } }

a.s GO buat operasi : on(press) { if (getProperty("/o1", _droptarget) eq "/O"&& getProperty("/pp", _droptarget) eq "/p") { gotoAndStop(70); } else { gotoAndStop(67); } } 13. Buat di frame 68 sebagai materi irisan, Import animasi irisan yang sudah ada sebelumnya dengan imortlibrary lagu drag dari library ke stage, beri tambahan materi dengan static text 14. LEBIH JELASNYA LIHAT DI SORCE UNTUK ISI MATERI. PRINT SCR PROGRAM : 1. AWAL

2. MASUK

3. Himp

4. MENU

5. IRISAN

6. GABUNGAN

7. OP