3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

36
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations

Transcript of 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Page 1: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

3.02D Design Multimedia Presentations

3.02 Demonstrate interactive multimedia presentations

Page 2: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Multimedia Authoring Programs

Page 3: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Multimedia Authoring Programs

● Software that allows the designer to: Create multimedia presentations Create interactive elements Design screen layouts Produce content with paint, text, and animation tools Incorporate text, sound, video, animation, and

graphics Create hyperlinks

Page 4: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Examples of Authoring Software

Microsoft PowerPoint Windows Movie Maker Adobe Director ToolBook Adobe Authorware OpenOffice Impress IBM Lotus Symphony

Page 5: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Parts of Multimedia Presentations

Page 6: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Parts of Presentations:Menus and Navigation Buttons

● Menus are a list of options that link to other parts of the presentation. Can be text or images.

● Navigation Buttons – buttons used to link to other parts of the presentation and allow the user to navigate through the presentation.

Page 7: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Parts of Presentations:Hyperlinks

Hyperlinks are “hot spots” or “jumps” that locate another file or page. They are represented by a graphic or colored and underlined text.

Hyperlink

to video

clipSome of the many hyperlinks

Page 8: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Parts of Presentations:Hyperlinks

Hyperlinks allow the end user to navigate between slides, additional elements (i.e. Word and Excel documents), audio, video clips, and other interactive parts of the presentation.

Hyperlinks also allow the user to launch the Internet browser and open a selected site in cyberspace.

Page 9: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Parts of Presentations:Transitions

● A slide transition is the visual effect of a slide as it moves on and off the screen during a slide show.

● Each slide can only have one transition.● Transition features which can be

changed by the user include:

SpeedSound

DirectionTiming

Page 10: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Parts of Presentations:Build Effects

● A build effect is applied to text to make it appear on a slide in increments of one letter, word, or section at a time in order to keep viewers’ attention.

● Keeps the audience from reading ahead.

● Additional build effects can be used with audio clips, video clips, graphics, and other parts of the presentation.

Page 11: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Design Guidelines

Page 12: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Design Guidelines

● Use no more than three different typefaces and sizes.

● Choose colors that harmonize and are appropriate with the theme.

● Use typefaces and colors consistently throughout the presentation.

● Use enhancements such as bold, italics, and shadowing to emphasize key points.

Page 13: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Basic Design Guidelines

● Do not use underline, because it is often

confused with hyperlinks.

● Use white space to balance elements.

● End the presentation with a blank slide

containing only the slide design.

Page 14: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Design Elements of Multimedia Presentations

Page 15: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Design Elements of Multimedia Presentations

● Balance Asymmetrical

balance

Symmetrical balance

No balance

● Movement

● Optical center

● Optical weight

● Unity Intra-screen unity

Inter-screen unity

Page 16: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Creating Multimedia Presentations

Page 17: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Creating Presentations

● Plan

● Prepare

● Practice

● Present

Page 18: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Plan the Multimedia Presentation

The rule of thumb for multimedia development is 80% planning + 20% production = 100% success

Planning ensures a successful

multimedia project.

Page 19: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Plan the Multimedia Presentation

1.Develop the theme (concept or idea)What is the purpose of the presentation?

Example – How to Use a Digital Camera

2.State the goals, objectives, and purpose

What do you want to accomplish?

Example – Taking low-light pictures and downloading images to a computer

Page 20: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Plan the Multimedia Presentation

3. Identify the target audienceWho will use and see the presentation?

Target audiences can be categorized by demographics, lifestyles, or attitudes.

The more information known about the audience, the more likely the presentation will meet their needs successfully.

Example – Have the people in the target audience ever owned a digital camera?

Page 21: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

4. Determine the treatment to be used.

Determines how the multimedia presentation will look.

Determined largely by the concepts, goals, objectives, and target audience.

Plan the Multimedia Presentation

Page 22: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Plan the Multimedia Presentation

Treatment includes:

Tone - Will the presentation be serious, humorous, light, heavy, formal, or informal?

Metaphor – Will a comparison be used to provide interest or to aid in understanding?

Example - Comparing the complexity of building a house to building a webpageApproach – How much

direction will be given to the end user?

NOTE: A rule of thumb: children’s presentations need less options while adults’ presentations need more navigation options.

Emphasis – How much weight will be given to each of the various elements in the presentation?

Page 23: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Plan the Multimedia Presentation

5. Determine the specific elements to be used, where to place equipment and the playback system(s) needed.

Page 24: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Plan the Multimedia Presentation

6.Storyboard projects including all navigation links.

A sample storyboard with its navigational links.

Font colors, background color, and other design ideas can also be noted at this stage.

Page 25: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Prepare the Multimedia Presentation

7. Gather materials and computerize the multimedia presentation.

8. Create a reference page and use proper formatting based on: APA manual MLA manual Other style guides

9. Review the finished project for any copyright infringements.

10.Preview and test the multimedia presentation.

Page 26: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Practice Presenting the Multimedia Presentation

Know Content Use proper English/grammar

Avoid filler words

Speak clearly

Page 27: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Present the Multimedia Presentation

Makeeye contact

with audience

Use appropriate speed of speech

Include an opening and

closing

Stay within allotted time

Page 28: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Interactive Multimedia Presentations

Page 29: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Interactive Multimedia Presentations

Originally

The presenter controlled the order of the presentation while the audience watched.

=

Linear presentations

Today

Users interact with presentations and control

the order the information is viewed.

=

Non-linear presentations

Page 30: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Interactive Multimedia Titles

● Viewers use navigational or action buttons on screen or websites to determine: What content is delivered When it is delivered How it is delivered

● Example of navigational buttons

Back to beginning slide (home)

Back to previous slide

Forward to next slide

Page 31: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Interactive Multimedia Titles

Users can interact with the presentation via:

Mouse Clicks

Mouse Rollovers

Voice activation

Keyboards

Touch Screens

Page 32: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Example of an Interactive Multimedia Presentation

The user can continue on with this presentation

OR

Click on the Component A link

OR

Click on the Component B link

Page 33: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Example of an Interactive Multimedia Presentation

Users will see this slide if they continue the presentation without

selecting a link.

OR

Users will see this slide if they click on the Component A link.

OR

Users will see this slide if they click on the Component B link.

These images are used as links to a video clip.

Page 34: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

As users continue with the presentation,

additional links may be encountered which offer

more choices and information.

This example provides links to two Word

documents.

Users can click on the Word icon to view Word

documents.

Example of an Interactive Multimedia Presentation

Page 35: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

Review

Design Multimedia Presentations● Multimedia Authoring Programs● Basic Parts of Multimedia Presentations● Basic Design Guidelines● Design Elements of Multimedia

Presentations● Creating Multimedia Presentations● Interactive Multimedia Presentations

Page 36: 3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.

ReviewCreating Multimedia Presentations● Plan the Multimedia Presentation

Develop the theme. State the goals, objectives, and purpose. Identify the target audience.

● Prepare the Multimedia Presentation Determine the treatment. Determine the specific elements to be used, where to place equipment,

and possible playback system(s) needed. Storyboard project including all navigation links. Create reference page and use proper formatting. Review the finished project for any copyright infringements. Preview and test the multimedia presentation.

● Practice presenting the multimedia presentation.● Present the Multimedia presentation.