Dale & Lewis Chapter 3 Data Representation. Representing color Similarly to how color is perceived in the human eye, color information is encoded in combinations.

Slides:



Advertisements
Similar presentations
Quiz # 1 Chapters 1,2,3, & 4.
Advertisements

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
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.
Graphics in the web Digital Media: Communication and Design
Gates CS105. Electrical Signals Transmission of data Any electrical signal has a level of voltage – Interpretation of 1s and 0s Generally speaking: –
Image Representation CS105. Data Representation Text representation – ASCII character set – Unicode – Data compression Images!
Introduction to Computer Graphics
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
Image and Sound Editing Raed S. Rasheed Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless.
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.
Representing Images. Goals for Image Representation digitization & resolution digitization & resolution representing color representing color color depth.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
CPS120 Introduction to Computer Science Lecture 4
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
CSCI-235 Micro-Computers in Science Hardware Part II.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Lecture 4 - Introduction to Computer Graphics
Lab #5-6 Follow-Up: More Python; Images Images ● A signal (e.g. sound, temperature infrared sensor reading) is a single (one- dimensional) quantity that.
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.
Chapter 11 Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Data Compression. Compression? Compression refers to the ways in which the amount of data needed to store an image or other file can be reduced. This.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
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.
Chapter 1. Introduction. Goals of Image Processing “One picture is worth more than a thousand words” 1.Improvement of pictorial information for human.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Graphics workshop Library and Information Services University of St Andrews.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Web graphics Discussion Session August 16, 2000 Discussion Session August 16, 2000.
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
Quiz # 1 Chapters 1,2, & 3.
Multimedia Basics (1) Hongli Luo CEIT, IPFW. Topics r Image data type r Color Model : m RGB, CMY, CMYK, YUV, YIQ, YCbCr r Analog Video – NTSC, PAL r Digital.
Raster Graphics 2.01 Investigate graphic image design.
CSCI-100 Introduction to Computing Hardware Part II.
Data Representation. What is data? Data is information that has been translated into a form that is more convenient to process As information take different.
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.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Computer Graphics Lesson 2 July 12, 2005 Image Formats What are some formats you are familiar with? There are 4 basic image format types: Uncompressed.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
DIGITAL MEDIA FOUNDATIONS
Everything is a number Everything in a computer memory and on storages is a number. Number  Number Characters  Number by ASCII code Sounds  Number.
Sampling, Quantization, Color Models & Indexed Color
CSIS-110 Introduction to Computer Science
Binary Representation in Audio and Images
Image Formats.
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
LET’S LEARN ABOUT GRAPHICS!
Introduction to Computer Graphics
Representing Images 2.6 – Data Representation.
Web Design and Development
2.01 Investigate graphic image design.
Chapter 4 Gates and Circuits.
Multimedia System Image
2.01 Investigate graphic image design.
Lecture 4 - Introduction to Computer Graphics
2.01 Investigate graphic image design.
Presentation transcript:

Dale & Lewis Chapter 3 Data Representation

Representing color Similarly to how color is perceived in the human eye, color information is encoded in combinations of intensities of red, green and blue colors. Monitors Printers Scanners…

Color depth Similar to an audio channel, each color channel can be represented by n bits  more bits, more levels If each channel uses 8 bits (256 levels), then a color uses 24 bits  TrueColor (16+ million colors) More than the human eye can distinguish or hardware reproduce

Images Now that there is a way to represent color, an image can be constructed with an array of picture elements (pixels) Pixel resolution (how many pixels or dots per inch - dpi) and color depth determine the quality of an uncompressed image

Image file formats and compression BMP – popular bitmap, lossless but can use run-length encoding to reduce file size GIF (Graphics Interchange Format) – can include an index of colors to reduce file size (i.e. if fewer than 16M+ colors are needed, reduce bits needed for each channel  index converts reduced bit encoding to RGB) −A version of GIF defines different frames that can be played back as animation JPEG (Joint Picture Experts Group) – lossy perceptual compression to exploit the eye’s sensitivity to gradual color changes  average color hues over short distances PNG (Portable Network Graphics) – a GIF replacement with broader color depth

Graphics Line art and graphics may contain a lot of empty space and bitmaps are not optimal representations Vector graphics store images as collection of colored lines and shapes −Collection of commands −Complexity determines file size −Resizing can be done with perfect rendering and without loss of information  SVG file format (Scalable Vector Graphic)

Video Timed frame sequence (24 or 30 fps)  very large files Complex information  difficult compression Codec (COder/DECoder) define how to interpret bits Can be processor-intensive processes  some codecs require specialized hardware Temporal compression −Keyframe + delta frames Spatial compression −Groups similar areas of a frame into a large pixel, or compresses frames just as in image files

Dale & Lewis Chapter 4 Gates and Circuits

Computers & Electricity Voltage: measure of electrical potential difference −Analogy: water pressure in a garden hose Voltage is variable: for binary representation we only look at off states (low or no voltage) and on states (high voltage, i.e. 5V) Thresholds used to deal with noise: off states (0  2V), on states (2V  5V) Maximum voltage set to prevent damage and for power/speed considerations

Gates Device that performs a basic operation on electrical signals One or more input signals produces one output signal Basic operations: NOT, AND, OR Other convenient operations: XOR, NAND, NOR Circuits −Combination of interacting gates designed to accomplish a specific logic function −E.g. perform arithmetic, store values

Notations to describe behavior of gates and circuits Boolean algebra −Variables can take only values of 0 and 1 −Powerful way to demonstrate the activity of circuits Logic diagrams −Graphical representation of a circuit −Each gate is represented by a specific symbol Truth tables −Describes the function of a gate or circuit −Lists all possible input/output combinations

Gates Six main gate types Can build anything we need from them −Boolean algebra operations: AND, OR, NOT −Convenient: XOR, NAND, NOR −Easier to physically build a NAND gate than AND gate See Chapter 4 slides from the Book…