Tuesday 6 May 2014

Cont' Reflection on 12th week (Text Entry, Drag and Drop & Multiple Choice Question )

As -Salam...

Ni adalah sambungan apa yang telah saya pelajari pada minggu ke-12 ni. Saya tak nak post dalam blog saya ni panjang sangat, so saya split la jadi dua bahagian..hehe


So, dalam minggu ni juga kami belajar 3 benda baru yang melibatkan cara-cara untuk membina soalan menggunakan flash:



  1. Text Entry
  2. Drag and Drop
  3. Multiple Choice Question

Text Entry
Dalam mempelajari text entry, kita perlu kenal 3 istilah yang berikut :

  1. Static text - di gunakan untuk jenis text yang tidak  berubah
  2. Dynamic text - di gunakan untuk jenis text yang boleh diubah(edit) atau padam (delete)
  3. Input text -
  • Buka flash cs4 > New > Flash file (Actionscript 2.0) > Lengkapkan seperti di bawah:

  • Pada kotak kedua dibawah> text tool > ruang jawapan yang akan diisi oleh pengguna > properties, pilih: Input Text, dan Var: answer

  • Create button seperti dibawah, pastikan properties pada text adala Static Text.:
 

  • highlight pada button > right click > Convert to symbol.. > Button> OK.
  • klik kanan pada button tersebut > pilih Actions > taip actionscript seperti dibawah:
  • pastikan variable answer , huruf dan ejaannya sama supaya actionscript ini boleh memanggil balik variable ini apabila button Check answer ditekan: 

on (release) { if (answer == "yes") {respon="correct!";
}else {
                respon = "Incorrect. Your answer" + answer + "is correct";
}

}
on (release, keyPress "<Enter>") { if (answer == "yes") {respon="correct!";
}else {
                respon = "Incorrect. Your answer" + answer + "is correct";
}

}

  • Create satu ruang dengan memilih text tool yang seterusnya di bawah button. Ini bertujun untuk memaparkan feedback setelah button check answer ditekan oleh pengguna:


  • Click pada kotak feedback > properties > pilih: Dynamic Text, dan Var: respon.
  
  • Output 1 : Feedback bagi jawapan yang  betul


  • Output 2 : Feedback bagi jawapan yang  salah:




Done!!!
Drag and Drop
  • Buka flash cs4 > New > Flash file (Actionscript 2.0) > Lengkapkan seperti di bawah:

  • Action script untuk drag and drop yang biasa seperti rajah di atas adalah : Right Click pada objek > Action > taip script seperti rajah di bawah



Multiple Choice Question


  • Buka flash cs4 > New > Flash file (Actionscript 2.0) > Lengkapkan seperti di bawah:
  • p/s: Pastikan properties pada text 'A', 'B', 'C' dan 'D' adalah Static text.


  • Pastikan properties pada text 'A', 'B', 'C' dan 'D' adalah Static text.
  •  Step untuk membina feedback pada jawapan yang dipilih oleh pengguna.
  • Text tool > Bina satu ruang  feedback seperti gambar di atas > properties pilih: Dynamic Text, var: respon 

  • Right click on button A > Actions> taip action script seperti dibawah (ulang action script yang sama pada button yang salah. Contoh button C dan D :



  • Right click on button B > taip action script seperti dibawah



  •  Output 1 : Feedback bgai jawapan yang salah

  
  • Output 2 : Feedback bgai jawapan yang  betul





Done!!

No comments:

Post a Comment