Monday, May 28, 2012

Multiple Choice Question - Apps 4 (1)

If we build a learning courseware, of course we have to create an evaluation to test the students' understanding and knowledge. One of the method to evaluate the student is to create several multiple choice questions..

Test out this simple multiple choice questions that I created..


OK.  Here are the steps...

First of all, we will need 4 layers.  From top to bottom...
1) Actions (containing action script)
2) Response (containing feedback after user select the answer)
3) Buttons (Choice of answers)
4) Questions

Let's start

1) Create a layer and rename it as "Question".  In this layer Put in the question and the necessary background formatting

2) Create another layer, rename it as "buttons". Put in the 4 choice of answers.  There are 8 items involved here: 4 buttons, A, B, C, D and 4 different answer using static text

3) Behind the one correctly chosen button, put in the following action script:

on(release){
 response = "Congratulations, your answer is correct!";
}

Behind the three wrongly chosen buttons, put in the following action script:

on(release){
 response = "Your answer is incorrect.  Please try again!";
}

4) Create another layer and rename it as "response".  Create a dynamic text for the response under the choice of answer.  Create enough space for the response text area. 

Special properties for the dynamic text:
- Embed - Character Ranges - All (Important in CS5)
- Auto Kern - Off (untick)
- Options - Variable : "response"  (declare this dynamic text to be used in action script)

5) Now, create the last layer and rename it as action. The "action" layer usually contains script for the application. However, for this simple application, we're just going to put in some initialization.

6) In the first frame, right click and go to "Actions". Put in the following script:

stop();
var response;
response = ""

That's all folks.  Don't forget to save, test, export it to swf and upload to google site...

Check out the finished product here 

No comments:

Post a Comment