~WEEK 9~MPT 1293

MULTIMEDIA USE IN INTERFACE IMPLEMENTATION FOR TELEMATIC-BASED LEARNING

The most important thing t in screen design must be well thought-out  from the perspective of good graphic design, user friendly and the learning content. Interface will bring all the multimedia components (like text, graphic, sound, animation and video) together into cohesive whole.  Interface implementation involve in screen development, interaction providing and navigation organization.

There are several things, the courseware designer should be avoiding or not making mistake:

1.        User interface should be very intuitive, eliminating the  need for written instructions.

2.       All screen should have same basic element structure

3.       Make sure enough room to include graphic or text on any given screen 

4.       Organizing the screen layout by putting navigation button consistently and user will able to find their way back to where they begin and inform the user where there are  as well

5.       Put level and sub-level to allow learner change location by checking on the area/button they wish to go

6.       Given guidance: for example dialog/ message with info on alternate path or approaches to user information/help

By all the information given above, we can use it to make sure that we didn't do all the mistake in a way to make a perfect courseware….The End……

MPT1293-WEEK 7

VISUAL DESIGN

Today class and onward, we will be lectured by Dr Juhazreen Bin Junaidi..=) 
So, the first question in ours mind, what actually visual?  and design?
Answer: Visual is something that we can see with ours eyes of course....
              Design is what we create or organize it with a system....
=>in conclusion  VD is the way a piece of artwork in form of any artistic subject and appeals to human eyes.


 ....related to ours courseware the VD is very important in designing the "interface" to make it interesting and attract users to used the product.....^^

....some basic VD concept include image, contrast, typography, compose, space, texture and shape...
REMEMBER:1. everything we need to planning to visualizing ours courseware product!!! 
                      2.  some font or style not suitable with the courseware!!!
                      3.  need some picture or sound in graphics and multimedia!!
                      4.  we have to make them work together in arrange especially layout..

.....element of users interface.....
*BACKGROUND : giving some interference, if the background not suite with the theme.
*FOREGROUND:   will disturb the presentation of the courseware
*OTHER ELEMENT:  example: user could not find the button

... critical task of visual design...  

1. theme and style~> what color of theme suitable with subject of the courseware
2. design a system of screen layout ~> to familiarize the system
3. create the structural element of each screen
4. control element
5. create prototype screens


::::it is important  that element in an interface family must both as a group and independent piece:::::::


EXAMPLES IMAGES OF VISUAL DESIGN

MPT1293~WEEK 6~

INTERACTION  DESIGN

STORYBOARD

For today's class we had learned how to created a storyboard. So, for the class activity,  me and my group mate sit together and discuses about our's screen design for our courseware. So, there are 6 parts of storyboard that we  were asked  to be done. Which is one for main menu and intro. Then, another  two for ours content and exercises screens. We also managed to created our storyboard by using the power point and presented to all friends and lecture in the classroom.

There's some examples of the storyboards:

MPT1293 ~WEEK 5~

MULTIMEDIA COURSEWARE DESIGN FUNDAMENTAL


Content provides the bricks that build the pyramid, but the foundation rests solidly on both visuals and technology, with a  heavy reliance on economics to make our project worth doing.

Three parts of multimedia courseware :

 Information Design~FLOWCHART

 Interaction Design~STORYBOARD

 Visual Design~ PROTOTYPE 

For today class we learned how to make ours courseware flowchart. We had discuses and draw draftily ours courseware functionality and   the flow of ours courseware screen. In ours courseware there will be the montaj as the ours intro, main menu, skill, info, exercises and the rules. We also have to make sure that ours courseware is well structured, easy to navigate,  quick to download or display time, simplicity, clear and not to many choices, consistency build trust with the user and engagement invites the user to participate. 

There are five things to think about in the process of Information Design:

 Message : What information do you wish to share?

 Audience: Whom do you wish to share your message with?

 Purpose: How and why do you want to share your  message with the audience?

 Background: What does your intended audience  already know about the subject you are discussing.

 Structure: How can your message be organized most effectively?

Identify each main topic.

 Identify and Group together smaller sub-topics.

 Based upon the content, draw the order or sequencing of the Product.

 Make sure each topic is labeled.

 Systematically go through the sequencing

 Evaluate, Refine and Make Modifications as you go

So,for our team project we have to use all  learning theories in order to make the information design work.

MPT1293~Week 4~

PROJECT MANAGEMENT  IN MULTIMEDIA DESIGN  AND  PRODUCTION!!

The most important  members of multimedia development team are:
1. Project Manager
2. Content Area Specialist
3. Instructional Designer
4. Multimedia developer/ Programmer
5. Media Specialist Graphic/Animation

