FINAL EXAM

20 JUN 2012

WEEK 14 - PRESENTATION

Alhamdulillah, finally we have completed our presentation. We present our courseware without any problem, and Dr. Jamal said that we have a lot of  improvement compare to the previous presentation. I would like to thanks Dr. for guiding us to develop a courseware that can help teachers and also students in their learning. Also thanks to our group members (Zune, Min & Wani) , you all are the best!..

Now, presenting my parts (Characters & Plot) in Rumpelstiltskin drama courseware
I just use an image for my parts because the file is too big to upload.

Characters

First, the students will watch the video of Rumpelstiltskin. Next, students are asked to give another one unique name for the character of Rumpelstiltskin. It helps the students to develop their creative thinking.

There are five characters in this drama. The characters are Rumpelstiltskin, Lisa, father, mother and the king. Students are given the description of each character without their identity and they need to guess the name of the characters. They need to write the answer in the box given and press the enter button.

Plot

In this page, students are required to drag the correct sequence of events in the plot. The sequences start with exposition, raising action, falling action, climax and lastly resolution. If the students match the sequence button with the correct event, the box will give the feedback, or else, the sequence button will go back to the earlier position.

WEEK 13

Group Discussion .

 Next week, we need to present the complete courseware.

 

WEEK 12

TESTING & EVALUATION

We start our class today with testing exercise. We need to match the multimedia courseware problem with testing category. Below are the answers.

TESTING CATEGORY	MULTIMEDIA COURSEWARE PROBLEM
Content Testing	Ø  A misspelled word
	Ø  It is the wrong picture
	Ø  A paragraph is written poorly
Functional Testing	v  A link does not work
	v  A cool “mouse over” does not work
	v  The site only works with Windows 7
Usability Testing	ü  It is hard to get to page 3
	ü  A picture has too high of resolution
	ü  Users cannot tell which things they can click on

Last week, we already discussed 3 articles about testing, so today, we learned more about evaluation.

What is Evaluation?

Evaluation is testing whether a multimedia program fulfills the objectives set, and suggesting improvements it requires to make the program useful for its target audience.

Types of Evaluation

There are certain decisions, which need to be taken before starting the process of software development. These decisions guide the process of software development. In fact these decisions become the guiding principles and the software developers have to keep asking the questions, if they are fulfilling the objectives decided upon in the planning process. Once the prototype of the software is ready, it is tested and once again the objectives can be re-examined and reformulated on the basis of feedback and evaluation. There are 2 types of evaluation which are formative and summative.

1. Formative

Ø  Formative evaluation is done as a continuous process in the development of multimedia and even before the development process actually starts.

Ø  Decisions taken at the beginning of the process of software development affect various aspects

Ø  Answers to questions like who, why, where, and how become the guidelines for the development of the software.

Ø  Depending upon the time and resources, both quantitative and qualitative methods of feedback are utilized in formative evaluation.

2. Summative

Ø  After the completion of the development of the program, the software is released for use. The actual users, then, make suggestions and these suggestions form the basis of summative evaluation.

Ø  Summative evaluation is the end of the project evaluation.

Ø  Suggestions on the basis of summative evaluation may be for short-term and long-term changes in the program.

Ø  Short-term changes may be based on your own observations and the feedback from the users and the long-term changes may be made on the basis of the decisions of the curricular design.

                                                                                                                                

Example of evaluation form.

                                                                                                                            Sources : Cemca

WEEK 11

This week, we learned about visual design. It is also known as interface design or presentation design.

Things need to plan on how your courseware will look.

1. Colours
2. Fonts or styles screens.
3. Graphis and multimedia
4. Arrange all these elements into an attractive layout

Elements of user interface.

1. Background (colours or images)
2. Foreground (content and links – titles,heading, sub headings, body text, illustrations, captions)
3. Others (text, images, buttons, navigation bars, animation, video,etc)

Critical tasks of visual design

v  Define the visual theme and style

v  Design a system of screen layouts

v  Create the structural elements of each screen

v  Create the control elements

v  Intergrate the media elements

v  Create prototype

Typography

1. Keep it simple

-        Limit number of fonts per screen and per courseware.

-        Use the same fonts consistently.

2. Make good font choices

-       Sans serif or serif

-       Commonly installed fonts

-       Mood

-       Readability

Lastly, we were given 3 articles and discuss it in our group.

  

ARTICLE 1 – Types of course ware testing.

There are 2 types of course ware testing.

1. Functionality testing (unit, integration, compatibility)

