{"id":92,"date":"2018-03-12T21:59:55","date_gmt":"2018-03-12T21:59:55","guid":{"rendered":"https:\/\/openbook.ums.edu.my\/userguide\/chapter\/create-interactive-content-with-h5p\/"},"modified":"2024-09-19T04:19:25","modified_gmt":"2024-09-19T04:19:25","slug":"create-interactive-content-with-h5p","status":"publish","type":"chapter","link":"https:\/\/openbook.ums.edu.my\/userguide\/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\"><strong>Note:\u00a0<\/strong>On hosted Pressbooks networks for institutions, H5P can be activated freely. On the pressbooks.pub network, H5P is available for books on the <a href=\"https:\/\/pressbooks.pub\/guide\/chapter\/upgrade-your-pressbooks-pub-book\/\">Collaboration<\/a> plan, where it is activated by default.<\/div>\n<h1>Create H5P Activities<\/h1>\n<span style=\"text-align: initial; font-size: 1em;\"><img class=\"size-full wp-image-285 alignright\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2016\/11\/Screenshot-from-2021-10-15-23-28-25.png\" alt=\"\" width=\"306\" height=\"77\">Before you create your first H5P activities, you must activate the H5P plugin. (For pressbooks.pub books on the <a href=\"https:\/\/pressbooks.pub\/guide\/chapter\/upgrade-your-pressbooks-pub-book\/\">Collaboration<\/a> plan, this step can be skipped, since the plugin is activated upon subscribing to that plan.) Do this by clicking <\/span><strong style=\"text-align: initial; font-size: 1em;\">Plugins <\/strong><span style=\"text-align: initial; font-size: 1em;\">in <\/span><span style=\"text-align: initial; font-size: 1em;\">your book dashboard and finding and activating the H5P plugin. If you don't see the Plugins option or the H5P plugin in the list of available plugins, contact your network manager. Once H5P is active in your book, you'll see an <strong>H5P Content\u00a0<\/strong>option added to 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 (reommended)<\/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","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\"><strong>Note:\u00a0<\/strong>On hosted Pressbooks networks for institutions, H5P can be activated freely. On the pressbooks.pub network, H5P is available for books on the <a href=\"https:\/\/pressbooks.pub\/guide\/chapter\/upgrade-your-pressbooks-pub-book\/\">Collaboration<\/a> plan, where it is activated by default.<\/div>\n<h1>Create H5P Activities<\/h1>\n<p><span style=\"text-align: initial; font-size: 1em;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-285 alignright\" src=\"https:\/\/pressbooks.pub\/app\/uploads\/sites\/4748\/2016\/11\/Screenshot-from-2021-10-15-23-28-25.png\" alt=\"\" width=\"306\" height=\"77\" \/>Before you create your first H5P activities, you must activate the H5P plugin. (For pressbooks.pub books on the <a href=\"https:\/\/pressbooks.pub\/guide\/chapter\/upgrade-your-pressbooks-pub-book\/\">Collaboration<\/a> plan, this step can be skipped, since the plugin is activated upon subscribing to that plan.) Do this by clicking <\/span><strong style=\"text-align: initial; font-size: 1em;\">Plugins <\/strong><span style=\"text-align: initial; font-size: 1em;\">in <\/span><span style=\"text-align: initial; font-size: 1em;\">your book dashboard and finding and activating the H5P plugin. If you don&#8217;t see the Plugins option or the H5P plugin in the list of available plugins, contact your network manager. Once H5P is active in your book, you&#8217;ll see an <strong>H5P Content\u00a0<\/strong>option added to 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 (reommended)<\/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-1\" 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","protected":false},"author":1,"menu_order":20,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[48],"contributor":[],"license":[],"class_list":["post-92","chapter","type-chapter","status-publish","hentry","chapter-type-standard"],"part":53,"_links":{"self":[{"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/pressbooks\/v2\/chapters\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/pressbooks\/v2\/chapters\/92\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/pressbooks\/v2\/chapters\/92\/revisions\/93"}],"part":[{"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/pressbooks\/v2\/parts\/53"}],"metadata":[{"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/pressbooks\/v2\/chapters\/92\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/pressbooks\/v2\/chapter-type?post=92"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/wp\/v2\/contributor?post=92"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/userguide\/wp-json\/wp\/v2\/license?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}