Friday, July 28, 2006

Prototype for interactive quiz (version 7.27)

Interactive quiz for learning about occupations (version 7.27)
By Daphne Chan and Chris Leung

The prototype for the quiz is ready. You may try it out:

* This quiz prototype is the second part of the learning object posted on July 20, 2006:
Prototype for 6323 Project (Version 7.20) - see below

1. Students are expected to click on the correct button.
2. When students answer the question correctly, they can proceed to the next question until they finish all the four questions.
3. If the answer is incorrect, a word "Oops! Please try again!" will pop out and they can try again.
4. Both the number of correct attempts and incorrect attempts will be displayed in the box for record.

Comments are invited, thank you!

Saturday, July 22, 2006

Visual Learning - Visual Thesaurus

While our prototype is exploring the learning of new vocabularies through interactive learning objects, someones out there have created something for us to learn thesarus through visual mapping. As the traditional paper-based dictionary and thesaurus seem to be too heavy for me now, the Visual Thesaurus seems to be a good alternative.

Try it out:

Thursday, July 20, 2006

Prototype (Version 7.20)

Prototype for 6323 Project (Version 7.20)

Topic: Learning About Occupations

By Daphne Chan & Chris Leung


1. Click the link above.

2. Click "Continue" in the opening screen to proceed.

3. When you see the building objects on the stage, click the "Hospital" building to see the occupation object.

4. When the occupation object is shown, the narration will begin. Remember to turn on your speakers.

5. After listening to the narration, you may stop for a while for elaboration in the class.

6. When finished, click the "Hospital" building again to go back.

7. Click any another building objects to continue (not ready yet).


  1. FreeHand MX
  2. Flash Basic 8


  1. It's very hard to draw objects with perspective in Flash. Freehand MX provide a handy tool for doing this with ease. But it still takes time to prepare a good visual effect.
  2. Instead of using the balloon idea shown in the storyboard, this time we try the shape tweening effect to make the display of the occupation object more natural on the stage. This encourages the kids to use their imagination next time when they get in touch with the Nature.

Comments are invited. Thank you.

Saturday, July 08, 2006

Web Tools 8 Summer Promotion for Teachers and Students

For general information only.  Please contact the vendor directly.


Friday, July 07, 2006

Storyboard for our multimedia project

Wednesday, July 05, 2006

Reflection on Digital Storytelling

Daniel's questioning on the differences between a photostory and a slide had corrected my long-held misconception.

I thought that photostory was simply presenting pictures with some tech gimmicks to impress our audience. In an attempt to answer back, I proceeded to open the powerpoint of the Instructional Technology Program [1] by Dr. Bernard Robin at the University of Houston.

According to Dr. Robin, there are ten elements in a digital story:

1. Purpose of the story
2. Narrator's point of view
3. Dramatic question(s)
4. Choice of content
5. Clarity of voice
6. Pacing of the narrative
7. Meaningful sountrack
8. Quality of the image
9. Economy of the story details
10. Good grammar and language usage

Unlike an ordinary slide presentation or a photo album, a digital story should have a well planned story-line. All photos, soundtracks, narration and transitional effects added should be carefully designed to guide the audience from the problem to the resolution:

After Daniel's lecture and Robin's powerpoint, I have to confess that I just know too little about the art of storytelling. Sometimes, something seems to be easy is not easy at all!