• Shuffle
    Toggle On
    Toggle Off
  • Alphabetize
    Toggle On
    Toggle Off
  • Front First
    Toggle On
    Toggle Off
  • Both Sides
    Toggle On
    Toggle Off
  • Read
    Toggle On
    Toggle Off
Reading...
Front

Card Range To Study

through

image

Play button

image

Play button

image

Progress

1/195

Click to flip

Use LEFT and RIGHT arrow keys to navigate between flashcards;

Use UP and DOWN arrow keys to flip the card;

H to show hint;

A reads text to speech;

195 Cards in this Set

  • Front
  • Back

Multimedia is...

Everything you can see or hear, a combination of moving and still pictures, sound, music, and words, especially in computers or entertainment

Most Internet Users

China

Least Internet Users

Oceana/Australia

1969 - Network Technology introduced...

Arpanet, Advance Research Projects Agency Network, 1st packet switching network and the predecessor to the Internet

1993 the 1st...

graphical browser is born (allowing us to see web pages containing images, called Mosaic by Marc Andeerssen, Erin Brina, and Tim Clark)

1998...

Google Search Engine is founded by Larry Page and Sergey Brin

When was the 1st motion picture ever recorded?

between 1880 and 1890

What was the first full length movie with synchronized dialogue?

The Jazz Singer (1927)

First full length movie to use colour?

The Wizard of Oz

What was the name of the predecessor to the Internet?

Arpanet (1962-1969)

Who invented the World Wide Web?

Tim Berners-Lee

What was the very first graphical browser for the World Wide Web

Mosaic

What was the 1st band to ever give a concert over the Internet

the Rolling Stones

What was the 1st full length feature film that was entirely computer generated?

Toy Story

What application revolutionized the music industry in 1999?

Napster

When did digital cameras become affordable to the public?

1996

Kerning

the space between adjacent characters

Tracking

adjusting the distance between all the letters

Leading

the vertical space between lines of text

Serif

tails

Sans Serif

without tails (good for headings)

Pixel (px)

measurement for text and images for the web monitor, the smallest component of an image or picture

Point (pt)

a linear unit measuring size of text in a word processing doc, are a print unit of measurement


(ex. 72 pt = 1 inch, 1 pt = 1/72 inch)

#FF0000

Red

#00FF00

Pastel Green

#0000FF

Light Blue

#000000

Black

#FFFFFF

White

Western Purple is...

#660099

Name the 4 things to watch for when doing any design

contrast, repetition, alignment, proximity

Name 5 components that make up multimedia

text, images, sound, video, animation

What measurement would you use for text in creating a Word doc

Points (pt)

Name 3 relevant events in the history of multimedia

Mosaic, Rolling Stones Broadcast, Napster

What type of font is this

Serif (courier new)

Computers "speak"...

Binary (digits 0 and 1)

Digitization is...

process of translating a piece of information (text, image, sound, etc) into binary bits (binary digit)

High Volt

ON = 1

Low Volt

OFF = 0

1 bit allows for (blank) colours

2 colours, the more bits the more colours available to assign to a pixel (2x = y values {x-bits})

Sampling

how often you take a sample (measurement) to represent the "thing", how many parts you break the thing into

Quantizing

how many discrete values you will use to represent "each part" (pixel) of the thing

How are Colours coded

each pixel is given numerical value that represents the corresponding colour

Color Models Used for Web

Additive Model (RGB), brighter than CMYK, each pixel is represented by 3 values i.e. White = <255, 255, 255,> or Black = <0,0,0>

Color Models Used for Print

Subtractive Model (CYMK), aka cyan, magenta, yellow, and black

"True Colour"

uses 24 bit colour representation

Approximately how many colours can the human eye detect?

About 10 million

Types of Graphic

BITMAP or VECTOR

Bitmap graphics

made up of small squares called pixels, smaller to larger = distortion, larger to smaller = no distortion, cannot change to vector

Vector Graphics

