lecture 2a: analogue to digital evi indriasari mansor tel ext: 1741 1

69
LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR Email: [email protected] Tel ext: 1741 1

Upload: beatrice-owens

Post on 18-Jan-2018

220 views

Category:

Documents


0 download

DESCRIPTION

Learning Outcomes  Able to describe the binary numbering system and its relation to the digital data  Able to explain the digitization process  Able to elaborate the digital representation for multimedia elements 3

TRANSCRIPT

Page 1: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

LECTURE 2A:ANALOGUE TO DIGITALEVI INDRIASARI MANSOREmail: [email protected]

Tel ext: 1741

1

Page 2: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Outline Digital Data Digitization Compression Data representation of different media

Images Video and Animation Sound Text Interactivity Metadata

2

Page 3: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Learning Outcomes Able to describe the binary numbering system and its

relation to the digital data

Able to explain the digitization process

Able to elaborate the digital representation for multimedia elements

3

Page 4: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Based on material fromDigital Multimedia, 3rd EditionPublished by John & Sons, 2009© 2009 Nigel Chapman & Jenny Chapman

These lecture slides © 2009Nigel Chapman & Jenny Chapman

All figures © MacAvon Media Productions

4

Page 5: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Analogue and Digital Signals Analogue

Represented by a continuous function Eg.: Analogue sound – finite amount of information (waves)

Digital Represented by a discrete set of values defined at

specific instances of the input domain (time/space or both) Eg.: Digital sound – finite series of instantaneous pulses which

are measured at distinct interval of time

5

Page 6: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Analogue and Digital Signals (cont)

6

Page 7: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Multimedia in Digital Form The production and consumption of multimedia depends on

the ability of computers to perform operations at high speed In order to benefit from this ability, media must be in digital

form The rich variety of sensory inputs that make up images, text,

sound, animation must be reduced to patterns of binary digits inside a computer Programs can be used to change, combine, store, display, interact with

media all types Data can be distributed anywhere in the world or conveyed to remote

destinations on removable storage (CDs, DVDs or Flash drives)

7

Page 8: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

A Multimedia System Today8

Multimedia Content creation

Compression & media encoding

Distribution via networks

Different instruments capture different media types in

digital format

S/W & H/WAssembly

Storage

Media server

Cell Phone PDA

Console

Computer

TVCable

Modem

Wireless

Wi-Fi Hotspots

Satellite

Advertising

Digital Rights Management

Subscriber Management

Watermarking

Encryption

Page 9: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data Computers are built out of device that store and operate

on bits Bits are units of data that can only have one of two

values (0 or 1 / on or off / true or false) Bits are usually groups into larger units such as bytes

which consist of an ordered sequence of eight bits

9

Page 10: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont) Binary System

Binary number consists of 0 and 1 and is fundamental to computer

Can be represented in decimal and hexadecimal for readability 011010102 -> 10610 -> 6A16

Used to represent characters, colors and etc 65 = A, 66 = B 106 = j

Other: brightness of an image or instantaneous amplitude of a sound wave

10

Page 11: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

11

ASCII Table – American Standard Code for information interchange. Computers only understandNumbers, so an ASCII code is the numerical representation of a character.

Page 12: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont) Groups of bits can be interpreted as numbers to base 2,

but can also be treated as characters, colours, etc

12

Page 13: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont)13

Page 14: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont)14

Page 15: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont) Decimal to Binary Conversion (example 1)

4 4- 3 2___________________

1 2- 8___________________

4- 4____________________

0

15

Page 16: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont)16

Decimal to Binary Conversion (example 2)

1 5- 8___________________

7- 4___________________

3- 2____________________

1

Page 17: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont) Another more fun way (I think…) Task: Conver 4410 to its binary

representation

17

2 44 0 22 0 11 1 5 1 2 0 1 1

22222

Page 18: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Data (cont)18

Page 19: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization Analogue data must be converted to digital form before it can

be manipulated by a computer program

