Thursday, May 17, 2007

Park photostory

Photo Story 3 for Windows is a free software which lets us to put digital images together with text, music and narration in the form of a slideshow or photo-movie. We can use photostory to give a description of specific area and make a record of a trip. The multimedia resource is useful to our daily life.

Set up Photostory:
1. Rotate imported pictures and size them to fit the screen.
2. Add text with different size, font and colours.
3. Record a narration for each slide and insert a sound file in story.
4. Edit pictures by Microsoft Powerpoint (File/Save As/Save as type/JPEG File Interchange Format) and import them into Photo Story 3.

Project Photostory: Your comments are welcome. Thank you.

Wednesday, May 2, 2007

Draft Prototype

Prototype of "Hong Kong tourists attractions":
Original source:
http://iln.cite.hku.hk/com/1374/users/swryuen/rondaflash0423mx2004.fla

Note: If you find this Flash as below is too small, you may view it at the bottom of my blog.

Your comments are welcome!


Monday, April 30, 2007

Number Flash

Subtraction Flash:
The Flash is suitable for the children who are in the the Ages of 6 and up.

The Flash aims to teach children for the subtraction skills through interactive software "Flash 8".

Your comments are welcome.
Original source:
http://iln.cite.hku.hk/com/1374/users/swryuen/rondanumbers.fla
Two-digit Subtraction Game for Primary School Students:
Please input two digit numbers to find the result!

Sunday, April 29, 2007

Dress Animation

Dress Flash
Play sound in Flash MX: It is very easy to create music in Flash. First, create a new layer for the sound file, rename it as audio. Second, click on flash 8 menu : Enter "Import" - "Import to Library", find the sound file and enter"open". Third, open the library and drag the sound file to the audio layer which have been made.

Flash Actionscript: A Stop action is the most simple form of Actionscript. When it applied to our keyframe in Flash, the movie will stop completely on that frame.
An Example: on (release), tellTarget() and gotoAndStop().

Here is the original file: http://iln.cite.hku.hk/com/1374/users/swryuen/rondashirt.fla
Your comments are most welcome!

Friday, April 27, 2007

Ball Flash

Button and Ball flash:
Procedures for creating the basic button:
1. Create the shape for the button background.etc. triangle, circle or triangle.
2. Select it by clicking on the arrow tool and dragging around the rectangle. Hit Key F8 to convert it to symbol (button)and name the button.
3. Double click on the button to get into the button editing window.
4. Create keyframes for frames 1, 2 and 3.
5. Create a new layer and call it text. Put some text on that layer , eg. play, back, part 2, or about.
6. Change different colours in each button frame.
7. In scene 1, assign different actions in the buttons, such as play, stop. The actions can control the movie in the flash.

Ball Flash: Your comments are most welcome. Thank you.

Wednesday, April 25, 2007

Beautiful picture (By Flash)


Beautiful Picture: showing the images of houses, stars, road and moon.
Your comments are welcome.
Purpose of this exercise: to gain a basic understanding of how to use the drawing tools.
Five tools include Pen tool, Oval tool, Rectangle tool and Pencil tool.

Tuesday, April 17, 2007

Lesson work

Lesson Work: Your comments are most welcome!
Please click the picture to access the work .
Please click A, B or C .


Reflection on this Flash:
Problem:
1.Text covered on the bottons.
2. Poor effect of buttons.

Improvement:
1. Buttons could be improved.
2. Text could not cover the button.
3. Background colour could be added.
4. Larger buttons.


Refelection on Reading:
According to Bederson & Shneiderman (2003), information visulization is a research aiming at supporting discovery and analysis of data through visual exporation. Nowadays, Interative techniques are capable of handling a million items effectively visible and manageable on screen. For example:

1. Hardware acceleration: achieve the speed required for interation and animation.

2. Non-standard visual attributes: synthetic overlap count to enhance visulization.

3. Animation and interaction: using time multiplexing techniques to analyze the data across several views.

4. Applied techniques to treemaps and scatter plots.

5. Other techniques: Image Library, drag and drop strategy for labelling photos, extensible zoomable user interface graphics toolkit in Java, a hierarchical multi window world wide web browser, photofinder web, and zoomable user interfaces.

Reference:
Bederson, B.B. & Shneiderman, B. (2003). The craft of information visulization: readings and reflections. San Francisco, CA: Morgan Kaufmann Publishers.