Multimedia on the Web

© Anthony J. Nowakowski, Ph.D.

Multimediaon the Web


EDC 601 Instructional Technologies

We will look at the Web in three ways:

• Accessing multimedia on the Web

• Accessing the Web from PowerPoint

• Accessing PowerPoint from the Web

We will look at the Web in three ways:

In all cases we need to consider the connection speed.

In all cases we need to consider the connection speed.



Connection Speeds• POTS• ISDN/DSL/Cell• Satellite• Cable• LAN



DownloadedMedia

Accessing

from the Web



Textual Media

As we have already seen, you can use an HTML editor or text editor and just add the text. This is analogous to entering text in a word processor.



Graphical Media

As we have seen, placing graphics in a Web page is different. Graphics are NOT embedded within the page, instead they are linked from the Web page. You can use an HTML editor to generate the necessary code, or use a text editor to write the code.

Note 1: as their extension implies, animated gifs are treated as graphics files – not video files!

Note 1: as their extension implies, animated gifs are treated as graphics files – not video files!

Note 2: unlike PPT where graphics are embedded in a slide, graphics are always linked in a Web page!

Note 2: unlike PPT where graphics are embedded in a slide, graphics are always linked in a Web page!



Audio Media

As with graphics, audio files are linked – not embedded. Generally, it requires a text editor to create the code, and then it may or may not work!



Coding<EMBED SRC=“file_location” options>

where some options are:autostart=true/falseloop=true/false

volume= ??% height= ??

width= ??

Unfortunately, it is not a simple as it appears!!! As we will see, the results depend on both the

browser and the plug-ins/helpers that are installed on the client computers.

Unfortunately, it is not a simple as it appears!!! As we will see, the results depend on both the

browser and the plug-ins/helpers that are installed on the client computers.



<embed SRC="allison.mid" autostart=true loop=true hidden=true>

IE



<embed SRC="allison.mid" autostart=true loop=false height=15

width=100>

IE



<embed SRC="shutdown.wav" autostart=true loop=false hidden=false>

IE



Video/Animation Media

Just as graphics and audio files are linked, so are video/animation files. Generally, a text editor is needed to create the code, and then it may or may not work!



<embed SRC="blowup.avi" autostart=true height=375 width=246 loop=false>

IE



Video/Animation MediaTo the best of my knowledge, a Shockwave file (.swf) will always play in a Web page.

Remember, that Camtasia Producer allows us Remember, that Camtasia Producer allows us to save a video file as a .swf file, and it to save a video file as a .swf file, and it generates the necessary HTML code to play it.generates the necessary HTML code to play it.

Remember, that Camtasia Producer allows us Remember, that Camtasia Producer allows us to save a video file as a .swf file, and it to save a video file as a .swf file, and it generates the necessary HTML code to play it.generates the necessary HTML code to play it.

IEIE



Sometimes, FrontPage can be used to create a link to a video/animation file, so let’s see how.





The Shockwave player is built in to IE 6.0 or the player can be downloaded from Macromedia’s Web site.




Shockwave videos/animations can be interactive. (Remember that was a criterion in one of the multimedia definitions.)



StreamedMedia

Accessing

fromthe Web



We have already discussed

streaming media, so let's look at

examples from the Web...

www.abcnews.go.com

www.pbs.org/newshour/video/index.html





Accessing the Web from

PowerPoint



You can create a hyperlink using :

an action button,

or a graphic.

CIS 601

text,



Accessing PowerPoint

from the Web



Since PowerPoint presentations are files, they are linked from the Web page. You can use an HTML editor to generate the necessary code, or use a text editor to write the code. Once again, we will look at a FrontPage example.

Let’s look at the difference between linking directly to a PPT slide show and using the Save as Web Page options.



Excel:Excel:

xxx.xls C:\My Documents\MyHTML.htm

You can use Office97/98’s converters to "Save as HTML"and create Web "documents".





Access:

yyy.mdbWeb page for each

table, query, form,

and report selected

Web page for each

table, query, form,

and report selected

