{"id":1549,"date":"2017-12-29T08:00:28","date_gmt":"2017-12-29T16:00:28","guid":{"rendered":"http:\/\/blogs.oregonstate.edu\/inspire\/?p=1549"},"modified":"2017-12-29T13:18:23","modified_gmt":"2017-12-29T21:18:23","slug":"create-interactives-h5p-five-simple-steps","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/inspire\/2017\/12\/29\/create-interactives-h5p-five-simple-steps\/","title":{"rendered":"Create Interactives with H5P (Five Simple Steps)"},"content":{"rendered":"<p><a href=\"https:\/\/h5p.org\" rel=\"noopener\"><strong>H5P<\/strong> (HTML5 Package)<\/a> is a free online tool that allows you to create and upload, download, and share HTML5 interactive content using <a href=\"https:\/\/h5p.org\" rel=\"noopener\">H5P.org<\/a> or by installing a H5P plugin on <a href=\"https:\/\/h5p.org\/documentation\/setup\/drupal7\" rel=\"noopener\">Drupal<\/a>, <a href=\"https:\/\/h5p.org\/moodle\" rel=\"noopener\">Moodle<\/a>, or <a href=\"https:\/\/h5p.org\/documentation\/setup\/wordpress\" rel=\"noopener\">WordPress<\/a>.<\/p>\n<h2>5 Steps to use H5P.org\u2028\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-1550\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2017\/12\/arrows-300x200.png\" alt=\"Upload Download Share logo\" width=\"300\" height=\"200\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2017\/12\/arrows-300x200.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2017\/12\/arrows-768x512.png 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2017\/12\/arrows-1024x682.png 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2017\/12\/arrows.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/h2>\n<ol>\n<li><strong>Go to<\/strong> <a href=\"https:\/\/h5p.org\" rel=\"noopener\">https:\/\/h5p.org<\/a><\/li>\n<li><strong>Click on<\/strong> \u201cCreate free account\u201d [located in top right corner] and <strong>create<\/strong> a free H5P user account.<\/li>\n<li><strong>Login<\/strong> to your H5P account with your username and password.<\/li>\n<li><strong>Navigate<\/strong> to the \u201cExamples &amp; downloads\u201d page and <strong>choose<\/strong> one of the H5P Content Types.\n<ul>\n<li>Use the \u201cclone content\u201d feature to create a new piece of H5P content from one of the examples.<\/li>\n<li>Give the cloned content a title and adapt the cloned content to suit your needs.<\/li>\n<li>Choose from the list of H5P options to embed and download the newly created content.<\/li>\n<li>If there are no copyrights, uncheck the box next to the copyright button.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Save<\/strong> the H5P content to your h5p.org account.<\/li>\n<\/ol>\n<p>Once saved to your H5P account, you can <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/the-basics\" rel=\"noopener\">embed the H5P content on a website<\/a>, add it to a <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/h5p-for-canvas\" rel=\"noopener\">Canvas course Page or Module<\/a>, or you can download a packaged h5p file and upload it to a <a href=\"https:\/\/h5p.org\/documentation\/setup\/drupal7\" rel=\"noopener\">Drupal<\/a>, <a href=\"https:\/\/h5p.org\/moodle\" rel=\"noopener\">Moodle<\/a>, or <a href=\"https:\/\/h5p.org\/documentation\/setup\/wordpress\" rel=\"noopener\">WordPress<\/a> platform with an installed H5P plugin.<\/p>\n<h3>What Can You Make with H5P?<\/h3>\n<p>31+ HTML5 Interactive Content Types:<br \/>\nGames, Multimedia, Quizzes, etc.<br \/>\n<a href=\"https:\/\/h5p.org\/content-types-and-applications\" rel=\"noopener\">See H5P Examples &amp; Downloads<br \/>\n<\/a><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1551\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2017\/12\/web-1873373_640-150x150.png\" alt=\"world wide web icon\" width=\"75\" height=\"75\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2017\/12\/web-1873373_640-150x150.png 150w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2017\/12\/web-1873373_640-300x300.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2017\/12\/web-1873373_640.png 640w\" sizes=\"auto, (max-width: 75px) 100vw, 75px\" \/><a href=\"https:\/\/h5p.org\" rel=\"noopener\">H5P.org<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>H5P (HTML5 Package) is a free online tool that allows you to create and upload, download, and share HTML5 interactive content using H5P.org or by installing a H5P plugin on Drupal, Moodle, or WordPress. 5 Steps to use H5P.org\u2028\u00a0 Go to https:\/\/h5p.org Click on \u201cCreate free account\u201d [located in top right corner] and create a&hellip; <a href=\"https:\/\/blogs.oregonstate.edu\/inspire\/2017\/12\/29\/create-interactives-h5p-five-simple-steps\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":5352,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[156127],"tags":[156257,672,1065904,98515,1065907,2695],"class_list":["post-1549","post","type-post","status-publish","format-standard","hentry","category-resources-tools-trends","tag-canvas","tag-drupal","tag-h5p","tag-interactive","tag-moodle","tag-wordpress"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/1549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/users\/5352"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/comments?post=1549"}],"version-history":[{"count":11,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/1549\/revisions"}],"predecessor-version":[{"id":1562,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/1549\/revisions\/1562"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/media?parent=1549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/categories?post=1549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/tags?post=1549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}