Skip to main content

H5P Creator (Beta) Guide

The H5P Creator (Beta) in ClassCraft AI allows educators to design a wide range of interactive H5P content tailored to their teaching needs. This guide explains the process of creating, customising, and exporting H5P packages while maintaining flexibility to adapt to any supported H5P content type.

Overview​

The H5P Creator provides:

  • A selection of content types (e.g., quizzes, timelines, flashcards) for interactive learning.
  • Full customisation options for text, images, and settings.
  • Seamless integration with Learning Management Systems (LMS) through H5P packages.

Tip: Choose the H5P content type that aligns with your teaching goals, whether it's to engage students with vocabulary practice, organise historical events, or facilitate self-paced learning.

Step-by-Step Guide​

1. Selecting a Content Type​

  • Navigate to the H5P Creator tool in ClassCraft AI.
  • Browse the grid of content type options and select one.
  • Examples include dialog cards, timelines, drag-and-drop exercises, or quizzes.

Tip: Think about the learning objective when selecting a content type. For example, use dialog cards for vocabulary practice or timelines for history lessons.

2. Configuring the Content​

Enter a Topic or Subject​

  • Add a descriptive topic or subject to guide the AI in generating content.
  • Example: "Introduction to Prepositions" or "History of Modern Art."

Customisation Options​

The available fields and settings will vary depending on the selected H5P content type. These may include:

  • Text: Add or edit instructional text, questions, or answers.
  • Images: Use the integrated image selector to upload, replace, or search for relevant visuals.
  • Audio: Add audio clips or regenerate them using AI tools.
  • Settings: Configure behavioural options such as retries, navigation, randomisation, or progression.

Tip: Focus on the key elements that make the activity engaging and informative for learners.

Reordering and Refining​

  • Reorder elements such as questions, events, or cards.
  • Adjust individual content pieces by editing text, replacing images, or regenerating audio as needed.

Best Practice: Ensure the content is logically structured and visually appealing for a seamless learner experience.

3. Reviewing and Previewing​

Preview Mode​

  • Click Create and Preview H5P to review the content in its interactive format.
  • Navigate through the activity to test its functionality and engagement level.

Tip: Use the preview to identify any areas for improvement or adjustments.

Refine Based on Feedback​

  • Make necessary edits to text, images, or settings based on the preview.
  • Regenerate or replace elements as needed to improve quality and accuracy.

4. Exporting and Using the Content​

Download the H5P Package​

  • Once satisfied with the content, click Download H5P Package to export it.

Importing to an LMS​

Tip: Ensure that your LMS supports H5P content for seamless integration.

Example Usage​

Scenario​

You are teaching vocabulary and want to create an engaging activity for learners to practice prepositions.

  1. Select Content Type:

    • Choose an interactive activity, such as dialog cards.

  2. Configure Content:

    • Add sentences using prepositions and corresponding translations.
    • Upload images relevant to each sentence.
    • Add or regenerate audio for pronunciation.

  3. Review and Export:

    • Preview the cards to ensure accuracy and engagement.
    • Download the H5P package and upload it to your LMS for learner access.

Tips for Effective Use​

  • Adapt to Learners’ Needs: Tailor content complexity, format, and interactivity to the target audience.
  • Leverage Multimedia: Use high-quality images, audio, and videos to create immersive learning experiences.
  • Iterate and Test: Preview the content multiple times to ensure all elements work as intended.
  • Combine Activities: Use multiple H5P types in your lesson plan to offer variety and reinforce learning.

Suggested Images​

  • Placeholder: Screenshot of the H5P Creator grid showing content type options.
  • Placeholder: Screenshot of the configuration screen with editable fields.
  • Placeholder: Screenshot of a previewed H5P activity.

FAQ​

Can I regenerate content if the AI results aren’t satisfactory?​

Yes, you can regenerate individual elements, such as text, images, or audio, using the provided options.

How do I reorder content elements?​

Use the drag-and-drop functionality in the configuration screen to rearrange items like questions, events, or cards.

Are all H5P packages compatible with my LMS?​

Most LMS platforms that support H5P, such as Moodle or Canvas, are compatible with the exported packages.

This guide ensures flexibility while explaining how to use the H5P Creator to meet diverse teaching goals. Let us know if you’d like additional refinements or enhancements!