multimedia on the web
DESCRIPTION
Multimedia on the Web. EDC 601 Instructional Technologies. We will look at the Web in three ways:. We will look at the Web in three ways:. Accessing multimedia on the Web Accessing the Web from PowerPoint Accessing PowerPoint from the Web. - PowerPoint PPT PresentationTRANSCRIPT
© Anthony J. Nowakowski, Ph.D.
Multimediaon the Web
© Anthony J. Nowakowski, Ph.D.
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Connection Speeds• POTS• ISDN/DSL/Cell• Satellite• Cable• LAN
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
DownloadedMedia
Accessing
from the Web
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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!
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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!
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
<embed SRC="allison.mid" autostart=true loop=true hidden=true>
IE
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
<embed SRC="allison.mid" autostart=true loop=false height=15
width=100>
IE
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
<embed SRC="shutdown.wav" autostart=true loop=false hidden=false>
IE
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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!
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
<embed SRC="blowup.avi" autostart=true height=375 width=246 loop=false>
IE
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Sometimes, FrontPage can be used to create a link to a video/animation file, so let’s see how.
Video/Animation Media
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Video/Animation Media
The Shockwave player is built in to IE 6.0 or the player can be downloaded from Macromedia’s Web site.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Video/Animation Media
Shockwave videos/animations can be interactive. (Remember that was a criterion in one of the multimedia definitions.)
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
StreamedMedia
Accessing
fromthe Web
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Accessing the Web from
PowerPoint
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
You can create a hyperlink using :
an action button,
or a graphic.
CIS 601
text,
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Accessing PowerPoint
from the Web
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Excel:Excel:
xxx.xls C:\My Documents\MyHTML.htm
You can use Office97/98’s converters to "Save as HTML"and create Web "documents".
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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".
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
One Web page for each printed page of the report.
One Web page for each printed page of the report.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
3 * 49 + 15 = 162
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Word: www.doc www.mht
You can use Office2000/XP/2003’s converters to "Save as Web page"
and create Web "documents".
www.doc www.htm + www_files Folder
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.”
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Excel: xxx.xls xxx.mht
You can use Office2000/XP/2003’s converters to "Save as Web page"
and create Web "documents".
xxx.xls xxx.htm + xxx_files Folder
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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"
and create Web "documents".
The Web pages are identical to those already
shown for Access 97.
The Web pages are identical to those already
shown for Access 97.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
You can use Office2000/XP/2003’s converters to "Save as Web page"
and create Web "documents".
PowerPoint:
zzz.ppt zzz.mht zzz.ppt zzz.htm
+ zzz_files Folder
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
You have several Web publishing options.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
You have several Web publishing options.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Additional HTML
Features
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Forms
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
text box
text window
check box
radio button
action button
menu
others ...
Form Objects
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Frames
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
1. Design frame layout
2. Determine frame attributes
3. Load frame contents
Frames
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Where can we gofrom here?
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Programming
for the Web
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Why do we need programming for the Web???
EDC 601Survey
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Server-side vs.
Client-side
Web Programming
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Web “Languages”Markup
HTMLXMLDHTMLCSS
ScriptingJavaScriptVBScript
ProgrammingJavaperlVisual BasicC/C++
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies