Fundamentals of Internet
Fundamentals of Internet
Multimedia
< Internet Fundamentals
Read in another language
Watch this page
Edit
ReadingsEdit
1. Wikipedia: Computer graphics
2. Wikipedia: Raster graphics
3. Wikipedia: Vector graphics
4. Wikipedia: Multimedia
5. Wikipedia: Streaming media
6. Wikipedia: Screencast
MultimediaEdit
1. YouTube: Bitmap and Vector Graphics: What's the
Difference?
2. YouTube: How to Use GIMP (Beginners Guide)
3. YouTube: Inkscape for Beginners: Infinite Loop Icon
4. YouTube: Record Your Computer Screen With VLC
5. YouTube: Make Videos with Your Phone
6. YouTube: HTML5 Video Tag Introduction
7. YouTube: HTML - Audio Player
Student PresentationsEdit
1. YouTube: Graphics
2. YouTube: Adding Multimedia
3. YouTube: Uploading Raster Graphics to Bitbucket using
Insomnia
ActivitiesEdit
1. Create and use raster graphics.
Review Wikipedia: Raster graphics. Use a free, web-
based image editor, such as Picozu: Image
Editor or Pixlr: Editor, to create a new raster image.
Review Wikipedia: GIMP. Download and install GIMP
Lesson SummaryEdit
Computer graphics are pictures and films created using
computers.[6]
Computer graphic development has had a significant
impact on many types of media and has revolutionized
animation, movies, advertising, video games, and graphic
design generally.[7]
Computer animation is the art of creating moving images
via the use of computers.[8]
A raster graphics or bitmap image is a dot matrix data
structure, representing a generally rectangular grid of
pixels, or points of color, viewable via a monitor, paper,
or other display medium.[9]
Raster graphics are resolution dependent, meaning they
cannot scale up to an arbitrary resolution without loss of
apparent quality.[10]
Vector graphics is the use of polygons to represent images
in computer graphics.[11]
Vector art is ideal for printing since the art is made from a
series of mathematical curves, it will print very crisply
even when resized.[12]
Raster-based image editors, such as Painter, Photoshop,
Paint.NET, MS Paint, and GIMP, revolve around editing
pixels.[13]
Vector-based image editors, such as Xfig, CorelDRAW,
Adobe Illustrator, or Inkscape, revolve around editing
lines and shapes (vectors).[14]
The <img> element is used to insert an image into an
HTML page. The src attribute specifies the image URL.
The required altattribute provides alternative text in case
the image cannot be displayed.[15]
A typical img element includes:[16]
<img src="example.jpg" alt="Alternate text that
describes the image.">
navigation system
A live multimedia presentation may allow interactivity
via an interaction with the presenter or performer.
Multimedia finds its application in various areas
including, but not limited to, advertisements, art,
education, entertainment, engineering, medicine,
mathematics, business, scientific research and spatial
temporal applications.[25]
Streaming media is multimedia that is constantly received
by and presented to an end-user while being delivered by
a provider. A client end-user can use their media player to
begin to play the data file (such as a digital file of a movie
or song) before the entire file has been transmitted.[26]
Live streaming refers to Internet content delivered in real-
time, as events happen.[27]
There are challenges with streaming content on the
Internet. If the user does not have enough bandwidth in
their Internet connection, they may experience stops in
the content and some users may not be able to stream
certain content due to not having compatible computer or
software systems.[28]
The <audio> element represents a sound, or an audio
stream.[29]
A typical audio element includes:[30]
<audio controls>
<source src="example.mp4" type='audio/mp4'
/>
<source src="example.oga" type='audio/ogg;
codecs=vorbis' />
<p>Your user agent does not support the
HTML5 Audio element.</p>
</audio>
Key TermsEdit
AIFF (Audio Interchange File Format)
An audio file format standard developed by Apple
and used for storing sound data for personal
computers and other electronic audio devices.[35]
AVI (Audio Video Interleave)
A multimedia container format introduced by
Microsoft as part of its Video for Windows
software.[36]
CGI (computer-generated imagery)
The application of computer graphics to create or
contribute to images in art, printed media, video
games, films, television programs, shorts,
commercials, videos, and simulators.[37]
codec
A device or computer program for encoding or
decoding a digital data stream or signal.[38]
GIF (Graphics Interchange Format)
A raster graphics file format that uses lossless
compression and supports interlacing and
animation.[39]
haptic technology
Creates a sense of touch by applying forces,
vibrations, or motions to the user.[40]
JPEG
A raster graphics file format that uses lossy
compression.[41]
lossless compression
Data encoding methods that allow the original data to
be perfectly reconstructed from the compressed
data.[42]
lossy compression
Data encoding methods that use inexact
approximations and partial data discarding to
represent the content.[43]
MIDI (Musical Instrument Digital Interface)
A technical standard that describes a protocol, digital
interface, and connectors and allows a wide variety of
electronic musical instruments, computers and other
related devices to connect and communicate with one
another.[44]
MOV (Quicktime Movie)
A computer file format used natively by the Apple
QuickTime multimedia framework.[45]
MPEG (Moving Picture Experts Group)
A working group of authorities that was formed by
ISO and IEC to set standards for audio and video
compression and transmission.[46]
MP3 (MPEG-1 Audio Layer3)
An audio coding format for digital audio developed
by the Moving Picture Experts Group that uses a
form of lossy data compression.[47]
MP4 (MPEG-4 Part 14)
A digital multimedia container format most
commonly used to store video and audio, which
allows streaming over the Internet.[48]
OGG
A free, open container format maintained by the
Xiph.Org Foundation that is unrestricted by software
patents and is designed to provide for efficient
streaming and manipulation of high quality digital
multimedia.[49]
pixel (picture element)
A single point in a raster image.[50]
PNG (Portable Network Graphics)
A raster graphics file format that uses lossless data
compression and supports interlacing but not
animation.[51]
podcast
An episodic series of digital audio files which a user
can download and listen to.[52]
screencast
A digital recording of computer screen output, often
containing audio narration.[53]
streaming media
Multimedia that is constantly received by and
presented to an end-user while being delivered by a
provider.[54]
SVG (Scalable Vector Graphics)
A vector graphics file format defined using XML text
files.[55]
TIFF (Tagged Image File Format)
A raster graphics file format that uses lossless
compression but does not support interlacing or
animation.[56]
WAV (Waveform)
An audio file format standard developed by
Microsoft and IBM for storing an audio bitstream on
PCs.[57]
webcast
A media presentation distributed over the Internet
using streaming media technology to distribute a
single content source to many simultaneous
listeners/viewers.[58]
AssessmentsEdit
Flashcards: Quizlet: CIW IBA Lesson 5
Quiz: Quizlet: CIW IBA Lesson 5
See AlsoEdit
W3.org: Audio Element
W3.org: Video Element
Mozilla: Supported media formats
Training.gov.au: ICTWEB303 - Produce digital images
for the web
Training.gov.au: ICTWEB412 - Produce interactive web
animation
ReferencesEdit
1. ↑ Wikipedia: Computer graphics
2. ↑ Wikipedia: Multimedia
3. ↑ CIW: Internet Business Associate Exam Objectives
4. ↑ CIW: Internet Business Associate Course Description
5. ↑ Training.gov.au: ICTWEB303 - Produce digital images for the
web
6. ↑ Wikipedia: Computer graphics
7. ↑ Wikipedia: Computer graphics
8. ↑ Wikipedia: Computer graphics
9. ↑ Wikipedia: Raster graphics
10. ↑ Wikipedia: Raster graphics
11. ↑ Wikipedia: Vector graphics
12. ↑ Wikipedia: Vector graphics
13. ↑ Wikipedia: Raster graphics
14. ↑ Wikipedia: Raster graphics
15. ↑ Wikipedia: HTML
16. ↑ Wikipedia: HTML
17. ↑ Wikipedia: Multimedia
18. ↑ Wikipedia: Multimedia
19. ↑ Wikipedia: Multimedia
20. ↑ Wikipedia: Multimedia
21. ↑ Wikipedia: Multimedia
22. ↑ Wikipedia: Multimedia
23. ↑ Wikipedia: Multimedia
24. ↑ Wikipedia: Multimedia
25. ↑ Wikipedia: Multimedia
26. ↑ Wikipedia: Streaming media
27. ↑ Wikipedia: Streaming media
28. ↑ Wikipedia: Streaming media
29. ↑ Wikipedia: HTML5 Audio
30. ↑ Wikipedia: HTML5 Audio
31. ↑ Wikipedia: HTML5 Audio
32. ↑ Wikipedia: HTML5 video
33. ↑ Wikipedia: HTML5 video
34. ↑ Mozilla: Supported media formats
35. ↑ Wikipedia: Audio Interchange File Format
36. ↑ Wikipedia: Audio Video Interleave
37. ↑ Wikipedia: Computer-generated imagery
38. ↑ Wikipedia: Codec
39. ↑ Wikipedia: GIF
40. ↑ Wikipedia: Haptic technology
41. ↑ Wikipedia: JPEG
42. ↑ Wikipedia: Lossless compression
43. ↑ Wikipedia: Lossy compression
44. ↑ Wikipedia: MIDI
45. ↑ Wikipedia: QuickTime File Format
46. ↑ Wikipedia: Moving Picture Experts Group
47. ↑ Wikipedia: MP3
48. ↑ Wikipedia: MPEG-4 Part 14
49. ↑ Wikipedia: Ogg
50. ↑ Wikipedia: Computer graphics
51. ↑ Wikipedia: Portable Network Graphics
52. ↑ Wikipedia: Podcast
53. ↑ Wikipedia: Screencast
54. ↑ Wikipedia: Streaming media
55. ↑ Wikipedia: Scalable Vector Graphics
56. ↑ Wikipedia: TIFF
57. ↑ Wikipedia: WAV
58. ↑ Wikipedia: Webcast
What is Multimedia?
Multimedia can have a many definitions these include:
Multimedia means that computer information can be represented through audio, video,
and animation in addition to traditional media (i.e., text, graphics drawings, images).
A good general definition is:
Types of Graphic
Design and
Multimedia Degrees
Graphic design and multimedia as a
discipline exists at the crossroads of art
and technology. So, if you want to improve
your skills in this field, you should look for
a graphic design degree program that
includes both basic art education along
with instruction on how to use software.
Photo editing
Corporate design
Digital publishing
Technical writing
Computer applications
Bachelor's Degrees in Graphic Design
and Multimedia
Graphic design and multimedia degree
programs offered at a bachelor's level typically
take four years to complete. Generally
speaking, coursework requires an in-depth
study of humanities with an emphasis in art
and design. In addition to core courses in
English, math and science, students are
expected to study art history and learn from
trained graphic artists and experts who design
websites, video games, and graphics programs.
Coursework often involves extensive time in
the studio or computer lab, executing projects
and learning from feedback and critique given.
Courses you may see during this program can
include:
Publication design
Interactive design
History of graphic design
Multimedia function and theory
Video game design
Multimedia
and graphics
Terms related to multimedia,
including graphics, animation and
video definitions and words and
phrases about images and sound.
2D - DEM
2D - DEM
DES - IMA
IMA - PRE
PRO - TOO
TRA - ZV
Ask Your Peers a Question
Nvidia Optimus
Word of the Day: PCoIP definition
The authors Anderson catch the JavaFX wave
Ask a Question
See all answers
Word of the Day
Hadoop
Hadoop is an open source distributed processing framework that
manages data processing and storage for big data applications
running in clustered systems.
Subscribe to the Word of the Day
Word of the Day Archive
20 Newest and Updated Terms
Hadoop
human resource management (HRM)
RAID (redundant array of independent disks)
Bullwhip Effect
nanocrystal
Governance, Risk and Compliance (GRC)
electrochemical cell
virtual reality sickness (VR motion sickness)
key fob
computer
shift-right testing
Java virtual machine (JVM)
semaphore
syntax
WebGL
rapid application development (RAD)
Web 2.0
vision statement
USA Patriot Act
lift and shift
2D barcode (two-dimensional barcode)
3-D (three dimensions or three-
dimensional)
3-D scanner
3270 (Information Display System)
360-degree photograph
360-degree VR (360-degree virtual
reality)
3D audio (three-dimensional audio)
3D camera
3D gaming
3D mesh
3D model
3D modeling
3D mouse
4K video resolution
720p
A Symphony of Lights
a2b
AC-3 (Dolby Digital)
acceleration hardware
Acrobat
ADAT (Alesis Digital Audio Tape)
AIFF (Audio Interchange File Format)
aliasing
alt text (alternative text)
AMOLED (active matrix OLED)
animated GIF (Graphics Interchange
Format)
anime
anisotropic filtering (AF)
antialiasing
Apple CarPlay
Apple Retina display
Apple TV (Apple TV 4)
ARCore
ARKit
artificial passenger (AP)
aspect ratio
audio introduction
augmented reality (AR)
augmented reality app (AR app)
augmented reality gaming (AR gaming)
autoplay video
AutoRun
AVI file (Audio Video Interleaved file)
backward mapping (inverse mapping or
...
Betamax
betamaxed
bevel
Bezier curve
bi-level image
binaural sound (binaural beats)
bit depth
bit map
black level (brightness)
Blu-ray
Blue Book
body cam (bodycam)
bookmarklet
Braille display
brain hijacking
bump mapping
BURN-Proof (Buffer Under Run Error
Proof)
butt splice
C3D
CAD (computer-aided design)
CAD/CAM (computer-aided design/...
cam
camcorder (camera recorder)
capacitive touch screen
Cartesian coordinates (rectangular ...
CAVE (Cave Automatic Virtual
Environment)
CD burner (CD recorder)
CD-Bridge Disc
CD-i (Compact Disc - interactive)
CD-Magneto Optical (CD-MO)
CD-ROM XA (Compact Disc - ...
CGI (computer-generated imagery)
chorus
Chromecast
cinematography (cinematographer)
clip art
clipboard hijack attack
closed captions
CMOS sensor
CMYK (cyan, magenta, yellow, key)
color thin film transistor (CTFT)
compositing
compression artifact
computational photography
Computed Dental Radiography (CDR)
computer worm
continuous media
counterfeit detector pen
CPI
crossfade
D-VHS (Digital Video Home System)
d3.js (data-driven documents)
data compression
data glove
dead pixel
demo and demoscene