{"id":36,"date":"2017-03-17T16:28:33","date_gmt":"2017-03-17T16:28:33","guid":{"rendered":"http:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/chapter\/interactive-content-h5p\/"},"modified":"2018-01-16T13:54:48","modified_gmt":"2018-01-16T13:54:48","slug":"interactive-content-h5p","status":"publish","type":"chapter","link":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/chapter\/interactive-content-h5p\/","title":{"rendered":"Interactive Content: H5P"},"content":{"raw":"\n<div class=\"textbox shaded\">\n<p>Another benefit to using Pressbooks to create a book is the ability to add plugins to customize your book and add interactivity. This chapter highlights the H5P plugin that allows you to create high-quality, interactive content using HTML5. H5P allows you to create interactive content like flashcards, image hotspots, and quizzes.<\/p>\n<p>In this chapter, you'll learn how to:<\/p>\n<ul>\n<li>Activate H5P in your Pressbook&nbsp;instance<\/li>\n<li>Add H5P to your Chapter<\/li>\n<li>Create H5P and access H5P tutorials<\/li>\n<\/ul>\n<\/div>\n<h4>Activating H5P<\/h4>\n<p>If your Pressbooks&nbsp;instance is missing an option for H5P Content on the left side menu, you can activate it for you book by navigating to Plugins also on the left side menu. This will display the list of plugins available for your book, beneath the option for H5P you'll see a link to Activate it.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc.png#fixme\" alt=\"Activate H5P\" width=\"1288\" height=\"589\" class=\"size-full wp-image-204 alignnone\"><\/a><\/p>\n<p>Once you've activated the H5P plugin, the option for H5P Content will be available on the left side menu.<\/p>\n<h4>Creating H5P<\/h4>\n<p>In order to create H5P and add it to your book, you have two options: 1) you can click Add New on the left side menu from under H5P Content, or 2) you can click Add H5P directly from the chapter you're editing.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-1.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-1.png#fixme\" alt=\"Add H5P \" width=\"1261\" height=\"610\" class=\"size-full wp-image-205 alignnone\"><\/a><\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-2-1.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-2-1.png#fixme\" alt=\"Add H5P from Chapter\" width=\"1275\" height=\"613\" class=\"size-full wp-image-207 alignnone\"><\/a><\/p>\n<h4>Creating H5P and Accessing Tutorials<\/h4>\n<p>After clicking Add New or Add H5P, you'll be on the initial H5P interface where you'll (1) create a title for the H5P activity, (2) select the type of H5P from the drop down menu, (3) make sure the option Create is bulleted or select upload to add an existing H5P to your book, and (4) select the display options for your H5P.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/dropdown.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/dropdown.png#fixme\" alt=\"Create H5P\" width=\"1132\" height=\"605\" class=\"size-full wp-image-208 alignnone\"><\/a><\/p>\n<p>Once you've selected the H5P content type you want to create the interface for the content loads. You'll use that interface to build your interactive content. Look for the blue \"Tutorial available\" link next to the content type dropdown box to get access to an in-depth tutorial from the H5P website. These tutorials will take you through the H5P creation process step by step, and often with video support. They're a great resource to rely on while creating H5P for your book!<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-3.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-3.png#fixme\" alt=\"H5P interface\" width=\"1274\" height=\"628\" class=\"size-full wp-image-209 alignnone\"><\/a><\/p>\n\n","rendered":"<div class=\"textbox shaded\">\n<p>Another benefit to using Pressbooks to create a book is the ability to add plugins to customize your book and add interactivity. This chapter highlights the H5P plugin that allows you to create high-quality, interactive content using HTML5. H5P allows you to create interactive content like flashcards, image hotspots, and quizzes.<\/p>\n<p>In this chapter, you&#8217;ll learn how to:<\/p>\n<ul>\n<li>Activate H5P in your Pressbook&nbsp;instance<\/li>\n<li>Add H5P to your Chapter<\/li>\n<li>Create H5P and access H5P tutorials<\/li>\n<\/ul>\n<\/div>\n<h4>Activating H5P<\/h4>\n<p>If your Pressbooks&nbsp;instance is missing an option for H5P Content on the left side menu, you can activate it for you book by navigating to Plugins also on the left side menu. This will display the list of plugins available for your book, beneath the option for H5P you&#8217;ll see a link to Activate it.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc.png#fixme\" alt=\"Activate H5P\" width=\"1288\" height=\"589\" class=\"size-full wp-image-204 alignnone\" \/><\/a><\/p>\n<p>Once you&#8217;ve activated the H5P plugin, the option for H5P Content will be available on the left side menu.<\/p>\n<h4>Creating H5P<\/h4>\n<p>In order to create H5P and add it to your book, you have two options: 1) you can click Add New on the left side menu from under H5P Content, or 2) you can click Add H5P directly from the chapter you&#8217;re editing.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-1.png#fixme\" alt=\"Add H5P\" width=\"1261\" height=\"610\" class=\"size-full wp-image-205 alignnone\" \/><\/a><\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-2-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-2-1.png#fixme\" alt=\"Add H5P from Chapter\" width=\"1275\" height=\"613\" class=\"size-full wp-image-207 alignnone\" \/><\/a><\/p>\n<h4>Creating H5P and Accessing Tutorials<\/h4>\n<p>After clicking Add New or Add H5P, you&#8217;ll be on the initial H5P interface where you&#8217;ll (1) create a title for the H5P activity, (2) select the type of H5P from the drop down menu, (3) make sure the option Create is bulleted or select upload to add an existing H5P to your book, and (4) select the display options for your H5P.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/dropdown.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/dropdown.png#fixme\" alt=\"Create H5P\" width=\"1132\" height=\"605\" class=\"size-full wp-image-208 alignnone\" \/><\/a><\/p>\n<p>Once you&#8217;ve selected the H5P content type you want to create the interface for the content loads. You&#8217;ll use that interface to build your interactive content. Look for the blue &#8220;Tutorial available&#8221; link next to the content type dropdown box to get access to an in-depth tutorial from the H5P website. These tutorials will take you through the H5P creation process step by step, and often with video support. They&#8217;re a great resource to rely on while creating H5P for your book!<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-3.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/03\/arc-3.png#fixme\" alt=\"H5P interface\" width=\"1274\" height=\"628\" class=\"size-full wp-image-209 alignnone\" \/><\/a><\/p>\n","protected":false},"author":1,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-36","chapter","type-chapter","status-publish","hentry"],"part":18,"_links":{"self":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/36\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/36\/revisions\/37"}],"part":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/parts\/18"}],"metadata":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/36\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapter-type?post=36"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/contributor?post=36"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/license?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}