{"id":220,"date":"2018-03-12T21:59:55","date_gmt":"2018-03-12T21:59:55","guid":{"rendered":"https:\/\/openbook.ums.edu.my\/iotb\/chapter\/create-interactive-content-with-h5p\/"},"modified":"2024-09-19T04:14:25","modified_gmt":"2024-09-19T04:14:25","slug":"create-interactive-content-with-h5p","status":"publish","type":"chapter","link":"https:\/\/openbook.ums.edu.my\/iotb\/chapter\/create-interactive-content-with-h5p\/","title":{"raw":"Create Interactive Content with H5P","rendered":"Create Interactive Content with H5P"},"content":{"raw":"Pressbooks features a native integration with H5P, an open-source plugin which can be used to create interactive quizzes and other learning activities in your book. There are over 40 different H5P activity types, ranging from simple True\/False questions to image matching exercises to quiz sets to interactive video quizzes and even complex branching scenarios!\n<div class=\"textbox shaded\">University of Queensland classifies <a href=\"https:\/\/elearning.uq.edu.au\/guides\/h5p-interactive-learning-objects\/h5p-content-types\" target=\"_blank\" rel=\"noopener\">H5P content types<\/a> [opens in new tab] based on their educational purpose and UDL considerations.<\/div>\n<h1>Create H5P Activities<\/h1>\n<span style=\"text-align: initial;font-size: 1em\">Follow the steps detailed hereunder to add new H5P content from your book's admin dashboard menu.\u00a0<\/span>\n<ol>\n \t<li>Click '<strong>H5P Content -&gt; Add New<\/strong>' from your book admin dashboard menu\n<img class=\"alignnone size-full wp-image-286\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-29-59.png\" alt=\"\" width=\"297\" height=\"134\"><\/li>\n \t<li>Click <strong>'I consent, give me the<\/strong> <strong>Hub!<\/strong>' to activate the H5P Hub interface (recommended)<\/li>\n \t<li>Click '<strong>Get'<\/strong> and following the steps indicated for the content type you'd like to create.<\/li>\n \t<li>Enter the information for your quiz\/activity etc.<\/li>\n \t<li>Click 'Create' when you\u2019ve completed the activity to your satisfaction.<\/li>\n<\/ol>\n<h1><a id=\"importh5p\" href=\"\"><\/a>Import H5P Activities<\/h1>\nYou can also <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/import-and-export\">import H5P activities<\/a> you've downloaded from Pressbooks or other locations on the public web.\n\nIf you are looking for H5P activities to import, you can look on the <a href=\"https:\/\/pressbooks.directory\">Pressbooks Directory<\/a>. On the card for each book, you'll see a hyperlink that leads to that book's H5P activities. From here, you can download H5P activities and import them into your book.\n\nThere are some other places where you could look for H5P activities to download and import, such as the <a href=\"https:\/\/h5pstudio.ecampusontario.ca\/\">eCampusOntario H5P catalog<\/a>.\n<div class=\"textbox\">\n\nLearn more about the available activity types and how to create them by consulting <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/tutorials\">H5P's documentation<\/a>.\n\nLearn more about creative pedagogical uses for H5P in Pressbooks by visiting <a href=\"https:\/\/kitchen.opened.ca\/\">The H5P Pressbooks Kitchen<\/a>, a terrific set of resources created by our friends at BCcampus.\n\n<\/div>\n<h1>Add H5P Activities to Your Book<\/h1>\n<img class=\"size-full wp-image-287 alignright\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-35-44.png\" alt=\"\" width=\"198\" height=\"93\">Once you've activated the H5P plugin, your visual editor will include a new '<strong>Add H5P<\/strong>' button next to the 'Add Media' button. You can use this button to add the shortcodes for H5P activities throughout your book. To add an H5P activity you've created:\n<ol>\n \t<li><span style=\"font-size: 1em\">Navigate to the location where you would like add your activity.<\/span><\/li>\n \t<li><span style=\"font-size: 1em\">Click the '<strong>Add H5P<\/strong>' button<\/span><\/li>\n \t<li>Find the activity you'd like to add to your book and click '<strong>Insert<\/strong>'\n<img class=\"alignnone size-full wp-image-288\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-40-53.png\" alt=\"\" width=\"782\" height=\"156\">An H5P shortcode will be inserted in your chapter using the pattern The original version of this chapter contained H5P content. You may want to remove or replace this element.<\/li>\n \t<li>Save your chapter and view the web version to see embedded activity.<\/li>\n<\/ol>\n[caption id=\"attachment_291\" align=\"aligncenter\" width=\"1021\"]<img class=\"wp-image-289 size-full\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/h5p-6.png\" alt=\"\" width=\"1021\" height=\"501\"> Save and view in the webbook.[\/caption]\n\nIn your EPUB and PDF exports, H5P activities be replaced by placeholder text which includes a link to the activity in the webbook:\n<img class=\"alignnone size-full wp-image-290\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-46-17.png\" alt=\"\" width=\"416\" height=\"183\">\n<h1>View All H5P Activities in Your Book<\/h1>\nAll public books include a listing of all the H5P activities which have been created for that book. You can find the H5P listing page by adding the following path to the end of a webbook's homepage URL: <code>\/h5p-listing\/<\/code>\n\nYou can view a sample H5P Activities List at https:\/\/wisc.pb.unizin.org\/portuguese\/h5p-listing\/\n\nThe H5P activities list will indicate the total number of H5P activities created in a given book, displaying them in groups of 20 with pagination controls at the bottom of the page. Acitivites are listed by their shortcode ID number (in order of creation) and will be hidden by default. You can choose to expand all activities at once by clicking the <strong>Expand All <\/strong>button at the top of the page. Alternatively, you can click the <strong>Show Activity <\/strong>button to display a specific H5P activity.\n\n<img class=\"alignnone size-full wp-image-291\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-50-52.png\" alt=\"\" width=\"718\" height=\"754\">\n\nPrefer to watch and learn? Check out this video tutorial:\n\nhttps:\/\/www.youtube.com\/watch?v=sBBBJKnYRPo\n\nWatch the following video and learn how to increase student engagement using H5P.\n\nhttps:\/\/youtu.be\/6m04PHKE2VY?feature=shared\n<h1 class=\"style-scope ytd-watch-metadata\">Find Open Textbooks with H5P Activities Pressbooks Directory<\/h1>\nThe following video by the Optimized Educator <span class=\"yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap\" role=\"text\"><span class=\"yt-core-attributed-string--link-inherit-color\">demonstrates how to use Pressbooks Directory to find open textbooks, and then to filter those textbooks by interactive activities you may want to embed or clone. <\/span><\/span>\n\n[embed]https:\/\/youtu.be\/F5Tb4k7S3bg?feature=shared[\/embed]","rendered":"<p>Pressbooks features a native integration with H5P, an open-source plugin which can be used to create interactive quizzes and other learning activities in your book. There are over 40 different H5P activity types, ranging from simple True\/False questions to image matching exercises to quiz sets to interactive video quizzes and even complex branching scenarios!<\/p>\n<div class=\"textbox shaded\">University of Queensland classifies <a href=\"https:\/\/elearning.uq.edu.au\/guides\/h5p-interactive-learning-objects\/h5p-content-types\" target=\"_blank\" rel=\"noopener\">H5P content types<\/a> [opens in new tab] based on their educational purpose and UDL considerations.<\/div>\n<h1>Create H5P Activities<\/h1>\n<p><span style=\"text-align: initial;font-size: 1em\">Follow the steps detailed hereunder to add new H5P content from your book&#8217;s admin dashboard menu.\u00a0<\/span><\/p>\n<ol>\n<li>Click &#8216;<strong>H5P Content -&gt; Add New<\/strong>&#8216; from your book admin dashboard menu<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-286\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-29-59.png\" alt=\"\" width=\"297\" height=\"134\" \/><\/li>\n<li>Click <strong>&#8216;I consent, give me the<\/strong> <strong>Hub!<\/strong>&#8216; to activate the H5P Hub interface (recommended)<\/li>\n<li>Click &#8216;<strong>Get&#8217;<\/strong> and following the steps indicated for the content type you&#8217;d like to create.<\/li>\n<li>Enter the information for your quiz\/activity etc.<\/li>\n<li>Click &#8216;Create&#8217; when you\u2019ve completed the activity to your satisfaction.<\/li>\n<\/ol>\n<h1><a id=\"importh5p\" href=\"\"><\/a>Import H5P Activities<\/h1>\n<p>You can also <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/import-and-export\">import H5P activities<\/a> you&#8217;ve downloaded from Pressbooks or other locations on the public web.<\/p>\n<p>If you are looking for H5P activities to import, you can look on the <a href=\"https:\/\/pressbooks.directory\">Pressbooks Directory<\/a>. On the card for each book, you&#8217;ll see a hyperlink that leads to that book&#8217;s H5P activities. From here, you can download H5P activities and import them into your book.<\/p>\n<p>There are some other places where you could look for H5P activities to download and import, such as the <a href=\"https:\/\/h5pstudio.ecampusontario.ca\/\">eCampusOntario H5P catalog<\/a>.<\/p>\n<div class=\"textbox\">\n<p>Learn more about the available activity types and how to create them by consulting <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/tutorials\">H5P&#8217;s documentation<\/a>.<\/p>\n<p>Learn more about creative pedagogical uses for H5P in Pressbooks by visiting <a href=\"https:\/\/kitchen.opened.ca\/\">The H5P Pressbooks Kitchen<\/a>, a terrific set of resources created by our friends at BCcampus.<\/p>\n<\/div>\n<h1>Add H5P Activities to Your Book<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-287 alignright\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-35-44.png\" alt=\"\" width=\"198\" height=\"93\" \/>Once you&#8217;ve activated the H5P plugin, your visual editor will include a new &#8216;<strong>Add H5P<\/strong>&#8216; button next to the &#8216;Add Media&#8217; button. You can use this button to add the shortcodes for H5P activities throughout your book. To add an H5P activity you&#8217;ve created:<\/p>\n<ol>\n<li><span style=\"font-size: 1em\">Navigate to the location where you would like add your activity.<\/span><\/li>\n<li><span style=\"font-size: 1em\">Click the &#8216;<strong>Add H5P<\/strong>&#8216; button<\/span><\/li>\n<li>Find the activity you&#8217;d like to add to your book and click &#8216;<strong>Insert<\/strong>&#8216;<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-288\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-40-53.png\" alt=\"\" width=\"782\" height=\"156\" \/>An H5P shortcode will be inserted in your chapter using the pattern The original version of this chapter contained H5P content. You may want to remove or replace this element.<\/li>\n<li>Save your chapter and view the web version to see embedded activity.<\/li>\n<\/ol>\n<figure id=\"attachment_291\" aria-describedby=\"caption-attachment-291\" style=\"width: 1021px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-289 size-full\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/h5p-6.png\" alt=\"\" width=\"1021\" height=\"501\" \/><figcaption id=\"caption-attachment-291\" class=\"wp-caption-text\">Save and view in the webbook.<\/figcaption><\/figure>\n<p>In your EPUB and PDF exports, H5P activities be replaced by placeholder text which includes a link to the activity in the webbook:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-290\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-46-17.png\" alt=\"\" width=\"416\" height=\"183\" \/><\/p>\n<h1>View All H5P Activities in Your Book<\/h1>\n<p>All public books include a listing of all the H5P activities which have been created for that book. You can find the H5P listing page by adding the following path to the end of a webbook&#8217;s homepage URL: <code>\/h5p-listing\/<\/code><\/p>\n<p>You can view a sample H5P Activities List at https:\/\/wisc.pb.unizin.org\/portuguese\/h5p-listing\/<\/p>\n<p>The H5P activities list will indicate the total number of H5P activities created in a given book, displaying them in groups of 20 with pagination controls at the bottom of the page. Acitivites are listed by their shortcode ID number (in order of creation) and will be hidden by default. You can choose to expand all activities at once by clicking the <strong>Expand All <\/strong>button at the top of the page. Alternatively, you can click the <strong>Show Activity <\/strong>button to display a specific H5P activity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-291\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2022\/10\/Screenshot-from-2021-10-15-23-50-52.png\" alt=\"\" width=\"718\" height=\"754\" \/><\/p>\n<p>Prefer to watch and learn? Check out this video tutorial:<\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-2\" title=\"PressbooksEDU: H5P\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/sBBBJKnYRPo?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Watch the following video and learn how to increase student engagement using H5P.<\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-3\" title=\"Increasing student engagement using H5P and Pressbooks Results for LMS\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/6m04PHKE2VY?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h1 class=\"style-scope ytd-watch-metadata\">Find Open Textbooks with H5P Activities Pressbooks Directory<\/h1>\n<p>The following video by the Optimized Educator <span class=\"yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap\" role=\"text\"><span class=\"yt-core-attributed-string--link-inherit-color\">demonstrates how to use Pressbooks Directory to find open textbooks, and then to filter those textbooks by interactive activities you may want to embed or clone. <\/span><\/span><\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"Using Pressbooks Directory to Find OER with H5P Activities\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/F5Tb4k7S3bg?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"author":1,"menu_order":1,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":["pressbooks"],"pb_section_license":""},"chapter-type":[48],"contributor":[62],"license":[],"class_list":["post-220","chapter","type-chapter","status-publish","hentry","chapter-type-standard","contributor-pressbooks"],"part":219,"_links":{"self":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/220\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/220\/revisions\/221"}],"part":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/parts\/219"}],"metadata":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/220\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapter-type?post=220"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/contributor?post=220"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/license?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}