Based on what we had learned this week, me and my team have decided, who in charge to be a project manager, content area specialist, instructional designer, multimedia developer and the specialist graphic and animation. This is important because each of members, had theirs owns responsibility and the best way to make sure that the right person doing the right thing based on personal interest and skill. So, from today lesson we had learned to understood very well each of the team members responsibility and her/his job area.

A multimedia product is made up of many ingredients from existing print products or from a multitude of software. Each product has its own set of requirements. Orient Info Solutions undertakes multimedia projects with a well thought out three-stage process involving:

1. Pre-Production
2. Production
3. Post-Production

1.  Pro-Production

The Idea
The first question we ask is "why" you want to develop a multimedia project?

• Is multimedia the best option, or would a print product be more effective?
• Is the idea marketable?

Project Goals
We determine what the product needs to accomplish. The goals have to be measurable and behavior-based from the visitor's standpoint.

Demographics of Target Audience
Who is your product speaking to:

• Age
• Gender
• Educational background
• Socioeconomic level
• Ethnic background
• Language
• Profession
• Expectations

Product Concept
The core idea is born after several rounds of brainstorming.

Delivery MediumHow will your message or information reach the audience

• CD-ROM
• Disks
• The web
• Intranet
• Computer kiosks
• What types of equipment does your audience have
• What obstacles must be overcome

Authoring Tools
We determine the authoring tool to be used in the project. This is the vehicle for integrating all the pieces:

• Text
• Graphics
• Animation
• Sound
• Video

Planning
Planning - the crucial factor determining success and failure. If you fail to plan, you're planning to fail. We determine:

• What building blocks go into your multimedia project
• How long will each task take
• How much will the product cost
• Who is going to do the work

Resource Organization
The product's content is arranged into categories or groups. From this organization, comes the interface, which leads the user to the information.

Flowcharting
The flowchart is a visual outline of the content. Each level or link represents a screen and/or control that must be created. This "roadmap" is essential for the production phase.

Orientation
The opening screens are the graphic and verbal directions to enable the user to find his way around the content.

Navigation
The flowchart is the roadmap, and the navigation is the signposts. Remember, the shortest path between two points is a straight line.

Defining Screen Action
The screen or interface action directs how the interface responds to the user. Think of your users:

• what they will want or need
• what their expectations may be
• what assumptions they may make while using your product.

Designing Interface Controls
At this step, the interface controls (how the user interacts with the computer screen) for each portion of the project are designed. The functionality is analyzed and evaluated individually and as a whole throughout the product.

Storyboards
The storyboards are the blueprints for your multimedia project. These rough sketches bring together all the elements with the controls and depicts the sequence of the action.

Theme Development
The visual theme or style is determined by the content and the audience. The best theme is broad enough to incorporate various media without imposing stylistic limitations but narrow enough to ensure consistency across screens.

Interface Layouts
Each object on the screen serves a purpose and communicates a visual message about the content to the user. The goal is to keep users oriented and draw them into the product.

Creating Interface Elements
The interface design is broken down into individual components, which are constructed using a variety of methods and tools. These components may include images, graphics, text, video, sound, and animation.

Creating Access Controls
The interface controls designed earlier are now created and constructed. They should be self-explanatory and contribute to the overall screen design. Controls can be buttons, icons, images, or text.

Integrating Media Elements
The authoring tool is used to pull together and blend all the media elements into a cohesive whole. As the elements come together, the storyboards come to life.

Creating Prototype Interfaces
The shells become the prototype screens and provide the foundation for production. These prototypes are your first experiment in using your creation.

2. Production

ScriptwritingThe scripts for the text, transitions, audio narrations, voice-overs, and video are written. Even existing material needs to be rewritten and reorganized for an electronic medium.

Editing
All the scripts, interfaces, and text content are edited for clarity, grammar, and consistency.

Shooting New Images
The storyboards are used to determine what new images are needed. Plan the who, what, where, when, and how much, then schedule the photo shoot. Copyright, permission, and ownership guidelines need to be kept in mind.

Creating Original Art
Illustrations, graphics, buttons, and icons are created using the prototype screens as a guide.

Digitizing Art
Existing photographs, illustrations, and graphics are digitized for use in an electronic medium. Electronically generated art as well as digitized art must be prepped for use; number of colors, palettes, resolution, format, and size are addressed.

3-D Modeling and Animation
The 3-D artwork is created, rendered, and then prepared for use in the authoring tool. 3-D animations require their own storyboards and schedules.

