B.Sc. Multimedia ComputingMedia Technologies

Media TechnologiesModule Review

B.Sc. Multimedia ComputingMedia Technologies

Character Representation & Font Technology

Text – Nature and Aesthetic Visual representation of a language Graphical symbols with visual aesthetics Characteristics

Shape Spacing Structure Layout

Abstract Characters

Grouped into alphabets Alphabets describe written form of a given language Upper and lower case require different symbols

A, B , C, …Z, and a, b, c, …z Punctuation marks :;,. ! Numerals and operator symbols 0, 1, 2, 3… + - x ^ =

Font Technology

Each stored character value mapped to a visual display called a glyph.

Glyphs arranged in collections called fonts Concept of fonts as collection of glyphs visually

related and design to work together dates back to pre-digital era.

Some font designs originate from fifteenth century.

B.Sc. Multimedia ComputingMedia Technologies

Computer Graphics

Image Acquisition

Scanner Digital Camera Computer Artwork Digital Capture or Transfer Library Material

Vector Graphics

Mathematically prescribed Wont loose resolution when scaled Give very lightweight file sizes Limited picture information for

photorealism File Formats .wmf, .swf, cgm Software

Adobe Illustrator, Macromedia Freehand

Bitmapped Graphics

Allow for high-definition photorealistic images.

Image encoded on a pixel by pixel basis. Image resolution degraded when scaled Supports lossless compressions algorithms File Formats - .BMP, .GIF, .JPG, .TIF .TGA Software

Adobe Photoshop ( with ImageReady) Macromedia Fireworks PaintShop Pro (Shareware)

Optimisation & Deployment

Control over compression (.JPEG) Palette depth (.GIF) Balance of picture quality versus file size For web deployment use ‘Export for web’ Never deploy the construction (layered)

file! Deploy for non-BroadBand audiences (for

now)

B.Sc. Multimedia ComputingMedia Technologies

Database Technologies

N-Tier Architecture

databaseserver

011020

011020

011020

Server-Side Scripting Advantages

No special client side software required Robust security model via encryption (https)

Typical Activities Design and Author scripts

For particular requirements To sell or provide for wider community

Use existing scripts Script will need to be configured (setup) for individual use Access to cgi-bin required on host server

Server-Side Scripting - PERL Perl = Practical Extraction & Reporting Language Perl has powerful text-manipulation functions Used to process World Wide Web electronic forms Provides a Common Gateway Interface (CGI) for

access to systems, databases, and users Freely available for several platforms, Windows,

MAC, Unix, etc.

XML XML is a markup language much like HTML XML was designed to describe data XML tags are not predefined. You must define your own tags

XML uses a Document Type Definition (DTD) or a

Schema to describe the data XML with a DTD or XML Schema is designed to be self descriptive

B.Sc. Multimedia ComputingMedia Technologies

3D Technologies for the Web

Motivations for 3D Content

Virtual Tours ( Environments, Architectural walk-thru ) Product design presentation and interaction Scientific applications - molecular structures,

navigation of ‘spaces’ Abstract representations of real-world concepts, e.g

navigating file structures or data warehouses via real-time 3D metaphors.

Online gaming

Technologies

VRML Shockwave 3D 3DML

Deployment Issues

Client-side software required to view & navigate worlds

Bandwidth! - broadband take-up and capacity will determine the future potential for 3D on the Web.

B.Sc. Multimedia ComputingMedia Technologies

Graphics Device Principles

B.Sc. (Hons) Multimedia Computing

Media Technologies

Random v Raster

Random v Raster

Aliasing Bitmap images will exhibit aliasingto the underlying method of their storage and display.

Algorithms applied to final image to smooth jagged edges and give more gradation between edge colours

Antialiasing Lines

B.Sc. (Hons) Multimedia Computing

Media Technologies

Aliased

Anitaliased

B.Sc. Multimedia ComputingMedia Technologies

Aliased

B.Sc. Multimedia ComputingMedia Technologies

Antialiased

B.Sc. Multimedia ComputingMedia Technologies

B.Sc. Multimedia ComputingMedia Technologies

Bitmap Image Editing

Image Transformations

Scaling Rotations Translations Reflections (flip) Skewing Freeform

Compositing Images

Compositing Images

Compositing Images

B.Sc. Multimedia ComputingMedia Technologies

Colour Theory and Application

Describing Colour

Words we might use when naming and describing colours:

‘shade, hue, warm, tone, bright, dim, pale, intense, vivid, rich, saturated, cold, strong, wishy-washy, glowing, colour, flat, weak, muddy, soft, vibrant, luminance, bold, tint’

Very subjective - influenced by perception and characteristics of illuminating light source.

Colour Models: RGB & CMYK

HSV 3D Representation

HSV 2D Representation

The Colour Wheel (Maya)

B.Sc. (Hons) Multimedia Computing

Media Technologies

B.Sc. (Hons) Multimedia Computing

Media Technologies

B.Sc. Multimedia ComputingMedia Technologies

3D Modelling & Animation

Computer Games

Late 1970s saw the emergence of dedicated arcade consoles

1980s

Sega

Sega Games: Sonic the Hedgehog

1990s:Sony PlayStation 32-bit + CD Player

Millennium Technology

21st Century :Mobile Gaming

21st Century:State of the Art...

Next Generation Games Consoles

Next Generation : Wii (Wee)