Click to edit Master text styles
Second level
Third level
Fourth level
Fifth level
‹date/time›
‹footer›
‹#›
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/master03.xml
Content-Transfer-Encoding: quoted-printable
Content-Type: text/xml; charset="utf-8"
‹header›
‹date/time&=
#8250;
‹footer›
‹#›
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/pres.xml
Content-Transfer-Encoding: quoted-printable
Content-Type: text/xml; charset="utf-8"
Interface Design
Session 11
LBSC 790 / INFM 718B
Building the Human-Computer Interfac=
e
![3D"[CLIS](3D"slide0112_image001.gif")
Agenda
&#=
8226;Questions
<=
/div>
&#=
8226;Graphical
interface design
<=
/div>
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0118.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
Image and Sound Retrieval
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0113.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0049.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0087.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0062.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0108.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
&#=
8226;Auditory
interface design
<=
/div>
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0114.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Audio
in Java
<=
/div>
&#=
8226;Project
updates
Layout
&#=
8226;Group
things meaningfully
&=
#8211;Design
in a natural task-oriented flow
&=
#8211;Use
the corners
&#=
8226;Leverage
consistency
&=
#8211;Similar
things should look similar
&=
#8211;Different
things should look different
&#=
8226;Encourage
exploration
&=
#8211;Make
it obvious which way to go
&=
#8211;Avoid
hidden functions
&#=
8226;Strive
for simplicity
&=
#8211;Use
hierarchies judiciously to limit complexity
Color
&#=
8226;Design
for monochrome displays
&=
#8211;Provides
assured access for color blind users
<=
/div>
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0117.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Add
muted colors where they help
&=
#8211;Useful
for rapid recognition of categories
&=
#8211;Limit
to 4 colors per screen (7 per application)
<=
/div>
&#=
8226;Pay
attention to readability
&=
#8211;“Similar”
colors look different on another display
&=
#8211;Different
systems may have different defaults
Size
&#=
8226;Don’t
make icons too small
&=
#8211;Fitts’
Law: Time =3D f(distance, size)
<=
/div>
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0115.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Size
can be used to illustrate quantity
&=
#8211;Scale
size coding by at least 1.5
<=
/div>
&#=
8226;No
more than 4 font sizes
Animation
&#=
8226;Drill
down
&=
#8211;Mouseover
tool tips, menu expansion
&#=
8226;Illustration
&=
#8211;Change
over time, icon behavior (on mouseover)
&#=
8226;Display
space reuse
&=
#8211;Ticker
tape, slide show
&#=
8226;Visible
transitions
&#=
8226;3-D
visualization
&=
#8211;E-archivarius
demo
&#=
8226;Attention
management (once!)
Graphical Design Critique
&#=
8226;Select
any 3 GUI’s you know and can use here
&=
#8211;e.g.,
Windows XP, Google, USMAI catalog
<=
/div>
&#=
8226;Work
in in groups of 3 to critique each
&=
#8211;Using
IBM design guidelines
&=
#8211;What
are the 3 best features of each?
&=
#8211;What
are the 3 principal weaknesses of each?
Aural Perception
&#=
8226;We
respond to sounds without prior focus
&#=
8211;Lack
of focus limits simultaneous stimuli
<=
/div>
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0086.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Absolute
amplitude & pitch hard to interpret
&=
#8211;But
changes stand out clearly
<=
/div>
&#=
8226;Stereo
effect provides a sense of direction
&=
#8211;Relative
amplitude, phase difference
Auditory Display
&#=
8226;Nonspeech
audio output for user interfaces
&#=
8226;Same
objectives as graphical output:
&=
#8211;Alert
the user to exceptional conditions
&=
#8211;Provide
ubiquitous feedback
&=
#8211;Present
information
&#=
8226;But
different characteristics
&=
#8211;Effective
even without focus
&=
#8211;Fairly
low resolution
Auditory Display Design
&#=
8226;Need
a metaphor
&=
#8211;Clock
ticking, alarm bells, keyboard clicks, etc.
&#=
8226;Channel
is easily overloaded
&=
#8211;Focus
helps manage cognative load
&#=
8226;Changes
are more useful than values
&=
#8211;Pitch,
amplitude, position, harmonics, etc.
An Auditory Image Display
&#=
8226;Display
2-D images using only sound
&=
#8211;Sweep
from left to right every second
&=
#8226;Audible
pause and click between sweeps
&=
#8211;Top
pixels are high frequency, bottom are low
=
226;Blind
users can detect objects and motion
&=
#8211;Time
indicates horizontal position
&=
#8211;Pitch
indicates vertical position
&=
#8211;Sweep-to-sweep
differences indicate motion
http:/=
/www.visualprosthesis.com/
Encoding Audio
&#=
8226;Number
of channels
&=
#8211;1
for mono, 2 for stereo [typically interleaved]
<=
/div>
&#=
8226;Samples
per second [per channel]
&=
#8211;44,100
for CD; 8,000 for (wireline) telephones
<=
/div>
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0089.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0090.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0107.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0116.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/master03_stylesheet.css
Content-Transfer-Encoding: base64
Content-Type: text/css
Ym9keQ0KCXt3aWR0aDo1MzRweDsNCgloZWlnaHQ6NDAwcHg7fQ0KLlRCDQoJe21zby1zcGVjaWFs
LWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5UDQoJe3RleHQtYWxpZ246Y2VudGVyOw0KCWZvbnQt
ZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRl
eDozOw0KCWZvbnQtc2l6ZToyMDklO30NCi5CQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0
XDIwMjI7fQ0KLkINCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcg
Um9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTox
NTIlO30NCi5CMUINCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxldFwyMDEzO30NCi5CMQ0KCXt0
ZXh0LWFsaWduOmxlZnQ7DQoJZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJY29sb3I6
YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjEzMyU7fQ0KLkIyQg0KCXtt
c28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMjI7fQ0KLkIyDQoJe3RleHQtYWxpZ246bGVmdDsN
Cglmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgljb2xvcjpibGFjazsNCgltc28tY29s
b3ItaW5kZXg6MTsNCglmb250LXNpemU6MTE0JTt9DQouQjNCDQoJe21zby1zcGVjaWFsLWZvcm1h
dDpidWxsZXRcMjAxMzt9DQouQjMNCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OiJU
aW1lcyBOZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZv
bnQtc2l6ZTo5NSU7fQ0KLkI0Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDAwQkI7fQ0K
LkI0DQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsN
Cgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6OTUlO30NCi5O
Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTg0KCXt0ZXh0LWFsaWdu
OmxlZnQ7DQoJZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJY29sb3I6YmxhY2s7DQoJ
bXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjU3JTt9DQouTjFCDQoJe21zby1zcGVjaWFs
LWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5OMQ0KCXt0ZXh0LWFsaWduOmxlZnQ7DQoJZm9udC1m
YW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4
OjE7DQoJZm9udC1zaXplOjU3JTt9DQouTjJCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxl
dFwyMDIyO30NCi5OMg0KCXt0ZXh0LWFsaWduOmxlZnQ7DQoJZm9udC1mYW1pbHk6IlRpbWVzIE5l
dyBSb21hbiI7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXpl
OjU3JTt9DQouTjNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5OMw0K
CXt0ZXh0LWFsaWduOmxlZnQ7DQoJZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJY29s
b3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjU3JTt9DQouTjRODQoJ
e21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5ONA0KCXt0ZXh0LWFsaWduOmxl
ZnQ7DQoJZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJY29sb3I6YmxhY2s7DQoJbXNv
LWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjU3JTt9DQouT0INCgl7bXNvLXNwZWNpYWwtZm9y
bWF0Om5vYnVsbGV0XDIwMjI7fQ0KLk8NCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5
OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0K
CWZvbnQtc2l6ZToxMTQlO30NCi5PMUINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIw
MjI7fQ0KLk8xDQoJe2ZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWZvbnQtc2l6ZTox
MTQlO30NCi5PMkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLk8yDQoJ
e2ZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWZvbnQtc2l6ZToxMTQlO30NCi5PM0IN
Cgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLk8zDQoJe2ZvbnQtZmFtaWx5
OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWZvbnQtc2l6ZToxMTQlO30NCi5PNEINCgl7bXNvLXNwZWNp
YWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLk80DQoJe2ZvbnQtZmFtaWx5OiJUaW1lcyBOZXcg
Um9tYW4iOw0KCWZvbnQtc2l6ZToxMTQlO30NCi5DQkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5v
YnVsbGV0XDIwMjI7fQ0KLkNCDQoJe3RleHQtYWxpZ246Y2VudGVyOw0KCWZvbnQtZmFtaWx5OiJU
aW1lcyBOZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZv
bnQtc2l6ZToxNTIlO30NCi5DQjFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDEz
O30NCi5DQjENCgl7Zm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7fQ0KLkNCMkINCgl7bXNv
LXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLkNCMg0KCXtmb250LWZhbWlseToiVGlt
ZXMgTmV3IFJvbWFuIjt9DQouQ0IzQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAx
Mzt9DQouQ0IzDQoJe2ZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iO30NCi5DQjRCDQoJe21z
by1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwwMEJCO30NCi5DQjQNCgl7Zm9udC1mYW1pbHk6IlRp
bWVzIE5ldyBSb21hbiI7fQ0KLkNUQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAy
Mjt9DQouQ1QNCgl7dGV4dC1hbGlnbjpjZW50ZXI7DQoJZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBS
b21hbiI7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjM7DQoJZm9udC1zaXplOjIw
OSU7fQ0KLkhCQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMjI7fQ0KLkhCDQoJe2Zv
bnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iO30NCi5IQjFCDQoJe21zby1zcGVjaWFsLWZvcm1h
dDpidWxsZXRcMjAxMzt9DQouSEIxDQoJe2ZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iO30N
Ci5IQjJCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjt9DQouSEIyDQoJe2ZvbnQt
ZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iO30NCi5IQjNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpi
dWxsZXRcMjAxMzt9DQouSEIzDQoJe2ZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iO30NCi5I
QjRCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMDBCQjt9DQouSEI0DQoJe2ZvbnQtZmFt
aWx5OiJUaW1lcyBOZXcgUm9tYW4iO30NCi5RQkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxl
dFwyMDIyO30NCi5RQg0KCXtmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjt9DQouUUIxQg0K
CXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMTM7fQ0KLlFCMQ0KCXtmb250LWZhbWlseToi
VGltZXMgTmV3IFJvbWFuIjt9DQouUUIyQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIw
MjI7fQ0KLlFCMg0KCXtmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjt9DQouUUIzQg0KCXtt
c28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMTM7fQ0KLlFCMw0KCXtmb250LWZhbWlseToiVGlt
ZXMgTmV3IFJvbWFuIjt9DQouUUI0Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDAwQkI7
fQ0KLlFCNA0KCXtmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjt9DQouVGJsQg0KCXttc28t
c3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouVGJsDQoJe2ZvbnQtZmFtaWx5OiJUaW1l
cyBOZXcgUm9tYW4iO30NCi5UYmwxQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAx
Mzt9DQouVGJsMQ0KCXtmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjt9DQouVGJsMkINCgl7
bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLlRibDINCgl7Zm9udC1mYW1pbHk6
IlRpbWVzIE5ldyBSb21hbiI7fQ0KLlRibDNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxl
dFwyMDEzO30NCi5UYmwzDQoJe2ZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iO30NCi5UYmw0
Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMDBCQjt9DQouVGJsNA0KCXtmb250LWZh
bWlseToiVGltZXMgTmV3IFJvbWFuIjt9DQouZGVmYXVsdEINCgl7bXNvLXNwZWNpYWwtZm9ybWF0
Om5vYnVsbGV0XDIwMjI7fQ0KLmRlZmF1bHQNCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFt
aWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWZvbnQtd2VpZ2h0Om5vcm1hbDsNCglmb250LXN0eWxl
Om5vcm1hbDsNCgl0ZXh0LWRlY29yYXRpb246bm9uZTsNCgl0ZXh0LXNoYWRvdzpub25lOw0KCXRl
eHQtZWZmZWN0Om5vbmU7DQoJbXNvLWZhcmVhc3QtaGludDpubzsNCglsYXlvdXQtZmxvdzpob3Jp
em9udGFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo4
NSU7DQoJbXNvLXRleHQtcmFpc2U6MCU7DQoJbXNvLWxpbmUtc3BhY2luZzoiMTAwIDAgMCI7DQoJ
bXNvLW1hcmdpbi1sZWZ0LWFsdDowOw0KCW1zby10ZXh0LWluZGVudC1hbHQ6MDsNCgltc28tY2hh
ci13cmFwOjA7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MDsNCglkaXJlY3Rpb246bHRyOw0KCW1z
by13b3JkLXdyYXA6MTsNCgltc28tdmVydGljYWwtYWxpZ24tc3BlY2lhbDpiYXNlbGluZTsNCglt
c28tYW5zaS1sYW5ndWFnZTpFTi1VUzt9DQphOmxpbmsNCgl7Y29sb3I6IzAwMzNDQyAhaW1wb3J0
YW50O30NCmE6YWN0aXZlDQoJe2NvbG9yOiMzMzMzQ0MgIWltcG9ydGFudDt9DQphOnZpc2l0ZWQN
Cgl7Y29sb3I6I0IyQjJCMiAhaW1wb3J0YW50O30NCn==
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/script.js
Content-Transfer-Encoding: quoted-printable
Content-Type: application/javascript; charset="us-ascii"
function LoadSld()
{
var sld=3DGetObj("SlideObj")
if( !g_supportsPPTHTML ) { =09
sld.style.visibility=3D"visible"
return
}
if( MakeNotesVis() ) return
runAnimations =3D _InitAnimations();
=09
if( IsWin("PPTSld") )
parent.SldUpdated(GetSldId())
g_origSz=3DparseInt(SlideObj.style.fontSize)
g_origH=3Dsld.style.posHeight
g_origW=3Dsld.style.posWidth
g_scaleHyperlinks=3D(document.all.tags("AREA").length>0)
if( g_scaleHyperlinks )
InitHLinkArray()
if( g_scaleInFrame||(IsWin("PPTSld") && parent.IsFullScrMode() ) )
document.body.scroll=3D"no"
_RSW()
if( IsWin("PPTSld") && parent.IsFullScrMode() )
FullScrInit();
=09
MakeSldVis();
ChkAutoAdv()
if( runAnimations )
{
if( document.all("NSPlay") )
document.all("NSPlay").autoStart =3D false;
if( sld.filters && sld.filters.revealtrans )
setTimeout( "document.body.start()", sld.filters.revealtrans.duration * =
1000 );
else
document.body.start();
}
}
function MakeSldVis()=20
{
var fTrans=3Dg_showAnimation && SldHasTrans()
if( fTrans )=09
{
if( g_bgSound ) {
idx=3Dg_bgSound.indexOf(",");
pptSound.src=3Dg_bgSound.substr( 0, idx );
pptSound.loop=3D -(parseInt(g_bgSound.substr(idx+1)));
}
SlideObj.filters.revealtrans.Apply()=09
}
SlideObj.style.visibility=3D"visible"
if( fTrans )
SlideObj.filters.revealtrans.Play()
}
function MakeNotesVis()=20
{
if( !IsNts() ) return false=20
SlideObj.style.display=3D"none"
nObj =3D document.all.item("NotesObj")
parent.SetHasNts(0)
if( nObj ) {=20
nObj.style.display=3D""
parent.SetHasNts(1)
}
return 1
}
function ChkAutoAdv()
{
if(SldHasTrans())
SlideObj.onfilterchange=3DAutoAdv
else
AutoAdv()
}
function AutoAdv()
{
if(!IsWin("PPTSld") || !gUseSldTimings )return
var sld=3DGetCurSld()
if( (sld.mAdvDelay>0) && !parent.IsFramesMode() )
setTimeout("parent.GoToNextSld()",sld.mAdvDelay)
}
function GetObj(id)
{
if(g_supportsPPTHTML) return document.all(id);
else return document.getElementById(id);
}
function SldHasTrans() { return SlideObj.style.filter !=3D ""; }
function GetSldId() { return sId=3Dlocation.href.substring(location.href.la=
stIndexOf('/')+1) }
function HideMenu() { if( frames["PPTSld"] && PPTSld.document.all.item("ctx=
tmenu") && PPTSld.ctxtmenu.style.display!=3D"none" ) { PPTSld.ctxtmenu.styl=
e.display=3D'none'; return true } return false }
function IsWin( name ) { return window.name =3D=3D name }
function IsNts() { return IsWin("PPTNts") }
function IsSldOrNts() { return( IsWin("PPTSld")||IsWin("PPTNts") ) }
function SupportsPPTAnimation() { return( navigator.platform =3D=3D "Win32"=
&& navigator.appVersion.indexOf("Windows")>0 ) }
function SupportsPPTHTML()
{
var appVer=3Dnavigator.appVersion, msie=3DappVer.indexOf("MSIE "), ver=3D0
if( msie >=3D 0 )
ver=3DparseFloat( appVer.substring( msie+5, appVer.indexOf(";",msie) ) )
else
ver=3DparseInt(appVer)
return( ver >=3D 4 && msie >=3D 0 )
}
function _RSW()
{
if( !g_supportsPPTHTML || IsNts() ||
( !g_scaleInFrame && (!IsWin("PPTSld") || !parent.IsFullScrMode()) ) )
return
var padding=3D0;
if( IsWin("PPTSld") && parent.IsFramesMode() ) padding=3D6
cltWidth=3Ddocument.body.clientWidth-padding
cltHeight=3Ddocument.body.clientHeight-padding
factor=3D(1.0*cltWidth)/g_origW
if( cltHeight < g_origH*factor )
factor=3D(1.0*cltHeight)/g_origH
newSize =3D g_origSz * factor
if( newSize < 1 ) newSize=3D1
s=3DSlideObj.style
s.fontSize=3DnewSize+"px"
s.posWidth=3Dg_origW*factor
s.posHeight=3Dg_origH*factor
s.posLeft=3D(cltWidth-s.posWidth+padding)/2
s.posTop=3D(cltHeight-s.posHeight+padding)/2
if( g_scaleHyperlinks )
ScaleHyperlinks( factor )
}
function _InitAnimations()
{
animRuntimeInstalled =3D ''+document.body.localTime !=3D 'undefined';
isFullScreen =3D (window.name =3D=3D "PPTSld") && !parent.IsFramesMode();
g_animUseRuntime =3D g_showAnimation && animRuntimeInstalled && !(isFullSc=
reen && parent.IsSldVisited());
if( g_animUseRuntime ) {
collSeq =3D document.all.tags("seq");
if( collSeq !=3D null ) {
for(ii=3D0;ii numSlds )
gSldJumpIdx =3D numSlds;
if ( gSldJumpIdx >=3D 0 ) {
if ( gSldJumpIdx =3D=3D 0 )
gSldJumpIdx =3D 1;
var jumpTo =3D parseInt(gSldJumpIdx);
gSldJump =3D 0; gSldJumpIdx =3D "";
win.GoToSld( parent.GetSldList().mList[jumpTo-1].mSldHref )
}
}
}
function _KDH()
{
if( event.keyCode =3D=3D 8 ) {
event.returnValue =3D 0;
parent.GoToPrevSld();
}
}
function DocumentOnClick()
{
if( IsNts() || parent.HideMenu() ) return;
if( ( g_allowAdvOnClick && !parent.IsFramesMode() ) ||
(event && (event.keyCode=3D=3D32) ) )
parent.GoToNextSld();
}
var g_supportsPPTHTML =3D SupportsPPTHTML(), g_scaleInFrame =3D 1, gId=3D""=
, g_bgSound=3D"",
g_scaleHyperlinks =3D false, g_allowAdvOnClick =3D 1, g_showInBrowser =
=3D 0, gLoopCont =3D 0, gUseSldTimings =3D 1;
var g_showAnimation =3D g_supportsPPTHTML && SupportsPPTAnimation() && ( (w=
indow.name=3D=3D"PPTSld" && !parent.IsFramesMode()) || g_showInBrowser );va=
r g_animManager =3D null;
var g_animUseRuntime =3D false;
var g_animItemsToHide, g_animInteractiveItems, g_animSlideTime;
var g_animMainSequence =3D null;
var ENDSHOW_MESG=3D"End of slide show, click to exit.", SCREEN_MODE=3D"Fram=
es", gIsEndShow=3D0, NUM_VIS_SLDS=3D18, SCRIPT_HREF=3D"script.js", FULLSCR_=
HREF=3D"fullscreen.htm";
var gCurSld =3D gPrevSld =3D 1, g_offset =3D 0, gNtsOpen =3D gHasNts =3D gO=
tlTxtExp =3D 0, gHasNarration =3D 0, gOtlOpen =3D true
window.gPPTHTML=3DSupportsPPTHTML()
var gMainDoc=3Dnew Array(new hrefList("slide0112.htm",1,-1,1),new hrefList(=
"slide0002.htm",1,-1,1),new hrefList("slide0114.htm",1,-1,1),new hrefList("=
slide0118.htm",1,-1,1),new hrefList("slide0117.htm",1,-1,1),new hrefList("s=
lide0115.htm",1,-1,1),new hrefList("slide0113.htm",1,-1,1),new hrefList("sl=
ide0049.htm",1,-1,1),new hrefList("slide0086.htm",1,-1,1),new hrefList("sli=
de0087.htm",1,-1,1),new hrefList("slide0062.htm",1,-1,1),new hrefList("slid=
e0108.htm",1,-1,1),new hrefList("slide0109.htm",1,-1,1),new hrefList("slide=
0089.htm",1,-1,1),new hrefList("slide0090.htm",1,-1,1),new hrefList("slide0=
107.htm",1,-1,1),new hrefList("slide0111.htm",1,-1,1),new hrefList("slide01=
16.htm",1,-1,1));
/*********************************************
Frameset functions
These functions control slide navigation
and state of the frameset.
**********************************************/
function FullScrInit()
{
g_allowAdvOnClick =3D GetCurSld().mAdvOnClk
document.body.style.backgroundColor=3D"black"
document.oncontextmenu=3Dparent._CM;
document.onkeydown =3D _KDH;
document.ondragstart=3DCancel
document.onselectstart=3DCancel
self.focus()
}
function Redirect( frmId )
{=09
var str=3Ddocument.location.hash,idx=3Dstr.indexOf('#'), sId=3DGetSldId()
if(idx>=3D0) str=3Dstr.substr(1);
if( window.name !=3D frmId && ( sId !=3D str) ) {
obj =3D GetObj("Main-File")
window.location.href=3Dobj.href+"#"+sId
return 1
}
return 0
}
var MHTMLPrefix =3D CalculateMHTMLPrefix();=20
function CalculateMHTMLPrefix()
{
if ( document.location.protocol =3D=3D 'mhtml:') {=20
href=3Dnew String(document.location.href)=20
Start=3Dhref.indexOf('!')+1=20
End=3Dhref.lastIndexOf('/')+1=20
if (End < Start)=20
return href.substring(0, Start)=20
else=20
return href.substring(0, End)=20
}
return '';
}
function GetTags(base,tag)
{
if(g_supportsPPTHTML) return base.all.tags(tag);
else return base.getElementsByTagName(tag);
}
function UpdNtsPane(){ if(frames["PPTNts"]) PPTNts.location.replace( MHTMLP=
refix+GetHrefObj( gCurSld ).mNtsHref ) }
function UpdNavPane( sldIndex ){ if(gNavLoaded) PPTNav.UpdNav() }
function UpdOtNavPane(){ if(gOtlNavLoaded) PPTOtlNav.UpdOtlNav() }
function UpdOtlPane(){ if(gOtlLoaded) PPTOtl.UpdOtl() }
function SetHasNts( fVal )
{
if( gHasNts !=3D fVal ) {
gHasNts=3DfVal
UpdNavPane()
}
}
function ToggleOtlText()
{
gOtlTxtExp=3D!gOtlTxtExp
UpdOtlPane()
}
function ClearMedia()
{
// Clear any sounds playing before launching another browser window. Other=
wise,
// in fullscreen mode, you'll continue to hear the sound in the frames mod=
e.
if (PPTSld.pptSound) PPTSld.pptSound.loop =3D 0;
}
function FullScreen()
{=20
if ( PPTSld.g_animUseRuntime )
PPTSld.document.body.pause();
ClearMedia();
var href =3D ( document.location.protocol =3D=3D 'mhtml:') ? FULLSCR_HREF =
: FULLSCR_HREF+"#"+GetHrefObj(gCurSld).mSldHref;
if(PPTNav.event.ctrlKey) {
var w =3D (window.screen.availWidth * 1.0) / 2.0
var h =3D w * (PPTSld.g_origH * 1.0) / PPTSld.g_origW
win =3D window.open( MHTMLPrefix+href,null,"toolbar=3D0,resizable=3D1,top=
=3D0,left=3D0," + "width=3D"+ w + ",height=3D" + h );
if( win.document.body && PPTSld.g_animUseRuntime )
win.document.body.PPTSldFrameset=3Dwindow;
}
else
{
win =3D window.open( MHTMLPrefix+href,null,"fullscreen=3Dyes" );
if( win.document.body && PPTSld.g_animUseRuntime )
win.document.body.PPTSldFrameset=3Dwindow;
}
}
function ToggleVNarration()
{
rObj=3DPPTSld.document.all("NSPlay")
if( rObj && !PPTSld.g_animUseRuntime ) {
if( (rObj.playState =3D=3D 1)||(rObj.playState =3D=3D 0) )
rObj.Play()
else if( rObj.playState =3D=3D 2 )
rObj.Pause()
else
return;
}
else if( PPTSld.g_animUseRuntime )
{
narObj =3D PPTSld.document.all("narrationID")
if( narObj )
narObj.togglePause()
}
}
function GetCurSldNum()
{ =20
obj=3DGetHrefObj(gCurSld)
if( obj.mOrigVis =3D=3D 1 )
return obj.mSldIdx
else =20
return gCurSld
}
function GetNumSlds()
{ =20
if( GetHrefObj(gCurSld).mOrigVis =3D=3D 1 )
return GetSldList().mNumVisSlds;
else
return GetSldList().mList.length
}
function GetSldNum( href )
{
for(ii=3D0; ii 1 )
PopSldList();
else if( !IsFramesMode() ) {
if( gLoopCont )
GoToFirst()
else
EndShow()
}
}
function GoToPrevSld()
{
ii=3DgCurSld-1
if( ii > 0 ) {
obj=3DGetHrefObj(ii)
while ( obj && ( obj.mVis =3D=3D 0 ) && ( ii>0 ) )
obj=3DGetHrefObj(--ii)
if( ii =3D=3D 0 ) ii=3D1
GoToSldNum(ii)
}
}
function GoToFirst(){ GoToSld( GetHrefObj(1).mSldHref ) }
function GoToLast()
{
ii=3DGetSldList().mList.length
if( ii !=3D gCurSld )
GoToSld( GetHrefObj(ii).mSldHref )
}
function GoToSldNum( num )
{
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
obj =3D GetHrefObj( num )
obj.mVis=3D1
gPrevSld=3DgCurSld
gCurSld =3D num;
PPTSld.location.replace(MHTMLPrefix+obj.mSldHref)
if( IsFramesMode() ) {
UpdNavPane(); UpdOtlPane(); UpdNtsPane()
}
}
function GoToSld( href )
{
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
GetHrefObj( GetSldNum(href) ).mVis=3D1
PPTSld.location.replace(MHTMLPrefix+href)
}
function SldUpdated( id )
{
if( id =3D=3D GetHrefObj(gCurSld).mSldHref ) return
gPrevSld=3DgCurSld
gCurSld=3DGetSldNum(id)
if( IsFramesMode() ) {
UpdNavPane(); UpdOtlPane(); UpdNtsPane()
}
}
function PrevSldViewed(){ GoToSld( GetHrefObj(gPrevSld).mSldHref ) }
function HasPrevSld() { return ( gIsEndShow || ( gCurSld !=3D 1 && GetHrefO=
bj( gCurSld-1 ).mVis =3D=3D 1 )||( GetCurSldNum() > 1 ) ) }
function HasNextSld() { return (GetCurSldNum() !=3D GetNumSlds()) }
function CloseWindow() {
if( HideMenu() ) return;
=09
var event =3D PPTSld.event;
if( !IsFramesMode() && event && (event.keyCode=3D=3D27 || event.keyCode=3D=
=3D32 || event.type=3D=3D"click" ) )
window.close( self );
CatchNumKeys( self, event );
}
function Unload() { gIsEndShow=3D0; }
function SetupEndShow() {
gIsEndShow=3D1;
PPTSld.document.body.scroll=3D"no";
PPTSld.document.onkeypress=3DCloseWindow;
PPTSld.document.onclick=3DCloseWindow;
PPTSld.document.oncontextmenu=3D_CM;
}
function EndShow()
{
if( IsFramesMode() ) return
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
doc=3DPPTSld.document
var dir =3D doc.body.dir
if( dir !=3D "rtl" ) dir =3D "ltr";
doc.open()
doc.writeln(' 0) {
PushSldList(sldList,fEnd);
gCurSld =3D 1;
}
else
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
}
function PushSldList(arr,fEnd) {
var ii =3D gSldStack.length;
gSldStack[ii] =3D new SldList(arr,gCurSld,fEnd);
GoToSld( gSldStack[ii].mList[0].mSldHref );
}
function PopSldList() {
if (gSldStack[gSldStack.length-1].fEndShow)
EndShow()
else {
gCurSld =3D gSldStack[gSldStack.length-1].mCurSld;
gSldStack[gSldStack.length-1] =3D null;
gSldStack.length--;
var sldList =3D gSldStack[gSldStack.length-1];
GoToSld( sldList.mList[gCurSld - 1].mSldHref );
}
}
var custShowList=3Dnew Array();
/*********************************************
Navigation button implementation
There are 2 types of buttons: ImgBtn, TxtBtn
implemented as function objects. They share
a similiar interface so the event handlers
can call SetActive, for example, on a button=20
object without needing to know exactly=20
what type of button it is.
**********************************************/
//----------------------------------
function ImgBtn( oId,bId,w,action )
//----------------------------------
{
var t=3Dthis
t.Perform =3D _IBP
t.SetActive =3D _IBSetA
t.SetInactive=3D _IBSetI
t.SetPressed =3D _IBSetP
t.SetDisabled=3D _IBSetD
t.Enabled =3D _IBSetE
t.ChangeIcon =3D null
t.UserAction =3D action
t.ChgState =3D _IBUI
t.mObjId =3D oId
t.mBorderId=3D bId
t.mWidth =3D w
t.mIsOn =3D t.mCurState =3D 0
}
function _IBSetA()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 )
obj.style.posTop=3D0
}
}
function _IBSetI()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 )
obj.style.posTop=3D0=20
}
}
function _IBSetP()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gShadowClr,gHiliteClr,2 )
obj.style.posLeft+=3D1; obj.style.posTop+=3D1
}
}
function _IBSetD()
{ =20
obj=3Dthis.ChgState( gFaceClr,gFaceClr,0 )
obj.style.posTop=3D0=20
}
function _IBSetE( state )
{
var t=3Dthis
GetObj( t.mBorderId ).style.visibility=3D"visible"
if( state !=3D t.mIsOn ) {
t.mIsOn=3Dstate
if( state )
t.SetInactive()
else
t.SetDisabled()
}
}
function _IBP()
{
var t=3Dthis
if( t.mIsOn ) {
if( t.UserAction !=3D null )
t.UserAction()
if( t.ChangeIcon ) {
obj=3DGetObj(t.mObjId)
if( t.ChangeIcon() )
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-4)*t.mWidth
else
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-0)*t.mWidth
}
t.SetActive()
} =20
}
function _IBUI( clr1,clr2,nextState )
{
var t=3Dthis
SetBorder( GetObj( t.mBorderId ),clr1,clr2 )
obj=3DGetObj( t.mObjId )
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-nextState)*t.mWidth-obj=
.style.posTop
t.mCurState=3DnextState
return obj
}
//-----------------------------------------
function TxtBtn( oId,oeId,action,chkState )
//-----------------------------------------
{
var t=3Dthis
t.Perform =3D _TBP
t.SetActive =3D _TBSetA
t.SetInactive=3D _TBSetI
t.SetPressed =3D _TBSetP
t.SetDisabled=3D _TBSetD
t.SetEnabled =3D _TBSetE
t.GetState =3D chkState
t.UserAction =3D action
t.ChgState =3D _TBUI
t.mObjId =3D oId
t.m_elementsId=3D oeId
t.mIsOn =3D 1
}
function _TBSetA()
{
var t=3Dthis
if( t.mIsOn && !t.GetState() )
t.ChgState( gHiliteClr,gShadowClr,0,0 )
}
function _TBSetI()
{
var t=3Dthis
if( t.mIsOn && !t.GetState() )
t.ChgState( gFaceClr,gFaceClr,0,0 )
}
function _TBSetP()
{
if( this.mIsOn )
this.ChgState( gShadowClr,gHiliteClr,1,1 )
}
function _TBSetD()
{ =20
this.ChgState( gFaceClr,gFaceClr,0,0 )
this.mIsOn =3D 0
}
function _TBSetE()
{
var t=3Dthis
if( !t.GetState() )
t.ChgState( gFaceClr,gFaceClr,0,0 )
else
t.ChgState( gShadowClr,gHiliteClr,1,1 )
t.mIsOn =3D 1
}
function _TBP()
{
var t=3Dthis
if( t.mIsOn ) {=20
if( t.UserAction !=3D null )
t.UserAction()
if( !t.GetState )
return
if( t.GetState() )
t.SetPressed()
else
t.SetActive()
} =20
}
function _TBUI( clr1,clr2,lOffset,tOffset )
{
SetBorder( GetObj( this.mObjId ),clr1,clr2 )
Offset( GetObj( this.m_elementsId ),lOffset,tOffset )
}
function Offset( obj, top, left ){ obj.style.top=3Dtop; obj.style.left=3Dle=
ft }
function SetBorder( obj, upperLeft, lowerRight )
{
s=3Dobj.style;
s.borderStyle =3D "solid"
s.borderWidth =3D 1=20
s.borderLeftColor =3D s.borderTopColor =3D upperLeft
s.borderBottomColor=3D s.borderRightColor =3D lowerRight
}
function GetBtnObj(){ return gBtnArr[window.event.srcElement.id] }
function BtnOnOver(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetActive() }
function BtnOnDown(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetPressed() }
function BtnOnOut(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetInactive() }
function BtnOnUp()
{
b=3DGetBtnObj()
if( b !=3D null )
b.Perform()
else
Upd()
}
function GetNtsState(){ return parent.gNtsOpen }
function GetOtlState(){ return parent.gOtlOpen }
function GetOtlTxtState(){ return parent.gOtlTxtExp }
function NtsBtnSetFlag( fVal )
{
s=3Ddocument.all.item( this.m_flagId ).style
s.display=3D"none"
if( fVal )
s.display=3D""
else
s.display=3D"none"
}
function _BSetA_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etActive() }
function _BSetI_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etInactive() }
function _BSetP_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etPressed() }
function _BSetA_BorderImg()
{=20
b =3D gBtnArr[this.mBorderId]=20
if( b !=3D null && this.mIsOn && !b.GetState() ) {
obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 )
obj.style.posTop=3D0
}
}
function _BSetI_BorderImg()
{=20
b =3D gBtnArr[this.mBorderId]
if( b !=3D null && this.mIsOn && !b.GetState() ) {
obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 )
obj.style.posTop=3D0
}
}
var gHiliteClr=3D"THREEDHIGHLIGHT",gShadowClr=3D"THREEDSHADOW",gFaceClr=3D"=
THREEDFACE"
var gBtnArr =3D new Array()
gBtnArr["nb_otl"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOtlPan=
e,GetOtlState )
gBtnArr["nb_otlElem"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOt=
lPane,GetOtlState )
gBtnArr["nb_nts"] =3D new ImgBtn( "nb_nts","nb_ntsBorder",10,parent.ToggleN=
tsPane )
gBtnArr["nb_nts"].SetActive =3D _BSetA_BorderImg;
gBtnArr["nb_nts"].SetInactive =3D _BSetI_BorderImg;
gBtnArr["nb_ntsBorder"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.=
ToggleNtsPane,GetNtsState )
gBtnArr["nb_ntsElem"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.To=
ggleNtsPane,GetNtsState )
gBtnArr["nb_prevBorder"] =3D gBtnArr["nb_prev"]=3D new ImgBtn( "nb_prev","n=
b_prevBorder",30,parent.GoToPrevSld )
gBtnArr["nb_nextBorder"] =3D gBtnArr["nb_next"]=3D new ImgBtn( "nb_next","n=
b_nextBorder",30,parent.GoToNextSld )
gBtnArr["nb_sldshw"]=3D new ImgBtn( "nb_sldshw","nb_sldshwBorder",18,parent=
.FullScreen )
gBtnArr["nb_sldshwBorder"] =3D new TxtBtn( "nb_sldshw","nb_sldshwBorder",pa=
rent.FullScreen,null )
gBtnArr["nb_sldshwBorder"].SetActive =3D _BSetA_Border;
gBtnArr["nb_sldshwBorder"].SetInactive =3D _BSetI_Border;
gBtnArr["nb_sldshwText"] =3D new TxtBtn( "nb_sldshw","nb_sldshwText",parent=
.FullScreen,null )
gBtnArr["nb_sldshwText"].SetActive =3D _BSetA_Border;
gBtnArr["nb_sldshwText"].SetInactive =3D _BSetI_Border;
gBtnArr["nb_voice"] =3D gBtnArr["nb_voiceBorder"] =3D new ImgBtn( "nb_voice=
","nb_voiceBorder",18,parent.ToggleVNarration )
gBtnArr["nb_otlTxtBorder"] =3D gBtnArr["nb_otlTxt"]=3D new ImgBtn( "nb_otlT=
xt","nb_otlTxtBorder",23,parent.ToggleOtlText )
gBtnArr["nb_ntsBorder"].m_flagId=3D "nb_nts"
gBtnArr["nb_ntsBorder"].SetFlag =3D NtsBtnSetFlag
gBtnArr["nb_otlTxt"].ChangeIcon=3D GetOtlTxtState
/*********************************************
Context menu implementation
_CM() is the function that's hooked up to
the oncontextmenu event. Once we're asked to
show the menu, we first build it by creating
DIVs on-the-fly. Then we position it=20
within the screen area so it doesn't get
clipped.
Creating the DIVs using createElement() means
we don't have to write out any extra HTML
into the slide HTML files.
**********************************************/
var sNext=3D"Next",sPrev=3D"Previous",sEnd=3D"End Show",sFont=3D"Arial",sAr=
row=3D"Arrow",sFreeform=3D"Freeform",sRect=3D"Rectangle",sOval=3D"Oval"
function ShowMenu()
{
BuildMenu();
var doc=3DPPTSld.document.body,x=3DPPTSld.event.clientX+doc.scrollLeft,y=
=3DPPTSld.event.clientY+doc.scrollTop
m =3D PPTSld.document.all.item("ctxtmenu")
m.style.pixelLeft=3Dx
if( (x+m.scrollWidth > doc.clientWidth)&&(x-m.scrollWidth > 0) )
m.style.pixelLeft=3Dx-m.scrollWidth
m.style.pixelTop=3Dy
if( (y+m.scrollHeight > doc.clientHeight)&&(y-m.scrollHeight > 0) )
m.style.pixelTop=3Dy-m.scrollHeight
m.style.display=3D""
}
function _CM()
{
if( !parent.IsFullScrMode() ) return;
if(!PPTSld.event.ctrlKey) {
ShowMenu()
return false
} else
HideMenu()
}
function BuildMenu()
{
if( PPTSld.document.all.item("ctxtmenu") ) return
var mObj=3DCreateItem( PPTSld.document.body )
mObj.id=3D"ctxtmenu"
mObj.style.visibility=3D"hidden"
var s=3DmObj.style
s.position=3D"absolute"
s.cursor=3D"default"
s.width=3D"120px"
SetCMBorder(mObj,"menu","black")
var iObj=3DCreateItem( mObj )
SetCMBorder( iObj, "threedhighlight","threedshadow" )
iObj.style.padding=3D2
CreateMenuItem( iObj,sNext,M_GoNextSld,M_True )
CreateMenuItem( iObj,sPrev,M_GoPrevSld,M_HasPrevSld )
=09
CreateSeparator( iObj )
CreateMenuItem( iObj,sEnd,M_End,M_True )
mObj.style.visibility=3D"visible"
}
function Cancel() { window.event.cancelBubble=3Dtrue; window.event.returnVa=
lue=3Dfalse }
function Highlight() { ChangeClr("activecaption","threedhighlight") }
function Deselect() { ChangeClr("threedface","menutext") }
function Perform()
{
e=3DPPTSld.event.srcElement
if( e.type=3D=3D"menuitem" && e.IsActive() )
e.Action()
else
PPTSld.event.cancelBubble=3Dtrue
}
function ChangeClr( bg,clr )
{
e=3DPPTSld.event.srcElement
if( e.type=3D=3D"menuitem" && e.IsActive() ) {
e.style.backgroundColor=3Dbg
e.style.color=3Dclr
}
}
function M_HasPrevSld() { return( parent.HasPrevSld() ) }
function M_GoNextSld() { if( gIsEndShow ) M_End(); else GoToNextSld() }
function M_GoPrevSld() { if( gIsEndShow ) { gIsEndShow=3D0; history.back();=
PPTSld.event.cancelBubble=3Dtrue; } else GoToPrevSld() }
function M_True() { return true }
function M_End() { window.close( self ) }
function CreateMenuItem( node,text,action,eval )
{
var e=3DCreateItem( node )
e.type=3D"menuitem"
e.Action=3Daction
e.IsActive=3Deval
e.innerHTML=3Dtext
if( !e.IsActive() )
e.style.color=3D"threedshadow"
e.onclick=3DPerform
e.onmouseover=3DHighlight
e.onmouseout=3DDeselect
s=3De.style;
s.fontFamily=3DsFont
s.fontSize=3D"9pt"
s.paddingLeft=3D2
}
function CreateSeparator( node )
{
var sObj=3DCreateItem( node )
SetCMBorder(sObj,"menu","menu")
var s=3DsObj.style
s.borderTopColor=3D"threedshadow"
s.borderBottomColor=3D"threedhighlight"
s.height=3D1
s.fontSize=3D"0px"
}
function CreateItem( node )
{
var elem=3DPPTSld.document.createElement("DIV")
node.insertBefore( elem )
return elem
}
function SetCMBorder( o,ltClr,rbClr )
{
var s=3Do.style
s.backgroundColor=3D"menu"
s.borderStyle=3D"solid"
s.borderWidth=3D1
s.borderColor=3DltClr+" "+rbClr+" "+rbClr+" "+ltClr
}
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/fullscreen.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Image and Sound Retrieval
------=_NextPart_01C4CA92.7CDCFD30--
&#=
8226;Bits
per sample and quantization technique
&=
#8211;16-bit
linear (“pcm”) [signed or unsigned] for music
&=
#8226;In
normal or swapped (“little-endian”) byte order
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0109.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&=
#8211;8-bit
logarithmic (“mu-law”) for speech
<=
/div>
&#=
8226;Header
format
Common Audio File Types
&#=
8226;Audio
files are headers followed by data
&=
#8211;File
type specified data format
&#=
8226;.au
(Unix)
&=
#8211;Big-endian,
often 8-but mu-law
&#=
8226;.wav
(Microsoft)
&=
#8211;Little-endian,
often 16-bit pcm
&#=
8226;.aiff
(Apple)
&=
#8211;Big-endian,
less often used
&#=
8226;.raw
(headerless)
&=
#8211;Requires
the user to configure parameters
Playing Audio in an Applet
&#=
8226;All
applets have an AudioClip class
&#=
8211;Handles
only one format (8-bit mu-law mono .au)
&#=
8226;import
java.applet.*
&#=
8226;Obtain
the audio file from the server
clip=3D
getAudioClip(getDocumentBase(), fileName)
&#=
8226;Play
the clip
&=
#8211;clip.play()
plays it once
&=
#8211;clip.loop()
repeats until clip.stop() is invoked
Playing Audio with Java Sound
&#=
8226;Import
javax.sound.sampled.*
&#=
8226;Open
the file (must be .au, .wav or .aiff)
audio
=3D AudioSystem.getAudioStream(fileName);
&#=
8226;Determine
the encoding
format
=3D audio.getFormat();
&#=
8226;Set
up audio output for that format
line
=3D AudioSystem.getLine(format); [roughly…]
&#=
8226;Copy
bytes from the file to the audio output
&#=
8226;Examples
are available
&=
#8211;http://java.sun.com/products/java-media/sound/
Audio in the Java Media Framework<=
/div>
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/slide0111.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Additional
file types
&=
#8211;.avi,
.mpg, .mp3, .mov
&#=
8226;Includes
support for streaming audio
&=
#8211;RealPlayer
SDK includes JMF Classes
&#=
8226;Allows
synchronization with other media
&=
#8211;Video
and MIDI music
&#=
8226;Requires
a separate download
&=
#8211;http://java.sun.com/products/java-media/jmf/
Playing Audio using JMF
&#=
8226;import
javax.media.bean.playerbean.*;
&#=
8226;Create
the media player bean
MediaPlayer
mp=3Dnew MediaPlayer();
&#=
8226;Load
a file
mp.setMediaLocation(“file:///C:/temp/test.mp3)
&#=
8226;Play
the file
&=
#8211;mp.start();
&=
#8211;mp.stop();
Putting It All Together
•http://www.philipglass.com/
------=_NextPart_01C4CA92.7CDCFD30
Content-Location: file:///C:/A678D651/790f0411_files/master01.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
‹header›
‹date/time›=
Click to edit Master text styles
Second level
Third level
Fourth level
Fifth level
‹footer›
‹#›
' + ENDSHOW_MESG + '
![](3D"notes_flag.gif")
No=
tes![](3D"buttons.gif")