-        Functionality testing (testing the programming features)

-       Unit testing (when programmers test their own code)

-       Integration testing (when the various modules are combined and running together)

-       Compatibility testing (testing the courseware on the various kinds of user hardware and software configuration)

2. Usability testing

-       Quality attribute that assesses how easy user interface are to use.

-       5 quality components

a)    Learnability

b)    Efficiency

c)    Memorability

d)    Errors

e)    Satisfaction

ARTICLE 2 – Courseware testing approach.

1. Self testing  (individual test their own product)
2. Peer review (to get colleagues to test our  product)
3. Concept testing (focus groups) – try out the main project ideas on selected groups of people representative.
4. Field trials – the courseware is tested with the users

ARTICLE 3– Courseware testing stages.

There are 2 stages for the courseware to be testing before publish.

1. Alpha testing (developmental testing)

-       Conducted when the prototype is ready.

-       Take inputs and generate outputs.

-       Not fully functional.

-       Tested inside the organization.

2. Beta testing

-       After alpha testing

-       Form of external user.

-       Beta version software are released to limited audience.

WEEK 10

Today, we present 40% of our project courseware. We received many comments about the courseware. We need to change some of the text color and fonts. Next week, we need to submit the 40% of courseware and document proposal.

WEEK 9

Today’s class is cancel, but we need to present 40% of our project’s prototype next week.

 

WEEK 8

WEEK 7

Today’s class is cancel. So, our group do some discussions. As a conclusion , each member will design a template. Below are some of the basic design for the template that i have made.

Design 1

Design 2

Design 3

Design 4

Design 5

WEEK 6

INFORMATION DESIGN & INTERACTION DESIGN

What is information design ?

"The field of information design applies traditional and evolving design principles to the process of translating complex, unorganized, or unstructured data into valuable, meaningful information. The practice of information design requires an interdisciplinary approach which combines skills in graphic design, writing and editing, instructional design, human performance technology, and human factors." stcsig.or

“Information design is the integrator that brings other disciplines together to create excellent information solutions.” Dirk Knemeyer

The Role of The Information Design

1. Information design as integrator

v information design is the integrator that brings other disciplines together to create excellent information solutions.

v Information design serves as a resource for other disciplines engaged in the creation of better understanding and the building of human knowledge.

Techniques and Principles in Information Design

v Information only has value when it is successfully communicated.

v Identify and stay true to the goals that your information is intended to support.

v Be mindful of how you create and disseminate information during development

v Understand how the information you are creating will be experienced or communicated by the users.

v Understand the information domain.

v Seek out the information that you need.

v Make certain the information promotes understanding. Be sure that, as much as possible, it is:

1. Relevant

2. Clear

3. Memorable

Turning Information into Experience by:

1. Give users clear guidance and options (motivating users)

2. Creating an interesting journey or clear path through the information

3. Users can controls so that they can go where they want and do what they want.(giving users controls)

4. Making the experience as easy and intuitive as possible.

What is Interactivity?

The user controls the sequence, the pace and most importantly, what to look and what to ignore.

Information to Interaction

Designing interaction turns the information design into a storyboard which shows navigation pathways, media inclusions and controls.

3 basic elements in Interaction Design.

1. Organization – How the information will be organized on the pages ?

1. Navigation – How people will find their way around your web site ?

Effective navigation provides enough location information (Orientation) to let users

answer the following question:

1. Where am I? ‐ let the user know their current page.

2. Where can I go? – let users know where they are.

3. How do I get there? – provide consistent, easy to understand link.

4. How do I get back to where I started? – provide alternatives to the browser’s

back button to let users return to their starting point.

Nielsen suggests these ways a designer can aid their users with navigation:

v include a site identifier on every page.

v make it easy to go to landmark pages.

v emphasize the structure of your site by making each page show which sub site it belongs to.

v do not change the default colors for links and visited links.

v draw a sitemap or use some other orienting devices to illustrate the relationships between main areas of your site.

Sources : Nielsendesign

Orientation

Ø In order to navigate effectively, users need to know where they are in the context of the overallsite structure.

Ø One way to help users orient themselves is by reinforcing placement, or position.

a) Site Map

v It provides direct links, or shortcuts, to all of the content pages on a site.

v It illustrates how content relates to the overall site structure.

credit to web designer wall

b) Topic Paths

v Bread‐crumb trails, or topic paths, which consist of clickable links that show how the current page fits into the overall hierarchy of the site.

credit to searchenable