Ray's Introduction Slide

Individual assignment

http://docs.google.com/View?id=df7dhrwj_23gwfz63dz

Matthew
2009873072

My Individual Assignment-Text Version

Kay Chan
2009873319
http://docs.google.com/View?id=dcth9t5d_2hjrdc4cx (Text Version)
https://docs.google.com/fileview?id=0B6fEDqikjp-UMTVjNWIwNDItYTk5Mi00YWMxLWJlMTQtOWE5MWIwNDNjMjdk&hl=en (PDF Version)
The paper may being fine tuned
The latest version will upload soon

My individual assignment

docs.google.com/Doc?docid=0AYXlSkvloylwZGQ1c3hnZGtfMmY5N2JrY3Bj&hl=en

Final Product

Although nothing is ever really finished, we have taken on board a lot of the comments we received and created a final version of our learning object. I'm sure group members will add their own thoughts in other blog posts, but for me this project has been invaluable. I learnt an incredible amount about using Flash to create learning objects simply through the (often frustrating) process of trying to make stuff work.
The ability to post regular updates to the blog was a good tool, as it provided plenty of feedback and offered impetus to keep on improving. As I said before, there are things which I am happy with, and things which I would improve given unlimited time and skills. Overall, though, I'm happy with the way the project has turned out. I believe we made a good effort at incorporating the theory of creating learning objects into the presentation. I'd love to add some more game-style interactivity, but I'm afraid my programming wasn't up to it. I think that the major areas for improvement are cosmetic, thanks to the group's not great artistic talents! Oh well, maybe in the future. Enough of that, here's the presentation:

Movie
Source

Final Reflection

The use of blogger
BLOG acts as a learning platform for us. We can show what we have learnt, share ideas and experiences among other through this powerful platform. Many colleagues have given me valuable ideas and suggestions and I would like to thank all of them.
Also, we learn a lot from other colleagues work. Many of their work is excellent and make us force ourselves to do better.

Weekly Task
The weekly task forces us to learn something, do something and show what we have done before the following lesson. we can keep on learning new things throughout this module. Those tasks can arouse our interest in visual representation and different kinds of IT tools.

Reflection on Final Assignment

Thanks to all for giving us so much positive feedbacks to improve our work! We finally finish our learning object. According to Daniel’s suggestion, a single interface acts as one access point to most information was regarded as the best design in learning objects. Thus, we did our best to put everything into one interace. The most difficult part is how to make the interface look entertaining and with educational purpose.

Designing different kinds of learning resources is a part of our daily work. However, we do not know whether they are really effective or not as they are always be produced in hurry and we have no time to evaluate every piece of work we produced. In this time, we have to design and produce a learning object step by step. Therefore, we can think thoroughly and modify our work during different stages of our work.
Daniel and colleagues' suggestions and opinions do help us a lot. Through the use of BLOG, we can share our experiences and ideas with others freely and openly. We received many useful suggestions form colleagues and they did help us a lot. Quality of our learning object was improving and our final product was produced finally.
We are satisfied with the quality of our work but we know that there are still many rooms from improvement. We had tried our best to design and draw using the software to accomplish this task. With the idea of Daniel’s demo and technical support from a friend of ours, eventually we have got it!

Changes Based on Comments

Thanks very much to everyone who commented, and to all groups for putting up their learning objects for us to take a look at. Based on the comments and our own thoughts, here are the things that we are going to attempt to change:

1. Include more labels to let the learners know what the buttons do before they press them. I'd also like to include mouseover suggestions.
2. Label some of the key features: subductive plate, etc.
3. Finish adding a links section.
4. Improve the maps with the addition of the amount that the sea level is rising.
5. Maybe add some sound effects/voiceover.
6. Slow down the animation- we can experiment with dropping the framerate.

Anything I've missed?

PS: if anyone is interested in trying out Google Wave and hasn't got an invite, let me know.

Latest draft, comments please!

This is the latest draft of our project.
Here's the movie, if you just want to look at it: movie
And here's the source code if you want to see how it works/"remix" anything: source

New Draft

If anyone is following along, here's the latest draft, it now has working menus, but the content is still just placeholders.

Source

Movie

Cognitive Theory

* Multimedia principle – the learning object should integrate visual and verbal information, not verbal alone.

Our project has some text in it. The user can choose to view this text at the same time as watching the animation. Maybe we could offer tighter integration with the text and the specific things that are happening in the animation.


* Split-attention principle – words and pictures should be physically and temporally integrated.

The words and the pictures in our project are quite closely integrated. We have the text in a small window which is placed in the animation itself. Maybe we can make the text change to highlight specific events in the animation.


* Redundancy principle – the same information should not be presented in more than one format.

