Week 11
LBSC 690
Information Technology
Human Computer Interaction=
Agenda
&#=
8226;Questions
&#=
8226;HCI
overview
&#=
8226;Input
and output devices
&#=
8226;Interface
design
&#=
8226;Interaction
design
&#=
8226;Evaluation
What are Humans Good At?
• Sense
low level stimuli
• Recognize
patterns
• Reason
inductively
• Apply
multiple strategies
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0081.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
<=
span
class=3DBB style=3D'position:absolute;left:-4.67%'>•Communicate
with multiple channels
<=
span
class=3DBB style=3D'position:absolute;left:-4.47%'>•Adapt
to changes or unexpected events
What are Computers Good At?
<=
span
class=3DBB style=3D'position:absolute;left:-4.43%'>•Sense
stimuli outside human’s range
<=
span
class=3DBB style=3D'position:absolute;left:-4.43%'>•Calculate
quickly and accurately
<=
span
class=3DBB style=3D'position:absolute;left:-4.11%'>•Store
large quantities and recall accurately
<=
span
class=3DBB style=3D'position:absolute;left:-4.43%'>•Respond
rapidly and consistently
<=
span
class=3DBB style=3D'position:absolute;left:-4.43%'>•Perform
repetitive actions reliably
<=
span
class=3DBB style=3D'position:absolute;left:-3.74%'>•Work
under heavy load for an extended period
Synergy
• Humans do what they are good at=
3;
• Computers do what they are good at=
• Strengths of one cover weakness of=
the
other
The Discipline of HCI
![](3D"slide0077_image002.jpg")
From ACM SIGCHI Curricula
for Human-Computer Interaction
Types of Applications
&#=
8226;Life
critical
&=
#8211;Low
error rate first and foremost
&=
#8211;Justifies
an enormous design and testing effort
&#=
8226;Custom
Commercial
&=
#8211;Speed
and error rate
&#=
8226;Office
and Home
&=
#8211;Easy
learning, high user satisfaction, low cost
&#=
8226;Creative
&=
#8211;User
needs assessment is very challenging
User Characteristics
&#=
8226;Physical
&=
#8211;Anthropomorphic
(height, left handed, etc.)
&=
#8211;Age
(mobility, dexterity, etc.)
&#=
8226;Cognitive
&#=
8226;Perceptual
&=
#8211;Sight,
hearing, etc.
&#=
8226;Personality
&=
#8211;Including
cultural factors
Modeling Interaction
Task
System
![](3D"slide0009_image003.gif")
Mental Models
![](3D"slide0009_image004.gif")
Sight
<=
/div>
=
Sound
=
Hands
Voice
Task
User
![](3D"slide0009_image005.gif")
Software Models
![](3D"slide0009_image006.gif")
=
Keyboard
=
Mouse
=
Display
Speaker
![](3D"slide0009_image007.gif")
![](3D"slide0009_image008.gif")
![](3D"slide0009_image009.gif")
![](3D"slide0009_image010.gif")
![](3D"slide0009_image011.gif")
Human
Computer
Discussion Point: Mental Models
•As a user, what=
do
you need to know about a machine in or=
der
to interaction with it effectively?
Mental Models
&#=
8226;How
the user thinks the machine works
&=
#8211;What
actions can be taken?
&=
#8211;What
results are expected from an action?
&=
#8211;How
should system output be interpreted?
&#=
8226;Mental
models exist at many levels
&=
#8211;Hardware,
operating system, and network
&=
#8211;Application
programs
&=
#8211;Information
resources
The GOMS Perspective
&#=
8226;Goals
&=
#8211;What
the user is trying to achieve
&#=
8226;Operators
&=
#8211;What
capabilities the system provides
&#=
8226;Methods
&=
#8211;How
those capabilities can be used
&#=
8226;Selection
strategies
&#=
8211;Which
method to choose in a specific case
Input Devices
&#=
8226;Text
&=
#8211;Keyboard,
optical character recognition
&=
#8211;Speech
recognition, handwriting recognition
&#=
8226;Direct
manipulation
&=
#8211;2-D:
mouse, trackball, touch pad, touch panel
&=
#8211;3-D:
wand, data glove
&#=
8226;Remote
sensing
&=
#8211;Camera,
speaker ID, head tracker, eye tracker
Keyboard
&#=
8226;Produces
character codes
&#=
8211;ASCII: American English
&#=
8211;Latin-1:
European languages
&#=
8211;UNICODE:
Any language
&=
#8226;Pictographic
languages need entry conventions
&#=
8226;Keyboard
shortcuts are important for data entry
&#=
8226;“VT-100 standard&#=
8221;
functions are common
&#=
8211;But
differing layouts can inhibit usability
&=
#8226;And
different conventions for standard tasks abound
Interesting Design
Example: QWERTY keyboard
![](3D"slide0084_image013.jpg")
From http://home.earthlink.net/~dcrehr/whyqwert.html
Dvorak Keyboard
![](3D"slide0083_image015.gif")
From http://www.mwbrooks.com/dvorak/
2-D Direct Manipulation
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0022.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Match
control actions with on-screen behavior
&=
#8211;Use
a cursor for visual feedback if needed
&#=
8226;Rotary
devices
&=
#8211;Mouse,
trackball
&#=
8226;Linear
devices
&=
#8211;Touch
pad, touch panel, touch screen, joystick
&#=
8226;Rate
devices
&=
#8211;Laptop
eraserhead
Human Senses
&#=
8226;Visual
&=
#8211;Position/motion,
color/contrast, symbols
&#=
8226;Auditory
&=
#8211;Position/motion,
tones/colume, speech
&#=
8226;Haptic
&=
#8211;Mechanical,
thermal, electrical, kinesthethic
&#=
8226;Olfactory
&=
#8211;Smell,
taste
&#=
8226;Vestibular
Computer Output
&#=
8226;Image
display
&#=
8211;Fixed
view, movable view, projection
&#=
8226;Acoustic
display
&=
#8211;Headphones,
speakers, within-ear monitors
&#=
8226; Tactile display
=
&#=
8211;vibrotactile,
pneumatic, piezoelectric
&#=
8226;Force
feedback
&#=
8211;dexterous
handmaster, joystick, pen
Computer Output
&#=
8226;Inertial
Display
&=
#8211;Motion-based
simulators
&#=
8226;Olfactory
Display
&=
#8211;Chemical
(requires resupply)
&#=
8226;Locomotive
display
&=
#8211;Stationary
bicycle, treadmill, ...
&#=
8226;Temperature
Display
Interaction Styles
&#=
8226;Graphical
User Interfaces (GUI)
&=
#8211;Direct
manipulation
&=
#8211;Menus
&#=
8226;Language-based
interfaces
&=
#8211;Command
line interfaces
&=
#8211;Interactive
voice response systems
&#=
8226;Virtual
Reality (VR)
&=
#8211;Direct
manipulation
&#=
8226;Ubiquitous
computing
Immersive Virtual
Reality
![](3D"slide0085_image017.jpg")
Source: viz-tek.com
WIMP Interfaces
•Windows
&=
#8211;Spatial
context
•Icons
&=
#8211;Direct
manipulation
•Menus
&=
#8211;Hierarchy
•Pointing devices
&=
#8211;Spatial
interaction
GUI Components
&#=
8226;Windows
(and panels)
&=
#8211;Resize,
drag, iconify, scroll, destroy
&#=
8226;Selectors
&=
#8211;Menu
bars, pulldown lists
&#=
8226;Buttons
&=
#8211;Labeled
buttons, radio buttons, checkboxes
&#=
8226;Icons
(images)
&=
#8211;Select,
open, drag, group
Direct Manipulation
&#=
8226;Select
a metaphor
&=
#8211;Desktop,
CD player, map, …
&#=
8226;Use
icons to represent conceptual objects
&=
#8211;Watch
out for cultural differences
=
226;Manipulate
those objects with feedback
&=
#8211;Select
(left/right/double click), move (drag/drop)
Menus
&#=
8226;Conserve
screen space by hiding functions
&=
#8211;Menu
bar, pop-up
&#=
8226;Can
hierarchically structured
&=
#8211;By
application’s logic
&=
#8211;By
convention (e.g., where is the print function?)
&#=
8226;Tradeoff
between breadth and depth
&=
#8211;Too
deep Þ can become hard to find things&#=
13;
&=
#8211;Too
broad Þ becomes direct manipulation
Dynamic Queries
&#=
8226;What
to do when menus become too deep
&=
#8211;Merges
keyboard and direct manipulation
&#=
8226;Select
menu items by typing part of a word
&=
#8211;After
each letter, update the menu
&#=
8211;Once
the word is displayed, user can click on it
&#=
8226;Example: Windows help index<=
/div>
Language-Based Interfaces<=
/div>
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0055.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Command
Entry
&#=
8211;Compact
and flexible
&#=
8211;Powerful
in the hands of expert users
&#=
8211;Difficult
for novices to learn
&#=
8226;Natural
Language
&#=
8211;Intuitive
and expressive
&=
#8211;Ambiguity
makes reliable interpretation difficult
Aural Perception
&#=
8226;We
respond to sounds without prior focus=
&#=
8211;Lack
of focus limits simultaneous stimuli
&#=
8226;Absolute
amplitude & pitch hard to interpret
&=
#8211;But
changes
stand out clearly
&#=
8226;Stereo
effect provides a sense of direction<=
span
style=3D'font-family:Arial;mso-ascii-font-family:"Times New Roman";mso-bid=
i-font-family:
Arial;display:none'>
&=
#8211;Relative
amplitude, phase difference
Speech Output
&#=
8226;Replay
of digitized speech clips
&=
#8211;High
fidelity, but limited vocabulary
&#=
8226;Speech
Synthesis
&=
#8211;Generate
spoken output from unrestricted input
&=
#8226;Based
on pronunciation rules and lists of exceptions
&=
#8211;Sounds
unnatural due to misplaced emphasis
&#=
8226;Prosody-guided
speech synthesis
&=
#8211;Use
pronunciation of similar words as a guide
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
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0060.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Need
a metaphor
&=
#8211;Clock
ticking, alarm bells, keyboard clicks, etc.
&#=
8226;Channel
is easily overloaded
&=
#8211;Focus
helps manage cognitive load
&#=
8226;Changes
are more useful than values
&=
#8211;Pitch,
amplitude, position, harmonics, etc.
An Auditory Image Display<=
span
style=3D'font-family:Arial;mso-ascii-font-family:"Times New Roman";mso-bid=
i-font-family:
Arial;mso-special-format:lastCR;display:none'>
&#=
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/javoice.htm
Interactive Voice Response System=
s
&#=
8226;Operate
without graphical interfaces
&=
#8211;Hands-free
operation (e.g., driving)
&=
#8211;Telephone
access
&#=
8226;Built
on three technologies
&=
#8211;Speech
recognition (input)
&=
#8211;Text-to-speech
(output)
&=
#8211;Dialog
management (control)
=
226;Example:
TellMe (1-800-555-TELL)
Dialogue Management
&#=
8226;User
initiative
&#=
8226;System
initiative
&=
#8211;Allows
a smaller vocabulary
&#=
8226;Mixed
initiative (e.g., barge in)
![](3D"slide0047_image018.gif")
Interaction Design
Where are
you departing
from?
Where do
you want
to go?
What day
do you want
to travel?&#=
13;
Verification
Goodbye
![](3D"slide0047_image019.gif")
![](3D"slide0047_image020.gif")
![](3D"slide0047_image021.gif")
![](3D"slide0047_image022.gif")
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0047_image018.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
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
AAA7
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0047_image019.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhcgDRAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAABw
AM8AgAAAAAAAAAL/hI8Yy5EPo5y02hsXZLj7D17aNIbmiWaik7bux2LxS9fJLNt6XXr4DgT9ZI5e
8EgZrhrIZvLEdEofyg5nijVUrdusrpvzTsHiMsmM9qXXIrb7/I7f5HQAuZ6948f7uL7f9Ad4JDgI
VGiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7
CxwsPExcbHyMnKyMWGo0e1UL/Rw1Lf2cy9yMvc19m036PRouOh5abt5te/657tnunh6t+85Jv2mv
6XyNi58fT9svU8BLAy3pk1WwUkKF/wA23Odt4SSJEx8ixEYxUkaNhhZjbYT00dFBjyEblTQ5L2XH
VyNhtWR5klHMRTMV1Uz00lVOnfNuGtrZCugqa9GEDiUKsIHSpbuWGj2KtNrTVNQi+hwUFeFUVFtP
dTX1tdnVPmHFjd1TltxKZWzbun0LN67cuXTr2r2LN6/evXz7+v0r5Kycqi6dGj6MOLHixYwJh3Cs
FVUBADs=
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0047_image020.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhIgAdAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAEAAAAf
ABsAgAAAAAAAAAJFhI8Xke2+lomvKvakbdjqPYFT54kKSJppsqpZK8Kwy84xZ5aITZ95xfv5hJsg
EWAUJn/LXJP2BEair8+RY73uqEUt0FAAADs=
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0047_image021.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhWwCFAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAABa
AIQAgAAAAAAAAAL/jAOpy+0Po5zqmHqp3ryfmHXi6CFaSKbqglLtCm/vacb2VJPzzQN5+uvxgkCh
kKhCGkdKYHN5Wj6hkmmSysRasaztlRvl7sAsss8M8cbGZPUa3XCv5Tb6G56ww/RffB7PtwcXeNfm
x0Aoc4hollhI5fgIFSmotfhA6ZBZKXWJCen52RkaN0rKaLRZl3oqOtSqeQRb2qN6k2n7ejsbu8uL
Kvl7tipcRlxcEVycmCvLifz3DE3Y7NwHHX2NPVy0ndztnZ0VLi5SzQoeznduPU6ux97uQf7t7m3B
5npvYb+fr6/OTrxaAulJW4YvYRhkH6rkG2juX5wdEDlQy6HwlMSFnPg0bsrAL1QzBA09nSNZsZeY
lLQMXUrJsh6amDT9xCwnRuRMnS555iTF7qbKSbBOzhrJC+lRUEtNNZXXypZQEE6LVo16VWNWoFt9
1hImFWxXk2Nfll0U9leuqQB1WSX6FN1buFiZarVUF69Xu2R7ot3Zt5FZQIduwgzs1yZgxHxNVmPb
kqDYrwwdbRS5DnIJN5fBsglpEFPCkrMKAAA7
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0047_image022.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhowB1AHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAIAAACg
AHIAgAAAAAAAAAL/hI+py+0Po5y0qmCz3rx7iH3iSJZdaKbqaqLsC8eSK9e2TN/6Tub8D7T4gsQi
Y2hMGpHKpvMJrTGjVNa0ii1ds1zPtgvOfMPkWfnsRas147Ub0H6r4/IzvU6+48H6PbfvVwUYSDVI
CGV46JSoqMTYuARZ9ygZRFn5c4m5o7l50+kpFYoGOgpTamqVmrcahtraAtv1KjtCW/txi3uyK9hb
+BulGyxE/DRsPIGcHLHM/OD83BAtvUBdnXCNfaC93e29bRmeOU5erhPwXa0uzf6cfo4e/zlv4858
n5xvvB8MXx/jH8AXAgeu6PeroMEUCHspXNij4a6HEEVQrOhFYq2LYxg5cOzIRqOsjyArpBPZ6mTJ
XCRXzmjpEhrMmNNm0rRm82a2nDq58ewJ56fOkyhHEQWqTCXSZkqXyhQa86jTmlKnXqhq1SfRopC2
Ql31FadXroiaghiLdSHatWaBbs2aFK6DAgA7
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/slide0079.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Wrong
Confirmed
Baltimore
National
Dulles
San Francisco
Oakland
San Jose
Anywhere
else
Day when there
are flights
Not a day
Sorry
Another
day
Anywhere
else
Evaluation
&#=
8226;Time
to learn
&#=
8226;Speed
of performance
&#=
8226;Error
rate
&#=
8226;Retention
over time
&#=
8226;Subjective
satisfaction
Summary
&#=
8226;HCI
design starts with user needs + abilities
&=
#8211;Users
have a wide range of both=
3;
&#=
8226;Users
must understand their tools
&=
#8211;And
these tools can learn about their user!
&#=
8226;Many
techniques are available
&=
#8211;Direct
manipulation, languages, menus, etc.
&=
#8211;Choosing
the right technique is important
&#=
8226;LBSC
790 in Fall 2004 has this focus
Click to edit Master text styles
Second level
Third level
Fourth level
Fifth level
Fuzzy and hard things
“Simple
and sharply defined things” again paraphrasing George Miller<=
/div>
The
name "QWERTY" for our typewriter keyboard comes from the first s=
ix letters
in the top alphabet row (the one just below the numbers). It is also called
the "Universal" keyboard for rather obvious reasons. It was the =
work
of inventor C. L. Sholes, who put together the prototypes =
of
the first commercial typewriter in a Milwaukee machine
shop back in the 1860's.
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/master03_stylesheet.css
Content-Transfer-Encoding: base64
Content-Type: text/css
Ym9keQ0KCXt3aWR0aDo1MzRweDsNCgloZWlnaHQ6NDAwcHg7fQ0KLlRCDQoJe21zby1zcGVjaWFs
LWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5UDQoJe3RleHQtYWxpZ246Y2VudGVyOw0KCWZvbnQt
ZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsN
Cgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCgltc28tY29sb3It
aW5kZXg6MzsNCglmb250LXNpemU6MjA5JTt9DQouQkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1
bGxldFwyMDIyOw0KCWZvbnQtc2l6ZToxMDAlO30NCi5CDQoJe3RleHQtYWxpZ246bGVmdDsNCglm
b250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21h
biI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNv
bG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjE1MiU7fQ0KLkIxQg0KCXttc28tc3BlY2lhbC1mb3Jt
YXQ6YnVsbGV0XDIwMTM7DQoJZm9udC1zaXplOjEwMCU7fQ0KLkIxDQoJe3RleHQtYWxpZ246bGVm
dDsNCglmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5l
dyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6YmxhY2s7DQoJ
bXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjEzMyU7fQ0KLkIyQg0KCXttc28tc3BlY2lh
bC1mb3JtYXQ6YnVsbGV0XDIwMjI7DQoJZm9udC1zaXplOjEwMCU7fQ0KLkIyDQoJe3RleHQtYWxp
Z246bGVmdDsNCglmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRp
bWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6Ymxh
Y2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjExNCU7fQ0KLkIzQg0KCXttc28t
c3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMTM7DQoJZm9udC1zaXplOjEwMCU7fQ0KLkIzDQoJe3Rl
eHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1p
bHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29s
b3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjk1JTt9DQouQjRCDQoJ
e21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAwJTt9DQouQjQN
Cgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250
LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsN
Cgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6OTUlO30NCi5O
Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTg0KCXt0ZXh0LWFsaWdu
OmxlZnQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1l
cyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNr
Ow0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo1NyU7fQ0KLk4xQg0KCXttc28tc3Bl
Y2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTjENCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZv
bnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFu
IjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCgltc28tY29s
b3ItaW5kZXg6MTsNCglmb250LXNpemU6NTclO30NCi5OMkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0
Om5vYnVsbGV0XDIwMjI7fQ0KLk4yDQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpB
cmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJp
ZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7
DQoJZm9udC1zaXplOjU3JTt9DQouTjNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwy
MDIyO30NCi5OMw0KCXt0ZXh0LWFsaWduOmxlZnQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNv
LWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFt
aWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6
ZTo1NyU7fQ0KLk40Tg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTjQN
Cgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250
LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsN
Cgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6NTclO30NCi5P
Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTw0KCXt0ZXh0LWFsaWdu
OmxlZnQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7
DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjg1JTsNCglt
c28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouTzENCgl7Zm9udC1m
YW1pbHk6QXJpYWw7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWNoYXItd3Jh
cDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLk8yDQoJe2ZvbnQtZmFtaWx5OkFyaWFs
Ow0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28t
a2luc29rdS1vdmVyZmxvdzoxO30NCi5PMw0KCXtmb250LWZhbWlseTpBcmlhbDsNCgltc28tYmlk
aS1mb250LWZhbWlseTpBcmlhbDsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3Zl
cmZsb3c6MTt9DQouTzQNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWJpZGktZm9udC1mYW1p
bHk6QXJpYWw7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0K
LkNCQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAw
JTt9DQouQ0INCgl7dGV4dC1hbGlnbjpjZW50ZXI7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNv
LWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFt
aWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6
ZToxNTIlO30NCi5DQjFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDEzOw0KCWZv
bnQtc2l6ZToxMDAlO30NCi5DQjENCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZv
bnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFs
O30NCi5DQjJCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyOw0KCWZvbnQtc2l6
ZToxMDAlO30NCi5DQjINCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFt
aWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5D
QjNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDEzOw0KCWZvbnQtc2l6ZToxMDAl
O30NCi5DQjMNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJU
aW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5DQjRCDQoJ
e21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyOw0KCWZvbnQtc2l6ZToxMDAlO30NCi5D
QjQNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBO
ZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5DVEINCgl7bXNvLXNw
ZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLkNUDQoJe3RleHQtYWxpZ246Y2VudGVyOw0K
CWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJv
bWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCgltc28t
Y29sb3ItaW5kZXg6MzsNCglmb250LXNpemU6MjA5JTt9DQouSEJCDQoJe21zby1zcGVjaWFsLWZv
cm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAwJTt9DQouSEINCgl7Zm9udC1mYW1pbHk6
QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1i
aWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5IQjFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxs
ZXRcMjAxMzsNCglmb250LXNpemU6MTAwJTt9DQouSEIxDQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0K
CW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250
LWZhbWlseTpBcmlhbDt9DQouSEIyQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMjI7
DQoJZm9udC1zaXplOjEwMCU7fQ0KLkhCMg0KCXtmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNj
aWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6
QXJpYWw7fQ0KLkhCM0INCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxldFwyMDEzOw0KCWZvbnQt
c2l6ZToxMDAlO30NCi5IQjMNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQt
ZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30N
Ci5IQjRCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAw
JTt9DQouSEI0DQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToi
VGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDt9DQouUUJCDQoJ
e21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAwJTt9DQouUUIN
Cgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcg
Um9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5RQjFCDQoJe21zby1zcGVj
aWFsLWZvcm1hdDpidWxsZXRcMjAxMzsNCglmb250LXNpemU6MTAwJTt9DQouUUIxDQoJe2ZvbnQt
ZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsN
Cgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDt9DQouUUIyQg0KCXttc28tc3BlY2lhbC1mb3Jt
YXQ6YnVsbGV0XDIwMjI7DQoJZm9udC1zaXplOjEwMCU7fQ0KLlFCMg0KCXtmb250LWZhbWlseTpB
cmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJp
ZGktZm9udC1mYW1pbHk6QXJpYWw7fQ0KLlFCM0INCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxl
dFwyMDEzOw0KCWZvbnQtc2l6ZToxMDAlO30NCi5RQjMNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJ
bXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQt
ZmFtaWx5OkFyaWFsO30NCi5RQjRCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsN
Cglmb250LXNpemU6MTAwJTt9DQouUUI0DQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2Np
aS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpB
cmlhbDt9DQouVGJsQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjsNCglmb250
LXNpemU6MTAwJTt9DQouVGJsDQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250
LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDt9
DQouVGJsMUINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMTM7DQoJZm9udC1zaXpl
OjEwMCU7fQ0KLlRibDENCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFt
aWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5U
YmwyQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAw
JTt9DQouVGJsMg0KCXtmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6
IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7fQ0KLlRibDNC
DQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDEzOw0KCWZvbnQtc2l6ZToxMDAlO30N
Ci5UYmwzDQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGlt
ZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDt9DQouVGJsNEINCgl7
bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7DQoJZm9udC1zaXplOjEwMCU7fQ0KLlRi
bDQNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBO
ZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5kZWZhdWx0Qg0KCXtt
c28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouZGVmYXVsdA0KCXt0ZXh0LWFsaWdu
OmxlZnQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1l
cyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsOw0KCWZvbnQtd2VpZ2h0
Om5vcm1hbDsNCglmb250LXN0eWxlOm5vcm1hbDsNCgl0ZXh0LWRlY29yYXRpb246bm9uZTsNCgl0
ZXh0LXNoYWRvdzpub25lOw0KCXRleHQtZWZmZWN0Om5vbmU7DQoJbXNvLWZhcmVhc3QtaGludDpu
bzsNCglsYXlvdXQtZmxvdzpob3Jpem9udGFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1p
bmRleDoxOw0KCWZvbnQtc2l6ZToxMTQlOw0KCW1zby10ZXh0LXJhaXNlOjAlOw0KCW1zby1saW5l
LXNwYWNpbmc6IjEwMCAwIDAiOw0KCW1zby1tYXJnaW4tbGVmdC1hbHQ6MDsNCgltc28tdGV4dC1p
bmRlbnQtYWx0OjA7DQoJbXNvLWNoYXItd3JhcDowOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjA7
DQoJZGlyZWN0aW9uOmx0cjsNCgltc28td29yZC13cmFwOjE7DQoJbXNvLXZlcnRpY2FsLWFsaWdu
LXNwZWNpYWw6YmFzZWxpbmU7DQoJbXNvLWFuc2ktbGFuZ3VhZ2U6RU4tVVM7fQ0KYTpsaW5rDQoJ
e2NvbG9yOiNGQzAxMjggIWltcG9ydGFudDt9DQphOmFjdGl2ZQ0KCXtjb2xvcjojMDBBRTAwICFp
bXBvcnRhbnQ7fQ0KYTp2aXNpdGVkDQoJe2NvbG9yOiNDRUNFQ0UgIWltcG9ydGFudDt9DQp=
------=_NextPart_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_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 0;
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=3D38, 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("slide0001.htm",1,-1,1),new hrefList(=
"slide0095.htm",1,-1,1),new hrefList("slide0080.htm",1,-1,1),new hrefList("=
slide0081.htm",1,-1,1),new hrefList("slide0082.htm",1,-1,1),new hrefList("s=
lide0077.htm",1,-1,1),new hrefList("slide0010.htm",1,-1,1),new hrefList("sl=
ide0011.htm",1,-1,1),new hrefList("slide0009.htm",1,-1,1),new hrefList("sli=
de0021.htm",1,-1,1),new hrefList("slide0094.htm",1,-1,1),new hrefList("slid=
e0075.htm",1,-1,1),new hrefList("slide0072.htm",1,-1,1),new hrefList("slide=
0073.htm",1,-1,1),new hrefList("slide0084.htm",1,-1,1),new hrefList("slide0=
083.htm",1,-1,1),new hrefList("slide0074.htm",1,-1,1),new hrefList("slide00=
22.htm",1,-1,1),new hrefList("slide0023.htm",1,-1,1),new hrefList("slide002=
4.htm",1,-1,1),new hrefList("slide0089.htm",1,-1,1),new hrefList("slide0085=
.htm",1,-1,1),new hrefList("slide0026.htm",1,-1,1),new hrefList("slide0032.=
htm",1,-1,1),new hrefList("slide0029.htm",1,-1,1),new hrefList("slide0030.h=
tm",1,-1,1),new hrefList("slide0031.htm",1,-1,1),new hrefList("slide0013.ht=
m",1,-1,1),new hrefList("slide0055.htm",1,-1,1),new hrefList("slide0057.htm=
",1,-1,1),new hrefList("slide0058.htm",1,-1,1),new hrefList("slide0059.htm"=
,1,-1,1),new hrefList("slide0060.htm",1,-1,1),new hrefList("slide0061.htm",=
1,-1,1),new hrefList("slide0065.htm",1,-1,1),new hrefList("slide0047.htm",1=
,-1,1),new hrefList("slide0079.htm",1,-1,1),new hrefList("slide0016.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_01C3AC94.FD89CE30
Content-Location: file:///C:/CF1A4A82/690f0311b_files/fullscreen.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Human Computer Interaction
------=_NextPart_01C3AC94.FD89CE30--
1878
patent image
Ubiquitous computing names the th=
ird
wave in computing, just now beginning. First were mainframes, each share=
d by
lots of people. Now we are in the personal computing era, person and
machine staring uneasily at each other across the desktop. Next comes
ubiquitous computing, or the age of calm technology,
when technology recedes into the background of our lives. Alan Kay
of Apple calls this "Third Paradigm" computing.
Cyber-P4, is a 4=
-wall
system (usually screens directly in front -called center=
- a
screen on the left and one on the right, as well as one on the floor)=
.
A set of options displayed on the
screen where the selection and execution of one or more of =
the
options results in a change of the state of the interface.
' + ENDSHOW_MESG + '
![](3D"notes_flag.gif")
No=
tes![](3D"buttons.gif")
![](3D"slide0077_image001.png"){kind=link}
![](3D"slide0084_image012.jpg"){kind=link}
![](3D"slide0083_image014.png"){kind=link}
![](3D"slide0085_image016.jpg"){kind=link}