1. NavigationDesign/Programmer Notes Text/Narration Storyboard No.: Event Name Module Name Lesson Name Page Name Pre-Shift Examination Check Roof and Ribs Pre-assessment Pre-assessment Introduction [system level interface] GDAMPSBTMCHE/S Each icon ‘unfades’ and highlights in time with appropriate narration. Faded background and images, with demonstrated explanation of pre-assessment (accompanied by narration). Title banner is not faded; user clicks on banner to proceed. Pre-assessment: Check Roof and Ribs click here to continue 1

2. NavigationDesign/Programmer Notes Text/Narration Storyboard No.: Event Name Module Name Lesson Name Page Name [system level interface] GDAMPSBTMCHE/S hotspot 1 hotspot 2 hotspot 3 hotspot 4 hotspot 5 [background image] Pre-Shift Examination Check Roof and Ribs Pre-assessment Pre-assessment: Present Roof and Rib scene containing hotspots Hotspots are not visible to learner – not marked by dotted lines or any other indication. User clicks hotspot in order to zoom in on a particular area. 2

3. NavigationDesign/Programmer Notes Text/Narration Storyboard No.: Event Name Module Name Lesson Name Page Name Pre-Shift Examination Check Roof and Ribs Pre-assessment Pre-assessment: close-up [system level interface] GDAMPSBTMCHE/S [close-up background image] 3

4. NavigationDesign/Programmer Notes Text/Narration Storyboard No.: Event Name Module Name Lesson Name Page Name Pre-Shift Examination Check Roof and Ribs Pre-assessment Pre-assessment: Question 1 [system level interface] GDAMPSBTMCH E/S [close-up background image] [question statement] The question box should fade in, posed in a manner that does not obstruct the background detrimentally. Application of as applies to Question 1. User reads question and responds by dragging the appropriate tool to the background image. 4

5. NavigationDesign/Programmer Notes Text/Narration Storyboard No.: Event Name Module Name Lesson Name Page Name Pre-Shift Examination Check Roof and Ribs Pre-assessment Pre-assessment Question 2 [system level interface] GDAMPSBTMCHE/S [close-up background image] [question statement and multiple choices] Application of as applies to Question 2. User reads question and responds to the multiple choice question (user clicks on correct response) 5

6. NavigationDesign/Programmer Notes Text/Narration Storyboard No.: Event Name Module Name Lesson Name Page Name Pre-Shift Examination Check Roof and Ribs Pre-assessment Pre-assessment Question 3 [system level interface] GDAMPSBTMCHE/S [close-up background image] [question statement and multiple choices] Application of as applies to Question 3. User reads question and responds to the multiple choice question (user clicks on correct response) 6

7. NavigationDesign/Programmer Notes Text/Narration Storyboard No.: Event Name Module Name Lesson Name Page Name [system level interface] GDAMPSBTMCHE/S hotspot 1 hotspot 2 hotspot 3 hotspot 4 hotspot 5 [background image] Pre-Shift Examination Check Roof and Ribs Pre-assessment Pre-assessment: Feedback Hotspots are not visible to learner – not marked by dotted lines or any other indication. Faded background and images, with demonstrated explanation of pre-assessment (accompanied by narration). Feedback dialogue box not faded. [feedback] 7