H5P Image Sequencing

About Image Sequencing

The Image Sequencing content type challenges learners to order a randomized set of images according to a task description. Learners will drag and drop the images into the correct order and then be able to check their work. You can enable settings so that the learner can also see how much time is spent on the exercise and how many total moves were made. 

Use Cases

You can use this content type to create any sort of exercise where the learner has to place predefined items in the correct order (sequence):

  • Putting on personal protective gear (PPE)
  • Giving patients routine physical examinations
  • Cardiopulmonary resuscitation (CPR) steps


Create Image Sequencing H5P interactive content

Creating new H5P content is a multi-step process. H5P activities are managed through a Content Bank  an area where H5P content may be created, edited and stored. Once an activity has been created in the content bank, it can be added to your course and the activity settings can be configured as needed. 

  1. Open the CLE (cle.ucsf.edu) 
  2. Go to the CLE course where you would like to add the activity and turn Edit mode on. 
  3. Navigate to the content bank in your course to create interactive content and visit the H5P image sequencing tutorial to learn how image sequencing works.    
  4. Once your activity has been created, navigate to the section where the activity should be located. 
  5. Click add an activity or resource to add an H5P activity to your course. 
You can combine H5P content into other activities or resources in the CLE such as a Page, Lesson, or Book. Review Embed H5P into other activities in the CLE for more information and instructions.
Was this topic helpful?

Have more questions? Contact us