COS 125 DAY 25. Agenda Assignment 7 is corrected  5 A’s, 2 B’s, 1 C and 1 F Assignment 8 (last one) is posted  Due May 2 Left to do  3 rd and final.

Slides:



Advertisements
Similar presentations
Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
Advertisements

CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
Iframes & Images Using HTML.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
COS 125 DAY 24. Agenda Assignment 7 is due today Assignment 7 Assignment 8 (last one) is posted  Due May 2 Left to do  3 rd and final Capstone progress.
Dreamweaver CS4 Concepts and Techniques Chapter 8 Media Objects.
COS 125 DAY 25. Agenda Assignment #7 Graded  2 A’s, 3 B’s, 2 C’s, 1 D, 2 F’s (late) and 5 non-submit Assignment # 8 Due Today Assignment #9 is posted.
COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.
COS 125 DAY 23. Agenda Assignment 6 Corrected  5 A’s, 1 B, 1 C and 1 D  Problems with using CSS for layouts Assignment 7 is due today Assignment 7 Assignment.
Cos 125 DAY 14. Agenda Assignment #3 Graded 7 A’s, 2 B’s, 1 C Problems are mostly caused by not following the instructions Assignment 4 Posted Due March.
COS 125 DAY 27. Agenda Assignment # 8 Due April 27 Assignment #9 Posted in Webct  Last one!!!!  Due May 4, 8AM Exam #5 is April 30  Castro Chap13,
Different Streaming Technologies. Three major streaming technologies include:
Computers Going Online Internet Browsers Browsers retrieve and view Internet-based information interact with servers download and upload information ©
Cos 125 DAY 15. Agenda Left to do 6 Assignments (9 total) One per week 3 Quizzes Capstone projects First Capstone Progress Report OverDue Feb 24 Next.
COS 125 DAY 26. Agenda Assignment #7 Graded  10 A’s, 4 B’s, and 1 non-submit Assignment # 8 Due April 27 Assignment #9 will be assigned in WebCT by Tuesday.
COS 125 DAY 15. Agenda Assignment 4 Posted –Due March 25 Assignment 5 posted –Due April 1 (no joke!) Left to do –5 Assignments (9 total) One per week.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Cos 125 DAY 14. Agenda Assignment #3 Graded 11 A’s, 5 non-submits Problems include Not uploading assignment sheet in WebCT Not uploading graphics to web.
COS 125 DAY 5. Agenda Questions from last Class?? Assignment #2 posted Due Feb 15 We will discuss in class Capstone proposals due Feb 15 Suggestion is.
COS 125 DAY 16. Agenda Second Capstone Progress Report Due March 23 (next class ) Assignment #4 assigned –Due Tuesday March 23 Exam #3 will March 26 –Castro.
COS 125 DAY 15. Agenda Second Capstone Progress Report Due Mar 24 Assignment #4 assigned –Due Thursday, March 24 Exam #3 will be on March 24 –Castro Chaps.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
XP 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial 8.
COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.
Creating a Web Page HTML, FrontPage, Word, Composer.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.
Uploading movies from the Web and Embedding into Power point and adding Audio Mary Clarke-Miller Integrating technology into lessons using power point.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Flash Michelle Johnston, Firebird Services Ltd. What Is Flash? Flash is a multimedia program created specially for use on the Web You can create animations/movies.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.
1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.
Audio and Video CGS Some Common Audio Formats Format Use Extension MIDI instrumental music.mid MPEG songs.mp3 RealAudio live broadcasts.ra Wave.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
XP Tutorial 8New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
COS 125 DAY 21. Agenda Assignment 8 corrected  4 A’s, 2 B’s, 2 C’s and 1 late Assignment 9 not corrected yet Capstone progress report due There will.
How To Add Flair To Your Site Maureen Enright, Elyse Kuriata, Nathan Boes, Hodge.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
PLUG INS flash, quicktime, java applets, etc. Browser Plug-ins Netscape wanted a method to extend features of the browser became an unofficial standard.
Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.
Multimedia: Audio and Video Kyle Hawver. BGSOUND element Should be placed in the HEAD section of the HTML document Has 4 key properties: – SRC – URL of.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer Science & Mathematics, Universiti Teknologi.
COS 125 DAY 17. Agenda  Assignment 7 not finished grading  Assignment 8 posted Due April 9  Capstone progress reports due  Quiz 2 Corrected 2 A’s,
HTML (Advanced) -forms, iframe, audio, video. Outline – Forms – iFrames – Audio/Video.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
Advanced HTML Tags:.
Using Multimedia on the Web
What is Microsoft Internet Explorer?
Tutorial 7 Working with Multimedia
Integrating Multimedia: Sound, Video and More
Playing Audio (Part 1).
HTML5 Media.
DREAMWEAVER MX 2004 Chapter 9 Adding Media Elements
Working with Multimedia
About Multimedia Files
COS 125 DAY 18.
Presentation transcript:

COS 125 DAY 25

