Fundamentals of Multimedia. History of Multimedia 1. Newspaper: perhaps the first mass communication medium, uses text, graphics, and images. 2. Motion.

Slides:



Advertisements
Similar presentations
Introduction to HTML, XHTML, and CSS
Advertisements

 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
Project 1 Introduction to HTML.
Comp311/Comp511 Lecture01 - Introduction. Unit Plan Text Book: Fundamentals of Multimedia by Ze-Nian Li and Mark S. Drew Theme - ”Platform independent.
Fundamentals of Multimedia Week 1 Introduction and Authoring Leila Sharifi UUT Fall 2011.
ECE160 Lecture1 Spring 2009 Multimedia Chapter 1 Introduction 1 ECE160 / CMPS182 Multimedia Spring 2009 Text: Fundamentals of Multimedia Li and Drew, Prentice.
CIS 658 Multimedia Computing. Course Overview Digital Multimedia – Representation – Processing and analysis – Compression Programming – Java JMF + any.
1 The HyperText Transfer Protocol: HTTP Nick Smith Stuart Alley Tara Tjaden.
Fundamentals of Multimedia
WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.
Developing a Basic Web Page with HTML
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
IT 342 : Fundamentals of Multimedia Introduction & Multimedia Authoring.
1st Project Introduction to HTML.
Specialized Application Software Chapter Specialized Applications Graphics Programs Audio and Video Software Multimedia Programs Web Authoring.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
Multimedia Authoring Tools Lecture 13
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. 1.
1 Introduction to Multimedia What is Multimedia. 1
Chapter 1 Introduction to HTML, XHTML, and CSS
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
Chapter 11-Multimedia Authoring Tools. Overview Introduction to multimedia authoring tools. Types of authoring tools. Cross-platform authoring notes.
Creating a Basic Web Page
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
Lesson 2 — The Internet and the World Wide Web
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. Revised 1/12/2015 by William Pegram 1.
First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????
Unit 3: Multimedia The Development Process. What is Multimedia? An interactive piece of software using several types of media: –Text –Graphics (photographs.
Presentation Topics CS 4763 Multimedia Systems. Multimedia When different people mention the term multimedia, they often have quite different, or even.
CIS 465 Multimedia.
The Development Process
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
CIS 1310 – HTML & CSS 1 Introduction to the Internet.
Web Programming : Building Internet Applications Chris Bates CSE :
1 Web Development & Design Foundations with XHTML Chapter 1 Key Concepts.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 1 Key Concepts 1.
by Maria Rita Marruganti DIFFERENT WAYS OF SENDING INFORMATION Passive e.g. newspapers, radio, television. You don’t produce, just receive information.
INTERNET. Objectives Explain the origin of the Internet and describe how the Internet works. Explain the difference between the World Wide Web and the.
Fundamentals of Multimedia, Chapter 1 Multimedia and Web Technology Week- 6 1.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
Web Based Systems for Engineering and Management Professors Iris D. Tommelein and Arpad Horvath Fall 2000.
Meaning of Multimedia. Originally Two or more different media Today Products, processes, applications, and interactivity.
多媒體資訊概論 平台 (WWW) 工具 (Tools) 標準 (Standards) 理論 (Theory)
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
SWE Multimedia System 11 SWE 423 – Multimedia System.
Introduction to the World Wide Web & Internet CIS 101.
Part A Multimedia Production
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Web Development & Design Foundations with XHTML Chapter 1 Key Concepts 1.
Fundamentals of Multimedia, Chapter 1 Multimedia Multi means many; much; multiple Medium means: a substance regarded as the means of transmission of a.
Project 1 Introduction to HTML.
Chapter 1 Introduction to Multimedia
Lecture 1: Introduction and Multimedia Data Representations
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
1 Introduction to the Internet.
Fundamentals of Multimedia
Introduction to World Wide Web
Fundamentals of Multimedia
Multimedia Systems نظم الوسائط المتعددة Dr.Karim Q Hussein
Web Programming : Building Internet Applications Chris Bates CSE :
Presentation transcript:

Fundamentals of Multimedia

History of Multimedia 1. Newspaper: perhaps the first mass communication medium, uses text, graphics, and images. 2. Motion pictures: conceived of in 1830's in order to observe motion too rapid for perception by the human eye. 3. Wireless radio transmission: Guglielmo Marconi, at Pon-tecchio, Italy, in Television: the new medium for the 20th century, established video as a commonly available medium and has since changed the world of mass communications. 5. The connection between computers and ideas about multimedia covers what is actually only a short period.

Hypermedia A hypertext system: meant to be read nonlinearly, by following links that point to other parts of the document, or to other documents (Fig. 1.1) HyperMedia: not constrained to be text-based, can include other media, e.g., graphics, images, and especially the continuous media - sound and video. -The World Wide Web (WWW) - the best example of a hypermedia application.

Categories of Multimedia Interactive multimedia applications fall into two categories: 1) Linear media. users start at the beginning and progress through a set of sequences of events until they reach the end. E.g.: Most slide shows and plays are examples of linear media.

