Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 01
Introduction – The Human Eye
This module is part of a larger course for the
first-year undergraduate class. In this lesson,
you will be introduced to the human eye, its
individual components, and their respective
functions.
Programmer
Player: Articulate
Studio ‘13
LMS: Canvas
image 1
There are a few things you should know
about this course before you begin. It is
interactive; you can navigate forward or back
to previous pages by using the navigation
buttons at the bottom of the screen. At the
end of the module, there will be a brief
review to evaluate what you have learned
about the human eye.
Let’s begin by clicking the continue button
below.
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
1: Introduction
Image 1:
the_human_eye.p
ng
None
None
None
Continue: The
Human Eye
This screen
introduces the
course.
Image 2:
continue_btn.jpg
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 02
The Human Eye
Programmer
Player: Articulate
Studio ‘13
image 1
The human eye belongs to a
general group of eyes found in
nature called “camera-type
eyes.”
LMS: Canvas
Instead of film, the human eye
focuses light onto a lightsensitive membrane called the
retina.
Click the “continue” button to
see how the human eye is put
together and how it works.
image 3
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
2: The Human
Eye
Image 1:
human_eye.jpg
None
None
None
Continue: Cornea
This screen gives
general details
about the human
eye.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Go Back:
Introduction
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03
The Human Eye
Programmer
image 1
As you click
through each
numbered
marker on this
screen, details
will appear
about the
individual
components
that make up
the human eye.
image 3
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
LMS: Canvas
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
As you click each
numbered marker on
this screen, details will
appear about the
individual components
that make up the
human eye.
None
None
Each marker
opens arrow to
callout panel on
right
Each numbered
marker on this
screen will branch
to describe the
components of the
human eye
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Iris
Go Back: The
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
1. Cornea
1
The cornea is a transparent
structure found in the very front
of the eye that helps to focus
incoming light.
image 3
LMS: Canvas
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 1 opens
arrow to callout
panel on right
Marker # 1
branches to give
general details
about the cornea.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Iris
Go Back: The
Human Eye
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
image 1
2. Iris
LMS: Canvas
Behind the cornea is a
colored ring-shaped
membrane called the iris.
2
image 3
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 2 opens
arrow to callout
panel on right
Marker 2
branches to give
general details
about the iris.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Pupil
Go Back: Cornea
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
3. Pupil
3
The pupil is the
adjustable circular
opening located on the
iris. The pupil can
expand or contract
depending on the
amount of light entering
the eye.
image 3
LMS: Canvas
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 3 opens
arrow to callout
panel on right
Marker 3
branches to give
general details
about the pupil.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue:
Aqueous Humor
Go Back: Iris
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
4. Aqueous Humor
A clear fluid called the
aqueous humor fills the
space between the
cornea and the lens.
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
LMS: Canvas
4
image 3
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 4 opens
arrow to callout
panel on right
Marker 4 gives
general details
about the
aqueous humor
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Lens
Go Back: Pupil
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
5. Lens
Situated behind the pupil
is a colorless, transparent
structure called the
crystalline lens. Ciliary
muscles surround the
lens. The muscles hold
the lens in place but they
also play an important
role in vision.
5
image 3
LMS: Canvas
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 5 opens
arrow to callout
panel on right
Marker 5 gives
general details
about the lens
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Vitreous
Humor
Go Back: Aqueous
Humor
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
6. Vitreous Humor
The interior chamber of
the eyeball is filled with a
jelly-like tissue called the
vitreous humor. After
passing through the lens,
light must travel through
this humor before striking
the sensitive layer of cells
called the retina.
6
image 3
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
LMS: Canvas
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 6 opens
arrow to callout
panel on right
Marker 6 gives
general details
about the vitreous
humor.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Retina
Go Back: Lens
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
7. Retina
The retina is the
innermost of three tissue
layers that make up the
eye.
LMS: Canvas
7
image 3
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 7 opens
arrow to callout
panel on right
Marker 7 gives
general details
about the retina
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Sclera
Go Back: Vitreous
Humor
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
8. Sclera
The outermost of the
three tissue layers, called
the sclera, is what gives
most of the eyeball its
white color. The cornea
(#1) is also a part of outer
layer.
LMS: Canvas
8
image 3
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 8 opens
arrow to callout
panel on right
Marker 8 gives
general details
about the sclera.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Choroid
Go Back: Retina
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
image 1
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
9. Choroid
The middle layer between
the retina and sclera is
called the choroid. The
choroid contains blood
vessels that supply the
retina with nutrients and
oxygen and removes its
waste products.
LMS: Canvas
9
image 3
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 9 opens
arrow to callout
panel on right
Marker 9 gives
general details
about the choroid.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Rods &
Cones
Go Back: Sclera
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 03 <BR>
The Human Eye
Programmer
10. Rods & Cones
image 1
Embedded in the retina are
millions of light sensitive cells,
which come in two main varieties:
rods and cones. Rods are good
for monochrome vision in poor
light, while cones are used for
color and for the detection of fine
detail. Cones are packed into a
part of the retina directly behind
the retina called the fovea.
When light strikes either the rods
or the cones of the retina, it's
converted into an electric signal
that is relayed to the brain via the
optic nerve. The brain then
translates the electrical signals
into the images we see.
10
image 3
Player: Articulate
Studio ’13
Engage InteractionGuided Image
<BR> denotes
branching
LMS: Canvas
image 2
Screen
Graphics
Narration
Audio
Animation
Navigation
Description
3: The Human
Eye <BR>
Image 1:
human_eye.jpg
None
None
None
Marker 10 opens
arrow to callout
panel on right
Marker 10 gives
general details
about the rods
and cones.
Image 2:
continue_btn.jpg
Image 3:
goback_btn.jpg
Continue: Review
Go Back: Choroid
Customer: HSC IS
Storyboard by: P. Taylor
Version: 1
Date: January 6, 2014
SLIDE 04
Programmer
Review
Player: Articulate
Studio ’13
Quizmaker ’13
Answer the questions to check your knowledge.
What is the transparent structure found in the
very front of they eye?
o
o
o
o
o
o
o
o
A) Cornea
B) Iris
C) Lens
D) Retina
The human eye belongs to a general group
of eyes called “camera-type eyes.” Instead
of film, the human eye focuses light onto a
light-sensitive membrane called the lens.
o
o
What clear fluid fills the space
between the cornea and the lens?
image 2
Screen
Graphics
Screen 4: Review
Narration
LMS: Canvas
The choroid contains blood vessels
that supply the retina with nutrients
and oxygen.
o
o
A) True
B) False
A) Vitreous humor
B) Sclera
C) Aqueous humor
D) Rods & Cones
Radio button type
question. Correct
answer is shown in
bold green for
programming
purposes.
A) True
B) False
image 1
Audio
Animation
Navigation
Description
Image 1:
exit_btn.jpg
Exit: (close
window)
Image 2:
goback_btn.jpg
Go Back: Slide 3
The Human Eye
This screen holds
the review for the
module.