MITE6323 Ricky Ho

Myspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter Graphics Myspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter Graphics Myspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter Graphics'Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics Myspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter Graphics

Tuesday, July 25, 2006

The final project

Isomerism of hydrocarbon with 1-5 carbon.

Please comment our representation, so that we may improve it before dead line.

Please add a carbon atom in suitable positions so that they form a new organic compound and then press submit. Due to there are many possible positions of new carbon atom, many possible looks of carbon string may be found. Press Next , a movie is played to let you to distinguish different isomers.

Chin Po Ho
Ho Wing Kit




Source file (FLA): http://iln.cite.hku.hk/com/1238/users/wkho2/project/final.fla

(SWF):http://iln.cite.hku.hk/com/1238/users/wkho2/project/final.swf

Best viewed by: FLASH PLAYER 9.0
Software: Macromedia Flash 8.0 Professional
Developed by : Ho Wing Kit & Chin Po Ho

Reflection of using FLASH

This is the most difficult assignment undertaken so far this year but, the most rewarding project of all. Macromedia Flash is a piece of authoring software that has the capability of producing amazing animations and interactive pieces. However, Flash is just a tool, all the creativity and expertise comes from you as planner, developer, script writer, director and editor. There is a steep learning curve attached to Macromedia Flash.

I spent the first two weeks learning how to use the software. However, as Flash includes interactivity a scripting language is involved.

Storyboard of final project

After a lot of discussion, we give up the idea of Interference and come back to Organic Structure. The representation begins in one carbon atom. User has to add each one carbon atom in any one of many suitable positions so that they form a new organic compound. Due to there are many possible positions of new carbon atom, many possible looks of carbon string may be found. Some of them are isomer(the same atom number but different structure), others in fact are the same. Movies are played in each step to user to distinguish different isomers.











Friday, June 30, 2006

Planning the representation

Group
HO Wing Kit Chem. teacher
CHIN Po Ho Phy. teacher

In designing the representation, we should consider:

1. We find a topic in Chem. or Phy. that theories can be illustrated by visual display. By a good picture, students can learn the idea and concept of how the forces act on the body and its subsequence motion within a small area.

2 The representation should be interactive such that students can explore the information work with information and draw their own conclusions rather than watching a lot of pictures.

2 Minimize text and provide more experimental rather than instructive experience for students.

Brain storming Ideas

1 Organic structure
Show the structure of organic compound. As adding the number of carbon atom, the molecule below greater and the structure become more complex, this structure can be only show by visual display. By adding carbon number, students can explore the variation of the carbon arrangement and naming system

Thursday, June 22, 2006

Raindrop shape: No more tears

Pleace click on the picture for the interactive effect.

Friday, June 16, 2006

What information visualization is?


Scientific- (or data-), and Information visualization are branches of computer graphics and user interface which are concerned with the presentation of interactive or animated digital images to users to understand data. For example, scientists interpret potentially huge quantities of laboratory or simulation data or the results from sensors out in the field to aid reasoning, hypothesis building and cognition. The field of data mining offers many abstract visualizations related to these visualization types. They are active research areas, drawing on theory in information graphics, computer graphics, human-computer interaction and cognitive science.

Photo story

Wednesday, June 14, 2006

Reflection of lesson 3

In session of the module, it main concentrated in digital story telling. By definition, digital storytelling reflects both a broad reference to the emergent new forms of digital narratives (web-based stories, interactive stories, hypertexts, and narrative computer games) as well as the specific approach of creating short digital films developed by the Center for Digital Storytelling. As an emerging area of creative work, the definition of digital storytelling is still the subject of much debate. Typically, digital stories are produced in intensive workshops. The product is a 2-5 minute film that combines a narrated piece of personal writing, photographic images and a musical soundtrack. The philosophy behind this type of digital storytelling is one of using technology to enable those without a technical background to produce works that tell a story using moving images and sound.
We also discuss about the power of new media. In the new information era, the media of sharing information not only by using TV and radio broadcasting, it also makes use of new media such as internet (you-tube or google video). We should remind that the new media may consist a lot of problems such as web bullying.
For digital story, we can make use of BBC story telling. http://www.bbc.co.uk/wales/digitalstorytelling/
In the task of this week, we learnt how to use MS photo story 3 to make our own story to share with the others. It is a very user friendly application which is free of charge and it is very easy to use and we can produce a photo story easily and presented into different machine and media such as DVD, VCD and even to mobile phone.

Thursday, June 08, 2006

Earth's Atmosphere


Please click on the link for the interactive version!

Saturday, June 03, 2006

Reflection of Lesson 2

In this session, we learnt what visualization is and we can get some ideas to present our information to the viewer. Let us see what visualization is: Visualization (graphic), as in any technique for creating images, diagrams, or animations to communicate any message. For example, Scientific visualization, an application of computer graphics which is concerned with the presentation of potentially huge quantities of laboratory, simulation or abstract data to aid cognition, hypotheses building and reasoning. Knowledge visualization, a sub discipline of Information Design and Instructional Message Design. Product visualization, visualization software technology for manufacture of components and large assemblies of products and music visualization, a feature found in some media player software applications.

We also learn about what visual language is. When you create an image to communicate an idea, you are using visual language. We can 'visualize' our thinking as well as verbalize it. The elements in an image represent concepts in a spatial context, rather than the linear form used for words. Speech and visual communication are a parallel and usually interdependant means by which humans exchange complex information. A diagram, a map, a painting are all examples of the use of the visual language. It's structural units include the following : Line, Shape, Color, Motion, Texture, Pattern, Direction, Orientation, Scale, Angle, Space and Proportion.
Applications of visual are very wide range, for example Photorealistic Images, Paintings and drawings, Caricatures, cartoons, abstract art, Maps of territories (real and abstract), Symbols and icons, Diagrams and charts, Mindmaps etc. A mind map (or mind-map) is a diagram used to represent words and ideas linked to and arranged radially around a central key word or idea. It is used to generate, visualize, structure and classify ideas, and as an aid in study, organization, problem solving, and decision making. It is an image-centered diagram that represents semantic or other connections between portions of information. By presenting these connections in a radial, non-linear graphical manner, it encourages a brainstorming approach to any given organizational task, eliminating the hurdle of initially establishing an intrinsically appropriate or relevant conceptual framework to work within.

To have effective communication with the reader, interactivity is very important. For example, in task 2 of this lesson, we have to produce a interactive presentation of the atmosphere. In my work, I make use of dreamweaver and make use of the "show and hide layer" function to produce a interactive interface with the user.