graphics, video, animation. use of good graphics, animation and video impacts on the effectiveness...

58
Graphics, Video, Animation

Upload: jack-dawson

Post on 28-Dec-2015

225 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics, Video, Animation

Page 2: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Use of good graphics, animation and video impacts on the effectiveness of the multimedia application.

• The creation of good quality computer graphics, animation and video can be both difficult and time consuming.

• Make the most of the graphics capabilities of the host computer and the tools that are available for production of material.

Page 3: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics

• Fundamental to multimedia

• Pictures, drawings, diagrams, charts, graphs, photographs, paintings, cartoons or maps

• Research has proved effectiveness and importance of graphics in teaching and learning

Page 4: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - negative aspects

• Poor use of graphics can interfere with learning process

• Avoid using graphics gratuitously

• Avoid inclusion of too many graphics

Page 5: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - How they help

• attracting learner attention

• directing learner action

• illustrating quantifiable constructs

• representing concrete objects

• representing abstract concepts

• simplifying complex information

Page 6: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Pictures are easily remembered

• Remembered better than textual information

Page 7: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - cultural issues

• Useful for cross-cultural instruction

• E.g. Reduce the size and number of editions of documents by fewer changes of written language

• reduce translation cost

• ease learning by reducing ambiguity and increasing memorability

Page 8: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Be aware that non-verbal information is very much culturally determined

• Don’t assume that graphics mean the same thing or are interpreted in same way across cultures

• Downplay or disguise cultural or national differences

Page 9: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Replace realistic graphics with simplified ones.

• Be wary of using religious or mythological symbols animals national emblems cartoons

Page 10: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - Types

• Bit-mapped (often called sprites)

• Object based (often called vector graphics)

Page 11: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Bitmaps• excellent for photo-realistic images

• reasonably fast display time

• easily scanned in

• scalable, but definition usually lost unless carried out in editing software

• editable but can be difficult

• highly inefficient in disc storage (large file sizes)

Page 12: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• uncompressed file sizes depends on colour resolution of the image

• e.g. 640x480x16 colours (4 bits) = 150 000 bytes

• 640x480x256 colours (8 bits) = 300 000 bytes

• 640x480x32k colours (16 bits) = 600 000 bytes

Page 13: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• variety of image formats (PCX, TIF, GIF, BMP, JPEG, PICT etc)

Page 14: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Object Based• 2-D/3-D drawings

• poor realistic images

• display time can sometimes be slow – depending on complexity of drawing

• not easily scanned in

• scalable with no loss of definition

• editable

• highly efficient in disc storage

• file size generally independent of colour resolution

Page 15: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

General points• Authorware has its own very simple

and limited object-based graphics editor for use only within Authorware applications.

• Majority of multimedia authoring tools use only bit-mapped images and many support only a limited number of image formats

Page 16: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Not all formats are cross platform It can be a minefield!

• Good bit-map image editing software should be capable of importing & exporting a wide range of bit-map images

Page 17: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Also provide a wide range of image editing/manipulation features (e.g. scaling, rotation, cutting, pasting, colour touching, brightening, darkening, sharpening etc.)

Page 18: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video

