SlideShare a Scribd company logo
Incorporating Interactive Multimedia in Online Courses Kathy Andrus Teaching and  Learning Center
This presentation will cover Good practices and important issues regarding the use of media in an online course  Demonstrations of multimedia formats by modeling video delivery of online content in an art history course on Greek and Roman art Assessments that make use of common computer applications Introduction to Camtasia as an instructional media application
Forms of Multimedia  for Online Use Graphics: photos, webcams, illustrations, icons, emoticons, blogs Interactive HTML technologies Flash Animation VRML technologies  Javascript  3D “worlds”  Video: motion images, animations Audio: voice over, music, sounds
Why use multimedia? Achieve learning objectives of course  Stimulate visual, kinesthetic and aural learning styles  Respond to user feedback Deliver content with demonstrations, explorations appropriate to subject Assessments: using medium to apply what you have seen in the medium Narrative as a hook for engagement
Multimedia: watching paint dry Usability – does it work? Which format is best? Accessibility – can everyone have the same experience without the same connection speed? Do all students get the content even without the bling? What does it achieve that text doesn’t? Return to your objectives – does it enhance learning outcomes?  How do you know?  Time on task – yours and theirs
Good Practices Consider the modemites: downloading  giant files, even streaming ones, is tedious.  User experience comes first: does it work as it should? Accessibility: plan for alternative deliveries of content (bandwidth, text versions) Time on task: yours and theirs Skill building: positive or dreadful?
Multimedia Skills Literacy of images – how to read them Coping with technology – frustrations are learning experiences too Greater depth in application use Apply experience and skills to other situations – draw connections between popular culture and history  Stimulate interest in didactic presentations
The presenter:  a visual and  active- kinesthetic learner  At the Colosseum (hint, hint)  
What is Interactivity Users may control program and output (drag-and-drop, video and audio controls)  User may alter, return/share files (comments, annotations, corrections)  Users get feedback after performing tasks Users communicate through the interface about the media (blogging)
The Flavian Amphitheater aka the Colosseum
The Colosseum deconstructed
Web technologies: VRML
Web technologies: Graphics and javascript
Web technologies: blogs
Video clips Actual video files: avi, mov, wmv, rm, mpg imported from DV or still digital camera Digitized (captured) analog video “ Movies” made in flash or quicktime When embedded in Camtasia, the download can be prohibitive
Gladiator clip with soundtrack and voiceover narration
Videos: bandwidth hogs, but… Gladiator clip = 21 MB for 77 seconds at 350 x 240 pixels (mpeg) Smaller files, more compression, greater distortion of sound and image DVDs almost impossible to “clip”  because of their disk structure Analog tapes are now ephemera – get them digitized while you can
BUT… The MTV generation knows how to read them and they are relevant reflections of contemporary attitudes (whether we like them or not) They can be used in traditional and online classes alike, so the prep time is well spent They stimulate discussion because everyone feels invested in the critical process (unlike texts)
An assessment in Powerpoint Apply to the plan of the Parthenon the method of finding the Golden Mean demonstrated in the Flash animation (next slide) and  Instructions for Golden Mean  assessment.doc
The Golden Mean Fibonacci Sequence: starting with one, add one to it.  1, 1 Each new number is the sum of the previous two  1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89 and so on … Each number divided by its predecessor results in the ratio called phi  Φ   (1.6180339887499...) Lines can be divided to achieve this ratio to find the Golden Mean (Section or Ratio)
Web technologies:  Flash animations
The completed assessment in Powerpoint:  Φ BΦ AΦ BΦ is to AΦ as BC is to AB.
Camtasia PC-based full-motion video screen capture software.  Use an application (like PowerPoint, browser, chat functions) as you normally would while Camtasia captures your keystrokes, paging, animation, and narration through PC microphone or other recording device.  Edit the movie (.avi file) that results by removing unwanted frames,  rearranging the order of the clips, adjusting or adding audio narration, or adding text, drawing elements, and highlights.  Enhancements include inserting Flash hotspots, movie controls, background audio (voiceover, music, sound), creating an index. Import video and audio clips, graphics.  Export file formats: choice of formats, create a streaming file or files  viewable through a browser.
Resources Drag and drop Vitriuvian Man:  http:// harpy.uccs.edu/draganddrop.htm Golden Section Flash animation:  http://harpy.uccs.edu/greek/goldenmeanbasetext.html Colosseum at night (Java VR):  http://rome.arounder.com/category/java/IT000005642.html The Golden Mean Website ( http:// www.vashti.net/mceinc/Golden.htm )  Camtasia and Snagit:   http://www.techsmith.com

More Related Content