Digitization is the process of converting a signal from analogue to digital form

19

Page 20: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont) Digitization comprises two operations

Sampling Quantization

20

An Analogue Signal

Sampling & Quantization

Page 21: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont) Sampling

Measuring the signal’s value at discrete intervals The continuous signal is reduced to a sequence of

equally spaced values

21

Page 22: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont) Quantization

The process of mapping a large set of input values to a smaller set – rounding values to some unit of precision

The values are chopped off so that every one lies on the defined level

22

Page 23: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont)23

Digital signal Sampled and quantized Discrete values

Page 24: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont) Analogue to digital conversion

The process are normally carried out by special hardware device called analogue to digital converters (ADCs)

Digital to Analogue conversion The reverse is performed by a digital to analogue converter (DACs)

24

8-channel digital-to-analogue converter (used in soundcard)

4-channel stereo multiplexed analogue-to-digital converter (used in soundcard)

Page 25: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Analogue and Digital Signals (cont)

25

ADC DACPROCESSORUnfiltered analogue

signal

Sampled digitized signal

Digitally filtered signal

Filtered analogue

signal

Digital Filters – A digital filters takes a digital signal as input & produces another signal with certain characteristics removed

Page 26: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont) Sampling Rate

The sampling rate is the number of samples in a fixed amount of time or space taken from a continuous signal to make a discrete signal

26

Analog signal (blue) with a sampled signal (red) with a fixed spacing or sampling rate

Page 27: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont)27

Page 28: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont) Advantages of Digitization

More robust than analogue signal Do not suffer degradation when being copied or

transmitted in a noisy media

Effect of digitization Some information will be lost

28

Page 29: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont) Undersampling

Undersampling leads to aliasing – loss of information during digitization

Perceived in different ways in different media Sound

heard as distortion Images

seen as jagged edges contains fine repeating details (Moire patterns)

Moving pictures jerkiness of motion

29

Page 30: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digitization (cont)30

Insufficient quantization Lead to posterization and Moiré in images (the sampling rate is not high enough to capture the frequency of the pattern)

Brightness contouring Colored areas join together

Quantization noise Sound is quantized to too few amplitude levels

Page 31: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Compression31

Compression Any operation that can be performed on data to

reduce the amount of storage required to represent it Decompression

Restore the compressed data to a form in which it can be used or displayed

Codec Software to perform compression and decompression

Page 32: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Compression (cont) Compression must often be applied to media data Compression may be lossless or lossy Lossless

The algorithm always able to decompress data that has been compressed an retrieve an exact copy of the original data

Less effective Lossy

Some data has been discarded in the compression process and cannot be restored

Only an approximation of the original copy Discarded data often insignificant

32

Page 33: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Compression (cont)33

Original data

Compressed data

compress decompress

Original data

Compressed data

compress

decompress

Decompressed dataLossless compression

Lossy compression

Page 34: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Compression (cont) Different compression algorithms are applicable to

different types of media data. Their effectiveness depends on the characteristics of the data itself

34

Page 35: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Assignment 1 Develop a website (not more than 3 pages) - Road safety

awareness Provides road safety information for road users Encourage safer behaviour to reduce the number of people

injured & killed on road every year Campaigns:

- Mobile phones - Drug driving- Seatbelts - Drink driving- Motorcycling - Pedestrian crossing- Speed - Vehicle safety inspection

Website not more than 3 pages Dateline : Week 4 :: 6 Oct 2011:: 4pm

35

Page 36: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

LECTURE 2B:ANALOGUE TO DIGITALEVI INDRIASARI MANSOREmail: [email protected]

Tel ext: 1741

36

Page 37: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Representation of Media Media is represented in various format:

Images Video Animation Sound Text

The digital media forms need to be represented and stored so that they can be viewed, exchanged, edited and transmitted in a standard manner

37

Page 38: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Digital Representation of Media (cont) There are established ways of representing images,

video, animation, sound and text in bits (binary data) with a specific structural form to store information such as length of media data, version and so on

