Try it first. Read later.

This is S13 from PL01 — matching materials to their use — running as P-MATCH inside a 1920×1080 player frame. The learner text is in Malay by design (course language) and still illustrative until storyboard v2 is copied in.

Open the primitive page 16 deck interactions, live
K1 · PL01 · T3 · S13SANDBOX · not production
Padankan bahan dengan kegunaannya (learner text · ILLUSTRATIVE — replace with S13 storyboard v2)
Click a material, then a use.
◀ SebelumMenuSeterusnya ▶
pairs_linked0 / 4
pairs_correct—
attempts0
complete → CompletionEnginefalse
Frame: P-MATCH · state .sel .linked .ok .bad · evidence = all pairs correct · SCORM: suspend_data only
Filter:

Recognise and locate 3 patterns

The learner shows where something is, or what is wrong, on a site image.

Hotspots on an imageP-HOTSPOT

deck

3–6 meaningful locations on one site photo — leak points, inspection points, system parts.

NOT PICKEDno demo yet

Spot the fault on siteP-SPOT-FAULT

site

An installation photo with 2–3 deliberate faults; the learner marks what is wrong. Strong for inspection and safety.

NOT PICKEDno demo yet

Label the diagramP-LABEL

standard

A section diagram (membrane layers, substrate layers) to be named — drag labels onto parts.

NOT PICKEDno demo yet

Classify and match 3 patterns

The learner sorts items into groups or pairs two lists.

Match two listsP-MATCH

deck

Material ↔ use, tool ↔ task, symptom ↔ cause. Screen S13 in PL01 is a real example.

NOT PICKEDlive demo

Sort into categoriesP-SORT-BIN

standard

Items belong in 2–4 bins (allowed / not allowed, floor / wall / roof).

NOT PICKEDno demo yet

Accept / reject gateP-GATE

deck

One rule, many items; the learner predicts whether each item passes or is rejected, and every rejection has a reason. Good for specifications and conditions.

NOT PICKEDno demo yet

Sequence 2 patterns

The learner shows the correct order of work.

Order the work stepsP-SEQUENCE

standard

A 4–7 step procedure where order matters — surface preparation before coating, inspection before closing.

NOT PICKEDno demo yet

Guided step-by-stepP-STEPPER

deck

A procedure revealed one step at a time; the learner controls the pace but cannot skip.

NOT PICKEDno demo yet

Compare 3 patterns

The learner sees two states side by side and understands the difference.

Before / afterP-COMPARE-SLIDER

deck

Correct vs wrong installation on the same image; condition before vs after treatment.

NOT PICKEDno demo yet

Parameter sliderP-SCRUB

deck

One variable changes the outcome — coating thickness, slope, drying time — and the learner sees the effect.

NOT PICKEDno demo yet

Two views, one screenP-TOGGLE

deck

Specification vs site reality; plan vs as-built; what should be vs what happened.

NOT PICKEDno demo yet

Decide 4 patterns

The learner makes a choice and sees the consequence.

Reject the misconceptionsP-REJECT-ALL

deck

Every wrong answer is a common misconception with its own reason; the learner may try all of them before the right answer opens. Strong for “why not this one”.

NOT PICKEDno demo yet

Branching scenarioP-BRANCH

standard

Site situation → choice → consequence → next choice. 2–3 levels, one correct path and educational wrong paths.

NOT PICKEDno demo yet

Pre-work checklistP-CHECKLIST

site

Items that must be confirmed before work starts — PPE, surface condition, weather. The learner ticks; missed items are explained.

NOT PICKEDno demo yet

Remove what does not belongP-REMOVE

deck

A list of materials, tools or steps containing 1–3 wrong items; the learner removes them.

NOT PICKEDno demo yet

Explore and reveal 4 patterns

The learner opens dense content a little at a time — also the main tool for staying no-scroll.

Flip cardsP-FLIP

standard

Term → definition, image → name, question → answer. 4–6 cards.

NOT PICKEDno demo yet

Accordion / tabsP-ACCORDION

standard

Content that is genuinely long but splits into 3–5 independent sections. The safest way to avoid scrolling.

NOT PICKEDno demo yet

Peel the layersP-LAYER

site

A layered system — waterproofing, insulation, substrate — opened one layer at a time with name and function.

NOT PICKEDno demo yet

Hold / releaseP-HOLD

deck

A stop-work decision simulation: conditions change, the learner must hold the process when a condition is not met. No known K1 screen yet.

NOT PICKEDno demo yet

Test and apply 4 patterns

The learner proves understanding — this is where score and SCORM status live.

Quiz with rationaleP-MCQ

standard

Formal assessment at the end of a topic; every option shows its rationale after answering.

NOT PICKEDno demo yet

Video with pause questionsP-VIDEO-PAUSE

standard

A 1–3 minute demonstration video that stops at 1–2 points for one question.

NOT PICKEDno demo yet

Simple estimateP-ESTIMATE

site

Material quantity or coverage for a given area; 2–3 inputs, one result. Only if the formula comes from the module source.

NOT PICKEDno demo yet

Park the issue, continue the workP-PARK

deck

The learner identifies an issue that is not an immediate blocker and parks it with an owner so the main work can continue. No known K1 screen yet.

NOT PICKEDno demo yet