• Digital Video- (full motion, digitised images (films tv programmes etc.)

• Video is comparatively expensive and difficult to develop

• Only use when it serves a specific purpose or enhances the likelihood of learning

Page 19: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - Advantages

• Portrayal of concepts using motion the alteration of space and time the observation of dangerous processes in

a safe environment dramatisation of historical or complex

events demonstration of sequential processes the

viewer can review

Page 20: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - types of applications

• Clips of video

• Streamed video

• Navigable (virtual reality) video

Page 21: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - conversion

• Digitising

• reducing colours

• choosing frame rate

• sizing windows

• compression

Page 22: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - formats

• Audio Visual Interleave/AVI – Microsoft (PC)• QuickTime (QT,MOV) – Apple (MAC/PC)• MPEG – Platform independent /scaleable

/highly compressed• M-JPEG – Platform independent /scaleable

/highly compressed• DVI – Intel/IBM proprietary system

Page 23: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Need specialist hardware/software to create/edit/view files

- video capture boards- file compression software to reduce file sizes- runtime software required to display files

(AVI/QT)- hardware decompression board/software

(MPEG/M-JPEG)

Page 24: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Need acres of disc storage to capture/edit video

• 30 seconds of uncompressed video at 160x120x16-bit colour can occupy 15-30 MB of storage

• 1 minute of compressed video at 160x120x16-bit colour can occupy 10 Mb of storage

Page 25: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Example video editing/splicing software

Adobe Premiere (MAC/PC)Digital Video Producer (PC)Avid Media Suite (MAC)Final Cut Pro (Mac)Final Cut Express (Mac)iMovie (MAC)

Page 26: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Animation

• Animation– Graphics may be simple, static images, simple moving images, or complex animated images

• Can also be achieved by changing the position of an object or sprite on Screen, to create illusion of movement

(e.g. motion icon in Authorware uses this technique)

Page 27: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Use only when it is consistent with the learning task

• The influence of animation on learners is subtle

• Computer-based animation may be used to attract attention as much as it is to provide direct instruction

Page 28: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Formats as for digital video

• Specialist software and hardware also needed

Page 29: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Types of Digital animation

• Frame-based animation - creating a series of individual cells

• Morphing - transforms the form of one object smoothly into another form

• 3-D animation - create objects that are more realistic in form and that appear to move through three dimensional space

Page 30: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics, Video, Animation

Page 31: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Use of good graphics, animation and video impacts on the effectiveness of the multimedia application.

• The creation of good quality computer graphics, animation and video can be both difficult and time consuming.

• Make the most of the graphics capabilities of the host computer and the tools that are available for production of material.

Page 32: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics

• Fundamental to multimedia

• Pictures, drawings, diagrams, charts, graphs, photographs, paintings, cartoons or maps

• Research has proved effectiveness and importance of graphics in teaching and learning

Page 33: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - negative aspects

• Poor use of graphics can interfere with learning process

• Avoid using graphics gratuitously

• Avoid inclusion of too many graphics

Page 34: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - How they help

• attracting learner attention

• directing learner action

• illustrating quantifiable constructs

• representing concrete objects

• representing abstract concepts

• simplifying complex information

Page 35: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Pictures are easily remembered

• Remembered better than textual information

Page 36: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - cultural issues

• Useful for cross-cultural instruction

• E.g. Reduce the size and number of editions of documents by fewer changes of written language

• reduce translation cost

• ease learning by reducing ambiguity and increasing memorability

Page 37: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Be aware that non-verbal information is very much culturally determined

• Don’t assume that graphics mean the same thing or are interpreted in same way across cultures

• Downplay or disguise cultural or national differences

Page 38: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Replace realistic graphics with simplified ones.

• Be wary of using religious or mythological symbols animals national emblems cartoons

Page 39: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Graphics - Types

• Bit-mapped (often called sprites)

• Object based (often called vector graphics)

Page 40: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Bitmaps• excellent for photo-realistic images

• reasonably fast display time

• easily scanned in

• scalable, but definition usually lost unless carried out in editing software

• editable but can be difficult

• highly inefficient in disc storage (large file sizes)

Page 41: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• uncompressed file sizes depends on colour resolution of the image

• e.g. 640x480x16 colours (4 bits) = 150 000 bytes

• 640x480x256 colours (8 bits) = 300 000 bytes

• 640x480x32k colours (16 bits) = 600 000 bytes

Page 42: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• variety of image formats (PCX, TIF, GIF, BMP, JPEG, PICT etc)

Page 43: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Object Based• 2-D/3-D drawings

• poor realistic images

• display time can sometimes be slow – depending on complexity of drawing

• not easily scanned in

• scalable with no loss of definition

• editable

• highly efficient in disc storage

• file size generally independent of colour resolution

Page 44: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

General points• Authorware has its own very simple

and limited object-based graphics editor for use only within Authorware applications.

• Majority of multimedia authoring tools use only bit-mapped images and many support only a limited number of image formats

Page 45: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Not all formats are cross platform It can be a minefield!

• Good bit-map image editing software should be capable of importing & exporting a wide range of bit-map images

Page 46: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Also provide a wide range of image editing/manipulation features (e.g. scaling, rotation, cutting, pasting, colour touching, brightening, darkening, sharpening etc.)

Page 47: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video

• Digital Video- (full motion, digitised images (films tv programmes etc.)

• Video is comparatively expensive and difficult to develop

• Only use when it serves a specific purpose or enhances the likelihood of learning

Page 48: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - Advantages

• Portrayal of concepts using motion the alteration of space and time the observation of dangerous processes in

a safe environment dramatisation of historical or complex

events demonstration of sequential processes the

viewer can review

Page 49: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - types of applications

• Clips of video

• Streamed video

• Navigable (virtual reality) video

Page 50: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - conversion

• Digitising

• reducing colours

• choosing frame rate

• sizing windows

• compression

Page 51: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Video - formats

• Audio Visual Interleave/AVI – Microsoft (PC)• QuickTime (QT,MOV) – Apple (MAC/PC)• MPEG – Platform independent /scaleable

/highly compressed• M-JPEG – Platform independent /scaleable

/highly compressed• DVI – Intel/IBM proprietary system

Page 52: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Need specialist hardware/software to create/edit/view files

- video capture boards- file compression software to reduce file sizes- runtime software required to display files

(AVI/QT)- hardware decompression board/software

(MPEG/M-JPEG)

Page 53: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Need acres of disc storage to capture/edit video

• 30 seconds of uncompressed video at 160x120x16-bit colour can occupy 15-30 MB of storage

• 1 minute of compressed video at 160x120x16-bit colour can occupy 10 Mb of storage

Page 54: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Example video editing/splicing software

Adobe Premiere (MAC/PC)Digital Video Producer (PC)Avid Media Suite (MAC)Final Cut Pro (Mac)Final Cut Express (Mac)iMovie (MAC)

Page 55: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Animation

• Animation– Graphics may be simple, static images, simple moving images, or complex animated images

• Can also be achieved by changing the position of an object or sprite on Screen, to create illusion of movement

(e.g. motion icon in Authorware uses this technique)

Page 56: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Use only when it is consistent with the learning task

• The influence of animation on learners is subtle

• Computer-based animation may be used to attract attention as much as it is to provide direct instruction

Page 57: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

• Formats as for digital video

• Specialist software and hardware also needed

Page 58: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good

Types of Digital animation

• Frame-based animation - creating a series of individual cells

• Morphing - transforms the form of one object smoothly into another form

• 3-D animation - create objects that are more realistic in form and that appear to move through three dimensional space