MITE 6323

Respect Responsibility Realization

2007-06-14T05:31:00.000-07:00

Reflection....

2007-05-19T02:40:00.000-07:00

Just want to add something!! better late than never right?

I'd like thank our colleagues and Ryan Yuen for all the comments we recieved to enhance our final project. It really helps us to build this wonderful project. Through your comments, we had been encourage to upgrade our skills in this aspect.

Also, to my sister and my group partner =) Paula! muah!! lovesyousomuch!!!

and ofcourse...... will i ever forget our instructor....

To Dr. Daniel Churchill , thanks for all the skills and informations you taught us and specially for your guidance and assistance to make our project more meaningful. Now, I'm beginning to like Flash... hehehe Thanks to u!

See you all in next module!!!! (If we have chosen the same module la!)

FINAL TASK

2007-05-13T20:16:00.000-07:00

Our final group task

SWF File: Click here

Task Creation:
Task?
In our MITE 6323 class we are asked to create an interactive visual representation which we also called learning object.

What we did?
We decided to use the project of my groupmate in her MITE6313 class.
They were told to create a website and the topic she chose was about "Learning with Computers".

Learning with computers has four categories: Computer Economics, Computer Hardware, Desktop Icons and Computer Software. Under this categories were other subtopics:

Computer Economics scopes are Correct Posture, Proper Mouse Usage and Proper Keyboard Usage.

Computer Hardware scopes are Input Device, Output Device, Storage Device, Processing Device and CPU

Desktop Icons scopes are Windows XP Icons, Application Icons, Internet Icons, File, Filename Parts, File Measurement, Folders and File Address

Computer Software scopes are Types of Software

please check out the website for more information: http://iln.cite.hku.hk/com/1374/users/pmcchian/finaltask/comp_basics/comp_hw.html

Since the topic was to broad, we decided to pick the topic "Computer Hardware" and focuses in making a CPU Learning object which will be later embed in the website. This would be more easier for us since all the information needed was already provided in the website.

Final Product:
CPU Learning Object

Description?
This learning object is an interactive CPU. You can explore the buttons, drag objects and click on pictures.

At the first layout you will find a big colorful CPU with two CD drive buttons and one Floppy drive button. If this buttons were clicked, animations of CD or floppy disk will come out containing definition of CPU, How it works and its acronym. A voice recorded will also be your guide while exploring our CPU learning Object.

When begin button is click (which actually serves as the power button in CPU), An intsruction will be read automatically for your assistance. This would be the activity we created for the learners.

When start button is clicked, the different part of the CPU would be visible in the lower box of the CPU. The learners would have to drag the parts in the correspondong position (at the upper box). A transparent image is already provided to act as a hint for the user.

When parts are dragged in their proper places, a definition box would appear defining the part you have just dragged. A recorded voice would be played automatically reading the definitions when definition box comes out.

When Back button is clicked, you would go back directly from the very beginning.

When Again button is clicked, activity would reset.

Use and Value:
This is created to embed to the website called "Learning with Computers". This website can helps the teachers to discuss the simple elements of computers interactively. Since, me and my groupmate (PAULA), both studied IT field and are both currently working as teachers this would help us to teach and guide Primary students pertaining to the Computer Hardware topic. This could be our teaching aid.

Individual Contribution:

We used Paula's project in her previous class (MITE6313) this helps us a lot speacially the informations and pictures she have gathered. We both suggest and comment in every layout we got. We both think of how the learning object would flow and how the actionscripts would be. Paula has a talent in designing stuffs so she designed the CPU layout and asked for my suggestions and comments.

Update

2007-05-08T03:51:00.000-07:00

This would be the most update of our project.

the difference: the parts of the CPU that would be drag to their respective places would be drag back to its initial position IF you put it in the wrong place.

Problem: We are still finding a way how to stop the "reading" of the definitions if the definition box is closed.

Also, we would like to put a stop and play button on its description box.

Project Updates

2007-05-03T20:26:00.000-07:00

This is our updated prototype. We still are having problems with the AGAIN button found at the last scene on the activity (dragging the cpu parts).

2007-05-03T20:23:00.000-07:00

This is our updated prototype. We still are having problems with the AGAIN button found at the last scene on the activity (dragging the cpu parts).

Flash Presentation

2007-04-28T22:54:00.000-07:00

This is the flash presentation we've made up to now. It is not yet finished and we are still developing it.

Session 8: Revised Storyboard

2007-04-24T03:59:00.000-07:00

Me and my groupmate Paula Chian revised our storyboard. From a very complicated topic, Computer Hardware, narrowed to a simple topic CPU.

This is what we decided after a presentation of the proposed storyboard was held in the class.

Here is our prototype. Click the image below for powerpoint presentation.

Session 5: Planning Interactive Visual Project

2007-04-15T07:50:00.000-07:00

In session 5, Dr. Churchill taught us how to use the other features of flash. Here is my example related to the topic i learned.

*try to click the button....

Storyboard

2007-04-10T02:04:00.000-07:00

Here is the storyboard that me and my groupmate, Paula Chian made. The storyboard is presented in a powerpoint click the image below to view the power point presentation.

Session 6 Task: Digital Storytelling

