How to Successfully run a 400-metre Relay.

eLearning Course Proposal

Interactive Courseware Workshop
(EL6072)
Proposal and Storyboard Assignment
Aoife Sheehy
19247958
08/03/2024
Table of Content

Mind map_______________________________ 3

Front page of website______________________4

Website Frames __________________________ 5

Storyboard ______________________________12
 Launch Screen

Introduction Learning outcomes

Baton Change over Drills and

changes zones Exercises

Match
Quiz
(Drag & Drop)
HOW TO
RACE A 400
METRE
RELAY

page
Next
 How to race a 400-metre relay
Change over Drills and
Introduction Learning outcomes Baton Changes Quiz Match
zones exercises

Welcome to How to race a 400-metre

relay!

Lorem ipsum dolor sit amet, consectetur

adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est 4x400m
Irish Womens
laborum.
relay 2023
Watch world record
page
breaking 400 metre relay Next
 How to race a 400-metre relay
Change over Drills and
Introduction Learning outcomes Baton Changes Quiz Match
zones exercises

At the end of this lesson, you will have the

tools to be able to:

• Lorem ipsum dolor sit amet, consectetur adipiscing

elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
• Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo
consequat.
• Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur.
• Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est ch ange overs
4x 4 00 m re lay
laborum.
nal
at an internatio page
Next
competition
 How to race a 400-metre relay
Baton Changes Change over Drills and
Introduction Learning outcomes Quiz Match
zones exercises

It is important to have a quick and

clean baton change as:

• Duis aute irure dolor

in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla p
ariatur.
• Excepteur sint occaecat cupidatat
non proident, sunt in
culpa qui officia deserunt mollit ani Insert video of baton
m id est laborum. changeover, with
description of video
underneath.

page
Next
 How to race a 400-metre relay
Change over Drills and
Introduction Learning outcomes Baton Changes Quiz Match
zones exercises

The rules of the changeover

zones are as follows:

• Lorem ipsum dolor sit amet,

consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
• Ut enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat.

page
Next
4X400 relay change over zones
 How to race a 400-metre relay
Change over Drills and
Introduction Learning outcomes Baton Changes Quiz Match
zones exercises

In this lesson we will cover two

drills that athletes can do to
improve their relay change overs.
*Insert slow
• Drill 1: Lorem ipsum dolor
motion video of
sit amet, consectetur adipiscing el
person doing drill
it, sed
1 and 2* with
do eiusmod tempor incididunt ut la
description of
bore et dolore magna aliqua.
video underneath
• Drill 2: Ut enim ad
minim veniam, quis nostrud exercit
ation ullamco laboris nisi ut aliquip
ex ea commodo consequat.
Watch this video and
add these drills to your
training session!
page
Next
 How to race a 400-metre relay
Change over Drills and
Introduction Learning outcomes Baton Changes Quiz Match
zones exercises

Let's see what you've learned!

This quiz will test your knowledge on Baton changes, change over
zones and drills and exercises.
Questions Answers

1 Lorem ipsum dolor sit amet, consectetur?

Once you've finished the

2 Sed do eiusmod tempor incididunt? quiz click here!

3 Ut labore et dolore magna aliqua?

4 Ut enim ad minim veniam, quis nostrud exercit

ation ullamco laboris?

page
5 Nisi ut aliquip ex ea commodo consequat? Next
 How to race a 400-metre relay
Change over Drills and
Introduction Learning outcomes Baton Changes Quiz Match
zones exercises

Drag and drop!

Which of these images are associated with 400 metre relays?

Baton High jump mat weights Change over zones spikes

400 metre relay Not 400 metre relay

Module Title: EL6072 Slide ID: Launch Screen Graphic/Animation Info:
• This slide will be a static screen as it is the launch screen for the course.
• The learner will see this screen when they access the URL
Screen mock up • The learner will need to click the 'next page' button to begin the course.

Navigation:
• N/A

Content description: Review comments:

The images used are to give an idea of what the learner will be Place holder image is from google images and will be replaced by licensed images
thought about throughout this course. in the final product. Ideally sources under creative commons or purchased.
Module Title: EL6072 Slide ID: Introduction Graphic/Animation Info:
• This screen will be static
• The image is of the Irish 4 x 400 metre women's 2023 team.
Screen mock up • The world record relay button is a link and will open a new tab to the video