Shooting and Digitizing Video
The edited scripts are used to plan the identify location, performers, time schedules and budget. Then the shoot is scheduled.

Recording and Digitizing Audio
Similarly, the edited scripts (or a composer, if using music) are used to plan the budget, performers and time schedules after which the recording session is scheduled.

Authoring
All the pieces come together in the authoring tool. Functionality is programmed, and 2-D animation is developed. From here the final working product is created.

Proofreading
Every word on the screen is proofread and checked for consistency of formatting. In addition, the proofreader reviews all video and audio against the edited scripts.

Quality Control
Quality control goes on throughout the process. The final step checks the overall content functionality and usability of the product. The storyboards are helpful for checking the sequencing.

3.    Post-Production

Testing and DebuggingThe product is tested on multiple computers and monitors.

Mastering
Mastering can be as simple as writing a CD-ROM or floppy disk. Or it can be as complex as sending the files to a service that will create a pre-master from which the master is made.

Archiving
The original files, including audio, video, and the native software formats, are archived for future upgrades or revisions.

Duplication
The duplicates are created from the original and packaged accordingly.

Distribution
The final step in the process is distributing your multimedia project.

Question of the day:

You were hired as the production manager for the Multimedia Design Group of Company. You have
been assigned to the management of the production of the Alamanda Manufacturing Corp.  multimedia training modules which will train the  assembly line employees in the use of the new manufacturing equipment.

 In the previous scenario, describe your role as  the production manager during each of the  application production phases.

 Be specific and provide as much detail as  possible when describing your tasks during each

Answer:
Pre-Production
-budget overall of the project is RM10,000. The cost are for the equipment, employees and specialist.
-we also will hiring 2 specialist in new manufacturing equipment.
-for the equipment including hardware and software- we choose to rental or purchasing  
-to develop audio,video recording crews in 5 to 6 people to work on multimedia modules material.

MPT1293 ~Week 3~

Multimedia Development Process


Basically, a multimedia development process can follow a number of standard or specific frameworks, methodologies, modeling tools and  languages. 



For educational/training multimedia courseware, Instructional Design Model (ID Model) is a process
framework (general) that can be used.

There some examples of ID model:

The ADDIE Model

The use of an Instructional Design model, like the ADDIE model, provides a useful roadmap that ensures important aspects of course design are not overlooked when it matters most - before the course is delivered to students. These models assist a designer or instructor in taking a disciplined approach to identifying learning objectives, evaluating available resources, crafting appropriate lesson activities, and producing assessment tactics to ensure outcomes are measured.

Dick and Carey Model

The Dick and Carey Design Model uses a systems approach for designing instruction. One of the best known models, its approach to designing instruction is similar to that of software engineering. The design model describes all the phases of an iterative process that starts by identifying instructional goals and ends with summative evaluation. T

---

From all  the  ID models,we had to know what should we do on each of the stages,  base on which instructional  model that we selected. It is very important for us to follow the models in a way to make sure ours courseware development working smooth and systematic.  

Question for today:  Discuss which phase you think is the most important and why ?
Answer: Analysis, because it is the strong basic step and it also can determine what happen on the next stage.=)

MPT1293: CD-ROM BASED MULTIMEDIA DEVELOPMENT ^Week 1^

MPT 1293 CD-ROM BASED MULTIMEDIA DEVELOPMENT

Week 2, Semester 2 leaw!!!

My first class of the day.. i'm feeling very curiosity on,  what actually MPT 1293 course about?....Let me introduce to my lecture for this course is DR Norashikin Binti Mohd Zaid...she is very cool and helpful  person...hehe^^

For today class, i had learned, what  are the types of instructional software that useful to develop the  courseware. Computer-assisted instruction (CAI) or multimedia learning courseware is an interactive instructional technique whereby a computer is used to present the instructional material and monitor the learning that takes place. 

There are 5 common courseware types:

 Drill-and-Practice- Drill and practice courseware PROVIDES EXERCISES in  which students work example items one at a time and RECEIVE FEEDBACK on their correctness.

 Tutorials-Tutorial is expected to be complete enough to stand alone, the student should be able

to learn the topic without any help or other materials from outside the courseware.

 Simulation-Simulation is a computerized model of a real or imagined system designed to teach

how a system works.

 Instructional Games-Instructional games are software whose  function is to increase motivation by adding

game rules to learning activities.

 Problem-Solving-Problem solving depends on knowledge prior to experience, and motivations and many other attributes.

Question for today dicussion:

Dr Norashikin ask us what kind of couseware that suitable for Mathematics subject?

So, my answer was Drill and practice and tutorial types of courseware will help students to master in Mathematics subject in Secondary school...^^