{"id":16011,"date":"2023-11-20T11:46:32","date_gmt":"2023-11-20T11:46:32","guid":{"rendered":"https:\/\/microsites.bournemouth.ac.uk\/flie\/?p=16011"},"modified":"2023-11-29T08:34:54","modified_gmt":"2023-11-29T08:34:54","slug":"h5p-blog-series-image-hotspots","status":"publish","type":"post","link":"https:\/\/microsites.bournemouth.ac.uk\/flie\/2023\/11\/20\/h5p-blog-series-image-hotspots\/","title":{"rendered":"H5P Blog Series &#8211; Image Hotspots"},"content":{"rendered":"<h2>What is H5P?<\/h2>\n<p>Check out our recent blog post <a href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/2023\/08\/09\/improving-student-engagement-and-interaction-on-brightspace-meet-h5p\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/p>\n<p>We are showcasing some of the H5P content available to inspire you to think about how this tool could be used for your Brightspace online content.\u00a0 We have a limited number of licences in our pilot so your faculty Learning Technologist will be more than happy to create the content in collaboration with you being the subject matter expert.<\/p>\n<h2>This week we\u2019re looking at Image Hotspots<\/h2>\n<p>H5P allows you to upload an image of your creation\/screenshot then add an overlay of hotspots onto it, that allow additional popup information in the form of text, images or video to be displayed.<\/p>\n<p>Image hotspots can be useful for creating infographics very fast and simply, to enhance learning materials by making something interactive when it was previously not.<\/p>\n<p>The example below is a screenshot showing possible hazards in a laboratory, where the hotspots are giving additional information on the person&#8217;s surroundings, what to be aware of and how to deal with them.<\/p>\n<a href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16017\" src=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots.png\" alt=\"Hotspots\" width=\"467\" height=\"321\" \/><\/a>\n<p>The second example is a screenshot of some software, by highlighting points of interest that can help guide students when in a seminar\/computer lab.<\/p>\n<a href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16020\" src=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots2-1024x725.png\" alt=\"Hotspots\" width=\"472\" height=\"334\" srcset=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots2-1024x725.png 1024w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots2-300x212.png 300w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots2-768x544.png 768w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/hotspots2.png 1092w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/a>\n<p>This third example shows a graph with hotspots added to enhance the understanding of what is happening with the data over time.\u00a0 This could be used during seminars when students are attempting set exercises by enhancing the examples given, or even in a lecture.<\/p>\n<a href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/2023-11-20_11-38-24.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-16052\" src=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/2023-11-20_11-38-24-300x255.png\" alt=\"\" width=\"300\" height=\"255\" srcset=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/2023-11-20_11-38-24-300x255.png 300w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2023\/11\/2023-11-20_11-38-24.png 749w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n<p>The following are configurable for hotspots:<\/p>\n<ul>\n<li>The number of hotspots<\/li>\n<li>The placement of each hotspot, and the associated popup content<\/li>\n<li>The colour of the hotspot<\/li>\n<li>The hotspot icon is selectable from pre-defined choice or one that you upload<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>If you think this content type could be useful for your teaching and learning, contact your Faculty Learning Technologist via the email below to have a chat.<\/p>\n<ul>\n<li><strong>HSS<\/strong>:\u00a0<a href=\"mailto:hsslearningtechnology@bournemouth.ac.uk\">hsslearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<li><strong>BUBS<\/strong>:\u00a0<a href=\"mailto:bubslearningtechnology@bournemouth.ac.uk\" target=\"_self\" rel=\"noopener\">bubslearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<li><strong>FMC<\/strong>:\u00a0<a href=\"mailto:fmclearningTechnology@bournemouth.ac.uk\">fmclearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<li><strong>FST<\/strong>:\u00a0<a href=\"mailto:scitechlearningtechnology@bournemouth.ac.uk\">scitechlearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>FLIE have also been building a H5P example unit within Brightspace that showcases examples of H5P content types we think would be useful for teaching and learning in Brightspace.\u00a0 If you&#8217;d like access to this unit to view what we&#8217;ve built so far, please contact your Faculty Learning Technologist.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is H5P? Check out our recent blog post here We are showcasing some of the H5P content available to inspire you to think about how this tool could be used for your Brightspace online content.\u00a0 We have a limited number of licences in our pilot so your faculty Learning Technologist will be more than&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/2023\/11\/20\/h5p-blog-series-image-hotspots\/\">Read more &raquo;<span class=\"sr-only\"> about H5P Blog Series &#8211; Image Hotspots<\/span><\/a><\/p>\n","protected":false},"author":525,"featured_media":15705,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[422,1384,5],"tags":[1383,1385],"class_list":["post-16011","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-brightspace","category-h5p","category-news","tag-h5p","tag-hotspots"],"acf":[],"_links":{"self":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts\/16011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/users\/525"}],"replies":[{"embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/comments?post=16011"}],"version-history":[{"count":14,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts\/16011\/revisions"}],"predecessor-version":[{"id":16110,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts\/16011\/revisions\/16110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/media\/15705"}],"wp:attachment":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/media?parent=16011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/categories?post=16011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/tags?post=16011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}