Interactive Activity Generator
Generate self-contained JavaScript/HTML learning activities from a template library or AI suggestions — then iterate until the activity is exactly what you need.
What It Does
The Interactive Activity Generator creates standalone HTML/JavaScript learning activities — drag-and-drop exercises, matching games, scenario simulations, flashcards, and more — tailored to a specific topic and learning objective within your module. Each generated activity is a single self-contained file that can be embedded in an LMS, published to a web page, or included in a course package.
The generator works in two steps. Step 1 is setup: choose an activity type, set the learning objective, and review the AI prompt before anything is sent. Step 2 is iteration: view the live result in a preview panel, refine the prompt if needed, and regenerate until the activity is right — then save it to the module.
Step 1 — Setup
Template Library
A dropdown of pre-defined activity templates organized by type — matching, sorting, scenario, flashcard, quiz game, and more. Select a template to see its full description and what kind of interaction it produces. The selected template drives the AI’s generation strategy.
Let AI Suggest
Choose “Let AI Suggest” from the template dropdown and PreseMaker analyzes the module’s content and the learning objective to recommend several activity concepts. Each suggestion appears with a description. Pick the one that fits best and the generator uses it as the basis for the activity instead of a fixed template.
Learning Objective
Set the Bloom’s taxonomy level (Remember, Understand, Apply, Analyze, Evaluate, Create) and the specific topic for the activity. This combination shapes the cognitive demand of the generated activity and keeps it aligned to your module’s learning outcomes.
Prompt Editor
Before any AI call is made, clicking Generate Activity opens a Prompt Editor showing the exact system and user prompts that will be sent. You can review and edit both prompts directly before confirming. This transparency means you always know — and can control — what instructions the AI receives.
Step 2 — Iterate & Save
After the AI generates the activity, a live HTML preview appears on the right side of the form. You can interact with the activity directly in the preview to check that it works correctly. The session log on the left records all generation attempts in the current session.
Regenerate
Re-open the Prompt Editor with the previous prompts pre-filled, adjust them, and regenerate. Each generation attempt is tracked in the session log so you can compare versions and choose the best result before saving.
Save to Module
When the activity is ready, enter a name and save it. The file is written to the module’s activities folder as a self-contained HTML file. The Module Status panel updates immediately to reflect the new count.
View Activities
The View Activities button (accessible from both the generator and the Module Content Generator) opens the Activity Manager — a library of all saved activities for the module where you can preview, rename, or delete them.