{"id":31,"date":"2016-06-13T18:40:12","date_gmt":"2016-06-14T04:40:12","guid":{"rendered":"https:\/\/elearning.lib.monash.edu\/?page_id=31"},"modified":"2025-11-11T12:03:44","modified_gmt":"2025-11-11T01:03:44","slug":"home","status":"publish","type":"page","link":"https:\/\/elearning.lib.monash.edu\/","title":{"rendered":"How to create interactive activities with H5P"},"content":{"rendered":"<p><em>NOTE: This is an internal site for Library staff only.<\/em><\/p>\n<p>Welcome to the Academic Services H5P WordPress site.<\/p>\n<p><strong>Getting started:<\/strong><\/p>\n<ul>\n<li>Follow our <a href=\"https:\/\/elearning.lib.monash.edu\/?page_id=102\">naming and tagging guidelines<\/a> to use this H5P plugin.<\/li>\n<li>Use the spreadsheet to find <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1HFiT4RMgiEoJ3OcEopjXqKv15B52VY-NagNQ2BF1EWw\/edit?usp=sharing\">account login details<\/a> to use this space.<\/li>\n<li>Check out H5P activity <a href=\"https:\/\/h5p.org\/content-types-and-applications\">examples on the H5P website<\/a>.<\/li>\n<li>Try some <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/tutorials\">really useful H5P tutorials<\/a> to get you started.<\/li>\n<\/ul>\n<p><strong>Jump to:<\/strong><\/p>\n<p><a href=\"#navigating wordpress\">Navigating WordPress<br \/>\n<\/a><a href=\"#creating\">Creating a new resource<\/a><br \/>\n<a href=\"#embed\">Embedding a resource<\/a><br \/>\n<a href=\"#import\">Import a resource<\/a><\/p>\n<h2 id=\"navigating wordpress\"><span style=\"color: #0070c0;\"><strong>Navigating WordPress<\/strong><\/span><\/h2>\n<p>At the top left of the screen, you should see a menu that looks like this:<\/p>\n<p><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-closed.png\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-40\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-closed-300x20.png\" alt=\"H5P WordPress top menu - closed\" width=\"300\" height=\"20\" srcset=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-closed-300x20.png 300w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-closed.png 480w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><strong>Hover your mouse over<\/strong> \u201cResearch and Learning Online\u201d.<br \/>\nThen <strong>click on<\/strong> \u201cDashboard\u201d when it appears in the drop-down.<\/p>\n<p><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-open.png\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-41\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-open-300x46.png\" alt=\"H5P WordPress top menu - open\" width=\"300\" height=\"46\" srcset=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-open-300x46.png 300w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-Wordpress-top-menu-open.png 473w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>When the Dashboard loads, you should see this menu on the left:<\/p>\n<p><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-dashboard-menu-closed.png\"><img loading=\"lazy\" class=\"wp-image-38 alignleft\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-dashboard-menu-closed-123x300.png\" alt=\"H5P wordpress dashboard menu - closed\" width=\"102\" height=\"266\" \/><\/a><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-dashboard-menu-open.png\">\u00a0\u00a0 <img loading=\"lazy\" class=\"wp-image-39 alignright\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-dashboard-menu-open-233x300.png\" alt=\"H5P wordpress dashboard menu - open\" width=\"167\" height=\"236\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>You can <strong>click on<\/strong> \u201cH5P content\u201d to see all the created activities.<\/p>\n<p>OR you can <strong>hover over<\/strong> \u201cH5P content\u201d and <strong>click on<\/strong> \u201cAll H5P Content\u201d or \u201cAdd New\u201d.<\/p>\n<p>\u201cAll H5P Content\u201d shows all the created activities and \u201cAdd New\u201d allows you to create a new activity. You can also create a new resource from the \u201cAll H5P content\u201d screen.<\/p>\n<p><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-all-H5P-content-screen.png\"><img loading=\"lazy\" class=\"alignnone wp-image-37 size-large\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-all-H5P-content-screen-1024x296.png\" alt=\"H5P wordpress all H5P content screen\" width=\"660\" height=\"191\" srcset=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-all-H5P-content-screen-1024x296.png 1024w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-all-H5P-content-screen-300x87.png 300w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-all-H5P-content-screen-768x222.png 768w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-all-H5P-content-screen.png 1680w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>This screen shows all the H5P content already created.<\/p>\n<p>In order to create new content from this screen, <strong>click<\/strong> \u201cAdd new\u201d.<\/p>\n<p>To preview existing content (a quiz, etc.), <strong>click on<\/strong> the title of the relevant resource.<\/p>\n<p>To edit existing content, <strong>click on<\/strong> \u201cedit\u201d all the way to the right of the content.<\/p>\n<p>You can use the search box on this page to search for content with particular keywords.<\/p>\n<p><strong>Note:<\/strong> This will only search for titles with the keywords \u2013 it does not search tags.<\/p>\n<p>If you click on anything under the \u201cContent type\u201d, \u201cAuthor\u201d or \u201cTags\u201d columns it will only show whatever content has that particular attribute. For example, if you click on \u201cMultichoice question\u201d, it will only show multiple choice quizzes. You can then click on something in the other categories \u2013 a tag, or the creator\u2019s name \u2013 and it will narrow your results down even further.<\/p>\n<h2 id=\"creating\"><span style=\"color: #0070c0;\"><strong>Creating a new resource<\/strong><\/span><\/h2>\n<p>When you <strong>click<\/strong> \u201cAdd new\u201d, it will bring you to the creation screen.<br \/>\nHere, you can create interactive H5P content.<\/p>\n<p>Remember to give your creation a title where it says \u201cEnter title here\u201d \u2013 otherwise, you won\u2019t be able to create your resource. Remember to follow the <a href=\"https:\/\/elearning.lib.monash.edu\/index.php\/h5p-naming-and-tagging-guidelines\/\">naming and tagging guidelines<\/a> when coming up with a title.<\/p>\n<p>To start with, you need to select what type of interaction you want to create.<\/p>\n<p><strong>Click on<\/strong> the arrow to open the drop-down menu, as shown in the screenshot below:<\/p>\n<p><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-add-new-select-library.png\"><img loading=\"lazy\" class=\"alignnone wp-image-36 size-large\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-add-new-select-library-1024x378.png\" alt=\"H5P wordpress add new select library\" width=\"660\" height=\"244\" srcset=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-add-new-select-library-1024x378.png 1024w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-add-new-select-library-300x111.png 300w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-add-new-select-library-768x283.png 768w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/H5P-wordpress-add-new-select-library.png 1678w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>You can also create question sets that combine several quiz types.<\/p>\n<p>The \u201cSingle choice set\u201d type allows you to make a set of questions that only have one answer.<\/p>\n<p>The \u201cQuestion set\u201d type can contain any of the following quizzes in whichever orders\/quantities you would like:<\/p>\n<ul>\n<li>Multichoice question<\/li>\n<li>Drag and drop question<\/li>\n<li>Fill in the blanks<\/li>\n<li>Mark the words<\/li>\n<\/ul>\n<p>When you\u2019re done creating the resource, go back to the top right of the page and <strong>click<\/strong> \u201cCreate\u201d.<\/p>\n<p>Note: Do not click \u201cpublish\u201d, as this will only publish to WordPress.<\/p>\n<h2 id=\"embed\"><span style=\"color: #0070c0;\">Embedding an H5P resource<\/span><\/h2>\n<p>Locate the &#8216;Embed&#8217; button at the bottom right hand side of the H5P activity you have created.<\/p>\n<p><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p.png\"><img loading=\"lazy\" class=\"alignnone wp-image-322 size-full\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p.png\" alt=\"embed h5p\" width=\"1018\" height=\"532\" srcset=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p.png 1018w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p-300x157.png 300w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p-768x401.png 768w\" sizes=\"(max-width: 1018px) 100vw, 1018px\" \/><\/a><\/p>\n<p>A pop-up box will appear containing the embed code. Copy and paste the code to the platform where you wish to display the activity e.g. Moodle, Library guide.<\/p>\n<p><a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p-code.png\"><img loading=\"lazy\" class=\"alignleft wp-image-323 size-medium\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p-code-300x108.png\" alt=\"embed-h5p-code\" width=\"300\" height=\"108\" srcset=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p-code-300x108.png 300w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/embed-h5p-code.png 481w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>The embed code need to be pasted to page in editing mode where direct editing of HTML code is enabled.<\/p>\n<h2 id=\"import\"><span style=\"color: #0070c0;\">Importing a resource<\/span><\/h2>\n<p>You can export existing H5P resources and import them to another environment. For example, if you have previously created resources via the official H5P site you can export these resources and upload them to the this environment which is hosted by Monash.<\/p>\n<p>The exporting and importing process can also be used to make duplications of resources.<\/p>\n<p>To export, follow the <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/import-and-export\" target=\"_blank\" rel=\"noopener noreferrer\">instructions provided by H5P<\/a>.<\/p>\n<p>To upload\/import H5P resources you have download to this site:<\/p>\n<ol>\n<li>Go to the <strong>Dashboard<\/strong><\/li>\n<li>Go to <strong>H5P Content<\/strong> then choose <strong>Add New<\/strong><\/li>\n<li>On the right hand side of the screen select the <strong>Upload<\/strong> option. The screen will update and option for uploading files appears.<br \/>\n<a href=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/Add-New-\u2039-Research-and-Learning-Online-\u2014-WordPress-2017-02-16-09-34-41.png\"><img loading=\"lazy\" class=\"alignleft size-full wp-image-560\" src=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/Add-New-\u2039-Research-and-Learning-Online-\u2014-WordPress-2017-02-16-09-34-41.png\" alt=\"add-new\" width=\"1181\" height=\"740\" srcset=\"https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/Add-New-\u2039-Research-and-Learning-Online-\u2014-WordPress-2017-02-16-09-34-41.png 1181w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/Add-New-\u2039-Research-and-Learning-Online-\u2014-WordPress-2017-02-16-09-34-41-300x188.png 300w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/Add-New-\u2039-Research-and-Learning-Online-\u2014-WordPress-2017-02-16-09-34-41-768x481.png 768w, https:\/\/elearning.lib.monash.edu\/wp-content\/uploads\/2016\/06\/Add-New-\u2039-Research-and-Learning-Online-\u2014-WordPress-2017-02-16-09-34-41-1024x642.png 1024w\" sizes=\"(max-width: 1181px) 100vw, 1181px\" \/><\/a><\/li>\n<li>Enter a title for the resource you are uploading<\/li>\n<li>Browse and locate the H5P resource you have downloaded (.h5p) on your computer<\/li>\n<li>Click <strong>Create<\/strong> when ready<\/li>\n<\/ol>\n<p>Your resource should be uploaded and ready to be edited. <strong>Please remember to follow the <a href=\"https:\/\/elearning.lib.monash.edu\/?page_id=102\">naming and tagging conventions<\/a> as usual.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NOTE: This is an internal site for Library staff only. Welcome to the Academic Services H5P WordPress site. Getting started: Follow our naming and tagging guidelines to use this H5P plugin. Use the spreadsheet to find account login details to use this space. Check out H5P activity examples on the H5P website. Try some really &hellip; <a href=\"https:\/\/elearning.lib.monash.edu\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">How to create interactive activities with H5P<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=\/wp\/v2\/pages\/31"}],"collection":[{"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=31"}],"version-history":[{"count":39,"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":2640,"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions\/2640"}],"wp:attachment":[{"href":"https:\/\/elearning.lib.monash.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}