Skip to content

List of MicroSims for This Intelligent Textbook

Here is a list of MicroSims that are used in our intelligent textbooks.

Learning Graph

Learning Graph

Word Cloud

Word Cloud

Sine Wave

Sine Wave

Templates

Instructional Design MicroSims - Summary

ADDIE Workflow Interactive Model

Purpose

Helps learners explore the five phases of the ADDIE instructional design model and understand its iterative nature.

Interactive Features

  • Clickable Phase Nodes: Click on any of the 5 colored circles (Analysis, Design, Development, Implementation, Evaluation) to see detailed tasks
  • Iteration Arrows: Toggle to visualize how designers cycle back to earlier phases
  • Animated Flow: Watch a particle move through the ADDIE workflow
  • Task Checkboxes: View individual tasks within each phase as checkable items
  • Animation Speed Control: Slider to adjust flow animation speed

Canvas Size

800x720px (600px drawing + 120px controls)

Learning Objectives

  • Identify the five phases of ADDIE
  • Explain the purpose of each phase
  • Understand the iterative nature of instructional design
  • Recognize when to cycle back to earlier phases

Cognitive Load Visualizer

Purpose

Demonstrates the three types of cognitive load and their impact on working memory capacity.

Interactive Features

  • Three Load Sliders: Independently adjust intrinsic, extraneous, and germane load
  • Working Memory Visualization: "Brain" fills up as total load increases
  • Color-Coded Bars: See relative contributions of each load type
  • Yellow = Intrinsic load (content difficulty)
  • Red = Extraneous load (poor design)
  • Green = Germane load (learning processes)
  • Real-time Feedback: Messages about whether load is optimal
  • Good/Bad Examples: Buttons to load pre-configured scenarios
  • Visual Indicators: Blue (manageable), orange (near capacity), red (overload)

Canvas Size

800x650px (500px drawing + 150px controls)

Learning Objectives

  • Identify the three types of cognitive load
  • Explain how each type affects learning
  • Recognize cognitive overload situations
  • Apply load principles to instructional design
  • Evaluate materials for cognitive load issues

Embedding in the Instructional Design Chapter

In the ADDIE Model Section

Add this to your concepts/instructional-design.md file in the ADDIE section:

1
2
3
4
<iframe src="../../sims/addie-workflow/main.html" 
        height="722" 
        scrolling="no">
</iframe>

Technical Specifications

Both MicroSims Feature

✓ Responsive width design ✓ Clean, professional interface ✓ Color-coded visual elements ✓ Real-time interactivity ✓ Educational context and instructions ✓ Screen reader accessibility ✓ Mobile-friendly ✓ p5.js v1.11.2 ✓ No external dependencies beyond p5.js

Educational Integration

ADDIE Workflow is Perfect For:

  • Introducing systematic instructional design
  • Teaching project planning
  • Explaining iterative processes
  • Understanding design phases

Cognitive Load is Perfect For:

  • Understanding learning theory
  • Teaching design principles
  • Evaluating instructional materials
  • Applying evidence-based practices

Additional MicroSims Available

From your infographics list, I can create more MicroSims:

  1. Learning Objective Quality Checker - Real-time objective analysis
  2. Assessment Alignment Matrix - Align objectives with assessments
  3. Multimedia Principles Demonstrator - Show Mayer's principles
  4. MicroSim Design Canvas - Plan MicroSim designs
  5. Scaffolding Fading Simulator - Show support over time
  6. UDL Three Principles - Universal Design for Learning