My blog contains many materials about the Course MITE6323.
To help you to have a quick look of the most important materials in my blog,
please refer to the below link to see the
Blog Navigation Guide
Also, you are recommended to refer to the Categories at the right of the screen.
Please refer to the below link to see the
Overall Course (MITE 6323) Reflections
Please refer to the below link to see the
Project Reflections
Please refer to the below link to see the
Final Project Descriptions
The project is done by Kenneth Chan and me (Patrick Lai)
Here is the Project Structure…
http://iln.cite.hku.hk/com/1374/users/yyechan2/Project.swf
From the above, you can see the project consists of:
a) Introduction
It contains the introduction of the topic.
The content of the introduction is now in a paragraph form.
We will make the paragraph slim and better organized (probably by adding some images)
b) Simulation (a continuously moving moon), see the links:
http://iln.cite.hku.hk/com/1374/users/yyechan2/Phase.swf
http://iln.cite.hku.hk/com/1374/users/yyechan2/Phase.fla
c) Exercises (a Matching Exercise of Moon Phases)
see links:
http://iln.cite.hku.hk/com/1374/users/yyechan2/Matching.swf
http://iln.cite.hku.hk/com/1374/users/yyechan2/Matching.fla
d) Quiz (a Quiz to let the learner know how much they have learnt)
see links:
http://iln.cite.hku.hk/com/1374/users/kmlai2/quiz.fla
http://iln.cite.hku.hk/com/1374/users/kmlai2/quiz.swf
e) References (Links to some web-links or suggesting literatures for the learner to read)
(to be finalized in the final version)
Further modifications:
a) adding a “Phase Slider”, see the link:
http://iln.cite.hku.hk/com/1374/users/yyechan2/PhaseSlider.swf
http://iln.cite.hku.hk/com/1374/users/yyechan2/PhaseSlider.fla
This component allows user to drag to the desired phase as they needed.
b) adding an “Interactive Phase” page, see the link:
http://iln.cite.hku.hk/com/1374/users/yyechan2/InteractivePhase.swf
http://iln.cite.hku.hk/com/1374/users/yyechan2/InteractivePhase.fla
This component allows user to click on the desired phase as they needed.
Slider
After referencing the Slider produced by Dr. Churchill in the Blog,
- I changed my mind in using the slider.
- Before, I think slider is used ONLY in numerical data (e.g. numbers)
or arbitary values (e.g. +/- volume in the audio channel)
- Now, I have broaden my mind in using a slider to allow the user to interact with other values (e.g. years)
- The video tutorial about making a slider in Flash (by Dr. Churchill) is clear for me to learn, Thanks!
Watch a YouTube Video about DENIM…

Visit DENIM Homepage…
I think it is useful for us (designers) to make a quick sketch (building screens and storyboarding)!
Digital Story Telling (My Thoughts)
Before looking at the products produced by former Dr. Churchill’s students, I was still not having any concrete idea on what I can do in a Digital Story (PhotoStory Task)
After I have learnt from the above examples, I have a more concrete and “practical” mind in producing my own Digital Story.
This can reflect that sometimes we can learn from examples.
Some of the examples are not “time-critical” – the sequence is not too important, e.g. the ECA listings
Some of the examples are “time-critical” – the sequence is important, e.g. steps in drawing parallel lines or an angle bisector
Digital Story Telling are traditionally be used:
as a quick Virtual Tour to a place (e.g. schools) or an event (a record of a trip)
in a wedding party (showing the photos of the couple)
in advertisements (see:
Digital Story Telling are now be used in Education! For example:
Online illustration of the steps in completing a task (e.g. computer operations)
Showing students’ works (e.g. Art work / computer gallery).
.
Digital Story Telling (Theories)
Digital Story Development Process is similar to that in developing a multimedia representation product.


(The above screens are captured from Dr. Churchill’s PPT Slide)
Narration vs. On-screen Text
In a video, if necessary, narration is preferred than on-screen text
It is because, if on-screen text is used, the audience have to use their “visual channel” to pay attention to BOTH the video itself and the on-screen text. This cause the “visual channel” became overloaded (Modality Principle).
Even if the on-screen text is unavoidable or really needed, the on-screen text is better to be presented next to the portion of animation (Spatial Contiguity Principle).
(Reference: Mayer, R.E. and Moreno , R. (2002). Animation as an Aid to Multimedia Learning. Educational Psychology Review. 14(1): 87-98 ).
.
PhotoStory 3 Evaluation:
It gives the “static photo” with Life (allow easy zooming in and out to and from a portion of the picture)
It is easy for the user to learn and use.
It goes along with the manual workflow in making a movie.
It reduces very much on the effort of making digital movie (even a primary school student can master it!)
I would now start to think of putting “PhotoStory building” to be one of the items in my school syllabus in computer literacty.
(see Adobe Digital Kids — Club)
It provides integrated function for recording narration.
The narration scripts can be typed into the desired photos in helping the user to read out the narrations.
PhotoStory 3 is a Freeware, this allows students and teachers to use it in their homes.
However, in my opinion, PhotoStory 3 lacks interactivity for the audience to interact with the material presented..
.
Digital Story Principles and Tutorials References:
Take Six: Elements of good digital storytelling)
Digital Storytelling (by Adobe)