represented with lines and arcs that have a mathematical relationship, no distortion, smaller save file, can change to bitmap

Increasing resolution and bits =

Larger file size and better quality

How many things can you represent with a 5 bit depth?

32 values (2 to the power of 5)

What is the smallest value that you should set the dpi for an image that you plan to print?

sampling (how many pieces), quantize (bit depth)?????

What bit depth do you need to represent a black and white image?

1 bit depth (2 to the power of 1)

.GIF properties

Graphics Interchange Format, smaller file sizes and a max of 256 colour, no sound in files/animation, .gif has large areas of solid, flat color

.JPG or .JPEG

Joint Photographic Experts Group, larger file sizes but full colour scheme, .jpg distorts edges where there is sharp colour

Lossless Compression

compress the original bits and bytes into less bits and bytes without losing any of the original information about the image (.GIF quality is kept)

Lossy Compression

when compression occurs, some of the original information is lost, discards select portions (.JPG/JPEG quality degrades)

Dithering Technique

lowers download time, applies to converting .jpg to .gif, reduces to 256 colours or less, final stored image is .gif

Dithering Definition

Juxtaposing pixels of two colours to create the illusion that a third colour is present (grainy look)

Web safe palettes

dithering allows a grainy affect, does not increase file size

Interlacing Technique

interlacing (.gif), progressive (.jpg), how images are downloaded to your screen, a process by which the image is drawn in a series of passes rather than all at the same time

Transparency (applies to .gif files)

allows the page background to display through the image so the image appears to have no visible border around it, allows for transparency of ONE colour, currently only supported by .png or .gif

how big will an image be in terms of bytes if it is uncompressed, true colour and 200 by 400 bytes?

200 x 400 = 80, 000 bytes

what type of compression doesn't lose any of the original data?

a: Lossless compression

which type(s) of file formats perform a lossless compression?

.gif and .png

JPGs will produce a smaller file size than PNG 24 for a photograph: True or False

True: .png 24 is lossless (no discard)

Formula

physical image size if dependant on Print Size Dimensions (in inches) = pixel dimensions/print resolution

Digital Images by Camera

1, 000, 000 pixels = 1 Megapixel

Higher Resolution

1600 x 1200, everything appears smaller, cover portion of desktop, text harder to read (smaller)

Lower Resolution

1024 x 768, everything appears larger, page takes up entire area, text easier to read (larger)

What should you set the dpi for an image you wish to print?

set printer resolution at 300 dpi, set printer resolution to 300-ppi (dpi) since you can reasonable 4x6

if you have an image that is 400 pixels by 600 pixels and the printer resolution is 200dpi, what size will it print at?

Formula is (pixels > inches)


Print Size Dimensions (in inches)


= pixel dimensions/print resolution


400px / 200dpi = 2 inches


600px / 200dpi = 3 inches


image size: 2 inches x 3 inches

if you want to print an image at 5" by 7", what is the minimum size it must be in pixels for it not to look pixelated

Assumption: best to use printer resolution 300dpi


Formula is (inches > pixels)


Print Size Dimensions (in Pixels)


= inch dimensions x print resolution


5 inches x 300dpi = 1500 pixels


7 inches x 300dpi = 2100 pixels


image size: 1500 pixels x 2100 pixels

if I have an image that is 600 pixels by 900 pixels and I print it at a resolution of 150 dpi, how big will the image be?

Formula is (pixels > inches)


Print Size Dimensions (in inches)


= pixel dimensions/print resolution


600px / 150dpi = 4inches


900px / 150dpi = 6inches


image size : 4 inches x 6 inches

Network

a group of interconnected computers (could be connected with wires. wirelessly, satellites)

Protocol

a group of rules that both computers adhere to in order to communicate Internet is not how the software works, but specifically about the hardware

IP Addresses

have their own set of notation, 4 sets of numbers separated by dots, each number ranges from 0 to 255 (i.e. 192.102.249.3)

