10.0-CSC441-Multimedia-and-Internet.pdf

MULTIMEDIA AND THE INTERNET Compiled by: Ts. Dr. Rashidah Mokhtar CSC441: Multimedia Technology & Applications TOPIC OUTLINE Multimedia and the Web Developing Multimedia on the Web Audio, Video, Animation, Text and Image for the Web 2 MULTIMEDIA AND THE WEB 3 OVERVIEW Internet (History) Internetworking • The Internet began as a research network funded by the Advanced Research Projects Agency (ARPA) of the U.S. Defense Department in 1969. • In 1989, the National Science Foundation (NSF) took over the management of the ARPANET. • Internet address • TCP/IP INTERNETWORKING • A network is a cluster (group with similar things) of computers. • In a network, the server computer provides network services to the client computers on that network. • Several local area networks (LANs) can be interconnected using gateways and routers to form a wide area network (WAN). • LANs and WANs can be connected to the Internet through a server that provides Internet software and physical data connection. INTERNET ADDRESSES • The Domain Naming System (DNS) assigns names and addresses to computers linked to the Internet. • Top-level domains (TLDs) were established as categories to accommodate Internet users • The two-letter US domain is based on political boundaries. • The IP address or Internet address is made up of four numbers separated by periods. TCP/IP – The Transmission Control Protocol (TCP) and the Internet Protocol (IP) are the protocols for communication on the Internet. – A stream of data that is sent over the Internet is first broken down into packets by the TCP. – Data packets include the receiving computer's address, a sequence number, error correction information, and a small piece of data. – IP is responsible for sending the packet to its destination along a route. CONNECTION TO INTERNET • A telephone dial-up account and modem, a cable modem, or a Digital Subscriber Line (DSL) is required for network connection through an Internet service provider (ISP). • The amount of data expressed in terms of bits per second (bps) is referred to as bandwidth. • The greater the bandwidth, the lesser will be the time taken to upload or download data. • Low-bandwidth modem connections are a bottleneck for sending multimedia across the Internet. BANDWIDTH • Bandwidth bottlenecks can be avoided using the following options: – Compress data before transmitting. – Oblige users to download data only once, and then store that data on the system's hard disk. – Design multimedia elements to be efficiently compact. – Design alternate low-bandwidth and high-bandwidth navigation paths to accommodate all users. – Implement incremental streaming methods. INTERNET SERVICE • Each Internet service is implemented on an Internet server by dedicated software known as a daemon. • Daemons are agent programs that run in the background and wait to act on requests. • The Internet supports services such as the Hypertext Transfer Protocol (HTTP) and the Post Office Protocol (POP). • The other services provided by the Internet include https, ftp, gopher, usenet, telnet, Internet Relay Chat (IRC), the Simple Mail Transport Protocol (SMTP), and mud. • Recognizable documents and formats are required to work with multimedia on the Internet. • The MIME (Multipurpose Internet Mail Extensions) type is a standard list of file name extensions. • It identifies the nature and purpose of the transmitted data. DEVELOPING MULTIMEDIA ON THE WEB 12 MULTIMEDIA ON THE WEB Designing effective multimedia for the Web includes: • Presenting text, images, audio, and animation in a user-friendly interface that balances bandwidth deficits. • Understanding how to deliver multimedia content for HTML browsers and plug-in/player vehicles. THE WORLD WIDE WEB AND HTML • The World Wide Web was designed by Tim Berners-Lee. • It is a protocol for linking multiple documents located on computers anywhere within the Internet. • The Hypertext Transfer Protocol (HTTP) provides rules for a simple transaction between two computers on the Internet. • Hypertext Markup Language (HTML) is a document format for presenting structured text mixed with inline images. DYNAMIC HTML AND XML • Dynamic Web pages can be created using Cold Fusion, PHP, JavaScript, and programs written in Java. • XML (eXtensible Markup Language) is used to format and delivery Web pages using styles. HTML STRUCTURE 1.<HTML> = "open html" 2. <HEAD> = "page heading begins here" 3. <TITLE> = "this is the page title" (Shows up in the browser top border.) 4. </TITLE> = "title is ended" 5. </HEAD> = "the page heading is complete" 6. <BODY> = "the actual display (body) begins here" [ Here you insert all of the tags, words, and graphics that comprise your page. ] 7. </BODY> = "the display is finished (page end)" 8. </HTML> = "html is complete." HTML TAG • Link to file <a href=“http://www.google.com”>Google.com</a> • Link using image <body> <a href="index.htm"><img src="imej.gif" border=0></a> </body> • Header file <h2>Rashidah Mokhtar – interests </h2> • Background colour <body bgcolor="#E4E6CA"> • Font <font face="Verdana" color="#800000">colored text </font> HTML TAG <html>  <head> <title>Page title</title> </head>  <body bgcolor="#E4E6CA"> <h2>Rashidah Mokhtar - interests and ambitions</h2> <a href="schedule.html">schedule</a></td> <br> <p><font face="Verdana, Arial, Helvetica, Sans Serif" color="#800000" size=10>colored text title – no special sizing</font></p> <p>paragraph of information</p> <p>list information</p> <ul> <li>list item </li> <li>list item</li> </ul>  <center> <img src="aisy.jpg" alt="Aisy comel"> </center> <br> <a href="mailto:[email protected]">email me!</a> </body> </html> PLUG-INS AND DELIVERY VEHICLES • Plug-ins add the power of multimedia to web browsers by allowing users to view and interact with new types of documents and images. • Helper applications, or players, also provide multimedia power by displaying or running files downloaded from the Internet by your browser, but helpers are not seamlessly integrated into the operation of the browser itself. TOOLS FOR THE WORLD WIDE WEB – Development of HTML standards is stressed by rapid release of tools and increased demand for features. – Web servers – Web browsers – Search engines – Web page makers and site builders – Plug-ins and delivery vehicles TEXT, IMAGE, AUDIO, VIDEO AND ANIMATION FOR THE WEB 21 MULTIMEDIA APPLICATIONS • an Application which uses a collection of multiple media sources e.g. text, graphics, images, sound/audio, animation and/or video. • Hypermedia can be considered as one of the multimedia applications. 22 SUMMARY • The Internet connects private companies, organizations, universities, and individuals. • The Internet is a cluster of computers. • ISPs provide network connections through a dial-up account, a cable modem, or a Digital Subscriber Line (DSL). • The Domain Name System (DNS) manages the identities of computers connected to the Internet. • HTTP provides rules for contacting, requesting, and sending documents encoded with the Hypertext Markup Language (HTML). • JavaScript, Cold Fusion, and XML can be used to generate dynamic Web pages. • The Multimedia elements including text, images, graphic, audio, video or animation are useful for the comprehensive Web Developmnt THANK YOUR

10.0-CSC441-Multimedia-and-Internet.pdf

Document Details

Tags

Related

Full Transcript

Upgrade to continue