{"id":1670,"date":"2020-09-29T17:55:10","date_gmt":"2020-09-29T17:55:10","guid":{"rendered":"https:\/\/jrdingwall.ca\/blogwall\/?p=1670"},"modified":"2020-09-29T19:04:10","modified_gmt":"2020-09-29T19:04:10","slug":"converting-static-content-into-interactive-e-learning-299","status":"publish","type":"post","link":"https:\/\/jrdingwall.ca\/blogwall\/converting-static-content-into-interactive-e-learning-299\/","title":{"rendered":"Converting Static Content Into Interactive E-Learning #299"},"content":{"rendered":"<p>I have a back catalogue of small instructional design challenges and charrettes that I&#8217;ve been meaning to build into something bigger one day. That is obviously taking too long, so here&#8217;s a new idea. The Articulate E-Learning Heroes Community runs a weekly <a href=\"https:\/\/community.articulate.com\/hubs\/e-learning-challenges\">eLearning Challenge<\/a>. I&#8217;ve mentioned before that often different IDs in different contexts will use different tools, and while I&#8217;ve used some of Articulate&#8217;s products, I&#8217;m primarily a Mac user. This means that a number of their products are not available to me. So instead, I thought, rather than being an\u00a0<em>Articulate eLearning Hero<\/em>, that I could be an\u00a0<em>InArticulate eLearning Hero<\/em>. So here it goes.<\/p>\n<hr \/>\n<h2>Challenge of the Week<\/h2>\n[quote style=&#8221;default&#8221; cite=&#8221;David Anderson&#8221; url=&#8221;https:\/\/community.articulate.com\/articles\/convert-static-content-to-interactive-elearning&#8221;]This week, your challenge is to take a static content slide and convert it into each of the six freeform question types. The only new content you should add to the freeform questions is instruction and feedback. You shouldn\u2019t have to create new content to make the questions work.[\/quote]\n<p>Note: the options Articulate Storyline\u2019s\u00a0<a href=\"https:\/\/community.articulate.com\/series\/articulate-storyline-360\/articles\/articulate-storyline-360-user-guide-how-to-convert-existing-slide-to-freeform-interaction\">convert to freeform option<\/a> includes<\/p>\n<ul>\n<li>Drag &amp; Drop<\/li>\n<li>Pick One<\/li>\n<li>Pick Many<\/li>\n<li>Text Entry<\/li>\n<li>Hotspot<\/li>\n<li>Shortcut Key<\/li>\n<\/ul>\n<p>I&#8217;ll do my best to stick to these types.<\/p>\n<h2>My Submission<\/h2>\n<p>For this first challenge, I went back through some of the slide decks I had for the <a href=\"http:\/\/www.procomoer.org\/\">ProCom OER project<\/a>. That project was created with classroom sessions in mind, and had slide decks included. One such slide deck\/lesson was on Using Visuals in Communication<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vQTaDAyZvaKEUOWkfsNxG86nYbRSWOH4_wQUKu5UaD5ugX6O54dTWR3euIm73vYwc5d6gfhKyKp52pG\/embed?start=false&amp;loop=false&amp;delayms=3000\" width=\"960\" height=\"749\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>So for this challenge I took slide 9 as the one to make interactive using <a href=\"https:\/\/h5p.org\/presentation\">H5P&#8217;s Presentation<\/a> content type.<\/p>\n<div class=\"postbox h5p-sidebar\">\n<div class=\"h5p-action-bar-settings h5p-panel\"><code><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-14\" class=\"h5p-iframe\" data-content-id=\"14\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Converting Static Content Into Interactive E-Learning #299\"><\/iframe><\/div><\/code><\/div>\n<\/div>\n<div><\/div>\n<div>Now what you&#8217;ll notice is that I missed two of the items with the H5P presentation above: hotspot, and shortcut. Shortcut is available in presentations with the\u00a0<em>jump to slide<\/em> interactivity type, BUT <em>find the hotspot<\/em> is not available in presentations. This got me thinking. A lot of early elearning authoring tools (and many modern ones) use the slide mechanism for web based training resources, and the H5P presentation type falls into this category too. What I&#8217;m starting to see more often is more web-based formats, things like RISE and Adapt, that use full page layout methods rather than click-through slides. So instead of redoing each content type, I went to the H5P\u00a0<a href=\"https:\/\/h5p.org\/column\"><em>column<\/em><\/a> type and pasted the whole presentation activity (I&#8217;m finally getting more use out of H5Ps copy\/paste function) and added the <em>find the hotspot<\/em> content type. Next time around I might just do the whole thing in column and abandon\u00a0<em>presentation<\/em> all together.<\/div>\n<div><\/div>\n<div>\n<div class=\"postbox h5p-sidebar\">\n<div class=\"h5p-action-bar-settings h5p-panel\"><code><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-15\" class=\"h5p-iframe\" data-content-id=\"15\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Column for elearning #299\"><\/iframe><\/div><\/code><\/div>\n<\/div>\n<\/div>\n<div class=\"postbox h5p-sidebar\"><\/div>\n<div><\/div>\n<hr \/>\n<p>Image by <a href=\"https:\/\/pixabay.com\/users\/ArtsyBee-462611\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5307517\">Oberholster Venita<\/a> from <a href=\"https:\/\/pixabay.com\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5307517\">Pixabay<\/a><\/p>\n<p>Icons licensed under a\u00a0<a class=\"subfoot\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\" rel=\"license\">Creative Commons Attribution 4.0 International license<\/a>.\u00a0<a class=\"subfoot\" href=\"https:\/\/creativecommons.org\/website-icons\" target=\"blank\" rel=\"noopener noreferrer\">Icons<\/a> by The Noun Project, <a href=\"https:\/\/creativecommons.org\/about\/downloads\">via<\/a>.<\/p>\n<p>Slides are part of <a href=\"http:\/\/www.procomoer.org\/\"><span style=\"font-weight: 400;\">Professional Communications OER<\/span><\/a><span style=\"font-weight: 400;\"> by the Olds College OER Development Team and used under a <\/span><a href=\"http:\/\/creativecommons.org\/licenses\/by\/4.0\/\"><span style=\"font-weight: 400;\">CC-BY 4.0 international license.<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have a back catalogue of small instructional design challenges and charrettes that I&#8217;ve been meaning to build into something bigger one day. That is obviously taking too long, so here&#8217;s a new idea. The Articulate E-Learning Heroes Community runs a weekly eLearning Challenge. I&#8217;ve mentioned before that often different IDs in different contexts will [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1675,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"webmentions_disabled":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[57],"tags":[],"class_list":["post-1670","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inarticulate-elearning-hero"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/jrdingwall.ca\/blogwall\/files\/2020\/09\/education-5307517_1280.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/posts\/1670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/comments?post=1670"}],"version-history":[{"count":7,"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/posts\/1670\/revisions"}],"predecessor-version":[{"id":1679,"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/posts\/1670\/revisions\/1679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/media\/1675"}],"wp:attachment":[{"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/media?parent=1670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/categories?post=1670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jrdingwall.ca\/blogwall\/wp-json\/wp\/v2\/tags?post=1670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}