IP Adressess: Dotted Quad

Most Common: 129.100.23.247

IP Adressess: Binary

10000001 01100100 00010111 11110111


(32 bits = 4 bytes)

IP Adressess: Hexadecimal

81 64 17 F7

IP Adressess: Decimal

2, 170, 820, 599

Domain Name?

text name corresponding to the numeric IP address of a computer on the Internet

URL

Uniform Resource Locator, Tim Berners Lee established the URL designation

Uptime

computer is operational

Downtime

when the computer is not

What are the chunks of data that are sent over the internet called?

Packets or datagrams

True or False, the internet and the WWW are the same thing?

False (Internet=hardware, www=software)

Give an example of a valid IP address

0.0.255.255 (each set between 0 and 255)

true or false, www.csd.uwo.ca/courses is a domain name?

false (the domain name is uwo.ca)

www.homer.simpson.com is a valid domain name true/false

false (the domain name is simpson.com)

Give 3 valid TLDs

.com, .ca, .org

Zack&Cody.Love.You.2.com is a valid domain name, true/false

false (& and periods)

what is a message (a webpage or an email message or a file) on the Internet broken down into before it is sent over the net

it is broken down into packets or datagrams

Are the following IP Addresses valid?


1.


1.1.1.1

Valid

Are the following IP Addresses valid?


2.


126.265.12.10

2. Invalid

Are the following IP Addresses valid?


3.


129.129.129

3. Invalid

Design Strategies

1. KISS Principle (keep it simple and stupid)


2. Consistency


3. Colour


4. Balance


5. Easy to Navigate

Web Page

HTML: Hyper Text Markup Language


computer instructions used to create web pages

Web Site

collection of web pages created and maintained by an organization/individual

Web Server

a computer that stores web pages, and makes them available for people to see on the internet

Web Browser

program that allows you to view the Internet


Ie. (PC) Internet Explorer, Mozilla Firefox, Netscape, Chrome (Mac) Safari, Camino

First Page on a Website must be called...

index.html

Paragraph Break

leaves a blank line between lines (HTML tag)


Press


Line Break

no space between lines (HTML tag)


Press

Lower Download Times

use smaller sized graphics


resize a larger image in graphics pkg rather Dreamweaver


Any resizing you do within Dreamweaver will not affect the download speed


Optimize: colour resolution, compression, will affect quality and size

Name the 5 types of links

1. Internal link


2. external website


3. email


4. image link


5. anchors/bookmarks


6. hotspots

How many MAX clicks should it take a user to get to any page from the home page?

Three clicks

What is the maximum time a webpage with graphics should take to download for a user with a 56k modem?

30-35 seconds

Which of the following is a tag


a)


b) (title)


c) [title]

the answer is a)

What 4 pieces of info do you need from a web host when publishing your website

host name, username, password, URL or Webpage address

What two types of basic searches can you perform on the WWW?

Directory (galaxy, qango) or Search Engine (google, yahoo)

Title-Tag (Property Title)

the most important text by all search engines, is what is shown as the link for all returned results, is what is shown when people bookmark your site

Popularity

link popularity


- quantity: getting many links to your site


- quality: popular websites that link yo you

Hits for a Website

90,000 hits a month?


- a hit is not a visitor to the site it is the number of graphics on a page + the page itself


- if a webpage has 89 small graphics every visitor to the site registers as 90 hits (89 graphics + 1 html file)

1990 the first tool for searching the internet was called...

"Archie" short for archives

1991 (blank) is a distributed document (shared by computers) search and retrieval network protocol designed for the Internet

Gopher

What is the PageRank algorithm?

googles algorithm to decide what order to present the page

What is the name of the most popular search directory web site?

Yahoo

Name the most popular search engine website

Google - 77%

What are the 3 components you must address to get your page a higher ranking?

Text, Links, Popularity

Who started Yahoo

David Filo and Jerry Yang

Who started Google

Larry Page Sergey Brin

