g0q55a multimedia: modelleren en programmeren
DESCRIPTION
G0Q55A Multimedia: modelleren en programmeren. Martin Wolpers & Erik Duval 09 November 2007. Today. Group presentation groups Some secrets of images Java & Java Media Framework Java Assignment. Group presentations. Group 5 Jan Sebrechts Sébastien Devynck Pieter Gevers - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/1.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008
Martin Wolpers & Erik Duval
09 November 2007
1
![Page 2: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/2.jpg)
Group presentation groups Some secrets of images Java & Java Media Framework Java Assignment
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 2
![Page 3: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/3.jpg)
Group 5 Jan Sebrechts Sébastien Devynck Pieter Gevers Kim Gressens Iwein Vranckx
Group 6 Jelle Wardenier Laurens Serneels Stijn Adriaensens Tim Boven
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 3
![Page 4: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/4.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 4
Digital images vs. Analog images
Here Digital representations of images
No video! No recording! No capturing!
Presentation based on Fundamentals of Multimedia, Li&Drew, Prentice Hall 2003
![Page 5: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/5.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 5
Color models (RGB vs. CYM) Gray Images
1-bit Gray scale
Color images (GIF) Color images compression (JPG)
![Page 6: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/6.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 6
RGB: Red – Green – Blue For monitors: colors add
CMY: Cyan – Magenta – Yellow For printing: colors subtract
![Page 7: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/7.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 7
![Page 8: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/8.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 8
C 1 RM = 1 - GY 1 B
R 1 CG = 1 - MB 1 Y
![Page 9: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/9.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 9
Color ~ (Voltage of color electron gun)gamma
=> not enough light with low voltages
![Page 10: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/10.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 10
1-bit: white or black 640x480~37,5 kByte
Pixel??
![Page 11: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/11.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 11
![Page 12: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/12.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 12
Graphic from www.wikipedia.org
![Page 13: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/13.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 13
1 pixel = 1 gray value 1 gray value = 1 byte Bitmap = cube with dimension
image size x 8 bit Size 640x480x1Byte
= 300kByte E.g. bmp
![Page 14: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/14.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 14
Transform 1 pixel to larger pattern Used for 1-bit printers Example
2x2 dither matrix: transform [0..255] -> [0..4] 0:0 1: [1..63], 2:[64..127], 3:[128..191], 4:
[192..255] Better ideas?
Size: 4x640x480x1Byte
![Page 15: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/15.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 15
24-bit color images 3 channels, 1 Byte per channel 256x256x256 colors (~16M) (more later) Size: 640x480x24bit ~ 900kByte
32-bit color images 24-bit images + special effects channel (1
Byte) 8-bit color images
No direct color information Color look-up index
![Page 16: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/16.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 16
900kByte300kByte
![Page 17: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/17.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 17
1byte index into color palette (256 colors) Size: 1bytex640x480 ~ 300kByte
![Page 18: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/18.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 18
Bitmaps and Container TIFF WMF 8-bit GIF
PNG JPEG
EXIF
Vector formats PS and PDF SVG
![Page 19: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/19.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 19
TIFF: stands for Tagged Image File Format.
Attachment of additional information (referred to as “tags”) Flexibility
Most important tagformat signifier: type of compression etc. TIFF can store many different types of image
1-bit, grayscale, 8-bit color, 24-bit RGB, etc. TIFF is lossless format but JPEG compression
possible
![Page 20: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/20.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 20
Microsoft Windows: WMF native vector file format: Consist of a collection of GDI (Graphics Device
Interface) function calls, also native to the Window environment.
“played” a file (typically using the Windows PlayMetaFile() function) == render graphics
Device-independent and unlimited in size.
![Page 21: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/21.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 21
Graphics Interchange Format GIF87a (original) GIF89a (extension for simple animations)
8-bit color images Interlacing
![Page 22: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/22.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 22
GIF Signatur
Screen Descriptor
Global Color Map
Image Descriptor
Local Color Map
Raster Area
GIF Terminator
Repeat n times
![Page 23: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/23.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 23
![Page 24: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/24.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 24
Length: 2^(Pixel+1)
![Page 25: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/25.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 25
PNG format: standing for Portable Network Graphics
→ meant to supersede the GIF standard, and extends it in important ways.
Special features of PNG files include: Support for up to 48 bits of color information — a
large increase. contain gamma-correction and alpha-channel
information Progressive display (2-dimensional fashion in
seven passes through each 8 × 8 block)
![Page 26: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/26.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 26
JPEG Image compression standard (Joint
Photographic Experts Group) 1992 JPEG is a lossy image compression
method transform coding method using the
DCT (Discrete Cosine Transform). An image = F(i, j) in the spatial domain.
2D DCT yields a frequency response which is a function F(u, v) in the spatial frequency domain
![Page 27: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/27.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 27
Observation 1 Intensity does not change widely in small
areas Observation 2
High spatial frequency less noticed by humans Observation 3
Visual acuity (accuracy in distinguishing closely spaced lines) is much greater for gray (“black and white”) than for color.
![Page 28: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/28.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 28
![Page 29: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/29.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 29
Original 20% 5%
![Page 30: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/30.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 30
EXIF (Exchange Image File) used for digital cameras: Compressed EXIF files use the baseline JPEG
format. Tags (many more than in TIFF) facilitate
higher quality printing, more information about the camera picture-taking conditions (flash, exposure, light
source, white balance, type of scene, etc.) Specification of file format for audio that
accompanies digital images.
![Page 31: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/31.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 31
Images made up of simple mathematically describable geometrical forms E.g. lines, polygons, circles, bezier curves, etc. Combined and transformed to form complex
objects
File formats PS and PDF SVG: xml based, WWW consortium WMF: windows
Text, too: True Type fonts
![Page 32: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/32.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 32
Layout and Content are true-copy enabled!
Postscript – language for typesetting Vector-based picture language
Postscript includes text as well as vector/structured graphics.
GL bit-mapped images included in output Encapsulated Postscript (eps) files add additional
information for inclusion no compression (stored as ASCII)
Portable Document format (PDF) LZW compression Without images (compression ratio, 2:1 or 3:1)
![Page 33: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/33.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 33
Graphic from www.wikipedia.org
![Page 34: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/34.jpg)
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 34
Filtershttp://www.ph.tn.tudelft.nl/Courses/FIP/noframes/fip-Morpholo.html
Image processing at TU Delft http://www.ph.tn.tudelft.nl/Courses/FIP/noframes/fip.html
![Page 35: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/35.jpg)
Java Tutorial http://java.sun.com/docs/books/
tutorial/
Java Media Framework http://java.sun.com/products/java-
media/jmf/
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 35
![Page 36: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/36.jpg)
Implementation of your CO2 calculator in JavaFollow strictly (!!) Your Storyboard Your Flow Chart /State Diagram Your Layout Your Timeline
Running Applet (!) including source code documentation
Deadline: 21.11.2007
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 36
![Page 37: G0Q55A Multimedia: modelleren en programmeren](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568153e0550346895dc1dd9a/html5/thumbnails/37.jpg)
Applet works; name restrictions Programming Syle: readalbe, structured,
layout, naming, ... Document differences to flash, smil, etc.
wnd why! Say who did what for how long Used tools
G0Q55A – Multimedia: modelleren en programmeren 2007/2008 37