IST541 Final Project Storyboard

Claudia Lpez-Gallagher
Project Title: How To Wash Your Hands
Objective: Students will be provided with a tutorial on how to adequately wash their hands.
Upon completion of this instruction, students should be able to do the following:
Identify 4-6 steps required to properly wash their hands.
Identify 1-2 tools they will need to wash their hands.
Identify the best song to be sung while washing hands.
Navigation: These will be the pages available to the user:
Home

Intro to
all 6
steps

Steps 1
&2

Steps 3 &
4

Steps 5
&6

Review
#1

Review
#2

EndCertificate

Page #1: Home

Content
Media

Interaction

Introduction paragraph of the purpose and content of the website.

An introductory video/audio displaying and identifying all 6 steps
involved in the adequate washing of hands. Student will need to enter
his/her name.
Student will need to start the video when ready to begin.

Page #2: Introduction to all 6 steps

Content
Media
Interaction

Descriptions of all 6 steps included in the appropriate hand washing

method.
Accordion page developed in lab 2.
Student will be able to click on each step and view and read the steps
at their speed and convenience.

Page #3: Review of steps 1 & 2

Content
Media

Descriptions and images of steps 1 and 2 will be available for the

learners to review.
Based on accordion page developed in lab 2, this page will only
include steps 1 and 2.

Interaction

Student will be required to click on desired step to review the

process.

Page #4: Review of steps 3 & 4

Content

Descriptions and images of steps 3 and 4 will be available for the

learners to review.

Media

Based on accordion page developed in lab 2, this page will only

include steps 3 and 4.

Interaction

Student will be required to click on desired step to review the

process.

Page #5: Review of steps 5 & 6

Content

Descriptions and images of steps 5 and 6 will be available for the

learners to review.

Media

Based on accordion page developed in lab 2, this page will only

include steps 5 and 6.

Interaction

Student will be required to click on desired step to review the

process.

Page #6: Review of all 6 steps

Content

Using an image with all steps involved. As the student to click on any
picture to review the step displayed.

Media

The image with a visual of all steps involved (same ones used in the
instruction) the student will click the image and it will display what
step it is. (hot-spot)

Interaction

Student will be required to click on desired step to review the

process.

Page #7: Review

Content

Question: Do you know how to properly wash your hands? Yes/No

Media

By hovering over two images:

Yes: A smiley face
No: A concerned face
Links: 1. Certificate of completion, 2. The beginning of the

instruction: Home.
Interaction

Student will be required to hover over the desired image to display

appropriate face. Student will also need to click on Home or Done
button to move on. (image change)

Page #8: Certificate of Completion

Content

Good job ______! You have completed the instruction on how to

properly wash your hands.

Media

Certificate will include participants name.

Interaction

No action required.