{"id":76,"date":"2023-01-29T15:43:11","date_gmt":"2023-01-29T15:43:11","guid":{"rendered":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/?p=76"},"modified":"2023-01-31T22:17:52","modified_gmt":"2023-01-31T22:17:52","slug":"affordances-and-h5p","status":"publish","type":"post","link":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/2023\/01\/29\/affordances-and-h5p\/","title":{"rendered":"Affordances and H5P"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Our Context<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In 2018 or thereabouts, my manager asked to review some of the short, online lessons from the EduHack project, and after sifting through some of them, I landed on a lesson about <a href=\"https:\/\/eduhack.eu\/course\/area-1\/activity-3\/\">creating digital resources using H5P<\/a>. I became fixated on H5P. At the time, we had just finished leading the <a href=\"https:\/\/www.allaboardhe.ie\/\">All Aboard project<\/a>, which produced open, interactive lessons on a variety of technologies where users could receive digital badges for completion. Those resources were mostly devloped in Storyline, and some in Rise toward the end to save time. I was conscious that those licenses are expensive, Storyline requires some training, and while Rise is simple to author with, it&#8217;s still part of a pricier package.  I decided to explore H5P in more depth, authoring in H5P.org, installing the plugin on my own WordPress site, and ultimately requesting a pilot period from the company for H5P.com service that would integrate via an LTI with Blackboard Learn. I decided that for our staff and students, it was best to integrate the tool properly. It would be too much to ask staff to author elsewhere, create accounts, etc. From my testing, I also discovered that H5P allowed users to publish fully open or shared content in Blackboard, content could be easily CC licensed, and files were easily downloadable for reuse elsewhere. I was now determined to &#8216;<a href=\"https:\/\/oer19.oerconf.org\/sessions\/opening-the-closed-introducing-h5p-to-the-virtual-learning-environment-o-133\/\">open the closed<\/a>&#8216;. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In 2019, the national project I was working on afforded me the chance to facilitate a pilot on digital resources with our staff, and I initially had about 20 participants authoring with H5P and some other tools. Of course, by spring of 2020, the world changed and we went from pilot to mainstream. We purchased a site license in the summer of 2020 and I facilitated learning design workshops multiple times a week for months to help staff remix existing or new learning materials into asychronous online activities. Given the situation, I had to focus on getting materials ready for students, and only focus on open practice with staff that had the capacity or interest to engage. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Given the emergency period, and that I was supporting this work on my own, I haven&#8217;t had much time to critically reflect on H5P as a tool beyond my initial work. This might be my first opportunity to tease some issues out, which is useful. I believe that my early approach was pragmatic and well-intentioned, but I had only set out to support small numbers of staff to design well, now we have 260-something authors, which is a bit beyond my control! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Affordances<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Broadly, <em>affordance <\/em>refers to the range of functions and constraints that an object provides for, and places upon, structurally situated subjects.<\/p>\n<cite>(David and Chouinard, 2016)<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">While I still believe that H5P is a tool that should be available for all staff at our institution, I do think it&#8217;s useful and necessary to examine its affordances. I shared my experience in the forums, and it was interesting to hear from others and their focus on good design. I should also note in this post I intend to focus on a variety of content types, of which there are many. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ose-youtube ose-uid-4a7e00cae26b15567d9be6a1403171fe ose-embedpress-responsive\" style=\"width:600px; height:600px; max-height:600px; max-width:100%; display:inline-block;\" data-embed-type=\"Youtube\"><iframe allowFullScreen=\"true\" title=\"H5P Content Types\" width=\"600\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/RJW2y8GlZvw?feature=oembed&color=red&rel=0&controls=1&start=&end=&fs=0&iv_load_policy=0&autoplay=0&mute=0&modestbranding=0&cc_load_policy=1&playsinline=1\" frameborder=\"0\" allow=\"accelerometer; encrypted-media;accelerometer;autoplay;clipboard-write;gyroscope;picture-in-picture clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption class=\"wp-element-caption\">H5P Content Types<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Request<\/strong>: H5P requests quite a bit of input from authors, depending on the content type. There is no ability to rapidly prototype or preview content, or avail of templates when authoring. Open content can be reused or remixed, but this would require further editing and the application of a new license. To author from sratch, the user must input text, images, videos, etc. in order to create learning materials. There are required fields that must have content before an item could be saved or previewed. It does prompt the author to input alt text and copyright information on images, for instance, but that isn&#8217;t essential to move on. These requests don&#8217;t create a barrier to authoring necessarily, they really insist that the author is prepared. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Demand: <\/strong>Initially, the most obvious demand was the our users had to author in Blackboard, which was welcome for most as it meant there was no need to create external accounts or upload materials, everything could be authored and popped into Blackboard relatively easily. However, over time, I began to notice that some staff hate being in Blackboard in general, so the advent of the open-source <a href=\"https:\/\/app.lumi.education\/\">LUMI authoring tool<\/a> has been a gamechanger. Apologies for discussing multiple tools here, but I&#8217;m approaching H5P as an interactive content ecosystem here more than a singular tool. LUMI allows our authors to create content offline, and simply upload the files to Blackboard. In some cases, it has allowed users to use beta content types and publish them as SCORM or HTML if they are not yet available in H5P.com. In my own teaching, this workaround has been helpful for those working on more extensive H5P projects. It affords a flexibility that authoring through the normal route does not. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Encourage:<\/strong> As previously noted, H5P does prompt accessible design and coppyright licensing. It also promotes open practice through its OER hub, and provides a wide variety of learning activities for both staff and students. See some of the screenshots below for some features that prompt the author to consider licensing, sharing, and accessibility standards. <\/p>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img decoding=\"async\" width=\"766\" height=\"374\" alt=\"Screenshot of OER hub\" class=\"wp-block-jetpack-slideshow_image wp-image-93\" data-id=\"93\" src=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/H5P-OER-Hub-2.png\" srcset=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/H5P-OER-Hub-2.png 766w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/H5P-OER-Hub-2-300x146.png 300w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Built-in OER Hub<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img decoding=\"async\" width=\"1024\" height=\"513\" alt=\"Screenshot of WCAG colour palettes\" class=\"wp-block-jetpack-slideshow_image wp-image-94\" data-id=\"94\" src=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/WCAG-1-1024x513.jpg\" srcset=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/WCAG-1-1024x513.jpg 1024w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/WCAG-1-300x150.jpg 300w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/WCAG-1-768x385.jpg 768w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/WCAG-1-1536x769.jpg 1536w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/WCAG-1-2048x1026.jpg 2048w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/WCAG-1-1568x785.jpg 1568w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">WCAG guidelines<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img decoding=\"async\" width=\"1024\" height=\"499\" alt=\"Screenshot of alt text and copyright prompts for image\" class=\"wp-block-jetpack-slideshow_image wp-image-92\" data-id=\"92\" src=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/ALT-text-and-copyright-1-1024x499.jpg\" srcset=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/ALT-text-and-copyright-1-1024x499.jpg 1024w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/ALT-text-and-copyright-1-300x146.jpg 300w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/ALT-text-and-copyright-1-768x374.jpg 768w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/ALT-text-and-copyright-1-1536x749.jpg 1536w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/ALT-text-and-copyright-1-1568x764.jpg 1568w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/ALT-text-and-copyright-1.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Alt text and copyright prompts<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img decoding=\"async\" width=\"1024\" height=\"638\" alt=\"Publishing and sharing options\" class=\"wp-block-jetpack-slideshow_image wp-image-95\" data-id=\"95\" src=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/Publish-options-1-1024x638.jpg\" srcset=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/Publish-options-1-1024x638.jpg 1024w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/Publish-options-1-300x187.jpg 300w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/Publish-options-1-768x479.jpg 768w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/Publish-options-1-1536x957.jpg 1536w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/Publish-options-1-1568x977.jpg 1568w, http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-content\/uploads\/sites\/46\/2023\/01\/Publish-options-1.jpg 1614w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Publishing, collaboration, and sharing options<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Discourage<\/strong>: While I would generally say that H5P removes technical barriers for authors, it also limits what an author can achieve without sufficient design training. While the simpler content types might be achieveable, creating a truly immersive, interactive experience like a branching scenario or virtual tour would require too much customisation and underestaind of the design process. There is also a limit on agency (to some extent) unless the user is particularly savvy. Being time or training poor would definitely be a barrier for some authors, and could ultimately create a poor student experience. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Refuse<\/strong>: One of the most frustrating aspects of the H5P content types is that shorter activities can&#8217;t be stacked into one larger course or lesson. For instance, if some of our staff author a series of short interactive videos, but want to put them all together into one more coherent interactive book or course presentation so students can access them in one place, they cannot do so. It would require the author to duplicate the same process in a different content type. This can come as a huge disappointment, so I am careful to remind our authors to think about how content is ultimately delivered to students. This is a limitation that the technology outright refuses to do something that most users might assume it could. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">When artifacts <em>request, demand, encourage, discourage<\/em>, and <em>refuse<\/em>, those artifacts push, pull, and adapt to subjects with varying degrees of intensity. While <em>requests <\/em>and <em>demand<\/em>s place bids upon subjects, artifacts <em>encourage, discourage<\/em>, and <em>refuse <\/em>based upon subjects\u2019 wishes. <em>Allow <\/em>is distinct in its neutral intensity and multidirectional application. Artifacts <em>allow <\/em>by remaining indifferent to if and\/or how a particular feature is used, and to what outcome. <em>Allow <\/em>applies to bids generated by both artifacts and subjects.<\/p>\n<cite>(David and Chouinard, 2016)<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Allow<\/strong>: This a concept I&#8217;ve struggled with this week, admittedly. I feel as though I could contradict my earlier thoughts here. In the forums, others have pointed out a lack of customisation availble through H5P, and to an extent I agree, but I also have to examine what it <em>does<\/em> allow. While it&#8217;s not the most refined authoring tool, there is certainly freedom to customise in terms of colour palettes, multimedia use, and navigation. Yes, it will undoubtedly refuse to do some aspects of what the user bids, but I believe it affords authors a chance to start authoring, and start from an ethical, practical place. The skills gained and ability to share and reuse content more widely, in my opinion, outweighs any of its pitfalls or barriers. It will ultimately help staff to accquire a new digital skill, and consider broader issues like accessibility, open practice, and licensing. It also gives staff an opportunity to download and reuse their content elswhere. In particular, I was concerned with precarious staff that put some much effort into their teaching. I&#8217;ve often noticed users put so much effort into authoring materials that they cannot take with them or use if they move on to new employment, or even if a pricey license runs out. I wanted the skills and content to be transferable.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>For whom <\/em>and <em>under what circumstances<\/em>: <\/strong>With all interactive multimedia application, I have concerns about behavioursim and poor design. I teach a Learning Technologies module for our staff, and in the last class, after all our work creating content, we cover Skinner and Audrey Watters as a counterpoint to all we&#8217;ve covered. It always makes for a really interesting discussion as they examine the teaching machine and consider the materials they are developing. I believe it helps them to be more conscious of their design process, and considerate of the student experience. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ose-youtube ose-uid-345c4e49a8ec4d1da9eff91d262f03a2 ose-embedpress-responsive\" style=\"width:600px; height:600px; max-height:600px; max-width:100%; display:inline-block;\" data-embed-type=\"Youtube\"><iframe allowFullScreen=\"true\" title=\"B.F Skinner. Teaching machine and programmed learning\" width=\"600\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/jTH3ob1IRFo?feature=oembed&color=red&rel=0&controls=1&start=&end=&fs=0&iv_load_policy=0&autoplay=0&mute=0&modestbranding=0&cc_load_policy=1&playsinline=1\" frameborder=\"0\" allow=\"accelerometer; encrypted-media;accelerometer;autoplay;clipboard-write;gyroscope;picture-in-picture clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption class=\"wp-element-caption\">Skinner&#8217;s Teaching Machine<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Perception: <\/strong>This is another area of concern for me. I have seen our staff authors become comfortable with one or two content types and just a few interactions, and this limits the tools possibilities, and creates a poor user experience. Because there are so many options, I think our staff are just not aware of some, and don&#8217;t make good choices based on this lack of perception. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dexterity<\/strong>: I similarly have concerns about dexterity. While it&#8217;sless onerous than tools like Storyline, authoring requires significant effort. While H5p is <a href=\"https:\/\/help.h5p.com\/hc\/en-us\/articles\/7505649072797-Content-types-recommendations\">clear about the accessibility aspects for the end users<\/a>, I worry about creating multimedia content in general. How accessible is authoring for our staff? I can navigate with my mouse and a screenreader quite well, but the work still require a lot of screentime and effort, which could be a proven barrier for some users. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Final thoughts: <\/strong>While I&#8217;m proud to have led this work at our university, and we have made great strides (<a href=\"https:\/\/kate-molloy.net\/open-practice\/creating-in-the-open-virtual-field-course-development-with-h5p\/\">see this project for more<\/a>) and still stand by my decisions and approach to implementing H5P, focusing on it through the lens of affordances has been helpful. It&#8217;s finally given me a space to reflect on things, and as previously outlined, I do have concerns for both our staff and student users. However, from what I&#8217;ve teased out, I believe I can also refine my training, teaching, etc. to highlight some of these issues. I&#8217;ve always been clear in my work that I don&#8217;t believe in evangilising any theory\/tool\/approach, and I stand by that. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Context In 2018 or thereabouts, my manager asked to review some of the short, online lessons from the EduHack project, and after sifting through some of them, I landed on a lesson about creating digital resources using H5P. I became fixated on H5P. At the time, we had just finished leading the All Aboard &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/2023\/01\/29\/affordances-and-h5p\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Affordances and H5P&#8221;<\/span><\/a><\/p>\n","protected":false},"author":53,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-76","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/posts\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":20,"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/posts\/76\/revisions"}],"predecessor-version":[{"id":117,"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/posts\/76\/revisions\/117"}],"wp:attachment":[{"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.mscde.education.ed.ac.uk\/katemolloy\/wp-json\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}