Description

We are building and refining a data dashboard for the California Community Colleges Foundation to make it easy for them to understand the effectiveness of their training materials.

![[CleanShot 2022-09-14 at 08.04.04@2x.png]]

Lobby screen

![[CleanShot 2022-09-14 at 08.07.15@2x.png]] ![[CleanShot 2022-09-14 at 08.14.53@2x.png]]

Closing scene

![[CleanShot 2022-09-14 at 08.16.15@2x.png]]

Practical activity/outro

![[CleanShot 2022-09-14 at 08.22.21@2x.png]]

Demonstrate you can go to the EHS web site and think about a hazard in your workplace.
Save responses via SCORM
5 characters in field = completed for that blank
only 3 questions
May need to make text atom editable
- capture and send to SCORM
- Where does it go? knowledge check activity
- numeric tracking type is a text input
- piggyback on what multiple choice is doing
  - take answer for each and dump as user answers

Final screen

![[CleanShot 2022-09-14 at 08.29.11@2x.png]]

Add exit button that closes course

Questions

Transition from instructions (maybe on computer screen) to lobby screen?

Info

Link:: Metrics dashboard

Current Progress

2022-10-04

Course content
- Intro video
- single page with transitions and voiceover
  - should this be a video?
- 3x3 grid of workspaces
- panos
  - with finishing screen
- question screen (outro)
  - Dave will rework (comp ideas 10 practical activity 4)
- congratulations
navigation
- rewatch movie (intro video)
- lobby transition (“What You Need to Know”)
- pano select (hazard awareness activity)
- questions (closing/conclusion)

2022-09-20

Had to install html-react-parser to the project. It was already present in node_modules after installing project dependencies, but its dependencies were not being installed. Maybe this is an issue with a lock file somewhere?
New buttons appearing in boxes
- due to this breaking change introduced in a patch release of the item renderer
- property should be affirmative – addClose or showClose – to be backward compatible
Infospots have large black boxes around them
Pano does work with touch, but it feels off. Movements of the pano don’t directly respond to finger movements.
Gyro icon doesn’t appear to be hooked up to anything. It has an action that doesn’t seem to exist.

2022-09-14

Ready to work

questions screen
2 panos
gyro icon on toolbar
- confirm finger can pan pano
- gyro should allow gyro control of pano
toolbar
- menu
- playback controls

Ready to work soon

Transition from last screen of video to lobby menu screen

Panolens

Hold control and mouseover on spot to get coordinates (x,y,z) in console
Need to make timeouts deterministic (wait for render done)
- panolense src/infospot line 106
- postLoad function
Make change rotation indicator more React-like

Post-Mortem

Reflections on the project

Quartz 4

Explorer

Apple Flagship EHS course project