Sunday 16 December 2012

14th Class Review: Types of Interaction

Assalamualaikum..

Untuk minggu ke 14 ni kami belajar dengan Apps 4 which is about types of interaction in Flash. Interaction ni sesuai kita gunakan untuk bina exercise yg interactive untuk students. Untuk lihat hasil exercise untuk APPS 4 yang saya buat, boleh nengok dekat site ini. Kali ni xboleh paste video macam selalu tu sebab yang ni involve interaction from the user. Extension file pon dalam bentuk .swf.. Kat bawah ni saya ade ceritakan step untuk dapat interaction macam tu. Tapi ingat taw. The first time you open the flash file, masa nak buat file baru, pastikan awak pilih action script jenis 2.o ok...



Multiple Choice Question

Ini time line saya untuk hasilkan interaction multiple choice ni:



Steps untuk hasilkan interaction multiple choice question ni boleh rujuk di bawah ni. Kalau tak faham refer gambar k..

  1. Kat layer 'bg' tulis soalan awak dan letaklah background yang sesuai. Taip soalan dan senarai jawapan. Letak jugak awak punye button untuk setiap jawapan.
  2. Create new layer namakan layer tu as stop, dan kat frame pertama pada layer tu awak right click, select Actions dan taip action script ni: stop ();
  3.  Create layer correct respon dan pada frame ke 2 dalam layer tu, tuliskan respon yang sesuai untuk jawapan yang betul.
  4. Create layer wrong respon, dan pada frame ketiga dalam layer tu, tulis respon yang sesuai untuk jawapan yang salah.
  5. Ok.sekarang kite dah ade respon untuk jawapan betul dan salah, dan kite dah ade soalan dan jawapan. Sekarang kite nak beritahu flash, bile dy click button untuk jawapan salah, linkkan pada frame ketiga yang ade respon salah. Caranye, right click untuk button answer salah, select actions, than letak kod ni:   on (release) {
                                      gotoAndStop (3)
                                   }
  6.  Step tu untuk beritahu flash yang bile user click button untuk jawapan salah, flash akan pegi frame ketiga yang tunjukkan respon salah. Repeat the step untuk jawapan salah yang lain. Untuk jawapan yang betul, lakukan step yang sama, tapi gantikan no 3 dalam script kepada no 2.
  7. Nak tahu kene letak keyframe or blank keyframe untuk sesuatu frame bagi sesuatu layer tu, boleh refer picture atas k..
  8. Nak negok hasil boleh lah test movie macam biasa..
Klik sini untuk lihat hasilnya.



Text Entry Question

Untuk soalan text entry boleh refer pic ni:


Stepnye:
  1. Pada layer 'bg' tu letak soalan dan background.
  2. Create new layer namakan layer tu as stop, dan kat frame pertama pada layer tu awak right click, select Actions dan taip action script ni: stop ();
  3.  Create layer baru dan kat layer tu letak button untuk enter.
  4. Di layer yang sama letak text box dan setkan properties as input text. di kotak bawah yang berlabel var, setkan namanye sebagai 'answer'.
  5. Then, letak lagi satu text box, dan namakan var dy as 'respon' . Set properties as dynamic text. Dekat tepi word var tu ade kotak kecil untuk show/hide the text box. Untuk kali ni awak hidekan ok. So deselect icon ni.
  6. Make sure Auto kern properties is unchecked.
  7. Right klik pada button enter, select actions, dan taipkan actionscript ni: on (release) {if (answer eq "print client") {respon = "Correct!";}
    else {
     respon = "Incorrect, Your answer "+ answer +" is wrong";
     }
    }

    on (release, keyPress "<Enter>") {if (answer eq "print client") {respon = "Correct!";}
    else {
     respon = "Incorrect, Your answer "+ answer +" is wrong";
     }
    }
  8. Answer dan respon yang warna biru tu ialah nama yang awak letak kat kotak tepi var tadi. "print client" ialah answer yang betul untuk soalan ni. 
  9. Then, you are good to go!
Klik di sini untuk lihat hasilnya.


 Main Menu

Untuk main menu ni boleh refer pic bawah ni ok..


Stepnye:
  1. Pada layer bground tu, prepare background and letaklah buton2 yang berkaitan. Kat sini button home dan about akan di linkkan dengan scene lain dalam 1 fail flash yang sama. Button fanpage pulak akan di linkkan pada website lain.
  2. dekat button tu, renamekan instance dengan nama yang sesuai,  mcam home untuk home button. Ulang step yg sama untuk button yg lain. Namakan button tu sebagai about dan fanpage.
  3. Bile dah siap, pegi window--> other panel --> scene.
  4. Then, click duplicate icon yang ade kat bawah window scene tu.
  5. Di scene yang baru ni, ubah lah isi kandungannye. Scene yang baru ni kite namakannye aboutscene.
  6. Masukkan stop action script pada frame pertama pada layer button.
  7. Then, insert frame untuk semua layer sampai fram 15, untuk scene 1 dan scene 2.
  8. Pada scene about,  insert new layer-->name as about-->go to properties-->in the same field, type 'about'.
  9. Create new layer namakan layer tu as stop, dan kat frame pertama pada layer tu awak right click, select Actions dan taip action script ni: stop ();
  10. Linkkan button home kepada scene home. Caranye, masukkan action script pada button home. Action script: on (release) {
        gotoAndPlay("Scene 1", 1);
    }
  11. Scene 1 yang warna hijau tu refer kepada scene home. 1 kat sebelah tu pula ialah nombor frame yang kite nak start.
  12. Repeat step yang sama untuk linkkan scene home kepada scene about. Masukkan action script yang sama kpada button about di scene home. Gantikan "scene  1" pada action script kepada nama scene about.
  13. Untuk aktifkan button fanpage yang nak link kpada web site, masukkan actionscript ni pada button fanpage untuk kedua2 scene: on (release) {
        getURL("https://www.facebook.com/AuthorJuliaQuinn?fref=ts");
    }
  14. Ok. Dah siap. Klik sini untuk view ok.


 Drag and Drop Question

Ok. untuk drag and drop boleh refer sini ye..



Ok nengok timeline nampak mmg simple kan. senang nak faham. pokok tu ade pada layer tree, stiap apple ade layer sendiri, dan text tu pon ade layer sendiri. Apple tiga ketul tu ialah symbol dalam bentuk movie clip. Just click pada apple tu, masukkan action script ini untuk ketiga2 apple ye, 

on (press) {
    startDrag (this, false)
}
on (release) {
    stopDrag ();
}

ok. dah siap.itu saje..nak nengok hasilnye boleh klik sini ye

Ok.itu saje untuk kali ni. bye bye..