Gonghua Liu, Ph.D. Instructional Designer & Technologist Woodruff Health Sciences Center Library, Emory University.

Slides:



Advertisements
Similar presentations
Tutorial 7 Planning and Creating a Flash Web Site.
Advertisements

Chapter 10 Video.
Increase Your Productivity with Screen Capture Software Will McCrary, eLearning.
Chapter 9 Integrating Video. Digital video is a series of bitmap images that, when played back, create the illusion of movement. The quality and overall.
Welcome to UFCEKR-20-1 Media Technologies. B.Sc. (Hons) Multimedia Computing Module Presentation Lectures, examples, and demonstrations Worksheets and.
What is a Podcast? Audio recordings, called podcasts, are a new teaching/learning strategy of providing audio files to students that can be automatically.
ScreenCasting: Creating Effective Multimedia Lessons in Minutes Dr. Michael Uttendorfer, Dean New York Institute of Technology.
Cary Engleberg, M.D Professor of Internal Medicine University of Michigan Medical School Unless otherwise noted, the content of this program is licensed.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Copyright 2002 Multimedia – Images, Sounds, and Motion Professor Robert Sandberg Charter College of Education California State University - Los Angeles.
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
1 Integrating Adobe Creative Suite to Maximize E-Learning Development ASTD TechKnowledge 2009 Thomas A. Toth.
Creating In-house Video Tutorials to enhance campus training sessions Lindsay Hutchins Matts Educational Technologist.
Jennifer O’Donnell EDUC 681 Survey of Instructional Technology Applications Adobe Captivate.
1 FAQ on video editing. 2 1.Is it possible if I look for some video clips (e.g. firework, speech of Obama) from other sources?  Yes, but you need to.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Chapter Objectives Explain Web page multimedia issues
Introduction to Screencasting for Online Tutorials and Reference Sponsored By MARS-RUSAMARS-RUSA Emerging Technologies in Reference SectionAmerican Library.
Paul Trani Adobe Certified Instructor/Expert Resources:
Digital Media & TV Production Training. The One Thing & The Main Thing There is only one common experience that all staff and students at each school.
Adobe Flash By Tammy Armani. Choosing a Document Type.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Web Design, 3 rd Edition 6 Multimedia and Interactivity Elements.
OER Overview: How to create open content / July 2009 / OER Hands-On Production Except where otherwise noted, this work is available under a Creative Commons.
Working With Images, Sound, and Video Mark Grabe.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Digital Camcorder and Video Computer Multimedia. Two most important factors that make up a video Frames per second ( fps ) The resolution ( # of pixels.
Kapi’olani Community College Art 222 Digital Multimedia In-class Presentation Week 1B.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
 Using Screenr, Jing, and QuickTime Plus some alternatives!
CHAPTER FOUR COMPUTER SOFTWARE.
Objective Understand digital video production methods, software, and hardware. Course Weight : 15%
Creating eLearning with Screencasting Software Nikki Massaro Kauffman.
1.1 What is Multimedia Multimedia
Video in Multimedia Basic Concepts. Video in Multimedia Digital Video: Moving images that have been captured or created electronically by a computer.
The Future of Training Creating Videos in Camtasia: The Basics Joe Schipper Technology Integration Specialist (ITRT) Western Branch High School, Chesapeake,
Tutorial 7 Planning and Creating a Flash Web Site.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Review 2 – Adobe Flash Lab Manual
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
The Challenge of Accessible Rich Media Presenters: Chris Newman Chris Frost.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
 Slideshare ◦ ◦ Register and upload ◦ Use embed code to embed slideshow on website ◦ You can also.
Appendix A Becoming an Adobe Certified Associate.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
EUROTECHNIKI PRODUCTION OF MULTIMEDIA MATERIALS FOR EDUCATION MODULE 5: PRODUCTION OF MULTIMEDIA MATERIALS FOR EDUCATION ANTWERP MEETING JANUARY.
PUBLISHING CAPTIVATE INSTRUCTIONAL VIDEOS FOR MOBILE DELIVERY BY RENÉE LESAGE AND MATTHEW BACZ, MA ED. TECH. Information Technology Services Training McGill.
Flash Planning a Project. Production Process Write Script Design characters and Backgrounds Storyboard Create animatic from storyboard Animate Composite.
Presented by Michael Jenkins & Renay Small.  Emerging technologies (ETs) are considered to be of critical importance in the teaching and learning environment.
JING SCREEN CAPTURE Anne Perorazio Information Resources Specialist UM Health Sciences Libraries
Creating a Flash Web Site
Background Information
Pre-Production Determine the overall purpose of the project.
Frame(GIF) and Vector Animation
HTML5 Media.
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Information Technologies Anselm Spoerri PhD (MIT)
Objective % Explain concepts used to create digital animation.
Objective % Explain concepts used to create digital animation.
Develop Rich Internet Content and Applications
Chapter 10 Video.
Objective Explain concepts used to create digital animation.
PRODUCTION PHASES CHANGES
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Movie Maker This presentation will get you started with using Windows Movie Maker - Your very own movie studio. It provides step by step instructions for.
Presentation transcript:

Gonghua Liu, Ph.D. Instructional Designer & Technologist Woodruff Health Sciences Center Library, Emory University

People we are serving – students, residents, faculty members The School of Medicine School of Nursing School of Public Health Graduate Division of Biological and Biomedical Sciences Emory Healthcare Help Library users use the library & access resources in different ways Face to face consultation Classroom instruction Workshop Online communication eLearning modules WHSC Library

eLearning: An alternative teaching or learning option Informationist Instructors in class Content developer Media developer: Write storyboard Design layout Add media elements Two Web-based instructional formats: Interactive primers (using JavaScript) Text content with images & animation Spry Ressessing Video based eLearning modules eLearning

Presentational video Presentation, speech, interview Camtasia video Multimedia presentation communicating information Screencast video Similar to Camtasia but concentrate on screen- based learning activities Flash Animation Animation created from Flash and embedded in the text-based eLearning modules Types of video used

Creating video Camcorder: A portable video camera and video recorder Basic camcorder operating skills: how to use viewfinder, focus (auto) and zoom, panning (using tripod) Quality Hardware: lens, CCD and resolution Shooting skills: Composition, lighting, framing, backdrop Conversion AVI, MPEG Software editing (Adobe Premiere Elements) Import video file Editing: Remove unwanted parts / No extra audio / Select a video format Deployment HTML tags Dreamweaver Presentational Video

Presentational video

Creating video Camtasia Studio: Timeline based media presentation tool Media assets: internal (callouts) and external Script (content document) Storyboard (detailed media use – where & when) Audio driven (storyboard is created based on the narration file) Creativity (graphic design, color, background music) Finished video: multiple options Deployment: Save options Formats: wmv, mov, avi, mp4, etc. Players Transfer the html code from generated file to the styled file. Camtasia Video

Jing: capture image & video (less labor intensive) No external and internal media elements No media editing tools Less creativity (footage content is “recorded”) Concentrating on screen activity Annotate captured images: balloon & arrows Good for demonstrating a process (short period) Audio (narration) is also important Script is useful (possible recording while narrating) Frame rate: limited to 10 fps Video format: SWF (Dreamweaver) or FLV Screencast Video

Screencast video

Flash Professional Animation used in interactive primers as secondary content Creativity is the key: interesting and capturing viewer’s attention Animation can be created in different ways Timeline animation: Classic tween, motion tween, shape tween and frame to frame animation. ActionScript animation (ActionScript) Can be saved in different video formats: SWF only Deployment: SWF or converted formats Flash Animation Video

Flash animation (video)