Transcript Web - Buffalo State College Faculty and Staff Web Server

Multimedia
on 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
In all cases we need to consider
the connection speed.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Connection Speeds
•
•
•
•
•
© Anthony J. Nowakowski, Ph.D.
POTS
ISDN/DSL/Cell
Satellite
Cable
LAN
EDC 601 Instructional Technologies
Accessing
Downloaded
Media
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
Note 1: as their extension
As
we have
seen,
graphics in
implies,
animated
gifs placing
are
treatedpage
as graphics
files –
Web
is different.
Graphics are
not video files!
a
NOT embedded within the page,
instead they are linked from the Web
page. You can use an HTML editor to
Note 2: unlike
generate the necessary
code,PPT
orwhere
use a
graphics are embedded in a
text editor to write
the code.
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/false
loop=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.
© 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 Media
To the best of my knowledge, a
Shockwave file (.swf) will always
play in a Web page.
IE
Remember, that Camtasia Producer allows us
to save a video file as a .swf file, and it
generates the necessary HTML code to play it.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Video/Animation Media
Sometimes, FrontPage can be used to
create a link to a video/animation file,
so let’s see how.
© 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
Accessing
Streamed
Media
from
the 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 :
text,
an action button,
or a graphic.
© Anthony J. Nowakowski, Ph.D.
CIS 601
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
You can use Office97/98’s
converters to "Save as HTML"
and create Web "documents".
Excel:
xxx.xls
C:\My Documents\MyHTML.htm
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
You can use Office97/98’s
converters to “Export"
and create Web "documents".
Access:
Web page for each
yyy.mdb
table, query, form,
and report selected
© 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.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
You can use Office97/98’s
converters to "Save as HTML"
and create Web "documents".
PowerPoint:
subdirectory: zzz
zzz.ppt
containing:
3x +15 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
You can use Office2000/XP/2003’s
converters to "Save as Web page"
and create Web "documents".
Word: www.doc
www.doc
© Anthony J. Nowakowski, Ph.D.
www.mht
www.htm
+
www_files Folder
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.doc
www.mht
www.htm
+
www_files Folder
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.”
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
© 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".
Excel:
xxx.xls
xxx.xls
© Anthony J. Nowakowski, Ph.D.
xxx.mht
xxx.htm
+
xxx_files Folder
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.xls
xxx.mht
xxx.htm
+
xxx_files Folder
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
You can use Office2000/XP/2003’s
converters to “Export"
and create Web "documents".
Access:
Web page for each
yyy.mdb
table, query, form,
and report selected
The Web pages are
identical to those already
shown for Access 97.
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
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!
Access:
yyy.mdb
The default file type for Office2007 is now
.accdb, but you can still work with .mdb files.
© 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.ppt
© Anthony J. Nowakowski, Ph.D.
zzz.mht
zzz.htm
+
zzz_files Folder
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.
© 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.
PowerPoint:
zzz.ppt
zzz.ppt
zzz.mht
zzz.htm
+
zzz_files Folder
The default file type for Office2007 is now
.pptx, but you can still work with .ppt files.
© 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.
© 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
Form Objects
text box
text window
check box
radio button
action button
menu
others ...
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Frames
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Frames
1. Design frame layout
2. Determine frame attributes
3. Load frame contents
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Where can we go
from 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 601
Survey
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Web Programming
Server-side
vs.
Client-side
© Anthony J. Nowakowski, Ph.D.
EDC 601 Instructional Technologies
Web “Languages”
Markup
HTML
XML
DHTML
CSS
Scripting
JavaScript
VBScript
Programming
Java
perl
Visual Basic
C/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
© Anthony J. Nowakowski, Ph.D.