Agenda Assignment 7 is corrected  5 A’s, 2 B’s, 1 C and 1 F Assignment 8 (last one) is posted  Due May 2 Left to do  3 rd and final Capstone progress report OVER due  1 Quiz on May 2 Chaps 7  17, Skip Chap M/C, 4 Short essays  Capstone projects on May 3 PM Lecture/Discuss Multimedia Examples 

Whoops I forgot to add the following to your assignment 8  Create a hidden field called “flag” with a default value of “1”   …..

Multimedia It what makes the web so popular  Graphics  Sound  Animations  Movies Problem areas  File size 10 secs of CD quality sound takes 60 secs to download through a modem Movies are even worse  Different computers  Different browsers  Different formats

Multimedia wars Netscape develops MIME  Associates file type with application that utilizes it  Created embed element that allows multimedia file to be included into Html  Created plug-ins which are helper applications to play the multimedia files Microsoft implements the W3C object element for multimedia  Did not implement as W3C intended and only works for ActiveX controls which only runs on Microsoft O/S Object works in Netscape 6.0 The way to make multimedia work is to use both the embed and object elements

Getting the players Visitors can only view multimedia files if the have the correct players  Often users have to download and install the correct player  May require user to stop and restart Browser Moves them away from your web site Microsoft ActiveX doesn’t require restart You can look at your browser to see what plug-ins you all ready have

Netscape plugins

Getting Multimedia Files Create your own  Lots of free software to create files  Windows Media Player Download from web  Read license agreements carefully  Stick to standard formats Requires user to download new helper applications if file is not common

Linking media Files Upload multimedia file to server Type  A picture 06/we-are-nation.html 06/we-are-nation.html

Embedding A QuickTime Movie Create or Download A Quicktime movie  Requires a Macintosh computer to create  Has.mov extension For IE browsers use activeX control

Embedding QuickTime Movies For Browser other than IE <object type="video/quicktime" data=" e/diables.mov" width="320" height="256"> ia/forstandards.html

Embedding QuickTime Movies For All Broswers <object type="video/quicktime" data=" width="320" height="256">

Hints Width and height set the size of the box the movie is played in and not the size of the movie Classid’s are complicated and hard to remember  Create a template file for each file type and just change the sections  Use Microsoft ActiveX Control Pad

Microsoft ActiveX Control Pad

Scaling a quick time movie Adjust the size of the movie Two parts  The size of the box Height=h, width=w  The size of the movie For object For embed Factor can be  tofit – movie is size of box  aspect – movie is size of box but maintains aspect ratio  N – a multiplier (2 is twice as big)

Looping a QuickTime Movie Make the movie play over and over again  For object  For embed  option can be true - plays forever false – plays once palindrome – plays forward, then backward, then forward…

Pitting QuickTime Sounds QuickTime plays many sound files including MP3  Code is same as for movies except Src should be a sound file Height=16 and width=240 so that the user only see the controller bar

Hiding QuickTime sounds Creates background music  Same as adding just sound except  In object  In embed Load the sound at the end of your xHTML file  Visitors can look at page while waiting for the sound

Embedding Windows Media Player files Almost the same as QuickTime  Different classid  Different parameters

Windows Media for embed <embed type="application/x-mplayer2" pluginspage=" dows/MediaPlayer/" src="madmax.avi" width="240" height="252" autostart="0" showcontrols="1" showstatusbar="1">

Inserting Java Applets Find an applet (something.class) Only has object (no embed) multimedia/javaobject.html

Embedding Other Multimedia Files Go the web site of the company the develops the player for the file you are interested in Look for developer sections  Classid info  Param info

Linking to Multimedia files One way of including Multimedia files is to link them instead of imbedded  file  If the user has the right plugin the file will play in a new window  If the user doesn’t have the plugin, the file will be open in an external player  If the user doesn’t have a plugin or player then they can download the file

Creating a Automatic Slide Show You can create a xHTML page that loads another page after a predetermined time interval  Within the head section N is number of seconds till next page is loaded

Example Page 1 Page 2 Page 3 Page 4 STOP

Creating a Marquee Creates text that scrolls across page Works in IE and newer versions of Netscape  The text  type can be Scroll Slide Alternate  You can also add the following attributes Height, width, hspace, vspace, align, bgcolor multimedia/marquee.html multimedia/marquee.html

Adding a background sound Works in IE only   N can be A number “-1” or “infinite” for continuous looping  Can only sound file of the following types.wav.au.mp3.mid multimedia/bgsound.html multimedia/bgsound.html

Capstone Update Place your capstone project files in the capstone directory on the ftp server Call the start page of your website “main.htm” and place in the capstone directory Place your PowerPoint Presentation in this same directory You will be able get to capstone through the menu

Assignment #8 Create a Guest Book Students Create the input form  Collect the following info Name Age Status Favorite URL Comments Instructor wrote the ASP Scripts that create the guest book The script will give you errors if your form isn’t correct

Assignment #8 If you get this after submitting your form, than your form is either incorrect Or the user did not use the form correctly

Assignment #8 If you get this after submitting your form, than your form is correct

Assignment #8