{"id":2595,"date":"2023-04-18T10:00:00","date_gmt":"2023-04-18T09:00:00","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/fmstel\/?p=2595"},"modified":"2023-04-18T09:50:51","modified_gmt":"2023-04-18T08:50:51","slug":"fms-%e2%9d%a4-h5p","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/fmstel\/2023\/04\/18\/fms-%e2%9d%a4-h5p\/","title":{"rendered":"FMS \u2764 H5P"},"content":{"rendered":"\n<p>Below are some of our favourite uses of H5P from within the Faculty. If you have an example to share, please <a href=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/contribute\/\">get in touch<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fill in the Blanks for Click to Enlarge images<\/h2>\n\n\n\n<p>Students often complain that diagnostic images are too small to see clearly. A solution we found was to use H5P Fill in the Blank activity (without a blank).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/02\/ezgif.com-crop-1.gif\" alt=\"\" class=\"wp-image-2598\" width=\"613\" height=\"391\" \/><figcaption>Example from ONC8004. (Original image has been replaced to protect patient confidentiality) <\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Instructions<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/h5p.org\/tutorial-fill-in-the-blanks\">H5P Fill in the blanks tutorial<\/a><\/li><li>Set the Task description to say: (click the image for a larger view)<\/li><li>Use the Text blocks to describe the image<\/li><li>For behavioural settings, untick all except &#8220;automatically check answers after input&#8221;<\/li><li>LTI Settings: Set a max width of 1920 px (this will left align the content in canvas)<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Branching Activity for personalised tasks<\/h2>\n\n\n\n<p> We used a branching activity for a statistics task. Students were given personalised tasks and instructions based on their software preferences.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-1-1-1024x427.png\" alt=\"\" class=\"wp-image-2772\" width=\"555\" height=\"231\" srcset=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-1-1-1024x427.png 1024w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-1-1-300x125.png 300w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-1-1-768x320.png 768w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-1-1.png 1105w\" sizes=\"auto, (max-width: 555px) 85vw, 555px\" \/><figcaption>Students choose a software<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.1-1-1024x666.png\" alt=\"\" data-id=\"2773\" data-full-url=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.1-1.png\" data-link=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/?attachment_id=2773\" class=\"wp-image-2773\" srcset=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.1-1-1024x666.png 1024w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.1-1-300x195.png 300w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.1-1-768x499.png 768w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.1-1.png 1106w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"658\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.2-1-1024x658.png\" alt=\"\" data-id=\"2774\" data-full-url=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.2-1.png\" data-link=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/?attachment_id=2774\" class=\"wp-image-2774\" srcset=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.2-1-1024x658.png 1024w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.2-1-300x193.png 300w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.2-1-768x494.png 768w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-2.2-1.png 1106w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Students receive tasks for their chosen software<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"664\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.1-1024x664.png\" alt=\"\" data-id=\"2775\" data-full-url=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.1.png\" data-link=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/?attachment_id=2775\" class=\"wp-image-2775\" srcset=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.1-1024x664.png 1024w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.1-300x194.png 300w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.1-768x498.png 768w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.1.png 1103w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.2-1024x662.png\" alt=\"\" data-id=\"2776\" data-full-url=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.2.png\" data-link=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/?attachment_id=2776\" class=\"wp-image-2776\" srcset=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.2-1024x662.png 1024w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.2-300x194.png 300w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.2-768x496.png 768w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/branching-3.2.png 1103w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Instructions were tailored to the specific software<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Instructions<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/Branching Scenario Tutorial\">H5P Branching Scenario Tutorial<\/a><\/li><li><a href=\"https:\/\/h5p.org\/branching-scenario\">Branching Scenario Examples<\/a><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Interactive Video to spark discussion<\/h2>\n\n\n\n<p>This video was originally designed to be watched in a classroom setting, where the video would be paused for an in class discussion. When the course was moved online we used H5Ps interactive video to auto pause at the right moment and we embedded the video in a discussion board.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/interactive-video-1024x852.png\" alt=\"\" class=\"wp-image-2777\" width=\"538\" height=\"447\" srcset=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/interactive-video-1024x852.png 1024w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/interactive-video-300x250.png 300w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/interactive-video-768x639.png 768w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/interactive-video-1536x1278.png 1536w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/interactive-video-2048x1704.png 2048w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/04\/interactive-video-1200x999.png 1200w\" sizes=\"auto, (max-width: 538px) 85vw, 538px\" \/><figcaption>Video auto pauses (at the white dot) and asks students to contribute to a discussion board task<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Instructions<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/h5p.org\/tutorial-interactive-video\">H5P Interactive Video Tutorial<\/a><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Virtual Tour (360) of a University Lab<\/h2>\n\n\n\n<p>We created a 360 tour through a large lab in the School of Biomedical and Nutritional Sciences. This was to familiarise students with the lab before attending in person, but also to show the labs to students working at a distance.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"h5p 360 tour\" src=\"\/\/player.vimeo.com\/video\/817280972?h=874ccd2ad0&amp;dnt=1&amp;app_id=122963\" width=\"840\" height=\"473\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Screen capture of 360 tour in use<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Instructions<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/h5p.org\/tutorial-virtual-tour\">H5P Virtual Tour Tutorial<\/a><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Virtual Tour (360) to highlight hazards in a Lab<\/h2>\n\n\n\n<p>We created a 360 image of the new Nutrition Kitchen with hotspots highlighting some common hazards. Clicking on the hotspots will show a close up image of the hazard and\/or some information on why it is a hazard.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"hotspot short\" src=\"\/\/player.vimeo.com\/video\/817290030?h=1b86f8f78d&amp;dnt=1&amp;app_id=122963\" width=\"840\" height=\"474\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Screen capture of hotspots in use<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Instructions<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/h5p.org\/tutorial-virtual-tour\">H5P Virtual Tour Tutorial<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Below are some of our favourite uses of H5P from within the Faculty. If you have an example to share, please get in touch. Fill in the Blanks for Click to Enlarge images Students often complain that diagnostic images are too small to see clearly. A solution we found was to use H5P Fill in &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/2023\/04\/18\/fms-%e2%9d%a4-h5p\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;FMS \u2764 H5P&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7576,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[243],"tags":[646,12,225,77],"class_list":["post-2595","post","type-post","status-publish","format-standard","hentry","category-resource","tag-best-practice","tag-canvas","tag-h5p","tag-online-learning"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/2595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/users\/7576"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/comments?post=2595"}],"version-history":[{"count":6,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/2595\/revisions"}],"predecessor-version":[{"id":2780,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/2595\/revisions\/2780"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/media?parent=2595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/categories?post=2595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/tags?post=2595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}