{"id":6593,"date":"2019-11-04T09:25:46","date_gmt":"2019-11-04T09:25:46","guid":{"rendered":"http:\/\/blog.citl.mun.ca\/technologyresources\/?page_id=6593"},"modified":"2022-03-21T18:14:38","modified_gmt":"2022-03-21T18:14:38","slug":"h5p-examples","status":"publish","type":"page","link":"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/h5p-examples\/","title":{"rendered":"H5P Examples"},"content":{"rendered":"\n<p><div class='content-column one_third'><div id=\"bellows-main-h5p\" class=\"bellows bellows-nojs bellows-main bellows-source-menu bellows-align-left bellows-skin-vanilla bellows-type- bellows-expand-current\"><ul id=\"menu-h5p\" class=\"bellows-nav\" data-bellows-config=\"main\"><li id=\"menu-item-15545\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-home bellows-menu-item-has-children bellows-menu-item-15545 bellows-item-level-0\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Home<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n<ul class=\"bellows-submenu\">\n\t<li id=\"menu-item-14017\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-14017 bellows-item-level-1\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Other Technology Tools<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n\t<ul class=\"bellows-submenu\">\n\t\t<li id=\"menu-item-14019\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-14019 bellows-item-level-2\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">What is H5P Interactive Content<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n\t\t<ul class=\"bellows-submenu\">\n\t\t\t<li id=\"menu-item-14035\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-14035 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/getting-started-with-the-h5p-resources-environment\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Getting started with H5P<\/span><\/a><\/li>\n\t\t\t<li id=\"menu-item-14033\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-14033 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/creating-a-resource\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Creating a Resource<\/span><\/a><\/li>\n\t\t\t<li id=\"menu-item-14031\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-14031 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/reuse-another-users-resource\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Reusing an Existing Resource<\/span><\/a><\/li>\n\t\t\t<li id=\"menu-item-14029\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-14029 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/editing-a-resource\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Editing a Resource<\/span><\/a><\/li>\n\t\t\t<li id=\"menu-item-14027\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-14027 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/embedding-a-resource\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Embedding a Resource<\/span><\/a><\/li>\n\t\t\t<li id=\"menu-item-14025\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-14025 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/organizing-resources\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Organizing Your Resources<\/span><\/a><\/li>\n\t\t\t<li id=\"menu-item-14023\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-14023 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/h5p-interactive-content\/h5p-examples\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">H5P Examples<\/span><\/a><\/li>\n\t\t<\/ul>\n<\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div><\/div><br><div class='content-column two_third last_column'><h1 class=\"wp-block-heading\">H5P Examples<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Example H5P Interactive Content<\/h2>\n\n\n\n<p>The following are examples that CITL staff created for various online courses. There are many more interactions and interaction types available but this will give you an idea of the instructional need for the interaction and the teaching and learning benefit. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Presentation<\/h3>\n\n\n\n<p>Using a slide presentation in a course gives the instructor control over how they present the content and it gives students control over how they interact with the content. Instructors can present the related concepts together and insert headings, links, images, videos, audio to present the content and to engage learners. Quiz type questions can be used for recall practice and self checks. <\/p>\n\n\n\n<p>This is a simple slide presentation with text, images, and questions. <\/p>\n\n\n\n<details class=\"HideReveal\">                                                                                                                                                                                                                    <summary>Show\/Hide Presentation<\/summary>                                                                                                                                                                                                               <div class=\"note\">                                                                                                                                                                                                                          <p><iframe loading=\"lazy\" src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/embed.php?id=903\" width=\"1130\" height=\"669\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>                                                                                                                                                                                                                     <\/div>                                                                                                                                                                                                <\/details>\n\n\n\n<h3 class=\"wp-block-heading\"> Question Set<\/h3>\n\n\n\n<p>With a Question Set, instructors can create a simple quiz that includes various question types such as multiple choice, multiple select, fill-in the blanks, and drag and drop. Question sets can be embedded directly in the content for recall practice and self-check on that topic.<\/p>\n\n\n\n<details class=\"HideReveal\">                                                                                                                                                                                                                <summary>Show\/Hide Question Set<\/summary>                                                                                                                                                                                                                      <div class=\"note\">                                                                                                                                                                                                                                    <p><iframe loading=\"lazy\" src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/embed.php?id=883\" width=\"1357\" height=\"316\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>                                                                                                                                                                                                                   <\/div>                                                                                                                                                                                             <\/details>\n\n\n\n<h3 class=\"wp-block-heading\">Drag and Drop<\/h3>\n\n\n\n<p>A drag and drop activity requires learners to drag text or an image and drop it on an associated area of an image or text.&nbsp;A drag and drop activity can help learners to engage with the content, make associations and connections, check their understanding, and in some cases it may be a safe way to practice a dangerous or difficult task or skill.<\/p>\n\n\n\n<details class=\"HideReveal\">                                                                                                                                                                                                                       <summary>Show\/Hide Drag and Drop<\/summary>                                                                                                                                                                                                                       <div class=\"note\">\n<h3>Activity Instructions<\/h3>\n<p>Use the clues below to fill in the family tree. Drag and drop the names on the left to the appropriate space on the right. Once done, select Comprobar to check your answers.<\/p>\n<p style=\"background-color:#d8f3b9;color:black\" class=\"has-text-color has-background\">Isabella es la hermana de Felipe. \/ Elena es la nuera de Tom\u00e1s. \/ Julia es la suegra de Mart\u00edn. \/ M\u00eda es la prima de Samuel. \/ Isabella es la mujer de Mart\u00edn. \/ Felipe es el marido de Elena. \/ Samuel es el sobrino de Isabella. \/ Elena es la t\u00eda de M\u00eda. \/ Elena es la madre de Sara. \/ Mario es el hermano de M\u00eda. \/ Mart\u00edn es el cu\u00f1ado de Elena \/ Tom\u00e1s es el abuelo de Samuel. \/ Mart\u00edn es el yerno de Julia. \/ Sara es la nieta de Tom\u00e1s.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/embed.php?id=893\" width=\"1152\" height=\"940\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>                                                                                                                                                                                                                         <\/div>                                                                                                                                                                                             <\/details>\n\n\n\n<h3 class=\"wp-block-heading\">Audio Dictation<\/h3>\n\n\n\n<p>For this interaction, the instructor observed that many ESL students struggled with numbers that sounded similar, like &#8220;fourteen&#8221; and &#8220;forty&#8221;. This dictation interaction allows students to practice listening and identifying numbers that are spoken. Students can practice multiple times. Feedback is provided immediately,<\/p>\n\n\n\n<details class=\"HideReveal\">                                                                                                                                                                                                                 <summary>Show\/Hide Audio Dictation<\/summary>                                                                                                                                                                                                                         <div class=\"note\">                                                                                                                                                                                                                      <p><iframe loading=\"lazy\" src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/embed.php?id=891\" width=\"1130\" height=\"557\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>                                                                                                                                                                                                              <\/div>                                                                                                                                                                                                    <\/details>\n\n\n\n<h3 class=\"wp-block-heading\">Dialog Cards<\/h3>\n\n\n\n<p>Dialog cards are a set of cards with a word, expression, or image on one side of the card and a corresponding word, expression, or image on the opposite side.<\/p>\n\n\n\n<p>This simple activity requires students to interact with a Spanish vocabulary list. Students can practice identifying the English equivalent of the Spanish word, they simply turn the card to see the English equivalent.<\/p>\n\n\n\n<details class=\"HideReveal\">                                                                                                                                                                                                                  <summary>Show\/Hide Dialogue Cards<\/summary>\n<div class=\"note\"> <h3>Activity Instructions<\/h3>\n<p>25 Latin words are presented below. View each word and define it. When you are finish, turn the card to see its definition and then move to the next word.<\/p>                                                                                                                                                                                                                                                                                                                                                                                                                                                             <p><iframe loading=\"lazy\" src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/embed.php?id=699\" width=\"1152\" height=\"334\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>                                                                                                                                                                                                                    <\/div>                                                                                                                                                                            <\/details>\n\n\n\n<h3 class=\"wp-block-heading\">Timeline<\/h3>\n\n\n\n<p>An timeline is an interactive and visually appealing way to present chronological content with images, text, and links. <\/p>\n\n\n\n<details class=\"HideReveal\">                                                                                                                                                                                                                                <summary>Show\/Hide Timeline<\/summary>                                                                                                                                                                                                                         <div class=\"note\">                                                                                                                                                                                                                                          <p><iframe loading=\"lazy\" src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/embed.php?id=887\" width=\"1357\" height=\"626\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>                                                                                                                                                                                                                       <\/div>                                                                                                                                                                                                      <\/details>\n\n\n\n<h3 class=\"wp-block-heading\">Image Hotspots<\/h3>\n\n\n\n<p>The image hotspots activity uses an image that has various points of interest on it. Students can view the entire image, see the relationships between various aspects of the image, and click on a point of interest to see in-depth information about it.<\/p>\n\n\n\n<p>This image hot spot interaction uses an image of <em>The Major Pathways for Dopamine<\/em>. Students can use the interaction to see the content visually and to test their understanding of concepts.<\/p>\n\n\n\n<details class=\"HideReveal\">                                                                                                                                                                                                                <summary>Show\/Hide Image Hotspot Activity<\/summary>\n<div class=\"note\"><h3>Activity Instructions<\/h3>\n<p>Study the three major pathways for dopamine on the image, view their location and how they interact. Hover over the question mark for the name of the pathway, click on it for a description.<\/p>\n                                                                                                                                                                                                                             <p><iframe loading=\"lazy\" src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/embed.php?id=913\" width=\"1130\" height=\"968\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/windmere.citl.mun.ca\/mod\/hvp\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>\n<\/div>                                                                                                                                                                                          <\/details><\/div><div class='clear_column'><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":191,"featured_media":0,"parent":6569,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-6593","page","type-page","status-publish"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/6593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/users\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/comments?post=6593"}],"version-history":[{"count":88,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/6593\/revisions"}],"predecessor-version":[{"id":24921,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/6593\/revisions\/24921"}],"up":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/6569"}],"wp:attachment":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/media?parent=6593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/categories?post=6593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/tags?post=6593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}