You can use Office97/98’s converters to “Export"

and create Web "documents".





One Web page for each printed page of the report.

One Web page for each printed page of the report.



PowerPoint:

zzz.pptsubdirectory: zzz

containing:

3x +15 files

subdirectory: zzz

containing:

3x +15 files

You can use Office97/98’s converters to "Save as HTML"and create Web "documents".

There is a seven step wizard to guide you through the process of

customizing and creating these files.

There is a seven step wizard to guide you through the process of

customizing and creating these files.



3 * 49 + 15 = 162



Word: www.doc www.mht

You can use Office2000/XP/2003’s converters to "Save as Web page"


www.doc www.htm + www_files Folder







Using Office2007 to convert to a Web page is slightly different and has three

Save As Web page options.

Word: www.doc www.mht www.doc www.htm + www_files Folder The default file type for Office2007 is now .docx, but you can still work with .doc files.

The default file type for Office2007 is now .docx, but you can still work with .doc files.



According to Microsoft, “This feature is only recommended for experienced Web authors who are concerned about the tags that appear in their HTML files.”

According to Microsoft, “This feature is only recommended for experienced Web authors who are concerned about the tags that appear in their HTML files.”





Excel: xxx.xls xxx.mht



xxx.xls xxx.htm + xxx_files Folder











Using Office2007 to convert to a Web page has the same two Save As

Web page options.

Excel: xxx.xls xxx.htm + xxx_files Folder

xxx.xls xxx.mht

The default file type for Office2007 is now .xlsx, but you can still work with .xls files.The default file type for Office2007 is now .xlsx, but you can still work with .xls files.







Access:

yyy.mdbWeb page for each

table, query, form,

and report selected

Web page for each

table, query, form,

and report selected

You can use Office2000/XP/2003’s converters to “Export"


The Web pages are identical to those already

shown for Access 97.

The Web pages are identical to those already

shown for Access 97.



Access:

Office2007 does NOT allow you to create Web “documents ”. You can

“publish” them to a Microsoft SharePoint Services site, which Buffalo

State does NOT have!

The default file type for Office2007 is now .accdb, but you can still work with .mdb files.

The default file type for Office2007 is now .accdb, but you can still work with .mdb files.

yyy.mdb





PowerPoint:

zzz.ppt zzz.mht zzz.ppt zzz.htm

+ zzz_files Folder



You have several Web publishing options.



TOC

Note: the original file zzz.ppt is 7,016 KB, zzz.mht is a single 12,446 KB file, and zzz.htm

is a small file 3 KB that points to the remaining files in the zzz_files folder, which

has 619 files and is 9,030 KB.

Note: the original file zzz.ppt is 7,016 KB, zzz.mht is a single 12,446 KB file, and zzz.htm

is a small file 3 KB that points to the remaining files in the zzz_files folder, which

has 619 files and is 9,030 KB.



Using Office2007 to convert to a Web page has the same two Save As

Web page options.

The default file type for Office2007 is now .pptx, but you can still work with .ppt files.

The default file type for Office2007 is now .pptx, but you can still work with .ppt files.

PowerPoint:

zzz.ppt zzz.mht zzz.ppt zzz.htm

+ zzz_files Folder



You have several Web publishing options.



TOC

Note: the size of the original .ppt file, .mht file, and .htm file and folder is comparible to

the ones created by Office 2000/XP/2003.

Note: the size of the original .ppt file, .mht file, and .htm file and folder is comparible to

the ones created by Office 2000/XP/2003.



Additional HTML

Features



Forms



text box

text window

check box

radio button

action button

menu

others ...

Form Objects



Frames



1. Design frame layout

2. Determine frame attributes

3. Load frame contents

Frames



Where can we gofrom here?



Programming

for the Web



Why do we need programming for the Web???

EDC 601Survey



Server-side vs.

Client-side

Web Programming



Web “Languages”Markup

HTMLXMLDHTMLCSS

ScriptingJavaScriptVBScript

ProgrammingJavaperlVisual BasicC/C++



























