MITE6323 Learning Blog

Blog Navigation Guide

fkmlai — Mon, 28 May 2007 15:45:28 +0000

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.

Overall Course (MITE 6323) Reflections

fkmlai — Mon, 28 May 2007 14:19:36 +0000

Please refer to the below link to see the
Overall Course (MITE 6323) Reflections

Project Reflections

fkmlai — Mon, 28 May 2007 14:17:31 +0000

Please refer to the below link to see the
Project Reflections

Final Project Descriptions

fkmlai — Mon, 28 May 2007 04:20:18 +0000

Please refer to the below link to see the
Final Project Descriptions

Prototype Files (13th-May-2007)

fkmlai — Sun, 13 May 2007 13:20:21 +0000

Hi All,

Please feel free to have a look at the modified:
Main Screen (with new sections and button-sizes)
http://iln.cite.hku.hk/com/1374/users/kmlai2/mscr_20070513.fla
http://iln.cite.hku.hk/com/1374/users/kmlai2/mscr_20070513.swf

Quiz (with updated questions’ information)
http://iln.cite.hku.hk/com/1374/users/kmlai2/qz_20070513.fla
http://iln.cite.hku.hk/com/1374/users/kmlai2/qz_20070513.swf

Prototype Files (8th-May-2007)

fkmlai — Tue, 08 May 2007 11:38:05 +0000

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.

Quiz Component of our project…

fkmlai — Tue, 08 May 2007 10:34:07 +0000

This is the Quiz component of our project.

http://iln.cite.hku.hk/com/1374/users/kmlai2/quiz.fla

http://iln.cite.hku.hk/com/1374/users/kmlai2/quiz.swf

Please have a look and feel free to give us comment. Thanks.

Lesson #7 (Reflection)

fkmlai — Sun, 15 Apr 2007 14:48:32 +0000

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!

DENIM — An Informal Tool For Early Stage Web Site and UI Design

fkmlai — Sun, 15 Apr 2007 03:58:58 +0000

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)!

Lesson #6 (Reflection)

fkmlai — Sat, 14 Apr 2007 15:11:23 +0000

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)