Learning Journal in Articulate Rise
A self-updating summary dashboard that aggregates a learner’s Monster Journey data—selected monster, scenario progress, reflections, and completion status—directly from local storage. It supports accessible progress visualization, data export, and a safe, sandbox-friendly reset mechanism, making it ideal for use inside Rise or other embedded learning environments.
- Client
- Self
- Year
- 2025
- Role
- Programmer
- Category
- eLearning
- Technologies
- HTML, CSS, JavaScript (ES5), Bootstrap 5, GSAP, Web Storage API (localStorage), ARIA / WCAG 2.1 Accessibility
This three-block interactive experience for Articulate Rise 360 teaches workplace collaboration through a playful monster-themed narrative. Block one lets learners select a monster teammate—each with distinct personality traits and work styles—while block two guides them through five sequential workplace scenarios that unlock progressively as they're viewed. Optional reflection prompts at each scenario auto-save to localStorage, encouraging deeper engagement without requiring completion.
Block three ties everything together with a live summary dashboard that polls for updates every two seconds, displaying the selected monster, scenario progress, and all journal entries in one view. Learners can export their entire journey as a downloadable text file or clear their data to start fresh. All three blocks include full WCAG accessibility support with skip links, ARIA live regions, keyboard navigation, focus indicators, and prefers-reduced-motion respect. Each block calls Rise's lmsAPI.SetReachedEnd() on completion to unlock subsequent content automatically.