SPPP2333

AUTHORING LANGUAGE AND

MOBILE APP DEVELOPMENT

Lecture Notes and Online

Hands-On for MCQ
Dr. Mohd Shafie b. Rosli

School of Education
shafierosli@utm.my
Overview of Activities
A. Online Activities (Individual – eLearning)

B. Step by Step hands on session

C. Group Activities (Group – eLearning)

Online Activity – 5 Minutes
Bagaimana anda boleh menggunakan MCQ untuk
membantu proses dan aktiviti pembelajaran dalam
DLO yang anda bangunkan?

Sila jawab di dalam forum yang disediakan di dalam

eLearning
Step by Step Hands-On

Sesi hands on secara video boleh rujuk di sini:

https://youtu.be/p_TlMyXujJ0
Step by Step Hands-On
1. Kita perlu sediakan soalan. Soalan boleh
dibuat menggunakan text tool.
2. Soalan ini perlu diubah menjadi movie clip.
3. Bagi tujuan coding, kita perlu berikan
instance name. Namakan soalan sebagai
“soalan”.
Step by Step Hands-On
4. Kemudian, kita perlu masukkan senarai
jawapan. Senarai jawapan juga
menggunakan text tool dan perlu dibuat
pada layer yang baru/lain.
5. Tukarkan setiap jawapan kepada button.
Step by Step Hands-On
6. Berikan nama bagi setiap button pada
bahagian instance name dengan nama
jawapanA, jawapanB, jawapanC, jawapanD
7. Masukkan respon bagi jawapan betul dan
salah. Buat pada 2 layer baru yang berbeza.
8. Berikan nama pada setiap respon sebagai
responBetul dan responSalah. Tukarkan
setiap respon kepada movie clip.
Step by Step Hands-On
6. Berikan nama bagi setiap button pada
bahagian instance name dengan nama
jawapanA, jawapanB, jawapanC, jawapanD
7. Masukkan respon bagi jawapan betul dan
salah. Buat pada 2 layer baru yang berbeza.
8. Berikan nama pada setiap respon sebagai
responBetul dan responSalah. Tukarkan
setiap respon kepada movie clip.
Step by Step Hands-On
9. Masukkan satu lagi layer bagi tujuan kod.
10.Pertama, masukkan arahan untuk animasi
berhenti.
11.Kemudian, kita perlu masukkan coding
untuk mengawal paparan setiap movieclip
dan button yang telah dibuat sebelum ini.
Masih buat pada layer kod.
Step by Step Hands-On
12.Seperti yang dipaparkan, respon tidak
kelihatan. Setiap pilihan juga dipaparkan
sebagai button apabila hover ikon tangan
dipaparkan.
13.Seterusnya, kita perlu masukkan kod untuk
memberikan respon pada jawapan. Klik
pada layer jawapan. Pilih Action
14.Masukkan kod dari code snippets seperti
berikut selepas memilih button yang ingin
diberikan kod.
Step by Step Hands-On
12.Pilih Mouse Click Event.
13.Pastikan ianya dibuat pada button yang
betul.
14.Mari kita cuba animasi ini.
15.Jika berlaku error seperti ini, sila lihat pada
instance name anda. Maaf, terlupa tulis
visible =D
16.Mari cuba animasi anda
Step by Step Hands-On
Untuk jawapan B dan C boleh gunakan seperti yang
saya tunjukkan sebentar tadi.

Kita ke respon jawapan Salah.

Step by Step Hands-On
Pilih pada layer jawapan. Masukkan kod seperti
berikut.

Pilih jawapan yang salah.

Mari cuba animasi ini.

SELESAI.
Group Activity – Before next
lecture
Bincangkan di dalam kumpulan, bagaimanakah carta
alir dan papan cerita untuk tugasan berkumpulan
anda.

Upload hasil perbincangan di eLearning