Binary data stored must conform to some file format in order to be processed by software

Many of the most important file formats are associated with particular program. For e.g. most manipulation program can read .jpeg

38

Page 39: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images Image – normally refer to ‘still’ images

Used in various forms – photographs, grey or colour, used with text in documents

Image can be combined to create interesting applications involving mosaics and panoramas

39

mosaic

colour

panaroma

grey

Page 40: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont) All images are represented digitally as pixels

40

Page 41: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont) An image is defined by image width, height & pixel depth The image width gives the number of pixel that span the

image horizontally Image height gives the number of lines in the image Each pixel is represented by a number of bits The pixel depth is the number bit used per pixel in an

image

41

Page 42: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont)42

Monitors displays pictures as a rectangular array of pixels Small, usually square, dots of color which merge

optically when viewed at a suitable distance to produce an impression of continuous tones

To display an image, the program must set each pixel to an appropriate colour or shade of grey

Resolution: the number of pixels in a unit of length Rendering: the process of generating a pattern of

pixels from a model

Page 43: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont)43

Page 44: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont) Images may be modelled as bitmaps or vector

graphics

44

Page 45: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont) In bitmap graphics, the image is modelled directly by an

array logical pixels values

Bitmapped image store the value of every logical pixel, so the amount of memory required is based on the size of the image and the resolution at which it is stored

45

Page 46: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont)46

9BB5FF B1CFFF B0D2FF A9CFFF 9FCBFF86B5F9 B0DBFF ADD9FF A9D6FF 9FD3FF7AACEB A0CCFF A6D3FF A1D0FF A0D0FF74A8E2 87B7F9 99C4FF A3D0FF A2D0FF6698D3 6491D5 7AA6EF A1CEFF A5D2FF

Logical pixels Physical pixels

Simple bitmapped image representation

The logical pixels correspond one-to-one to the physical pixels

Page 47: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont) In vector graphics, the image is stored as a

mathematical description of a collection of individual lines, curves and shapes making up the image

Displaying a vector image requires computation to be performed in order to interpret the model and generate an array of the pixels to be displayed

A simple vector graphic image

47

<?xml version =“1.0” encoding=“uft-8”?><!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.0//EN” http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/ svg10.dtd><svg xmlns=“http://www.w3.org/2000/svg”> <path fill=“♯F8130D” stroke=“♯1E338B” stroke-width=“20” d=“M118,118H10V10h108V118z”/></svg>

Page 48: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont)48

Vector graphics are often smaller than bitmaps, are resolution-independent and can be scaled without loss of quality, but they are only suitable for certain sorts of synthetic image, not photographs

A vector drawing and a digital photograph

Page 49: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Images (cont) Bitmap VS Vector

49

Page 50: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1
Page 51: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1
Page 52: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1
Page 53: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Video & Animation All current methods of displaying moving pictures depend

on the phenomenon known as persistence of vision for their effect

Persistence of vision A lag in the eye’s response to visual stimuli, which

results in “after-images” being seen briefly when the stimulus is no longer present

If a sequence of still images is presented to our eyes at a sufficiently high rate, above what is called the fusion frequency - we experience a continuous visual sensation rather than perceiving the individual images

53

Page 54: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

The fusion frequency depends on the brightness of the image relative to the viewing environment (around 40 images per second)

Below this frequency, a flickering effect will be perceived – all illusion of motion is lost and we see the sequence of still images

TWO ways to generate moving picture Sequence of frames from actual motion Creating each frame individually

54

Video & Animation (cont)

Page 55: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Video & Animation (cont) Moving pictures can be created as live-action or

animation Live-action

Recording actual motion as it is occurring in the real world

Animation Artificially created sequences (create each frame

individually) Animation may be captured from an external

sources (e.g. a series of drawing) – will produce a set of bitmaped images

55

Page 56: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Video & Animation (cont) Live-action must be stored as video