Name one search tool that predates Google and Yahoo

Archie (1990) or Gopher (1991)


Which will rank you higher with Page Rank, having 1 link to your site from wikipedia, or having 3 links to your site from UWO

Wikipedia

if you want a table in your webpage to automatically resize as the user resizes the window, then you should define it in terms of pixels not percentages


true/false

False, you should you percentages

Types of Video

Analog: smooth electronic ex. conventional tv


Digital: each frame is a bitmapped graphic, stored as 0s and 1s

For the video model what colour system is used?

YUV (YIQ) or YCbCr (model = colour space)


Y = luminance


UV or (CbCr) = chrominance (color/hue)

Firewire is a high speed data transfer technology...

transmitted originally at 400Mbps


initiated at Apple


peer to peer technology

USB 2.0

backward compatible, transmitted at 480Mbps


Firewire 400 and does video


Master/slave technology

Interlacing effect (old tvs)

line 1,3,5,7, etc


line 2,4,6,8, etc

Progressive Effect (flat screens)

line 1,2,3,4,5,6,7, etc

The Frame Size of Standard DV Frame

for NTSC - 720 x 480 pixels, 3:2 ratio, pixels are distorted (not square)



for Pal - 720 x 576 pixels, 4:3 ratio, pixels are distorted



High Definition NTSC

1440 x 1080, ratio 4:3, pixels are not square


OR


1280 x 720, ratio is 16:9, pixels are square

Old TVs

480 Scan Lines (interlaced)

New Plasma, Flat Screen

720 or 1080 lines (progressive)

Which is faster: Firewire 400 or USB 2.0 or Thunderbolt

Thunderbolt (10GBS)

Every Apple computer has a firewire port


true or false

False, they do not all have ports

What was the Frame Ratio for NTSC TV's in the 80s

30FPS and 29.97 FPS (color)

What is the Frame Ratio for HD TVs

1440 x 1030 (4:3)


1280 X 720 (16:9)

What does 1080p mean?

High definition, progressive

Which of the following colour samplings methods offers 0% compression


a) 4:4:4


b) 4:2:2


c) 4:2:0


d) 4:1:1

a) 4:4:4

Name two types of data transfer methods you can use to move your video from your camcorder to your computer

USB, Firewire, Thunderbolt

How many scan lines are there on an analog TV from the 1970s?

480 lines (HD is 720 or 1080)

What does 720p mean?

720 lines, progressive (scans 1, 2, 3, 4, 5, etc)

Color Sampling - the first number is...

Brightness: 4


4:4:4 = 0 compression

What is the name of the most common for of compression in the camcorder?

DV25

CODEC

coder/decoder or compress/decompress


is a code or program that compresses video or audio as it is stored (exporting from the editing software - Moviemaker)


when displaying it decompresses the video


Storage - Coded


View - Decoded

Most common Codecs

Sorenson Spark


H. 264


DivX

Spatial Compression (within a frame)

best suited for high action videos (fast movement), compresses each frame individually, uses the same technique as JPG compression

Temporal Compression (between frames)

just saves info on selected frames (keyframes), all other frames just save the differences from the previous keyframe, good when difference between current frame and keyframe is small (i.e. Larry King live)

Container File Format

avi: a file format that stores both the data (frames) and how to play the data (which codec to use)

Common Containers

avi


mov


flv


mkv (newest and open source allows you to store unlimited number of audio and visual tracks)

Why can your computer sometimes play one .avi file but then not another?

because of the codec, depending on what codec was used when the person stored the file

Digital Media Players

software that plays multimedia files


- Quicktime - Apple version of Windows Media Player


- iTunes - Apple software developed for playing audio files


- Flash Player, Real Player, etc


- most media players with play videos produced with a variety of codecs

Streaming

Webcasting

RealServer

serves media clips to clients, allows users to stream, rather than download the media clips

WebServer

delivers pages to Web browsers over the Internet

Ram File (.ram)