PPTX
Wimba classroom for ph d supervisors
PPT
Alternate Methods for Delivering In-Service Training
DOCX
Comparison table Scratch vs Turtle
PDF
Delivering information to students 24/7 with Camtasia.
PPT
Lectures On Demand: delivering traditional lectures over the web
PPT
Lights, Action, CameraNSTAwith url
PPTX
Educ.2 d
PPTX
Unit 5,task 2
Wimba classroom for ph d supervisors
Alternate Methods for Delivering In-Service Training
Comparison table Scratch vs Turtle
Delivering information to students 24/7 with Camtasia.
Lectures On Demand: delivering traditional lectures over the web
Lights, Action, CameraNSTAwith url
Educ.2 d
Unit 5,task 2

Viewers also liked (11)

PPTX
Multimedia and web design
PPTX
The Internet & Multimedia Integration
PPTX
Multimedia Web Technology (MMWT)
PPTX
The Internet and Multimedia
PDF
Multimedia on the web - HTML5 video and audio
PPT
Multimedia development process
PPT
Chapter 11 Multimedia Development
PPTX
Designing Multimedia Project
PPTX
multimedia technologies Introduction
PPT
Chapter 1 : INTRODUCTION TO MULTIMEDIA
PPTX
Multimedia
Multimedia and web design
The Internet & Multimedia Integration
Multimedia Web Technology (MMWT)
The Internet and Multimedia
Multimedia on the web - HTML5 video and audio
Multimedia development process
Chapter 11 Multimedia Development
Designing Multimedia Project
multimedia technologies Introduction
Chapter 1 : INTRODUCTION TO MULTIMEDIA
Multimedia
Ad

Similar to Incorporating interactive multimedia in online courses (20)

PPT
Multimedia Development and Evaluation
PPTX
Multimedia
PPTX
1 introduction multimedia
DOCX
Multimedia
PPT
Chap1(introduction)
PPTX
423480261-Filmora-Presentation.pptx
PPTX
Lesson 4 - Introduction to Filmora.pptx
PPTX
Presentation (3)
PDF
Handout: Motion Media
DOCX
Importance of Multimedia BY Zubair yaseen
PPT
Multimedia: Making it Happen - Introduction
PPTX
1-Intro to Multimedia -asdasd Part 1.pptx
PPT
Chapter 3 The Role of Multimedia in Education
PPTX
Multimedia
PPTX
Features in Multimedia
PPTX
PPT
Final Ttt Technology Powerpoint
PPT
Introduction to multimedia
PPT
Multimedia Components
PDF
Introduction to multimedia
Multimedia Development and Evaluation
Multimedia
1 introduction multimedia
Multimedia
Chap1(introduction)
423480261-Filmora-Presentation.pptx
Lesson 4 - Introduction to Filmora.pptx
Presentation (3)
Handout: Motion Media
Importance of Multimedia BY Zubair yaseen
Multimedia: Making it Happen - Introduction
1-Intro to Multimedia -asdasd Part 1.pptx
Chapter 3 The Role of Multimedia in Education
Multimedia
Features in Multimedia
Final Ttt Technology Powerpoint
Introduction to multimedia
Multimedia Components
Introduction to multimedia
Ad

Recently uploaded (20)

PPTX
master seminar digital applications in india
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
RMMM.pdf make it easy to upload and study
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
01-Introduction-to-Information-Management.pdf
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Sports Quiz easy sports quiz sports quiz
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
Classroom Observation Tools for Teachers
PDF
Computing-Curriculum for Schools in Ghana
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
Basic Mud Logging Guide for educational purpose
PDF
O7-L3 Supply Chain Operations - ICLT Program
master seminar digital applications in india
STATICS OF THE RIGID BODIES Hibbelers.pdf
RMMM.pdf make it easy to upload and study
Renaissance Architecture: A Journey from Faith to Humanism
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
VCE English Exam - Section C Student Revision Booklet
Microbial disease of the cardiovascular and lymphatic systems
01-Introduction-to-Information-Management.pdf
2.FourierTransform-ShortQuestionswithAnswers.pdf
Sports Quiz easy sports quiz sports quiz
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Classroom Observation Tools for Teachers
Computing-Curriculum for Schools in Ghana
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
O5-L3 Freight Transport Ops (International) V1.pdf
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Supply Chain Operations Speaking Notes -ICLT Program
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Basic Mud Logging Guide for educational purpose
O7-L3 Supply Chain Operations - ICLT Program

