Week7&8 Multimedia Skills&Stepsmk

8/16/2019 Week7&8 Multimedia Skills&Stepsmk

1/35

CHAPTER 7 MULTIMEDIA SKILLS

ANDSTEPS TO MAKE

MULTIMEDIA PROJECT

ECE551

MURIZAH KASSIM


2/35

Outline

• Skills and Background• Multimedia Development Team

• 7 Team• Steps to make multimedia

• Planning

• Design• Testing• Deliver


3/35


4/35

ProjectManager

MultimediaDesigner

InterfaceDesigner

Writers

VideoSpecialist

AudioSpecialist

MultimediaProgrammer

MultimediaProducer

for theWEB

MultimediaDevelopment

Team

Multimedia Development Team


5/35

Project Manager

• Responsibilities • Overall project• Day to day operations and budget• Put together good core team• Maintain the “big picture” – the vision

• Background/skills• Understand hardware & software• Communication skills• Good “people” skills - a good listener


6/35

Multimedia Designer

• Background/skills• Ability to analyze content structurally and match it with effectivepresentation• Expert with different media types• Ability to look at information from different points of view• Interpersonal skills• Understand resources- both technological and human• Solid organizational skills, attention to detail

• Responsibilities• Overall content and structure• Prepares blueprint for project: content, media interaction• Sometime overlaps with Interface Designer

• Coordinates team• Graphic Designers• Instructional Designers• Information Designers


7/35

Multimedia Designer: Task

• Graphic desi gner• Deals with visuals

• Illustrators ( freehand)• Animators ( flash)

• Image processing specialists ( photoshop)

• Instructional Designers• Deal with subject matter

• Clear and proper presentation• Knowledge of content

• Information Designers• Deal with contents and navigation

• Structure content• Determine user feedback and pathways


8/35

Interface Designer• Responsibilities

• Provides access to media andcontrol to people who use it

• Makes interface “transparent”to users ( effective use ofwindows, icons, backgrounds,controls, etc.)

• Background/skills• Familiar with different

multimedia interfaces

• Knows authoring system, usertesting• Basic drawing skills


9/35


10/35

Video Specialist• Responsibilities

• Coordinate videographers, soundtechnicians, lighting designers, set designers,script supervisors, production assistants,actors

• Background/skills• Skilled with QuickTime or MS Video for

editing• Macromedia Premiere for special effects


11/35

Audio Specialist• Responsibilities

• Locating and selecting suitable music and talent• Scheduling recording sessions• Digitizing, editing recorded materials

• Background/skills• Skilled in studio recording• Fluency in MIDI• Experience with sequencing software Forensic Audio


12/35

Multimedia Programmer

• Responsibilities• Integrates multimedia elements into “seamless” whole using

programming language or authoring system (Author ware)• Coding displays to controlling devices

• Background/skills• Multimedia languages (C++, Java, Lingo)• HTML, VRML, XML• Ability to quickly learn new systems


13/35

Multimedia Producer for the Web

• Responsibilities• Coordinates set of pages for the web

• Background/skills• Knowledge of HTML, CGI scripts, Photoshop, etc.


14/35


15/35

Steps To Make Multimedia Project

Plan Design Testing Deliver


16/35

Planning

1. Develop an idea• Determine the scope of a multimedia project• Who is your intended audience?• What are the goals and objectives of the

project?• Analyze the content


17/35

Planning2. Identify skills and resources

• What multimedia elements will best deliver yourmessage?

• What hardware is available?• What multimedia software is available to you?• What are your capabilities and skills with both the

software and the hardware?

• Alone or in team? ~ people• Time.• Money.


18/35

Planning3. Estimate Time And Cost

• Provide Gantt Chart.• Estimate the total time required for each task.• Deal with your client.• Estimate the costs of your multimedia project by analyzing the

tasks that is comprises and the people who build it.


19/35

Microsoft Project Plan


20/35

Microsoft Project Budget Plan


21/35

Planning4. Provide storyboard

• A storyboard is a sketch of how toorganize a story and a list of itscontents.

• A storyboard helps you• Define the parameters of a story

within available resources and time• Organize and focus a story• Figure out what medium to use for

each part of the story


22/35

Planning

5. Develop a prototype• Provide working model by using your

hardware and software.• Building screen mock-ups and a human

interface of menus and button clicks.• A proof-of-concept• Purpose: test the initial implementation of

your idea and improve on it based upontest results.

Prototype Demo on Charm Sciencehttp://www.visimaker.com/VMP/img/multimedia/nlu/movie.html


23/35

Design

1. Designing the structure• Method used to link the screens

together

2. Designing the user interface• How to design GUI.


24/35

Design Structure: Linear• Linear

• User navigates sequentially• Moving from one page to the next.• The simplest structure• No independence to move freely in between the

portions.• User may be given the option to move one step

forward or backward.


25/35

Designing – Structure: Hierarchical• Hierarchical

• Analogous to the branches of a tree.• To move from top to bottom• One must move down one branch at a time with more branches

being available the lower to go.• The structure is shaped by some natural logic. • Mapping the first main link branches in tern branch out further.• Integrity is maintained by limiting the users movements within

various branches. Users have to come to the main branch to moveto the others branch.

• Very popular among edutainment multimedia.


26/35

Hierarchical


27/35

Designing- Structure: Nonlinear• Nonlinear

• Users navigate freely through the content of the project• Unbound by predetermined routes.


28/35

Designing- Structure Composite• Composite

• Users may navigate non-linearly, but are occasionally constrainedto linear presentations.


29/35

Designing – User Interface• Approach

• Neatly executedcontrast

• Simple and cleanscreen

• Eye-grabbers• Shadows and drop

shadows in various

shades• Gradients• Reversed graphics

to emphasize

• Avoid• Clashes of color• Busy screen• Using a picture with a

lot of contrast in color orbrightness as abackground

• Too many words


30/35

Testing• Test your programs to make sure that they meet the

objectives of your project.• Meet the needs of your client or end user.


31/35

Testing - Type• Alpha Testing• A Test relatively in the early

stage of the development phase.• The main interest is to review the

concept, format, user interfaceand the layout

• The tester may be selectedusers or among the teams toconfirm that your product works.

• First phase of testing includesunit testing, component testing,and system testing.

• Compress files, edit formisspelled words and uncleardirections, broken links, andsync audio and video.

• Make sure download times are

acceptable.

• Beta Testing• Second phase testing in which

a sampling of the intendedaudience tries the product out.

• Pre-release testing

• The testing group should berepresented by the real usersand should not include thepeople who have been involvedin the project.

• The feedbacks from thesetesters are very importantwhere the errors or problemsreported by the beta testershave to include the detaildescription of the probl em.


32/35

Delivery• Final stage• Know the medium you want to use.• Web site: can just upload to the servers and adjust some

settings then it is ready• Installation guide and process• Documentation step-by- step procedure• Troubleshooting guide


33/35

DeliveryInstaller• Provide well-written

documentation about theinstallation process.

• File archives• Self-extracting archives

MediumOn compact disc technology• CD-R• DVD

Packaging On world wide web/online


34/35

Summary


35/35

Exercise1. Describe the special skills required to make good

mobile apps.2. By using an appropriate tool, provide a Gantt Chart to

develop an automotive company website.3. Discuss depth navigation structure and surface

navigation structure.4. The test release of a product with a version number as

the developers continue to refine the product andapproach a final version is called_________________.

5. List two mediums of delivery multimedia applications.6. Design a hierarchical chart for your project 3

Documents

Week7&8 Multimedia Skills&Stepsmk