Video frames require a lot of storage so video is invariably compressed for delivery

Animation may be represented in other more flexible or efficient ways (e.g. video, or specialized animation formats which do not have to support the features demanded by video)

56

Page 57: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Sound Sound is caused by rapid variations of air pressure over

time, which are detected by the ears Can be translated into electrical signals, using a

microphone, which results in a time varying waveform called audio signal

Digital audio is produced from the audio signal through sampling and quantization

57

Page 58: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Sound (cont) Sound can be represented as a sequence of sample after

digitization Digital audio

Recording studio -> CDs -> MP3 player CD audio is sampled at 44.1 kHz, higher sampling rates

are sometimes used Audio delivered over the Internet is compressed, often

using the MP3 codec Digital audio is nothing more than a stream of numbers – it

can be altered using arithmetic operations Easy to apply special effects (e.g. changing the pitch

without altering duration)

58

Page 59: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Text A character set is a mapping from characters to

character codes In order for everybody to agree on mapping between

characters and number – need a standard character set

Unicode is a character set capable of representing text in all known languages

A font is a set of character shapes, called glyphs – one for each character in an alphabet

59

Page 60: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1
Page 61: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Text (cont) On computer systems, the font is stored as a collection

of small vector images in a separate file - and glyphs are displayed to the screen as graphics Wide selection of fonts can be provided The appropriate choice of fonts is concerned to best

convey the message in text Many aspects of layout must be controlled when text is

displayed

61

Page 62: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Text Layout. The choice of font, the size and weight of the letters and the horizontal and the vertical space between between words making considerable different to the appearance of the text

62

Text (cont)

Text LayoutThe choice of font, the size and weight of the letters and the horizontal and the vertical space between between words making considerable

different to the appearance of the text

Page 63: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Interactivity Interactivity is produced by executing a program in

response to user input Program are ultimately represented a bit patterns –

machine instructions Each individual instruction only perform a very simple

operation such comparing or adding two numbers Very few people create programs by writing down the bit

patterns for each instruction – instead they write a description of the computation to be performed using a high-level programming language – incorporate math and logical notations – easily read and written by people

63

Page 64: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Interactivity (cont) The program that is written by a person is often

translated into an equivalent sequence machine instruction – known as compilation carried out by a program known as a compiler

In multimedia, programs are often written in a scripting language, such as: JavaScript (used on the web to control the behaviour

of a Web browser) or ActionScript (used to control the Flash Player)

64

Page 65: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Metadata Metadata is structured data about data, which may be

attracted to media files to help with searching and classifying them

Metadata is data – can be stored and managed in a database – often called a registry or repository

Metadata is important for media data because it makes organizing and searching feasible

65

Page 66: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Metadata (cont) Photograph

Metadata may be written into a digital photo file that identify who owns it, copyright and contact information, the time and date when it was taken, the GPS coordinates of the place it was taken, making the file searchable on the computer / Internet

Photographic Metadata Standards are governed by organizations that following the following standards: IPTC (International Press Telecommunications Council) XMP (Extensible Metadata Platform) Exif (Exchangeable image fiel format) Dublin Core (Dublin Core Metadata)

66

Page 67: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Metadata (cont) Video

Metadata is useful in video – the information about its contents (such as transcripts of conversations and text description of its scenes) are not directly understandable by computer – efficient search is required

Sound CDs carry a layer of metadata about the artist, dates,

copyright etc Normally not displayed by CD players – can be assessed

and displayed by specialized music playback or editing applications

67

Page 68: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Metadata (cont) Web pages

Webpage may include metadata specifying what language it's written in, what tools were used to create it, and where to go for more on the subject, allowing browsers to automatically improve the experience of users

Most search engines use this data when adding pages to their search index

68

Page 69: LECTURE 2A: ANALOGUE TO DIGITAL EVI INDRIASARI MANSOR   Tel ext: 1741 1

Summary Digital data representation Digitization process Compression Data representation of different media

Images Video and Animation Sound Text Interactivity Metadata

69