H5P: Creating H5P Content

Updated on Jul 25, 2024

About

H5P is a simple and easy to use HTML tool to create formative learning activities that can then be integrated into D2L or embedded in other sources. There is an expansive array of templates to choose from that are easy to customize for your specific needs. In this tutorial, we will walk through how to create a simple flashcard activity. However, each individual content in H5P has a tutorial and multiple examples to help learn each type.

Prerequisites

Have a H5P account set up by the ALT Team. If you don't already, please reach out to [email protected] to set up your account
Be signed in to pima.h5p.com.

Step-by-step Instructions

1. Once inside your H5P dashboard, navigate to Add Content in the top left or right of the screen.

Image showing to navigate to and select the Add Content button in the top right or left of the H5P dashboard.

2. Navigate to your desired content type or search for your desired content type in the Search for Content Types box.

Image showing the Create or Upload Content window with the Flashcards type selected.

3. Name your content using naming conventions and include a task description for students.

Please Note: This is what will populate to the D2L gradebook when a grade item is create should you opt to make a graded activity.

Image showing to fill the Title and Task Description

To aid in creating any type of content, each content type has a tutorial and example linked at the top of the content. Please use this resource to aid in creating other types of content.

Image showing the Tutorial link and the Example link found at the beginning of each content type.

4. Follow the instructions on screen and create your Question and Answer portion of the flashcard.

Image showing the creation of a card. There are spaces for a question, answer, and an image.

4.1. If you include a photo, be sure to add the ALT text for accessibility reasons.

See Guidelines for Creating ALT Text to learn more on creating alternative text.

Image showing the image portion of the flashcard creation showing the Alternative Text for Image box below Edit Image

5. Continue to select Add Card and follow the same steps until you have completed all your desired cards.

Image showing the list of created cards under the Cards section and the Add Card button below that.

Adjusting Settings

Below the content creation in each content type, there will be settings options that are unique to that content type, as well as a settings section that is the same for each content.

Unique Settings

The flashcard content type has a few settings that can be changed. You can disable Requiring user input before the solution can be viewed. You can also choose to enable Case Sensitive and Randomize Cards.

Settings available in all content types

Please see H5P: Editing Settings to review these settings.

0 Comments

Add your comment

Previous Guide H5P: Minimum Tech Requirements

Next Guide H5P: Recommended Syllabus Language

Pima Tech Guides