2007-04-09T22:02:00.000-07:00

For this task I used Photo Story to create my digital storytelling.

Click here to view my task.

This session is online and we are asked to make a photo story. Dr. Churchill provided us an online tutorial in order for us to create a Photo Story.

There are different kinds of digital stories. There are Character Stories, Memorial Stories, Event Stories, Place Stories, Personal Stories, Kinship Stories, Hyper-interactive Stories, Fiction or Non-fiction Stories, Expository Stories, Persuasive Stories, Moral Stories and Vision Stories

MITE 6323: Interactive Representations of Information and Knowledge

2007-03-27T03:47:00.000-07:00

What we propose for this task is to make an interactive visual representation from the previous task made by my partner (Paula Chian) in the previous module we had.

Previous Module Information:
MITE 6313: Educational Web Publishing module
- the task is to develope one technology-based lesson for web-based delivery that is composed of e-learning environment.

We are both familiar in computers, both studied computer fields and both have an experience in "computers" at the schools we worked at. This will gain our knowledge about making interactive visual representation and could help us in our teaching strategies.

Task 3: Interactive Visualization and Learning Objects

2007-03-20T04:34:00.000-07:00

Design a Learning object to help student understand what impacts the shape of a raindrop.

This is the learning object me and my partner, Paula Marie Chian, made. We used Macromedia flash to make our learning object more interactive. Informations used are gathered from the internet.

Session 4: Learning with Representations

2007-03-20T04:11:00.001-07:00

Learning with Representations

In the presentation of Mr. Churchill. He discussed how relevance a representation would be in terms of learning

There are some factors we should consider:

* Multimedia for learning should be designed in light of how the human mind works

*Visuals and text together take advantage of the full capacity of human for processing of information

*Pictures and words are qualitatively different, however, they can complement each other.

*Learners mentally integrate pictures and text into single internal representations.

*People do not necessary learn better from animation than from static visuals.

*Multimedia Representations as cognitive aids

Quoted by Mayer, 2005 “People can learn more deeply from words and pictures than from words alone”

Task 2: Interactive Visualization and Learning Objects

2007-03-20T04:10:00.001-07:00

How can visual and interactive material engage student learning in your discipline?
Can you think of a learning object in your own curriculum?

Task 1: Interactive Visualization and Learning Objects

2007-03-20T04:09:00.000-07:00

Work with a small groups of 3 to 4 people and identify one of the designs that is most effective. Note reasons for your choice.

Session 3: Interactive Visualization and Learning Objects

2007-03-20T04:07:00.000-07:00

Interactive Visualization is a process of transforming data and information into a visual form allowing someone to explore .Interdisciplinary nature of this activity: computer graphics, electronic engineering, information systems, information science. (Tuffte, 1983)

Learning object
*utilizes interactive nature of contemporary technology
*It leverages on multimedia capabilities: text, graphics, animation, audio, video, etc.
*As a representation it is not a copy but it stands for something from the world or mind
*It can be reused in different educational contexts (including those unforeseen by the designer).
*It originated with pedagogical intentions and for educational purpose

Task 2: Design a Visual Display

2007-03-04T05:46:00.000-08:00

Our task 2 is to design a presentation about the atmosphere. The task will be done by 2 students. Paula Chian would be my partner in this task. As a start,I made a draft and later will be discussed and analyzed with my partner till we arrive in our primary slide.

This is our draft. Click Here for bigger image
Don't forget to check our final slide at the lower bottom of this blog.
Contents are from wikipedia.com

This would be our final slide

Click Here for bigger image

*The problem we got from our draft would be too much text shown.

Session 2: Visual Displays of Information and Visual Explanation

2007-02-27T04:04:00.000-08:00

- Add Stuff - Get Your Own

Justification:

Figure 2 have more informations about the squid. It is more detailed and more informative compared to the other figures shown. However, the figure 3 design is the most attractive for me but the text is very small and cannot actually read.

Task 1: Me, Myself and I

2007-02-27T03:45:00.000-08:00

I'm Diana Marie Chian. I am half filipino and half singaporean (nice mixed huh?!?! just kiddin') I actually grew up in philippines =) (that's why i dont speak chinese umsik kong chongman) I studied at Technological Institute of the philippines and took up Bachelors Degree in Information Technology. After having my bachelors degree and my sisters degree.... me and my family went to hong kong. My first job is a computer technician in a secondary school (lucky me!) then i switched to educational assistant in a primary school (good choice...) and finally moved as a teacher in kindergarten.... (life is such a rollercoaster!!)

Anyway, i put the picture of my family because they are my first priority in life "ooppss... don't cry my dear sister... =)"

Interactivity, Visualization, Emerging Technologies and Paradigm

2007-02-27T03:40:00.000-08:00

Session 1: Visualization, Emerging, Technologies and Paradigm

Visualization

-Visuals can communicate complex ideas with clarity, precision, efficiency and convey the most knowledge in the shortest time in the small space.~ Tufte (1983)

**Visuals include maps, diagrams, drawings, images, icons, symbols, signs, flowcharts and colors.**

Visual and the Interactive Elements

It actually gives a big effect in a representation.

In this session, different kinds of example was shown such as :
google earth and the "responsive face"

Colors also gives informations