Chapter 6

Teaching with Multimedia and Hypermedia

© 2010 Pearson Education, Inc. All rights reserved.

This multimedia product and its contents are protected under copyright law. The following are prohibited by law: any public performance or display, including transmission of any image over a network: preparation of any derivative work, including the extraction, in whole or in part, of any image; any rental, lease, or lending of the program.

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.2

Technology Integration Example:Interactive Multimedia Storybooks

Phases 1-2: TPACK & relative advantage Phase 3: Objectives and Assessments Phase 4: Integration Strategies Phase 5: Instructional Environment Phase 6: Evaluate and Revise

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.3

How Do They Differ?

Multimedia

Multiple media Combination of media

to communicate in multiple ways– Still graphics, photos,

sound, video, animation, text

Hypermedia

Linked media Interactive media

– Hypertext, Internet browsers, new media

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.4

Types of Hypermedia Systems

Commercial hypermedia software Authoring tools (design & development)

– Presentation software– Video production and editing systems– Hypermedia design & development software– Virtual reality environments– Web 2.0

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.5

Current & Future Impact of Hypermedia on Education

Increased motivation Flexible learning modes Develops creative & critical thinking skills Improved writing and process skills

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.6

Research on Impact

Benefits

Multiple channels through which to processing information

More creative solutions with problem solving

Greater comprehension and retention

Concerns

Impact on higher level skills

Learner style

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.7

Research on Design & Use

Characteristics

Instructional design Screen design Interaction and feedback Navigation Learner control Color Graphics Animation Audio Video

Principles to Consider

Utility Usability Aesthetics

– Strong positive correlation between perceived aesthetics and usability

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.8

Recent Developments in Hypermedia Systems

Web 2.0: Users as designers Convergence of offline (disc) and online

(Internet) development Increasing ease of use

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.9

Commercial Hypermedia

Instructional Software

Tutorials Drill and practice Simulations Instructional games Problem solving

Interactive Books

Interactive storybooks eBooks

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.10

Commercial Hypermedia (continued)

Reference Materials

Encyclopedias Almanacs Atlases Newspapers and

newsletters Proceedings and

conference materials

Collections of Resources

Clip art Sound effects Photographs Flowcharts Concept maps Video clips Fonts Animations

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.11

Evaluating Commercial Hypermedia Products

Instructional planning and support Instructional design Content Interface design and navigation Feedback and interactivity

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.12

Integration Strategies for Commercial Hypermedia ProductsInstructional Software

See chapter 3

Software Tools

See chapters 4 and 5 See also Technology

Integration Lessons 6.1 and 6.2

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.13

Multimedia/Hypermedia Design and DevelopmentFive Types of Tools

Presentation software Video production and editing systems Hypermedia development software Virtual environments and immersion tools Web 2.0 authoring tools

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.14

Authoring Resources

Audio Video Photographs Graphic images Text

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.15

Hardware Requirements

Computer Digital camera Scanner Video digitizer Camcorder and other video input Microphone Speakers

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.16

Design & Development Procedures

1. Review existing products2. Perform research first3. Storyboard4. Develop individual frames and segments5. Add links and/or scripts6. Test and revise the product

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.17

Sequence of Development Steps

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.18

Authoring Skills to Develop Over Time

Media literacy Using music & art Print and graphic design principles Video design principles Creativity and novel thinking Considering the audience

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.19

Evaluating Student-Developed Hypermedia/Multimedia Projects

Content Instructional design Organization and navigation Appearance Graphics, videos, and sound

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.20

Integration Strategies for Presentation Software

Support for lectures or presentations Practice screens Assessment screens Brief tutorials Book reports Student-created presentations

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.21

Integration Strategies for Video Production & Editing Systems

Demonstrations of procedures Student-created presentations Video lectures Video portfolios Video decision-making and problem-

solving simulations

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.22

Integration Strategies for Video Production & Editing Systems (continued)

Documenting school activities Visual literacy instruction Teaching video production Real-time communication, collaboration,

and presentation

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.23

Integration Strategies for Hypermedia Authoring

Brief tutorials Student-created presentations Interactive storybooks Student-designed websites and mini-

games

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.24

Integration Strategies for Virtual Environments and Immersion Tools

Imaging for virtual field trips 3-D models to illustrate how systems work Immersion learning environments for

practice, exploration, communication, and collaboration

M. D. Roblyer & Aaron H. Doering Integrating Educational Technology into Teaching, 5/ECopyright ©2010 by Pearson Education, Inc.All rights reserved. 6.25

Integration Strategies for Web 2.0 Authoring Tools

Share reflections on coursework or topics Explore community-generated knowledge Encourage students to share and reflect

upon their work in the context of a broad community of connected individuals

Connect students to both personal and classroom interactive learning spaces 24 hours-a-day