Interactivity templates

Course Studio interactivities — quiz and question types that check understanding, rendered live and self-scoring.

Interactivities check understanding. Every type below is fully interactive — answer it, then press Check answer for instant, colour-coded feedback.

Quiz engine

A multi-question flow with a progress bar, timer, per-question scoring, and a results screen.

Knowledge basics quiz0:00

1 · Where does the Assistant look for answers?

Question 1 of 3

Single select

Choose exactly one correct answer.

Single select1 point

Which principle keeps a Knowledge Assistant's answers trustworthy?

Multi-select · all or none

Select every correct option and nothing else to earn the point.

Multi-select · all or none1 point

Which of these belong in a well-scoped Knowledge Center? Select all that apply.

Multi-select · partial credit

Earn a point for each correct option; wrong picks cost a point.

Multi-select · partial credit3 points

Which signals help the Assistant give a trustworthy answer? Select all that apply. You earn a point for each correct choice.

True / False

A quick two-option check.

True / False1 point

A Knowledge Assistant can cite the exact source passage behind an answer.

Fill in the blank

Type the missing words inline; multiple accepted answers are supported.

Fill in the blank2 points

Complete the sentence about how the Assistant works.

The Assistant retrieves relevant passages from the and then its sources.

Short answer

One card, four scoring styles — keyword fill, free-text keyword match, numeric tolerance, and an ungraded reflection.

Short answer · variants

Fill-blank: In one word, what does a grounded answer link back to?

Text: Name one thing that makes an Assistant answer trustworthy.

Keyword match: mentions of citing, sources, or grounding are accepted.

Numeric: A course has 8 modules and you have finished 6. What percent is complete?

%

Reflection (ungraded): How would you use the Assistant in your own workflow?

Matching · dropdowns

Pair each item with its match using dropdowns — tap- and keyboard-friendly.

Matching · dropdowns

Match each JoySuite building block to what it does.

Knowledge Center
Knowledge Assistant
FlexDoc

Matching · drag and drop

Drag each term onto its definition.

Matching · drag & drop

Drag each term onto its definition.

Knowledge Center Knowledge Assistant FlexDoc
The central hub where all content livesDrop term
An AI helper that answers with citationsDrop term
A rich, flexible documentDrop term

Categorization / sorting

Drag each item into the category it belongs to.

Categorization · drag & drop

Sort each item into the JoySuite area it belongs to.

Draft a FlexDoc Organize the Knowledge Center Build a quiz Track learner progress Ask a cited question
Knowledge Center
Drop here
Course Studio
Drop here
Knowledge Assistant
Drop here

Hot spot · identify

Click the correct region of an image.

Hot spot · image

In this Assistant reply, click the element that makes the answer verifiable.

A 📎 Source: Handbook

Hot spot · text

Click the correct word within a passage.

Hot spot · text

Click the word that names where the Assistant looks for answers.

When a learner asks a question, the Assistant searches the Knowledge Center, ranks the most relevant passages, and returns a grounded answer with citations.

Labelling · dropdowns

Label points on a diagram using dropdowns.

Labelling · dropdowns

Label the three stages of the Assistant's answer pipeline.

1 2 3
1
2
3

Labelling · drag and drop

Drag labels onto the diagram.

Labelling · drag & drop

Drag each label onto the matching stage of the answer pipeline.

Retrieve passages Ground & generate Cite sources
Stage 1 Stage 2 Stage 3
Stage 1Drop label
Stage 2Drop label
Stage 3Drop label

Ordering · dropdowns

Assign a position to each step using dropdowns.

Ordering · dropdowns

Put the steps of publishing a course in the right order.

Draft content blocks in Course Studio
Add guided experiences and assessments
Preview and review the course
Publish to learners

Ordering · drag and drop

Drag the steps into the correct sequence.

Ordering · drag & drop

Drag the steps into the order a learner experiences them.

Complete the assessment Enroll in the course Earn the certificate Work through the modules
1Drop step
2Drop step
3Drop step
4Drop step

Custom interactivity

When a template doesn't cover what you need, a custom interactivity is a coded, self-contained widget scoped to your course — a simulator, a bespoke practice tool, or any interactive the standard types don't offer. Unlike a custom guided experience (an AI conversation), a custom interactivity is deterministic and runs entirely in the browser.

Custom activity · sandboxed
Incident triage: branching scenario

A bespoke iframe activity scoped to your course: triage, branching, or practice flows the standard blocks don't cover.

Here's a working example — an interactive nuclear-fission simulation. Play it, adjust the moderation, and watch the chain reaction:

Custom interactivityNuclear fission: interactive simulation

Neutrons collide with uranium atoms, splitting them to release energy and more neutrons, a chain reaction. Adjust the moderation to control neutron speed, then play, pause, and refire to experiment.

Moderate

Simulation stats
Atoms split0
Energy released0 MeV
Active neutrons0
How it works
  • Adjust the moderation level to control neutron speed.
  • Slower neutrons (high moderation) are more likely to cause fission.
  • Each split atom releases 2–3 more neutrons.
  • Pause and refire to try different approaches; reset to start over.

Every interactivity here is generated from your own documents. To build your first course, see Creating a course.