{"id":20537,"date":"2025-06-08T22:49:40","date_gmt":"2025-06-09T02:49:40","guid":{"rendered":"https:\/\/pacificopencourses.col.org\/ds4tc21\/?page_id=20537"},"modified":"2025-06-08T22:49:40","modified_gmt":"2025-06-09T02:49:40","slug":"designing-interactive-learning-materials","status":"publish","type":"page","link":"https:\/\/pacificopencourses.col.org\/ds4tc21\/learning-pathways\/module-3-creating-accessible-and-interactive-digital-content\/designing-interactive-learning-materials\/","title":{"rendered":"Designing Interactive Learning Materials"},"content":{"rendered":"<div id=\"content\" class=\"mw-body container\" role=\"main\">\n<div class=\"row\">\n<div class=\"col-md-12\">\n<div class=\"panel\">\n<div class=\"panel-body\">\n<div id=\"bodyContent\">\n<div id=\"mw-content-text\" lang=\"en\" dir=\"ltr\" class=\"mw-content-ltr\">\n<p>Interactive learning materials, such as quizzes and games, foster active participation and align with UDL\u2019s Engagement principle by motivating students through opportunities for collaboration and the ability to choose how they engage with the content. These materials support learning by turning passive study into active exploration.<br \/>\nFor example, in your equipment safety lesson, you might give students the choice to either complete a quiz on safety procedures individually or take part in a group-based quiz activity. This provides learners with options. Some may prefer to check their understanding independently, while others may learn better through teamwork and discussion.<br \/>\nThis section introduces two platforms designed to help you create interactive content for your trade lessons: Lumi (for building H5P quizzes and activities) and ClassQuiz (for designing game-based quizzes).\n<\/p>\n<div style=\"background-color: #f4f4f4;border-radius: 5px;margin-top: 20px\">\n<h3 style=\"background-color: #ccc;color: black;padding: 10px;margin-bottom: 10px;border-top-right-radius: 5px;border-top-left-radius: 5px\"><span class=\"mw-headline\" id=\"Lumi_and_H5P\">Lumi and H5P<\/span><\/h3>\n<div style=\"padding: 10px\">\n<p>H5P, short for HTML5 Package, is a versatile content format used to create engaging learning materials such as quizzes, interactive videos, and drag-and-drop activities. It offers a wide variety of content types, including multiple-choice quizzes, image hotspots, and interactive timelines. These materials work across devices and can be used both online and offline.<br \/>\nThere are two common ways to create H5P content:\n<\/p>\n<ul>\n<li> Inside an LMS like Moodle or WordPress (if the H5P plugin is installed). <i>We are not covering LMS-based H5P creation, as many of you may not have direct access to an LMS with the H5P plugin installed.<\/i>\n<\/li>\n<li> Using Lumi, a free H5P editor.\n<\/li>\n<\/ul>\n<p><a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/lumi.education\/en\/\" target=\"_blank\" title=\"(opens in a oew browser tab\/window)\">Lumi<\/a> is a free-to-use H5P editor, available both as an online platform (Lumi Cloud) and a downloadable application (Lumi Desktop). It lets you create H5P content on your computer and export it as HTML files for offline or online sharing. If your LMS supports H5P, you can also upload .h5p files directly to your course.\n<\/p>\n<\/div>\n<\/div>\n<div style=\"background-color: #f4f4f4;border-radius: 5px;margin-top: 20px\">\n<h3 style=\"background-color: #ccc;color: black;padding: 10px;margin-bottom: 10px;border-top-right-radius: 5px;border-top-left-radius: 5px\"><span class=\"mw-headline\" id=\"ClassQuiz\">ClassQuiz<\/span><\/h3>\n<div style=\"padding: 10px\">\n<p><a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/classquiz.de\/\" target=\"_blank\" title=\"(opens in a oew browser tab\/window)\">ClassQuiz<\/a> is an open-source quiz platform that enables you to design, game-based quizzes and surveys that foster engagement and teamwork. Games can be played online in real time or offline using printed question sheets for collaborative learning. This flexibility makes ClassQuiz ideal for classrooms with varying levels of connectivity.\n<\/p>\n<\/div>\n<\/div>\n<div style=\"border-left: 10px solid #463688;background: #f2f7fa;color: #000000;padding: 10px 20px 5px 20px;margin: 15px 0\">\n<p><b>Teaching Scenario:<\/b> In your equipment safety lesson, you want students to review key safety protocols in a more engaging way. Instead of using a printed worksheet, you create an interactive H5P quiz using Lumi, with drag-and-drop and multiple-choice activities. During class, students complete it individually on their devices. Later in the week, you run a team-based quiz competition using ClassQuiz, where students compete in small groups to identify hazards and recall safe practices. The friendly competition sparks excitement, encourages discussion, and reinforces learning through peer interaction.\n<\/p>\n<p>\n<b>Try It Yourself<\/b>: Design interactive activities!\n<\/p>\n<p>1. Watch the video tutorials below to learn how to use Lumi and ClassQuiz to create interactive content:\n<\/p>\n<table style=\"border-collapse:collapse;width:100%\">\n<tbody>\n<tr>\n<td style=\"width:50%;border:none\"> Create Interactive Content and Quiz using Lumi\n<\/td>\n<td style=\"width:50%;border:none\"> Design Game-Based Quizzes with ClassQuiz\n<\/td>\n<\/tr>\n<tr>\n<td>\n<div align=\"left\">\n\n<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-rxyv8lzn_ds\" style=\"max-width:425px;\" class=\"arve\">\n\t<div class=\"arve-inner\">\n\t\t<div style=\"aspect-ratio:500\/281\" class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.200000%\"><\/div>\n\t\t\t<iframe allow=\"accelerometer &apos;none&apos;;autoplay &apos;none&apos;;bluetooth &apos;none&apos;;browsing-topics &apos;none&apos;;camera &apos;none&apos;;clipboard-read &apos;none&apos;;clipboard-write;display-capture &apos;none&apos;;encrypted-media &apos;none&apos;;gamepad &apos;none&apos;;geolocation &apos;none&apos;;gyroscope &apos;none&apos;;hid &apos;none&apos;;identity-credentials-get &apos;none&apos;;idle-detection &apos;none&apos;;keyboard-map &apos;none&apos;;local-fonts;magnetometer &apos;none&apos;;microphone &apos;none&apos;;midi &apos;none&apos;;otp-credentials &apos;none&apos;;payment &apos;none&apos;;picture-in-picture;publickey-credentials-create &apos;none&apos;;publickey-credentials-get &apos;none&apos;;screen-wake-lock &apos;none&apos;;serial &apos;none&apos;;summarizer &apos;none&apos;;sync-xhr;usb &apos;none&apos;;web-share;window-management &apos;none&apos;;xr-spatial-tracking &apos;none&apos;;\" allowfullscreen=\"\" class=\"arve-iframe fitvidsignore\" credentialless data-arve=\"arve-youtube-rxyv8lzn_ds\" data-lenis-prevent=\"\" data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/rXyv8lZN_ds?feature=oembed&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=0&amp;autoplay=0\" frameborder=\"0\" height=\"238.85\" loading=\"lazy\" name=\"\" referrerpolicy=\"strict-origin-when-cross-origin\" sandbox=\"allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox\" scrolling=\"no\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/rXyv8lZN_ds?feature=oembed&#038;iv_load_policy=3&#038;modestbranding=1&#038;rel=0&#038;autohide=1&#038;playsinline=0&#038;autoplay=0\" title=\"\" width=\"425\"><\/iframe>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/pacificopencourses.col.org\\\/ds4tc21\\\/learning-pathways\\\/module-3-creating-accessible-and-interactive-digital-content\\\/designing-interactive-learning-materials\\\/#arve-youtube-rxyv8lzn_ds\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/rXyv8lZN_ds?feature=oembed&iv_load_policy=3&modestbranding=1&rel=0&autohide=1&playsinline=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<\/div>\n<\/td>\n<td>\n<div align=\"left\">\n\n<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-9fa7c9gzjdo\" style=\"max-width:425px;\" class=\"arve\">\n\t<div class=\"arve-inner\">\n\t\t<div style=\"aspect-ratio:500\/281\" class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.200000%\"><\/div>\n\t\t\t<iframe allow=\"accelerometer &apos;none&apos;;autoplay &apos;none&apos;;bluetooth &apos;none&apos;;browsing-topics &apos;none&apos;;camera &apos;none&apos;;clipboard-read &apos;none&apos;;clipboard-write;display-capture &apos;none&apos;;encrypted-media &apos;none&apos;;gamepad &apos;none&apos;;geolocation &apos;none&apos;;gyroscope &apos;none&apos;;hid &apos;none&apos;;identity-credentials-get &apos;none&apos;;idle-detection &apos;none&apos;;keyboard-map &apos;none&apos;;local-fonts;magnetometer &apos;none&apos;;microphone &apos;none&apos;;midi &apos;none&apos;;otp-credentials &apos;none&apos;;payment &apos;none&apos;;picture-in-picture;publickey-credentials-create &apos;none&apos;;publickey-credentials-get &apos;none&apos;;screen-wake-lock &apos;none&apos;;serial &apos;none&apos;;summarizer &apos;none&apos;;sync-xhr;usb &apos;none&apos;;web-share;window-management &apos;none&apos;;xr-spatial-tracking &apos;none&apos;;\" allowfullscreen=\"\" class=\"arve-iframe fitvidsignore\" credentialless data-arve=\"arve-youtube-9fa7c9gzjdo\" data-lenis-prevent=\"\" data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/9Fa7c9Gzjdo?feature=oembed&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=0&amp;autoplay=0\" frameborder=\"0\" height=\"238.85\" loading=\"lazy\" name=\"\" referrerpolicy=\"strict-origin-when-cross-origin\" sandbox=\"allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox\" scrolling=\"no\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/9Fa7c9Gzjdo?feature=oembed&#038;iv_load_policy=3&#038;modestbranding=1&#038;rel=0&#038;autohide=1&#038;playsinline=0&#038;autoplay=0\" title=\"\" width=\"425\"><\/iframe>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/pacificopencourses.col.org\\\/ds4tc21\\\/learning-pathways\\\/module-3-creating-accessible-and-interactive-digital-content\\\/designing-interactive-learning-materials\\\/#arve-youtube-9fa7c9gzjdo\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/9Fa7c9Gzjdo?feature=oembed&iv_load_policy=3&modestbranding=1&rel=0&autohide=1&playsinline=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<\/td>\n<td>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\n2. Try both tools and create one quiz using Lumi and one using ClassQuiz. For example:\n<\/p>\n<ul>\n<li> Lumi: Build a short quiz on safety check for a trade tool.\n<\/li>\n<li> ClassQuiz: Create a game-based quiz to test safety rules.\n<\/li>\n<\/ul>\n<p>3. Share these materials with your students.\n<\/p>\n<p><b>Self-Reflection<\/b>: Which tool worked best for your students and why? How did the interactive format change the way students engaged with the safety topic?\n<\/p>\n<p>Post your reflection <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/moodle.oeru.org\/mod\/forum\/view.php?id=733\" target=\"_blank\" title=\"(opens in a oew browser tab\/window)\">here<\/a>. Your experiences may help others discover new ways to use interactive content in their classrooms.\n<\/p>\n<\/div>\n<div style=\"border-top: 2px solid #463688;border-bottom: 2px solid #463688;background: #f2f7fa;color: #000000;padding: 10px 20px 5px 20px;margin: 15px 0\">\n<p>If you completed Module 0, you may recall exploring quiz platforms such as Kahoot and Quizlet, which are useful for real-time engagement and digital flashcards. You can reflect on how these tools compare with the platforms introduced here. If you started from Module 1, you may want to explore Kahoot at <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/pacificopencourses.col.org\/ds4tc21\/learning-pathways\/module-0-augmenting-classroom-teaching-with-everyday-technology\/smartphone-applications\/\" target=\"_blank\" title=\"(opens in a oew browser tab\/window)\">this link<\/a> and Quizlet at <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/pacificopencourses.col.org\/ds4tc21\/learning-pathways\/module-0-augmenting-classroom-teaching-with-everyday-technology\/tablet-applications\/\" target=\"_blank\" title=\"(opens in a oew browser tab\/window)\">this link<\/a>.\n<\/p>\n<p><b>Remember<\/b>: Kahoot and Quizlet offer free versions with limitations. Lumi and ClassQuiz, on the other hand, are completely free and open source.\n<\/p>\n<\/div>\n<p><!-- \nNewPP limit report\nCPU time usage: 0.014 seconds\nReal time usage: 0.016 seconds\nPreprocessor visited node count: 103\/1000000\nPreprocessor generated node count: 452\/1000000\nPost\u2010expand include size: 260\/2097152 bytes\nTemplate argument size: 22\/2097152 bytes\nHighest expansion depth: 4\/40\nExpensive parser function count: 0\/100\n--><\/p>\n<p><!-- Saved in parser cache with key we_en-mw_:pcache:idhash:191546-0!*!*!!*!*!* and timestamp 20250608233516 and revision id 1109532\n -->\n<\/div>\n<div class=\"visualClear\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<ul class=\"pager\">\n<li class=\"previous\">\n            <a href=\"\/ds4tc21\/learning-pathways\/module-3-creating-accessible-and-interactive-digital-content\/developing-multimedia-content\">\u2190 Previous<\/a>\n          <\/li>\n<li class=\"next\">\n            <a href=\"\/ds4tc21\/learning-pathways\/module-3-creating-accessible-and-interactive-digital-content\/ensuring-accessibility\">Next \u2192<\/a>\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div id=\"wenote-ids\"><script type='text\/javascript' id='wenotes-ids'>\n    var WEnotesSite = \"https:\/\/wikieducator.org\";\n    var WEnotesPath = \"\/DS4TC21\/Accessible_and_Interactive_Content\/Designing\";\n    var WEnotesSiteID = \"0e3d258fbd36841f92259eefcd41d5e9\";\n    var WEnotesPathID = \"b651f03aab0ced2c1339e0ca873de6b5\";\n    var WEnotesIDs = { site: \"https:\/\/wikieducator.org\", path: \"\/DS4TC21\/Accessible_and_Interactive_Content\/Designing\", site_id: \"0e3d258fbd36841f92259eefcd41d5e9\", path_id: \"b651f03aab0ced2c1339e0ca873de6b5\" };\n<\/script><\/div>\n<\/div>\n<footer><\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Interactive learning materials, such as quizzes and games, foster active participation and align with UDL\u2019s Engagement principle by motivating students through opportunities for collaboration and the ability to choose how they engage with the content. These materials support learning by turning passive study into active exploration. For example, in your equipment safety lesson, you might [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":0,"parent":20529,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20537","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/pages\/20537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/comments?post=20537"}],"version-history":[{"count":1,"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/pages\/20537\/revisions"}],"predecessor-version":[{"id":20538,"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/pages\/20537\/revisions\/20538"}],"up":[{"embeddable":true,"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/pages\/20529"}],"wp:attachment":[{"href":"https:\/\/pacificopencourses.col.org\/ds4tc21\/wp-json\/wp\/v2\/media?parent=20537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}