2) Non-linear media: they leave the order of events to the discretion of the user. There is no predefined order, users can enter or exit at any point and at any time. E.g.:- An interactive CD-ROM encyclopedia would be an example of non-linear multi-media.

World Wide Web The W3C has listed the following goals for the WWW: 1. Universal access of web resources (by everyone every- where). 2. Effectiveness of navigating available information. 3. Responsible use of posted material.

History of the WWW 1960s- The Generalized Markup Language (GML) for IBM was developed The ISO released a final version of the Standard Generalized Markup Language (SGML) The HyperText Markup Language (HTML) invented, and the HyperText Transfer Protocol (HTTP).

NCSA released an alpha version of Mosaic based on the version by Marc Andreessen for X-Windows -the first popular browser formed the Netscape Communications Corporation The W3C accepted XML version 1.0 specifications as a Recommendation - the main focus of the W3C and supersedes HTML.

HTTP (HyperText Transfer Protocol) HTTP: a protocol that was originally designed for transmitting hypermedia, but can also support the transmission of any file type. HTTP is a stateless request/response protocol: no information carried over for the next request. The URI (Uniform Resource Identifier): an Identifier for the resource accessed, e.g. the host name, always preceded by the token

Two popular methods: GET and POST. Two commonly seen status codes: OK - the request was processed successfully Not Found - the URI does not exist.

HTML (HyperText Markup Language) HTML: a language for publishing Hypermedia on the World Wide Web - defined using SGML: 1. HTML uses ASCII, it is portable to all different (possibly binary incompatible) computer hardware. 2. The next generation of HTML is XHTML - a reformulation of HTML using XML. HTML uses tags to describe document elements: - - defining a starting point, - - the ending point of the element. - Some elements have no ending tags.

A very simple HTML page is as follows: A sample web page. We can put any text we like here, since this is a paragraph element. Naturally, HTML has more complex structures and can be mixed in with other standards.

XML (Extensible Markup Language) XML: a markup language for the WWW in which there is modularity of data, structure and view so that user or application can be able to define the tags (structure). Example of using XML to retrieve stock information from a database according to a user query: 1. First use a global Document Type Definition (DTD) that is already defined. 2. The server side script will abide by the DTD rules to generate an XML document according to the query using data from your database. 3. Finally send user the XML Style Sheet (XSL) depending on the type of device used to display the information.

The current XML version is XML 2.0, approved by the W3C in XML syntax looks like HTML syntax, although it is much more strict: - All tags are in lower case, and a tag that has only inline data has to terminate itself, i.e.,. - DTDs can be imported from URIs as well.

SMIL (Synchronized Multimedia Integration Language) Purpose of SMIL: it is also desirable to be able to publish multimedia presentations using a markup language. A multimedia markup language needs to enable scheduling and synchronization of different multimedia elements, and define their interactivity with the user. The W3C established a Working Group in 1997 to come up with specifications for a multimedia synchronization language - SMIL 2.0 was accepted in August SMIL 2.0 is specified in XML using a modularization approach similar to the one used in xhtml:

Overview of Multimedia Software Tools The categories of software tools briefly examined here are: 1. Music Sequencing and Notation 2. Digital Audio 3. Graphics and Image Editing 4. Video Editing 5. Animation 6. Multimedia Authoring

Music Sequencing and Notation Cakewalk: now called Pro Audio. Cubase: another sequencing/editing program. Macromedia Soundedit: mature program for creating audio for multimedia projects and the web that integrates well

Digital Audio Digital Audio tools deal with accessing and editing the actual sampled sounds that make up audio: Cool Edit: Sound Forge: Pro Tools:

Graphics and Image Editing Adobe Illustrator: a powerful publishing tool from Adobe.Uses vector graphics; graphics can be exported to Web. Adobe Photoshop: Macromedia Fireworks: Macromedia Freehand:

Video Editing Adobe Premiere: an intuitive, simple video editing tool for nonlinear editing, i.e., putting video clips into any order: Adobe After Effects: a powerful video editing tool that enables users to add and change existing movies. Final Cut Pro: a video editing tool by Apple; Macintosh only.

Animation Multimedia APIs:  Java3D:  DirectX : OpenGL:

Multimedia Authoring Macromedia Flash: allows users to create interactive movies by using the score metaphor, i.e., a timeline arranged in parallel event sequences. Macromedia Director: uses a movie metaphor to create interactive presentations - very powerful and includes a built in scripting language, Lingo, that allows creation of complex interactive movies.