Interactive Learning
This strand hosts classroom-ready AI demonstrations that make core concepts practical, visual, and discussable in lessons.
Any demo folder dropped into src/learning/demos/<demo-path>/ with an index.html is automatically listed below.
Status: Active scaffold
Available Demos
Description: Interactive seating simulation that introduces AI constraint optimisation using a wedding-table scenario.
Purpose: Help learners understand variables, constraints, objective functions, and why search heuristics outperform manual trial-and-error at scale.
Outcome: Students compare manual and AI-assisted seating strategies, then explain trade-offs between feasibility and solution quality.
Suggested Session Timings
- Starter (5 minutes): introduce the AI concept and expected learning outcome.
- Hands-on (15-20 minutes): students interact with the demo and record observations.
- Reflection (5-10 minutes): compare strategies, outcomes, and trade-offs.
Accessibility Baseline (WCAG 2.2-aligned)
- Keyboard operation is required for all interactive controls.
- Visible focus indicators must remain clear against the background.
- Instructions and status feedback must not rely on colour alone.
- Touch/target sizing should be suitable for mobile learners.