Unit 1-NSD
Unit 1-NSD
Unit 1
What is Multimedia?
The word multi and media are combined to form the word multimedia. The word
“multi” signifies “many.” Multimedia is a type of medium that allows information to be
easily transferred from one location to another. Multimedia is the presentation
of text, pictures, audio, and video with links and tools that allow the user to navigate, engage,
create, and communicate using a computer. Multimedia refers to the computer-assisted
integration of text, drawings, still and moving images(videos) graphics, audio, animation, and
any other media in which any type of information can be expressed, stored, communicated, and
processed digitally.
Definition of Multimedia
By definition Multimedia is a representation of information in an attractive and interactive manner
with the use of a combination of text, audio, video, graphics and animation. In other words, we
can say that Multimedia is a computerized method of presenting information combining textual
data, audio, visuals (video), graphics and animations.
For examples: E-Mail, Yahoo Messenger, Video Conferencing, and Multimedia Message Service
(MMS).
Components of Multimedia
Multimedia uses computers to present and combine text, graphics, audio, and video with
links and tools, allowing the user to navigate, interact, create, and communicate. It has 5
key elements:
Text
Graphics
Audio
Videos
Animation
Bitmap images- Bitmap images are real images that can be captured from devices such as
digital cameras or scanners. Generally, bitmap images are not editable. Bitmap images
require a large amount of memory.
Vector Graphics- Vector graphics are drawn on the computer and only require a small
amount of memory. These graphics are editable.
Audio: The audio component in multimedia involves the integration of sound, music, or
spoken words to complement the visual elements. This auditory layer adds a dynamic
dimension, making the multimedia content more immersive and emotionally resonant.
Background music sets the tone, voiceovers provide context, and sound effects enhance
the experience. The choice of audio formats, such as MP3, WAV, or others, influences the
quality and fidelity of the auditory elements, contributing to the overall effectiveness of the
multimedia presentation.
Video: Video is a powerful multimedia component that combines moving images with
audio to create a compelling narrative. It is widely employed for storytelling,
demonstrations, and presentations. Video formats, including MP4, AVI, and MOV, support
various quality and compression levels. The seamless integration of video into multimedia
content captures the audience’s attention, facilitates information retention, and offers a
dynamic means of conveying complex ideas or narratives.
Animations: Animations introduce a sense of motion to multimedia content, utilizing
moving images or illustrations to enhance engagement. They can explain intricate
concepts, add a playful or dynamic element to presentations, or guide the viewer’s
attention. Animated GIFs, Flash, and HTML5 animations are common formats that bring
interactivity and visual interest to multimedia materials.
Applications of Multimedia
The history of multimedia can be traced back to the 19th century and has evolved through the
industrial, electronic, and information ages:
1884: Paul Nipkow creates the first video disc by combining radio components and a video disc
1960s: Programmed learning is developed and linked to computers, which leads to the
development of Computer-Assisted Instruction (CAI) in the 1970s
1980s: Interactive video discs are developed and the Commodore Amiga 1000 is considered the
first multimedia computer
1991: Apple Multimedia Lab creates the Visual Almanac and Classroom MM Kiosk
1993: The NCSA Mosaic is developed by the U. Illinois National Center for Supercomputing
Applications
Hypertext
Hypertext is a cross referencing tool which connects the links to other text using hyperlinks.
Hypertext is non-linear and multi sequential and it is different from our normal text. By the help
of hypertext one organized way is achieved to present information. This makes the user to move
from one part of the information to another part of the information which is in same page or any
other page. It makes the documentation simple by providing a way of easily accessible to the
end user.
Example of Hypertext is that GeeksForGeeks is a computer science portal, when we read one
article it uses hypertext to link other pages and when we click on that hypertext it takes to us to
that page so that we can gather more information related to the topic.
Hypermedia
Hypermedia is the extension of Hypertext which includes multiple forms of media such as text,
graphics, audio or video etc. rather than only text based like hypertext. It provides a facility to
connect the web pages to create a network with multimedia elements with a simple click for a
better multimedia experience. Hypermedia allows links to be integrate in multimedia elements
like images and videos and when we click on that it takes us to that page.
Example of hypermedia is that when we use e-commerce site say flipkart and when we click on
any product it takes us to the specific product page which belongs to that. So here the link is
embedded to the image.
02. Hypertext involves only text. It involves graphics, image, video, audio etc.
Hypertext is the part of hypermedia Hypermedia is the superior entity which is the
04. means it comes under hypermedia. advanced version of hypertext.
It provides a less user experience to It provides a better user experience to the users
08. the users than the hypermedia. than the hypertext.
WWW stands for World Wide Web and is commonly known as the Web. The WWW was started
by CERN in 1989. WWW is defined as the collection of different websites around the world,
containing different information shared via local servers(or computers).
Web pages are linked together using hyperlinks which are HTML-formatted and, also referred to
as hypertext, these are the fundamental units of the Internet and are accessed through Hypertext
Transfer Protocol(HTTP). Such digital connections, or links, allow users to easily access desired
information by connecting relevant pieces of information. The benefit of hypertext is it allows you
to pick a word or phrase from the text and click on other sites that have more information about it.
Here the browser displays a web page on the client machine when the user clicks on a line of
text that is linked to a page on abd.com, the browser follows the hyperlink by sending a message
to the abd.com server asking for the page.
Working of WWW
A Web browser is used to access web pages. Web browsers can be defined as programs which
display text, data, pictures, animation and video on the Internet. Hyperlinked resources on the
World Wide Web can be accessed using software interfaces provided by Web browsers. Initially,
Web browsers were used only for surfing the Web but now they have become more universal.
The below diagram indicates how the Web operates just like client-server architecture of the
internet. When users request web pages or other information, then the web browser of your
system request to the server for the information and then the web server provide requested
services to web browser back and finally the requested service is utilized by the user who made
the request.
World Wide Web
Web browsers can be used for several tasks including conducting searches, mailing, transferring
files, and much more. Some of the commonly used browsers are Internet Explorer, Opera Mini,
and Google Chrome.
Features of WWW
WWW is open source.
It is a distributed system spread across various websites.
It is a Hypertext Information System.
It is Cross-Platform.
Uses Web Browsers to provide a single interface for many services.
Dynamic, Interactive and Evolving.
HTTP
HTTP stands for HyperText Transfer Protocol. It is the main way web browsers and servers
communicate to share information on the internet. Tim Berner invents it. HyperText is the type
of text that is specially coded with the help of some standard coding language called HyperText
Markup Language (HTML). HTTP/2 is the new version of HTTP. HTTP/3 is the latest
version of HTTP, which is published in 2022.
When you visit a website, HTTP helps your browser request and receive the data needed to
display the web pages you see. It is a fundamental part of how the internet works, making it
possible for us to browse and interact with websites.
HTTP stands for “Hypertext Transfer Protocol.” It is a set of rules for sharing data on the World
Wide Web (WWW). HTTP helps web browsers and servers communicate, allowing people to
access and share information over the internet.
Key Points
Basic Structure: HTTP forms the foundation of the web, enabling data
communication and file sharing.
Web Browsing: Most websites use HTTP, so when you click on a link or download
a file, HTTP is at work.
Client-Server Model: HTTP works on a request-response system. Your browser
(client) asks for information, and the website’s server responds with the data.
Application Layer Protocol: HTTP operates within the Internet Protocol Suite,
managing how data is transmitted and received.
HTTP Response
HTTP Response Headers
HTTP Response headers are simply like an HTTP Request where it has that work to send some
important files and data to the HTTP Response Body.
History of HTTP
Tim Berners Lee and his team at CERN get credit for inventing original HTTP and associated
technologies.
HTTP version 0.9: This was the first version of HTTP which was introduced in
1991.
HTTP version 1.0: In 1996, RFC 1945 (Request For Comments) was introduced in
HTTP version 1.0.
HTTP version 1.1: In January 1997, RFC 2068 was introduced in HTTP version
1.1. Improvements and updates to the HTTP version 1.1 standard were released
under RFC 2616 in June 1999.
HTTP version 2.0: The HTTP version 2.0 specification was published as RFC
7540 on May 14, 2015.
HTTP version 3.0: HTTP version 3.0 is based on the previous RFC draft. It is
renamed as Hyper-Text Transfer Protocol QUIC which is a transport layer network
protocol developed by Google.
Characteristics of HTTP
HTTP is IP based communication protocol that is used to deliver data from server to client or
vice-versa.
The server processes a request, which is raised by the client, and also server and
client know each other only during the current bid and response period.
Any type of content can be exchanged as long as the server and client are
compatible with it.
Once data is exchanged, servers and clients are no longer connected.
It is a request and response protocol based on client and server requirements.
It is a connection-less protocol because after the connection is closed, the server
does not remember anything about the client and the client does not remember
anything about the server.
It is a stateless protocol because both client and server do not expect anything from
each other but they are still able to communicate.
HTML
• Example
• <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
• This is a Heading
• This is a paragraph.
• The <!DOCTYPE html> declaration defines that this document is an HTML5 document
• The <html> element is the root element of an HTML page
• The <head> element contains meta information about the HTML page
• The <title> element specifies a title for the HTML page (which is shown in the browser's
title bar or in the page's tab)
• The <body> element defines the document's body, and is a container for all the visible
contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
• The <h1> element defines a large heading
• The <p> element defines a paragraph
History
Year Version
What is xml
• Example
<note>
<to>Jay</to>
<from>Raju</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
This note is a note to Jay from Rani, stored as XML:
But still, the XML above does not DO anything. XML is just information wrapped in tags.
Someone must write a piece of software to send, receive, store, or display it.
• XML Schema. A more structured and powerful language for defining XML data types (tags).
Unlike a DTD, XML Schema uses XML tags for type definitions.
• XSL. This is basically CSS for XML. On the other hand, XSL is much more complex, having
three parts: XSL Transformations (XSLT), XML Path Language (XPath), and XSL Formatting
Objects.
VRML
VRML (Virtual Reality Modeling Language) is a file format used to create 3D interactive
scenes and objects for the web. It was created in the 1990s as a way to represent virtual reality
environments in a standard format that could be easily shared and viewed over the internet.
VRML files contain information about the geometry, appearance, and behavior of 3D objects
and can include textures, colors, animations, and interactivity. VRML scenes can be viewed
using a VRML browser plug-in or a standalone VRML viewer.
Multimedia in the New Millennium
Some important milestones in the development of multimedia in the new millennium
2000 WWW size was estimated at over one billion pages. Sony unveiled the first Blu-ray Disc
prototypes in October 2000, and the first prototype player was released in April 2003 in Japan.
2001 The first peer-to-peer file sharing (mostly MP3 music) system, Napster, was shut down by
court order, but many new peer-to-peer file sharing systems, e.g., Gnutella, eMule, and BitTorrent,
were launched in the following years. Coolstreaming was the first large-scale peer-to-peer
streaming system that was deployed in the Internet, attracting over one million in 2004. Later years
saw the booming of many commercial peer-to-peer TV systems, e.g., PPLive, PPStream, and
UUSee, particularly in East Asia. NTT DoCoMo in Japan launched the first commercial 3G
wireless network on October 1. 3G then started to be deployed worldwide, promising broadband
wireless mobile data transfer for multimedia data.
2003 Skype was released for free peer-to-peer voice over the Internet.
2004 Web 2.0 was recognized as a new way to utilize software developers and end-users use the
Web (and is not a technical specification for a new Web). The idea is to promote user collaboration
and interaction so as to generate content in a “virtual community,” as opposed to simply passively
viewing content. Examples include social networking, blogs, wikis, etc. Facebook, the most
popular online social network, was founded by Mark Zuckerberg. Flickr, a popular photo hosting
and sharing site, was created by Ludicorp, a Vancouver-based company founded by Stewart
Butterfield and Caterina Fake.
2005 YouTube was created, providing an easy portal for video sharing, which was purchased by
Google in late 2006. Google launched the online map service, with satellite imaging, real-time
traffic, and Streetview being added later.
2006 Twitter was created, and rapidly gained worldwide popularity, with 500 million registered
users in 2012, who posted 340 million tweets per day. In 2012, Twitter offered the Vine mobile
app, which enables its users to create and post short video clips of up to 6 s. Amazon launched its
cloud computing platform, Amazon’s Web Services (AWS). The most central and well-known of
these services are Amazon EC2 and Amazon S3. Nintendo introduced the Wii home video game
console, whose remote controller can detect movement in three dimensions.
2007 Apple launched the first generation of iPhone, running the iOS mobile operating system. Its
touch screen enabled very intuitive operations, and the associated App Store offered numerous
mobile applications. Goolge unveiled Android mobile operating system, along with the founding
of the Open Handset Alliance: a consortium of hardware, software, and telecommunication
companies devoted to advancing open standards for mobile devices. The first Android-powered
phone was sold in October 2008, and Google Play,Android’s primary app store, was soon
launched. In the following years, tablet computers using iOS, Android, and Windows with larger
touch screens joined the eco-system, too.
2009 The first LTE (Long Term Evolution) network was set up in Oslo, Norway, and Stockholm,
Sweden, making an important step toward 4G wireless networking. James Cameron’s film, Avatar,
created a surge on the interest in 3D video.
2010 Netflix, which used to be a DVD rental service provider, migrated its infrastructure to the
Amazon AWS cloud computing platform, and became a major online streaming video provider.
Master copies of digital films from movie studios are stored on Amazon S3, and each film is
encoded into over 50 different versions based on video resolution, audio quality using machines
on the cloud. In total, Netflix has over 1 petabyte of data stored on Amazon’s cloud. Microsoft
introduced Kinect, a horizontal bar with full-body 3D motion capture, facial recognition, and voice
recognition capabilities, for its game console Xbox 360.
2012 HTML5 subsumes the previous version, HTML4, which was standardized in 1997. HTML5
is a W3C “Candidate Recommendation.” It is meant to provide support for the latest multimedia
formats while maintaining consistency for current web browsers and devices, along with the ability
to run on low-powered devices such as smartphones and tablets.
2013 Sony released its PlayStation 4, a video game console that is to be integrated with Gaikai, a
cloud-based gaming service that offers streaming video game content. 4K resolution TV started to
be available in the consumer market.
Digital Audio
Digital Audio tools deal with accessing and editing the actual sampled sounds that make up audio.
1. Adobe Audition
Adobe Audition (formerly Cool Edit) is a powerful, popular digital audio toolkit with capabilities
(for PC users, at least) that emulate a professional audio studio, including multitrack productions
and sound file editing, along with digital signal processing effects.
2. Sound Forge
Like Audition, Sound Forge is a sophisticated PC-based program for editing WAV files. Sound
can be captured through the sound card, and then mixed and edited. It also permits adding complex
special effects.
3. Pro Tools
Pro Tools is a high-end integrated audio production and editing environment that runs on
Macintosh computers as well as Windows. Pro Tools offers easy MIDI creation and manipulation
as well as powerful audio mixing, recording, and editing software. Full effects depend on
purchasing a dongle.
1. Adobe Illustrator
Illustrator is a powerful publishing tool for creating and editing vector graphics, which can easily
be exported to use on the Web.
2. Adobe Photoshop
Photoshop is the standard in a tool for graphics, image processing, and image manipulation. Layers
of images, graphics, and text can be separately manipulated for maximum flexibility, and its set of
filters permits creation of sophisticated lighting effects.
3. Adobe Fireworks
Fireworks is software for making graphics specifically for the Web. It includes a bitmap editor, a
vector graphics editor, and a JavaScript generator for buttons and rollovers.
4. Adobe Freehand
Freehand is a text and web graphics editing tool that supports many bitmap formats, such as GIF,
PNG, and JPEG. These are pixel-based formats, in that each pixel is specified. It also supports
vector-based formats, in which endpoints of lines are specified instead of the pixels themselves,
such as SWF (Adobe Flash). It can also read Photoshop format.
Video Editing
1. Adobe Premiere
Premiere is a simple, intuitive video editing tool for nonlinear editing—putting video clips into
any order. Video and audio are arranged in tracks, like a musical score.It provides a large number
of video and audio tracks, superimpositions, and virtual clips. A large library of built-in transitions,
filters, and motions for clips allows easy creation of effective multimedia productions.
2. CyberLink PowerDirector
PowerDirector produced by CyberLink Corp. is by far the most popular nonlinear video editing
software. It provides a rich selection of audio and video features and special effects and is easy to
use. It supports all modern video formats including AVCHD 2.0, 4K Ultra HD, and 3D video. It
supports 64-bit video processing, graphics card acceleration, and multiple CPUs. Its processing
and preview are much faster than Premiere. However, it is not as “programmable” as Premiere.
Animation
1. Multimedia APIs
Java3D is an API used by Java to construct and render 3D graphics, similar to the way Java Media
Framework handles media files. It provides a basic set of object primitives (cube, splines, etc.)
upon which the developer can build scenes. It is an abstraction layer built on top of OpenGL or
DirectX (the user can select which), so the graphics are accelerated.
DirectX, a Windows API that supports video, images, audio, and 3D animation, is a common API
used to develop multimedia Windows applications such as computer games.
OpenGL was created in 1992 and is still a popular 3D API today. OpenGL is highly portable and
will run on all popular modern operating systems, such as UNIX, Linux, Windows, and Macintosh.
2. Animation Software
Autodesk 3ds Max (formerly 3D Studio Max) includes a number of high-end professional tools
for character animation, game development, and visual effects production. Models produced using
this tool can be seen in several consumer games, such as for the Sony PlayStation.
Autodesk Softimage (previously called Softimage XSI) is a powerful modeling, animation, and
rendering package for animation and special effects in films and games.
Autodesk Maya, a competing product to Softimage, is a complete modeling package. It features
a wide variety of modeling and animation tools, such as to create realistic clothes and fur. Autodesk
Maya runs on Windows, Mac OS, and Linux.
Multimedia Authoring
Tools that provide the capability for creating a complete multimedia presentation, including
interactive user control, are called authoring programs.
1. Adobe Flash
Flash allows users to create interactive movies by using the score metaphor—a timeline arranged
in parallel event sequences, much like a musical score consisting of musical notes. Elements in the
movie are called symbolism Flash. Symbols are added to a central repository, called a library, and
can be added to the movie’s timeline. Once the symbols are present at a specific time, they appear
on the Stage, which represents what the movie looks like at a certain time, and can be manipulated
and moved by the tools built into Flash. Finished Flash movies are commonly used to show movies
or games on the Web.
2. Adobe Director
Director uses a movie metaphor to create interactive presentations. This powerful program
includes a built-in scripting language, Lingo, that allows creation of complex interactive movies.3
The “cast” of characters in Director includes bitmapped sprites, scripts, music, sounds, and
palettes. Director can read many bitmapped file formats. The program itself allows a good deal of
interactivity, and Lingo, with its own debugger, allows more control, including control over
external devices.
3. Dreamweaver
Dreamweaver is a webpage authoring tool that allows users to produce multimedia presentations
without learning any HTML.