The text and pictures we have are not saying the same things.


* Modality principle – words should be spoken rather than written (in conversational rather than formal style, using a standard-accented human voice).

We don't have any spoken parts in our presentation. it might be a good idea to make a voiceover to explain what is happening in the animation. This might make the presentation seem more friendly.


* Segmenting principle – multimedia messages should be presented in student-paced segments.

Our project is focused on a specific thing. There is not enough content for us to have to split it into several segments. The students can control how fast the material is presented, and can choose to watch the animations as many times as they want.


* Pre-training principle – names and characteristics of main concepts should be familiar to students.

It's hard to have a pretraining idea built in to the presentation itself. maybe when the learning object is actually presented the teacher would have to add a lot of scaffolding. i'm not sure if it is a good idea to have an introduction in which the key terms are introduced.


* Coherence – extraneous material should be excluded.

I don't think we have anything extraneous.


* Signaling – cues should be used to highlight the organization of the essential material.

We have arrows, and the different aspects of the user interface are colour-coded to allow the student to simply identify what information is being presented at each stage.

Droplets, continued...

Here's an awesome video of water drops falling, if you're interested!

New Draft

Here's our latest draft: download.
and movie: here

tsunami draft

I think I have most of the coding infrastructure in place now, so we just need some animations. Talk about it on thursday, in the meantime here's the movie: movie
and here's the source if you want to take a look: source

Suggestion

storyboard

Topic of Our Representation-Tsunamis

Sources:
1. English:
http://ioc3.unesco.org/itic/categories.php?category_no=138
2. Chinese:
http://www.hko.gov.hk/gts/graphics/equake-graphics/great_waves.pdf

Why we chose it?
1. Other than volcano, earthquake and some other reason also cause TSUNAMI.
2. It is an interesting topic for interactive representation.
3. The target group can be very broad.
4. Most people find terrifying natural disasters interesting.
5. There is a lot of information online about the causes of tsunamis.

the lastest version, is it ok???

Matthew's Draft
It likes a promotion about the Ocean Park, including the facilities in the Park, and the way to go Ocean Park.


Ray's Draft
In this video, it introduces all the loactions where the visitors should go in HK.

3rd draft.

Ok, that's that. I added a slider, and some tickboxes so people can decide what they do and don't want to view.

Learn more about this project

Matthew's raindrop

Learn more about this project

2nd draft

The file I made before had no interaction, this one has a little game. Again, you can download and play with it yourselves. I want to add a slider, so the user can see the effect of changing the size of the raindrop. I'll try to get it done tomorrow.

Learn more about this project

Ray's Scratch

Learn more about this project

You can click above to download and play with it. I suggest we all post our work onto this blog, so we can edit each other's and come up with something great.
Nick

Kay's Scratch

Learn more about this project
Press Space Bar to have a look

Raindrop rough

Learn more about this project

Atmosphere try-out

Draft of the Atmosphere

Squids!!!

We have chosen the second image. The reasons for our choice are:

• The graphics allow a good first glance understanding of important points (size, habitat, etc..)
• The scale map in the bottom which gives a clear concept of how big the squid is, which the topic "GIANT" tries to express.
  
• The cutaway picture of the squid gives a good insight into the squid's anatomy, and tells us a lot about its biology.
• There is only a short introduction in text. The rest of the information is converyed very effectively by diagrams and photographs.
• The overall design is very clear, and does not try to show too much information. Many of the other designs can seem confusing at first glance.
• The text which is used is short and clear, and works well with the chosen images, instead of trying to explain everything.
• It's good for a non-specialist audience. Even if you don't understand English, you can "read" the images to find out a lot of interesting information. It satisfies the basic things that you might want to know about the giant squid.
  
• The overall colour scheme works well, and it draws attention to important points without using overly bright colours, making it easier to read.
• The graphic showing the movement of the squid is very clear, and gives a good sense of how the squid moves, even though the image is static.
• In all the diagrams the squid is coloured white, which immediately draws the eye, and makes it clear what the focus is.
• The flow through the picture is very clear. The orientation of the squid show us that we should start at the top left, and read through to the bottom right. The path that our eyes follow then lets us see all the important points that the designer wants to get across.
• The blue background is exact describing the living environment of the squid.
  

UKHK's lives on film

Our lives told through the medium of expressive visuals

6323

View more presentations from guest69fecd.

Important Notes 2 - Reading

Important Notes 1 - Contacts

Nick
Email: Nickjamesuk@gmail.com
Tel: 97670337
Ray
Email: Tfmak2@yahoo.com.hk
Tel: 60983596
Kay
Email: Kay_skratch@hotmail.com
Tel: 95533635
Matthew
Email: Kaheimatthew@gmail.com
Tel: 61554688