\n\n## Comments from Sylvia while exploring\n\n**As a newbie = First exploration**\n\n* First I found it quite hard to understand, what I can do with it and what the differences are between h5p.org and h5p.com and how to start. I've started with the free version hp5.org to get an idea, great to get inspired by the given examples but quite soon also saw the limits of the free version - only 4 content types are available. \n* So soon I decided to create an account for for paid / in Moodle integrated version at h5p.com. For teachers it makes only sense when using it in Moodle, otherwise quite expensive, but with a trial account you have 30 days to explore. However, it gives you many different options and great features. Also nice to explore, not always that obvious, so more for users who like technologies and to have options to choose from.\n* Attention! \"Save\" - Button in my Scenario wasn't that obvious. Developed a whole branching Scenario (without saving), could test it etc. but when closed the browser, all was gone.\n\n**Content Types due to \"Text\" I find interesting for us**\n\n* True or false-question (e.g. useful for a verification exercise, asking for different facts/lies)\n* Quiz & Multiple Choice (e.g. useful when we have more than one correct answer, test knowledge)\n* Drag & Drop (e.g. for sorting what is a socio scientific issue and what not, or what is a trustworthy source and what not, always when the answer is clear)\n* Dialoge cards (e.g. for self-testing when learning new terms, could always be a short description on one side, and the term on the other side - or when wanting to translate our buzzwords into own language)\n* Structure Strip (e.g. pre-structure for a task - introduction, abstract, conclusion could be used when students need to weigh different arguments before they make a decision - describe the process)\n* There are more, like \n * Sort the paragraph, crossword, summary, mark the words, guess the answer, fill in the blanks, drag the words, documentation\n\nContent Types due to \"Images\" I find interesting for us\n\n* Image choice (e.g. for choosing which image one finds trustworthy or not // or if an image is using a manipulation technique, etc.)\n* Game map (e.g. geographical issues could be explore - for Europe for example different organisations, or positions / articles about a specific SSI issue - from different countries)\n* Image slider (e.g. to make content appealing)\n* Image hot spot (e.g. could be used to indicate on an example post what could be checked / is suspicious, e.g. date, author, claim, facts, title, …)\n* There are more, like\n * Virtual tour 360 grad, memory, collage\n\nContent Types due to \"Audio\" I find interesting for us\n\n* audio (upload audio, e.g. for an interview, for voicing an opinion, for researching)\n* dictation\n\nContent Types due to \"Multimedia\" I find interesting for us\n\n* Branching Scenario (e.g. for self-pace-learning, creating dilemmas, could be useful for verification process, researching process, or coming to a decision - all proceses)\n* Interactive books (e.g. for delivering content, with links, images, …)\n* Interactive videos (e.g. for explaining something & asking mpc-questions or questions for reflection)\n* Course presentation (e.g. slides, for content)\n* There are more, like\n * Cornel notes, KewAr-Code, \n\n\nContent Types due to live-engagement\n\n* chase (for live quiz or competitions, build on other content types like drag & drop, multiple choice - and in different paces possible - self learning, chase)\n* multipoll (e.g. interesting for brainstorming, evaluation, feedback - connect to learner)\n* emoji-cloud (e.g. nice for kids / young learners, how they feel about an example or give feedback about something)\n* word clould (e.g. for brainstorming)\n\n\n\\\n## Tips for using H5P in SciLMi Moodle\n\n\n### Where do I create h5p activities in Moodle?\n\n* on the SciLMi Moodle site under \"My courses\" enter the \"Overview of Available h5p Activities (…)\"\n\n\n* activate Edit Mode\n* underneath the course heading open the \"More\" drop down menu and choose \"content bank\"\n* open the \"Add\" dropdown-menu and choose the interactive content type you want to create\n* give your activity a name that makes it recognisable in the content bank overview\n\n\n### How do I link my h5p activity to the right course section?\n\n* in the side bar (course index) open the course section you want to put your activity in\n* click on the \"+\" symbol at the bottom of the page > choose \"Activity or resource\" > \"H5P\"\n* enter a name (and if needed a description\") for your activity section\n* click on the \"+\" symbol in the \"Package file\" box and choose your activity from the content bank (tick the box with the \"Link to the file\" option)\n* after adding your activity \"Save and return to course\"\n\n \\\n\n\n:::warning\n### CAREFUL!!\n\nMoodle also allows you to edit h5p activities directly from inside the course sections. However, in order to avoid complications, only edit your source material in the **content bank** directly, as described above (speaking from experience**\ud83d\ude05**)!!\n\n:::\n\n\n### What to consider when working on drag & drop activities:\n\n\n**Create your design with a ppt-template before moving on to working with h5p.**\n\n* pick a 16:10 **landscape** ratio (1920x1200 pixels or 1280x800 pixels)\n* choose and design your desired drop area\n* Text boxes that won't be moved during the activity can also be designed in ppt for an improved visual appeal, however be aware that since they will be part of the background graphic, accessibility tools might not work on them!\n* Once you have created your template download it as a graphic file. Since simply saving the file as jpeg tends to downgrade the image quality, I recommend downloading the slide as pdf and putting it through an online pdf-to-jpeg converter.\n\n\n**You can then start working directly with h5p.**\n\n* define the task size according to the ratio you used for the template\n* set your template image as background image for your activity \n* in the \"Task\" section you can now create drop zones and text cards for your activity\n* in order to display and test the completed activity click the \"save\" button at the bottom of the page\n\n\n\\\n\n:::tip\n### Useful Links:\n\nTeaching Resources - Using h5p Interactive Content in Moodle (NC State University): \n\n\n\n:::","HTML":"Summary
\n\n- Link to App: <https://h5p.org/>
\n- GDPR-Compatible: https://h5p.org/plugin-gdpr-compliance
\n- Free or Paid:
\n
\nFree: H5P.org (limited features)
\nPaid: H5P.com (full features, LMS integration, and hosting options)
\n\n- Multimedia Support: H5P supports videos, images, text, audio, and interactive content formats like drag-and-drop, fill-in-the-blank, and branching scenarios.
\n- Activity: H5P can be used to create engaging and interactive activities, such as: (1) Presentations, (2) Quizzes, (3) Questions, (4) Games, (5) Interactive videos, (6) Multimedia content.
\n- Accessibility: H5P aims to be accessible, offering support for screen readers and keyboard navigation. However, the accessibility features depend on the platform with which it is integrated (e.g., Moodle or WordPress).
\n
\nShort Description
\nH5P is an open-source tool designed to create engaging and interactive content for educational settings. H5P stands for HTML5 Package. Its goal is to enable teachers to easily produce interactive materials such as presentations, videos, multimedia content, questions, quizzes, games, and more without requiring any programming skills. H5P is integrated with Moodle, allowing any enrolled teacher to create and share content easily on the platform. This guide outlines the features, setup, and best practices for effectively using H5P in your teaching.
\nWhat types of tasks and activities can this app support in my teaching?
\n
\n\n- Interactive Videos
\n
\nEmbed questions, images, or links within videos to engage students as they watch.
\nFor example, you could add multiple-choice questions, true/false statements, or short-answer questions at different points in the video.
\n\n- Quizzes
\n
\nCreate a variety of question types such as multiple choice, true/false, fill in the blanks, and drag-and-drop activities.
\n\n- Interactive Presentations
\n
\nCombine text, images, videos, and quizzes into a dynamic, interactive presentation.
\n\n- Games
\n
\nUse tools like crossword puzzles, memory games, and find-the-word games to make learning more engaging.
\n\n- Flashcards
\n
\nCreate sets of digital flashcards to help students review and memorise key terms or concepts.
\n\n- Drag-and-Drop Activities
\n
\nAllow students to match terms with definitions, group related concepts, or place items in the correct order using drag-and-drop interactions.
\n\n- Timeline Activities
\n
\nCreate interactive timelines where students can explore historical events or processes by adding multimedia to different points on a timeline.
\n\n- Dialog Cards
\n
\nEngage students in interactive dialogue simulations where they can respond to questions or prompts, fostering active learning.
\n\n- Fill in the Blanks
\n
\nCreate activities where students need to complete sentences or fill in missing words.
\n\n- Virtual Tours
\n
\nCreate interactive virtual tours with embedded hotspots, allowing students to explore different locations or concepts interactively.
\nWhat steps do I need to take?
\n\n- Create an Account or Access H5P
\n
\n\n- Option 1: Use H5P.org (free, limited functionality).
\n
\nIdeal for exploration and simple content creation.
\nClick this link to try out the H5P authoring tool: <https://h5p.org/testdrive-h5p>
\n\n- Option 2: Use H5P.com (subscription-based).
\n
\nIt offers all features, hosting, and integration with websites and LMS platforms.
\nAlternatively, you can download LUMI (paid) to create offline content.
\nClick here for H5P.com to sign up for a free 30-day trial: <https://eu-west-1.h5p.com/register>
\n\n- Option 3: Use H5P within your LMS (e.g., Moodle or Canvas).
\n
\nScilMi Moodle supports H5P for free, so you can log in as a teacher and create your H5P content on Moodle to share with your students on the platform.
\nFor guidance on using H5P with Moodle, click here: H5P Setup for Moodle
\n\n- Example of how to structure H5P activities for your teaching
\n
\n\n- Pre-lesson materials (e.g., interactive videos)
\n- In-class activities (e.g., quizzes or group tasks)
\n- Post-lesson reflections (e.g., feedback surveys or reflective prompts)
\n- Revision tools (e.g., flashcards or timelines)
\n
\n\n- Example H5P content on Moodle
\n
\n\n- Username student
\n- Password moodle2025
\n- Visit: <https://school.moodledemo.net/course/view.php?id=67>
\n
\nor as a teacher to edit the course
\n\n- username teacher
\n- password moodle25
\n
\nWhat should I keep in mind?
\n\n- Time Management:
\n
\nWhen first starting, there may be a learning curve with creating H5P content. Allocate time to explore the tool, try different content types, and experiment with creating and refining your activities.
\n\n- Track Progress
\n
\nIf you integrate H5P with a Learning Management System (LMS) like Moodle, you can track student progress. Use this data to inform your teaching and provide personalised feedback.
\n\n- Feedback
\n
\nProvide immediate feedback on quizzes, tasks, and other activities.
\n\n- Hosting Options for H5P
\n
\n\n- Self-Hosting
\n
\nH5P is free and open-source, allowing you to install it on your own server using platforms such as WordPress, Drupal, or Moodle. This option provides you with complete control over your content; however, it requires technical expertise for setup and maintenance.
\n\n- H5P.com
\n
\nIf you prefer a managed solution, H5P.com offers hosting services that come with additional features. These include exclusive content types, LTI integration for Learning Management Systems (LMS), and dedicated support. This service is subscription-based, and pricing details can be found on their website.
\nHP5 Activities
\nHere are some activities provided by H5P to enhance teaching and learning experiences.
\nhttps://h5p.org/content-types-and-applications?utm%5Fsource=chatgpt.com
\nUseful Resources
\n\n- H5P Tutorials: <https://h5p.org/documentation/for-authors/tutorials>
\n- H5P Guidelines: <https://help.h5p.com/hc/en-us>
\n- H5P Documentation: <https://h5p.org/documentation>
\n
\nTutorial
\nHere is a range of tutorials on how to enhance teacher-student interaction during your lessons on Moodle with H5P. Some tutorials include embedded videos, while others require you to click a link to an external site to view the full tutorial.
\nEnjoy, and let's get more creative to make learning more fun and engaging!
\nCheers!
\nReferences
\nH5P. (n.d). H5P: Create and share rich HTML5 content. H5P.org. Retrieved December 26, 2024, from <https://h5p.org/>
\nMoodle. (n.d). H5P. Moodle documentation. Retrieved December 26, 2024, from <https://docs.moodle.org/405/en/H5P>
\nComments from Sylvia while exploring
\nAs a newbie = First exploration
\n\n- First I found it quite hard to understand, what I can do with it and what the differences are between h5p.org and h5p.com and how to start. I've started with the free version hp5.org to get an idea, great to get inspired by the given examples but quite soon also saw the limits of the free version - only 4 content types are available.
\n- So soon I decided to create an account for for paid / in Moodle integrated version at h5p.com. For teachers it makes only sense when using it in Moodle, otherwise quite expensive, but with a trial account you have 30 days to explore. However, it gives you many different options and great features. Also nice to explore, not always that obvious, so more for users who like technologies and to have options to choose from.
\n- Attention! "Save" - Button in my Scenario wasn't that obvious. Developed a whole branching Scenario (without saving), could test it etc. but when closed the browser, all was gone.
\n
\nContent Types due to "Text" I find interesting for us
\n\n- True or false-question (e.g. useful for a verification exercise, asking for different facts/lies)
\n- Quiz & Multiple Choice (e.g. useful when we have more than one correct answer, test knowledge)
\n- Drag & Drop (e.g. for sorting what is a socio scientific issue and what not, or what is a trustworthy source and what not, always when the answer is clear)
\n- Dialoge cards (e.g. for self-testing when learning new terms, could always be a short description on one side, and the term on the other side - or when wanting to translate our buzzwords into own language)
\n- Structure Strip (e.g. pre-structure for a task - introduction, abstract, conclusion could be used when students need to weigh different arguments before they make a decision - describe the process)
\n- There are more, like
\n- Sort the paragraph, crossword, summary, mark the words, guess the answer, fill in the blanks, drag the words, documentation
\n
\nContent Types due to "Images" I find interesting for us
\n\n- Image choice (e.g. for choosing which image one finds trustworthy or not // or if an image is using a manipulation technique, etc.)
\n- Game map (e.g. geographical issues could be explore - for Europe for example different organisations, or positions / articles about a specific SSI issue - from different countries)
\n- Image slider (e.g. to make content appealing)
\n- Image hot spot (e.g. could be used to indicate on an example post what could be checked / is suspicious, e.g. date, author, claim, facts, title, …)
\n- There are more, like
\n- Virtual tour 360 grad, memory, collage
\n
\nContent Types due to "Audio" I find interesting for us
\n\n- audio (upload audio, e.g. for an interview, for voicing an opinion, for researching)
\n- dictation
\n
\nContent Types due to "Multimedia" I find interesting for us
\n\n- Branching Scenario (e.g. for self-pace-learning, creating dilemmas, could be useful for verification process, researching process, or coming to a decision - all proceses)
\n- Interactive books (e.g. for delivering content, with links, images, …)
\n- Interactive videos (e.g. for explaining something & asking mpc-questions or questions for reflection)
\n- Course presentation (e.g. slides, for content)
\n- There are more, like
\n- Cornel notes, KewAr-Code,
\n
\nContent Types due to live-engagement
\n\n- chase (for live quiz or competitions, build on other content types like drag & drop, multiple choice - and in different paces possible - self learning, chase)
\n- multipoll (e.g. interesting for brainstorming, evaluation, feedback - connect to learner)
\n- emoji-cloud (e.g. nice for kids / young learners, how they feel about an example or give feedback about something)
\n- word clould (e.g. for brainstorming)
\n
\nTips for using H5P in SciLMi Moodle
\nWhere do I create h5p activities in Moodle?
\n\n- on the SciLMi Moodle site under "My courses" enter the "Overview of Available h5p Activities (…)"
\n
\n\n- activate Edit Mode
\n- underneath the course heading open the "More" drop down menu and choose "content bank"
\n- open the "Add" dropdown-menu and choose the interactive content type you want to create
\n- give your activity a name that makes it recognisable in the content bank overview
\n
\nHow do I link my h5p activity to the right course section?
\n\n- in the side bar (course index) open the course section you want to put your activity in
\n- click on the "+" symbol at the bottom of the page > choose "Activity or resource" > "H5P"
\n- enter a name (and if needed a description") for your activity section
\n- click on the "+" symbol in the "Package file" box and choose your activity from the content bank (tick the box with the "Link to the file" option)
\n- after adding your activity "Save and return to course"
\n
\n\n
Warning
\n
CAREFUL!!
\n
Moodle also allows you to edit h5p activities directly from inside the course sections. However, in order to avoid complications, only edit your source material in the content bank directly, as described above (speaking from experience\ud83d\ude05)!!
\n
\nWhat to consider when working on drag & drop activities:
\nCreate your design with a ppt-template before moving on to working with h5p.
\n\n- pick a 16:10 landscape ratio (1920x1200 pixels or 1280x800 pixels)
\n- choose and design your desired drop area
\n- Text boxes that won't be moved during the activity can also be designed in ppt for an improved visual appeal, however be aware that since they will be part of the background graphic, accessibility tools might not work on them!
\n- Once you have created your template download it as a graphic file. Since simply saving the file as jpeg tends to downgrade the image quality, I recommend downloading the slide as pdf and putting it through an online pdf-to-jpeg converter.
\n
\nYou can then start working directly with h5p.
\n\n- define the task size according to the ratio you used for the template
\n- set your template image as background image for your activity
\n- in the "Task" section you can now create drop zones and text cards for your activity
\n- in order to display and test the completed activity click the "save" button at the bottom of the page
\n
\n\n
Tip
\n
Useful Links:
\n
Teaching Resources - Using h5p Interactive Content in Moodle (NC State University): <https://teaching-resources.delta.ncsu.edu/h5p-interactive-content/>
\n
","UPDATEDAT":"2025-09-02T03:35:07.443Z","ID":"ee10ffb9-a38d-4b73-8e1d-198108ab40bd","TITLE":"H5P"}