FieldNote 003

Craig pixel avatar Computer pixel avatar
Project Title
Stage 3-4 Humanities: Newcastle Interactive Dashboard
Project Type
Student-facing accessibility dashboard / unit guide
Terrain
History, executive functioning supports, neurodiversity-informed design
Toolchain
HTML, CSS, JavaScript, AI Agent, GitHub Pages
Time to Prototype
~2 focused working sessions
Record
Converted a 3-page unit outline into an interactive one-page student dashboard

The Result

Public link: newcastle-humanities-dashboard.html

Screenshot of the Newcastle humanities student dashboard with weekly roadmap and accessibility controls

The Goal

The source material was a 3-page Stage 3-4 Humanities unit outline. The content was strong, but dense formatting made it harder for some students to track weekly priorities, deadlines, and assessment choices.

The goal was to rebuild the unit as a predictable one-page dashboard that reduces cognitive load, supports executive functioning, and gives students multiple ways to access and engage with the same learning goals.

Dialogue Excerpt

Conversation Strategy

  1. Stabilise the learning sequence: map all material to Week 1, Week 2, and Week 3 with one-click switching.
  2. Reduce overload by design: rewrite dense dot points into short action statements and collapsible sections.
  3. Make progress visible: add checkboxes, a completion bar, and weekly milestone text.
  4. Chunk major assessments: break each option into clear components with mini checklists.
  5. Support learner preference: include accessibility toggles and optional visual themes without changing core content.

Infrastructure Notes

File Structure: single-page dashboard with semantic sections, progressive disclosure, and teacher-ready sharing.
Content Architecture: roadmap, timeline, weekly panel, progress sidebar, assessment cards, and resources.
Interaction Layer: vanilla JavaScript controls week switching, progress tracker, theme changes, and assessment chunk rendering.
Accessibility Layer: high contrast mode, larger text mode, calm visual hierarchy, and collapsible content blocks.
External Integrations: live links to City of Newcastle, State Library NSW, Trove, and Newcastle Museum collections.
Maintenance Pattern: update week arrays, checklist text, and links without changing the layout system.

Reusable Pattern

You could use this pattern to…

Back to Home →