launches the RealPlayer and links to the clip (linked to by HTML webpage)

Unicast

each user gets their own stream of video, the server sends out a lot of data if several users are watching at once

Multicast

send the same stream to a bunch of users but then they lose the ability to pause, rewind, etc

YouTube Format

320 x 240 pixels, mono audio

What file format does YouTube use? What newer file format is Flash Player pushing?

.avi


.mov


.mpeg


and .mp4(.flv)

.avi is a container file format


T/F

True, it is a container file format

.avi files will always use the same codec to play them


t/f

False, they will not use the same codec to play

Name 3 ways of reducing the file size of a piece of video before moving it onto your website

lower frame size, change frame rate, choose a codec

Which of these will not affect the size of a video file


a) picture size


b) color resolution


c) type of font used for credits


d) number of frames per second


e) all of the above

c) type of font used for credits

What is a codec?

A piece of software used for compression/decompression of videos and audio

Sound Waves

the higher the wave, the louder the sound


the closer together, the higher the pitch

Quality of Digital Recording is Dependant On:


Sample Rate

number of times/sec that waveform is measured


1000 samples per second = 1000Hz = 1KHz


minimum of 2 or more samples

Quality of Digital Recording is Dependant On:


Sample Size (aka bit depth)

equivalent to what we are doing with images, the higher the sample size the better the quality, each measurement taken is represented by a value

Quality of Digital Recording is Dependant On:


Channels

Mono signal - one channel (stream) of data reproduced equally on both speaker channels



Stereo signal - consists of two channels (streams) of data, double the size of a mono file, but higher quality



*1 Stream vs 2 Streams

Midi (Musical Instrument Digital Interface)

these files do not handle voice well, only sound (remember the Vinesauce video with Joel and the Midi file songs)

Which has more samples per second?


a) CD recording (44HKZ)


b) FM Radio (22HKZ)


c) Both are the same

I'm gonna guess a) CD recording???

In general what is the minimum amount of samples needed for voice only

voice = 8HKZ

Which part of the sound wave reflects volume?

the height of the wave

Animation

Definition: simulation of movement through a series of pictures that have objects in slightly different positions

Frame Rate indicates...

the playback speed of the animation in frames per second, low frame rate will appear choppy

Tweening

short for in-betweening, the process of generating intermediate frames between two images to give the appearance that the 1st image evolves smoothly into the 2nd image

Keyframe Animation

Animating a graphical object by creating smooth transitions between various keyframes, the frames that indicate the beginning and end of an object's motion path

Movies...

24 fps, Tv-30 fps, Computer 12-15 fps

Types of Animation:


2-Dimensional

cell-based vs path-based (motion path is actually drawn in for the object to follow)

Types of Animation:


3-Dimensional

modelling, animating, rendering, what to do to change motion

Onion Skinning

2D computer graphics term for a technique used in creating animated cartoons and editing movies to see several frames at once

Rotoscoping

animation technique in which animators trace over footage frame by frame for use in live action and animated films

Characteristics of an Animated GIF

file size (affected by number of colours & amount of noise in frames), no plug-ins required, no sound

Animation File Types

Animated gifs (universal), Flash (.fla or .swf), Macromedia Director

Sophisticated Animations

Strata 3D, LightWave, 3D Studio Max, Maya, and Houdini, FormZ

Stage

rectangular area where the visible motion will take place

Timeline

Series of frames in a row and stacks or layers. Indicates keyframes, regular frames, and empty frames

Shape

basic shapes drawn with the shape tools, line tool or a single letter

Symbol

stored in a library and can be reused, changes to the library symbol will result in changes in all of the copies of this symbol currently on the stage

Graphic

static graphic, can be used in other symbols

Button

interactive part of animation with user, responds to mouse clicks and rollovers

Movieclip

reusable piece of animation with user, can turn a simple animation into a movieclip symbol and reuse it

Motion Guide

lets you animate an object along a path that you draw yourself, only works with symbols.