MITE6323 Learning Blog

Just another Edublogs.org weblog

Blog Navigation Guide

May 28th, 2007 by fkmlai in Final Assignment · No Comments

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.

→ No Comments

Overall Course (MITE 6323) Reflections

May 28th, 2007 by fkmlai in Reflections · No Comments

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

→ No Comments

Project Reflections

May 28th, 2007 by fkmlai in Final Assignment · Reflections · Reflections (about Tasks) · No Comments

Please refer to the below link to see the
Project Reflections

→ No Comments

Final Project Descriptions

May 28th, 2007 by fkmlai in Final Assignment · No Comments

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

→ No Comments

Prototype Files (13th-May-2007)

May 13th, 2007 by fkmlai in Final Assignment · 1 Comment

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

→ 1 Comment

Prototype Files (8th-May-2007)

May 8th, 2007 by fkmlai in Final Assignment · 2 Comments

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.

→ 2 Comments

Quiz Component of our project…

May 8th, 2007 by fkmlai in Final Assignment · No Comments

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.

→ No Comments

Lesson #7 (Reflection)

April 15th, 2007 by fkmlai in Reflections · No Comments

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!

→ No Comments

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

April 15th, 2007 by fkmlai in Interesting Stuffs · No Comments

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

→ No Comments

Lesson #6 (Reflection)

April 14th, 2007 by fkmlai in Reflections · No Comments

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.
  • Click for Full View...
    Click for Full View...

  • (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)
  • → No Comments