Incorporating interactive multimedia in online courses

  • 1. Incorporating Interactive Multimedia in Online Courses Kathy Andrus Teaching and Learning Center
  • 2. This presentation will cover Good practices and important issues regarding the use of media in an online course Demonstrations of multimedia formats by modeling video delivery of online content in an art history course on Greek and Roman art Assessments that make use of common computer applications Introduction to Camtasia as an instructional media application
  • 3. Forms of Multimedia for Online Use Graphics: photos, webcams, illustrations, icons, emoticons, blogs Interactive HTML technologies Flash Animation VRML technologies Javascript 3D “worlds” Video: motion images, animations Audio: voice over, music, sounds
  • 4. Why use multimedia? Achieve learning objectives of course Stimulate visual, kinesthetic and aural learning styles Respond to user feedback Deliver content with demonstrations, explorations appropriate to subject Assessments: using medium to apply what you have seen in the medium Narrative as a hook for engagement
  • 5. Multimedia: watching paint dry Usability – does it work? Which format is best? Accessibility – can everyone have the same experience without the same connection speed? Do all students get the content even without the bling? What does it achieve that text doesn’t? Return to your objectives – does it enhance learning outcomes? How do you know? Time on task – yours and theirs
  • 6. Good Practices Consider the modemites: downloading giant files, even streaming ones, is tedious. User experience comes first: does it work as it should? Accessibility: plan for alternative deliveries of content (bandwidth, text versions) Time on task: yours and theirs Skill building: positive or dreadful?
  • 7. Multimedia Skills Literacy of images – how to read them Coping with technology – frustrations are learning experiences too Greater depth in application use Apply experience and skills to other situations – draw connections between popular culture and history Stimulate interest in didactic presentations
  • 8. The presenter: a visual and active- kinesthetic learner At the Colosseum (hint, hint) 
  • 9. What is Interactivity Users may control program and output (drag-and-drop, video and audio controls) User may alter, return/share files (comments, annotations, corrections) Users get feedback after performing tasks Users communicate through the interface about the media (blogging)
  • 10. The Flavian Amphitheater aka the Colosseum
  • 13. Web technologies: Graphics and javascript
  • 15. Video clips Actual video files: avi, mov, wmv, rm, mpg imported from DV or still digital camera Digitized (captured) analog video “ Movies” made in flash or quicktime When embedded in Camtasia, the download can be prohibitive
  • 16. Gladiator clip with soundtrack and voiceover narration
  • 17. Videos: bandwidth hogs, but… Gladiator clip = 21 MB for 77 seconds at 350 x 240 pixels (mpeg) Smaller files, more compression, greater distortion of sound and image DVDs almost impossible to “clip” because of their disk structure Analog tapes are now ephemera – get them digitized while you can
  • 18. BUT… The MTV generation knows how to read them and they are relevant reflections of contemporary attitudes (whether we like them or not) They can be used in traditional and online classes alike, so the prep time is well spent They stimulate discussion because everyone feels invested in the critical process (unlike texts)
  • 19. An assessment in Powerpoint Apply to the plan of the Parthenon the method of finding the Golden Mean demonstrated in the Flash animation (next slide) and Instructions for Golden Mean assessment.doc
  • 20. The Golden Mean Fibonacci Sequence: starting with one, add one to it. 1, 1 Each new number is the sum of the previous two 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89 and so on … Each number divided by its predecessor results in the ratio called phi Φ (1.6180339887499...) Lines can be divided to achieve this ratio to find the Golden Mean (Section or Ratio)
  • 21. Web technologies: Flash animations
  • 22. The completed assessment in Powerpoint: Φ BΦ AΦ BΦ is to AΦ as BC is to AB.
  • 23. Camtasia PC-based full-motion video screen capture software. Use an application (like PowerPoint, browser, chat functions) as you normally would while Camtasia captures your keystrokes, paging, animation, and narration through PC microphone or other recording device. Edit the movie (.avi file) that results by removing unwanted frames, rearranging the order of the clips, adjusting or adding audio narration, or adding text, drawing elements, and highlights. Enhancements include inserting Flash hotspots, movie controls, background audio (voiceover, music, sound), creating an index. Import video and audio clips, graphics. Export file formats: choice of formats, create a streaming file or files viewable through a browser.
  • 24. Resources Drag and drop Vitriuvian Man: http:// harpy.uccs.edu/draganddrop.htm Golden Section Flash animation: http://harpy.uccs.edu/greek/goldenmeanbasetext.html Colosseum at night (Java VR): http://rome.arounder.com/category/java/IT000005642.html The Golden Mean Website ( http:// www.vashti.net/mceinc/Golden.htm ) Camtasia and Snagit: http://www.techsmith.com

Editor's Notes

  • #7: This is not a presentation on how to create Camtasia movies. Techsmith, the software company which develops it, has tremendous tutorials made in Camtasia to model and instruct on the use of its product. On their website they offer both written instructions and animated downloadable videos that take you through the Camtasia product in producing a movie. It is easy to use; all you need to do a presentation like this one is Camtasia, Powerpoint, and a microphone. So instead of teaching you the software, I would like to show you a few ways in which it can be used to effectively deliver content in an online instructional environment. If you have not already done so, you
  • #16: Audio