Navigation:
• Navigation bar remains consistent throughout the screens.
• Orientation for the user is provided by the green colour (RGB 000, 176, 080) of the
button on the navigation bar with the arrow on the button. Other buttons on the
navigation bar that are not in use are a lighter green(RGB 169, 209, 142).
• The green 'next page' arrow remains at the bottom of the screen throughout the course.
• The black home icon at the top left of the page also stays consistent throughout the
course. When this is clicked on the user will be brought back to the introduction page.

Content description Review comments:

The content on the introduction page will just be a short
summary of relay races and a positive note on being Place holder image is from google images and will be replaced by licensed images
part of a team. in the final product. Ideally sources under creative commons or purchased.
Module Title: EL6072 Slide ID: Introduction Graphic/Animation Info:
• This screen is static.
Screen mock up • The image is of a 4x400 metre relay change over at an
international competition.

Navigation:
• Navigation bar remains consistent throughout the screens.
• Orientation for the user is provided by the green colour (RGB 000, 176, 080) of the
button on the navigation bar with the arrow on the button. Other buttons on the
navigation bar that are not in use are a lighter green(RGB 169, 209, 142).
• The green 'next page' arrow remains at the bottom of the screen throughout the course.
• The black home icon at the top left of the page also stays consistent throughout the
course. When this is clicked on the user will be brought back to the introduction page.

Content description Review comments:

Place holder image is from google images and will be replaced by licensed images
in the final product. Ideally sources under creative commons or purchased.
Module Title: EL6072 Slide ID: Introduction Graphic/Animation Info:
This screen has a video of a baton changeover on the right side of the screen, this video will
Screen mock up not have audio and will start playing once the user has entered the screen and will reply until
they move on to the next screen.

Navigation:
• Navigation bar remains consistent throughout the screens.
• Orientation for the user is provided by the green colour (RGB 000, 176, 080) of the
button on the navigation bar with the arrow on the button. Other buttons on the
navigation bar that are not in use are a lighter green(RGB 169, 209, 142).
• The green 'next page' arrow remains at the bottom of the screen throughout the course.
• The black home icon at the top left of the page also stays consistent throughout the
course. When this is clicked on the user will be brought back to the introduction page.

Content description Review comments:

Place holder image is from google images and will be replaced by licensed images
This screen goes into detail how important a good baton in the final product. Ideally sources under creative commons or purchased.
change is and gives the learner an idea of what can result
from some improvements.
Module Title: EL6072 Slide ID: Introduction Graphic/Animation Info:

Screen mock up
• This slide has a link on it to the right that the user must click when they finish their quiz to
reveal if their answers were correct.
• Once the link is clicked the correct answers will appear beside the questions

Navigation:
• Navigation bar remains consistent throughout the screens.
• Orientation for the user is provided by the green colour (RGB 000, 176, 080) of the
button on the navigation bar with the arrow on the button. Other buttons on the
navigation bar that are not in use are a lighter green(RGB 169, 209, 142).
• The green 'next page' arrow remains at the bottom of the screen throughout the course.
• The black home icon at the top left of the page also stays consistent throughout the
course. When this is clicked on the user will be brought back to the introduction page.

Content description Review comments:

Place holder image is from google images and will be replaced by licensed images
The content on this screen is an interactive quiz, it will test the user on in the final product. Ideally sources under creative commons or purchased.
things that has been discussed on the course so far. The user will type
their answers into the answer box provided and then they will click the
button that says, 'once you've finished the quiz click here!'
The correct answers will appear, and the course will let the user know if
they entered the right or wrong answer.
Module Title: EL6072 Slide ID: Introduction Graphic/Animation Info:
This screen has five images on it . The user will be able to drag these images into the boxes
below them, if they drag the image to the correct box the image will stay inside and if they
Screen mock up drag the image to the incorrect box the image will fly back to its original position.

Navigation:
• Navigation bar remains consistent throughout the screens.
• Orientation for the user is provided by the green colour (RGB 000, 176, 080) of the
button on the navigation bar with the arrow on the button. Other buttons on the
navigation bar that are not in use are a lighter green(RGB 169, 209, 142).
• The green 'next page' arrow remains at the bottom of the screen throughout the course.
• The black home icon at the top left of the page also stays consistent throughout the
course. When this is clicked on the user will be brought back to the introduction page.

Content description Review comments:

This screen is a drag and drop activity to test the user on what the
Place holder image is from google images and will be replaced by licensed images
equipment, drills and track lines look like.
in the final product. Ideally sources under creative commons or purchased.
The user will drag the images into the boxes below them, if they drag the
image to the correct box the image will stay inside and if they drag the
image to the incorrect box the image will fly back to its original position.
If they drag the image to the incorrect box and it goes back to its original
position, they will have to try move that image again.