Comp 20 - Training & Instructional Design

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

From Image Capture to Digital Output. In looking at this we shall consider the following… Quantisation. Quantisation Error. Interpolation. Viewing images.

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?

The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.

Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.

Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Training & Instructional Design Selecting and Working with Media Lecture a This material (Comp20_Unit4a) was developed by Columbia University, funded by.

Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.

Understanding Images on the Computer How do images work and why?

Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.

Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:

Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.

Training & Instructional Design Selecting and Working with Media Lecture b This material (Comp20_Unit4b) was developed by Columbia University, funded by.

Graphics workshop Library and Information Services University of St Andrews.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)

Things to Remember When working with digital images.

Raster Graphics 2.01 Investigate graphic image design.

Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.

Digital Images are represented by manipulating this…

Information Technology Images: Types, Resolution and Techniques.

Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

Multimedia in Web Introduction. Multimedia Elements in Web Page Images Voice Music Animation Video Text & Numbers.

Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.

In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.

Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.

WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.

Information Systems Design and Development Media Types Computing Science.

ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.

Basic Digital Imaging For PE 266 Technology in HPER.

Photoshop / Illustrator Workshop

Graphic Format Factors

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

DIGITAL MEDIA FOUNDATIONS

Understanding Web Graphics

Exploring Computer Science - Lesson 3-4

Graphic Format Factors

Exploring Computer Science - Lesson 3-4

Pixel, Resolution, Image Size

Training and Instructional Design

2.01 Understand Digital Raster Graphics

PROPERTY OF PIMA COUNTY JTED, 2010

Photo Editing for PowerPoint & the Web

2.01 Investigate graphic image design.

Bitmap vs. Vector.

Exploring Computer Science - Lesson 3-4

Photo Editing for PowerPoint & the Web

A computer display is made up of small squares, called pixels.

Digital Images.

1.01 Investigate graphic types and file formats.

ImageEditing Understanding Image Resolution.

2.01 Understand Digital Raster Graphics

MED 2001 Advanced Media Production

Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt

Graphic Format Factors

2.01 Investigate graphic image design.

Comp 20 - Training & Instructional Design

Final Study Guide Arts & Communications.

2.01 Understand Digital Raster Graphics

Graphic Format Factors

Graphic Format Factors

2.01 Investigate graphic image design.

Graphic Format Factors

Graphic Format Factors

Graphics Basics.

2.01 Investigate graphic image design.

Graphic Format Factors

Presentation transcript:

Comp 20 - Training & Instructional Design Unit 4b - Selecting and Working with Media This material was developed by Columbia University, funded by the Department of Health and Human Services, Office of the National Coordinator for Health Information Technology under Award Number 1U24OC000003.

Health IT Workforce Curriculum Version 2.0/Spring 2011 Images Image: a collage of various photographs: http://www.flickr.com/photos/colouredinks/2153652368/sizes/o/#cc_license Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Types of Images Photographs Screen Captures Graphics and Drawings Photographs Screen Captures Graphics and Drawings Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Editing Images Image size Resolution Image Formats Image Outputs Image size Resolution Image Formats Image Outputs Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Image Size What are the dimensions of the original image? What are the dimensions of the image in the final product? physical size such as inches pixel dimensions on a computer screen What are the dimensions of the original image? What are the dimensions of the image in the final product? physical size such as inches pixel dimensions on a computer screen Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Image Resolution If you decrease resolution… width and height will increase If you increase resolution… width and height will decrease If you increase the width or height… resolution will decrease If you decrease the width or height… resolution will increase width and height will increase If you decrease resolution… width and height will decrease If you increase resolution… resolution will decrease If you increase the width or height… resolution will increase If you decrease the width or height… Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Image Files File Formats jpg, gif, png, tiff Image Compression lossless lossy File Formats jpg, gif, png, tiff Image Compression lossless lossy Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Image Output PPI vs DPI Pixels per Inch (ppi) Dots per Inch (dpi) Print Computer and web browsers Pixels per Inch (ppi) Dots per Inch (dpi) Print Computer and web browsers Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Image Resolution and Print Size Resolution: 1024 x 768; Max Size in Inches: 4 x 6 Resolution: 1152 x 864; Max Size in Inches: 5 x 7 Resolution: 1600 x 1200; Max Size in Inches: 8 x 10 Resolution Max Size in Inches 1024 x 768 4 x 6 1152 x 864 5 x 7 1600 x 1200 8 x 10 Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Videos EHR training video example http://www.emr.msu.edu/TrainingResources/Menu.htm Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Examples of Videos Screen Capture Digital Video Recorders Voice-over PowerPoint Converted to Video Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Video Format Considerations Adult Learning Theory Chunking Formats Video types Codec Hosting and distributing video Adult Learning Theory Chunking Formats Video types Codec Hosting and distributing video Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Playback Considerations in Clinics Clinical Settings and Corporate Offices Sound disturbances Security Network Firewalls Workstation Restrictions Computer Configuration Sound Cards Players and codex Display resolution Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Don’t Forget ADDIE Analysis Design Develop Implement Evaluate Component 20/Unit 4b Health IT Workforce Curriculum Version 2.0/Spring 2011