Making Pressbooks Interactive with H5Phttp://pressbooks.library.ryerson.ca/h5pbookOpen TextbookWed, 18 Apr 2018 19:58:39 +0000en-US1.2http://pressbooks.library.ryerson.ca/http://pressbooks.library.ryerson.ca/h5pbook21https://wordpress.org/?v=4.9.5Introductionhttp://pressbooks.library.ryerson.ca/h5pbook/front-matter/introduction/Fri, 20 Oct 2017 12:54:03 +0000http://pressbooks.library.ryerson.ca/h5pbook/front-matter/introduction/401post0What is H5Phttp://pressbooks.library.ryerson.ca/h5pbook/chapter/chapter-1__trashed/Fri, 20 Oct 2017 12:54:03 +0000http://pressbooks.library.ryerson.ca/h5pbook/chapter/chapter-1/
  • Accordion icon
    Accordion
    Create vertically stacked expandable items
  • Icon for the Agamotto content type
    Agamotto
    Create a sequence of images that gradually change
  • Arithmetic Quiz icon
    Arithmetic Quiz
    Create time-based arithmetic quizzes
  • audio recorder icon
    Audio Recorder
    Create an audio recording
  • Chart icon
    Chart
    Quickly generate bar and pie charts
  • Collage Icon
    Collage
    Create a collage of multiple images
  • Column
    Column layout for H5P Content
  • Course Presentation Icon
    Course Presentation
    Create a presentation with interactive slides
  • Dialog Cards icon
    Dialog Cards
    Create text-based turning cards
  • Documentation Tool Icon
    Documentation Tool
    Create a form wizard with text export
  • Drag and Drop icon
    Drag and Drop
    Create drag and drop tasks with images
  • Drag the Words icon
    Drag the Words
    Create text-based drag and drop tasks
  • Fill in the Blanks icon
    Fill in the Blanks
    Create a task with missing words in a text
  • Find Multiple Hotspots
    Create many hotspots for users to find
  • Image Hotspot Question Icon
    Find the Hotspot
    Create image hotspot for users to find
  • Icon showing cards in a stack where each card has an image and a text field
    Flashcards
    Create stylish and modern flashcards
  • Guess the Answer icon
    Guess the Answer
    Create an image with a question and answer button
  • Iframe Embedder icon
    Iframe Embedder
    Embed from a url or a set of files
  • Image Hotspots icon
    Image Hotspots
    Create an image with multiple info hotspots
  • Icon for the Image Juxtaposition content type
    Image Juxtaposition
    Create interactive images
  • Image sequence icon
    Image Sequencing
    Place images in the correct order
  • Image slider icon
    Image Slider
    Easily create an Image Slider
  • Impressive Presentation icon
    Impressive Presentation (ALPHA)
    Create a slideshow with parallax effects
  • Interactive Video Icon
    Interactive Video
    Create videos enriched with interactions
  • Mark The Words icon
    Mark the Words
    Create a task where users highlight words
  • Memory Game icon
    Memory Game
    Create the classic image pairing game
  • Multiple Choice icon
    Multiple Choice
    Create flexible multiple choice questions
  • Personality Quiz
    Create personality quizzes
  • Questionnaire
    Create a questionnaire to receive feedback
  • Quiz Question Set icon
    Quiz (Question Set)
    Create a sequence of various question types
  • Single Choice Set icon
    Single Choice Set
    Create questions with one correct answer
  • Speak the words
    Speak the Words
    Answer a question using your voice
  • An image showing microphone and questions
    Speak the Words Set
    A series of questions answered by speech
  • Summary icon
    Summary
    Create tasks with a list of statements
  • Timeline icon
    Timeline
    Create a timeline of events with multimedia
  • True/False Question
    Create True/False questions
  • Twitter User Feed Icon
    Twitter User Feed
    Show your Twitter feed with H5P
    •  ]]>    531post0    Appendixhttp://pressbooks.library.ryerson.ca/h5pbook/back-matter/appendix/Fri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/back-matter/appendix/701post0Book Informationhttp://pressbooks.library.ryerson.ca/h5pbook/?metadata=book-informationFri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/?metadata=book-information17010Book cover photo by Jeremy Galliani on Unsplash Jeremy Galliani]]>Accordionhttp://pressbooks.library.ryerson.ca/h5pbook/chapter/accordion/Fri, 20 Oct 2017 16:01:22 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=20Example of Interactive Accordion Content Creative Commons licenses allow copyright holders to decide how they would like others to be able to use their materials.  There are 6 types of Creative Commons licenses. [h5p id="1"] ]]>2031post0Image Sequencinghttp://pressbooks.library.ryerson.ca/h5pbook/chapter/24/Fri, 20 Oct 2017 16:47:16 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=24The image sequencing module allows you to upload a series of images.  H5P will randomize the images and the user is asked to drag the images into the correct order. ]]>2432post0Image Sliderhttp://pressbooks.library.ryerson.ca/h5pbook/chapter/image-slider/Fri, 20 Oct 2017 19:48:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=303033post0Twitter Feedshttp://pressbooks.library.ryerson.ca/h5pbook/chapter/twitter-feeds/Fri, 03 Nov 2017 13:02:47 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=34 Offline readers:  https://h5p.org/node/137240   Notes:  There is an issue with the twitter feed not showing up if the embed code is used directly as copied from H5P.  The problems seems to be the resizer Javascript code at the end of the embed code. The javascript code is: <script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script> Delete this from the embed code.  ]]>3434post0What is H5Phttp://pressbooks.library.ryerson.ca/h5pbook/chapter/what-is-h5p/Wed, 18 Apr 2018 00:53:18 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=56
  • Accordion icon
    Accordion
    Create vertically stacked expandable items
  • Icon for the Agamotto content type
    Agamotto
    Create a sequence of images that gradually change
  • Arithmetic Quiz icon
    Arithmetic Quiz
    Create time-based arithmetic quizzes
  • audio recorder icon
    Audio Recorder
    Create an audio recording
  • Chart icon
    Chart
    Quickly generate bar and pie charts
  • Collage Icon
    Collage
    Create a collage of multiple images
  • Column
    Column layout for H5P Content
  • Course Presentation Icon
    Course Presentation
    Create a presentation with interactive slides
  • Dialog Cards icon
    Dialog Cards
    Create text-based turning cards
  • Documentation Tool Icon
    Documentation Tool
    Create a form wizard with text export
  • Drag and Drop icon
    Drag and Drop
    Create drag and drop tasks with images
  • Drag the Words icon
    Drag the Words
    Create text-based drag and drop tasks
  • Fill in the Blanks icon
    Fill in the Blanks
    Create a task with missing words in a text
  • Find Multiple Hotspots
    Create many hotspots for users to find
  • Image Hotspot Question Icon
    Find the Hotspot
    Create image hotspot for users to find
  • Icon showing cards in a stack where each card has an image and a text field
    Flashcards
    Create stylish and modern flashcards
  • Guess the Answer icon
    Guess the Answer
    Create an image with a question and answer button
  • Iframe Embedder icon
    Iframe Embedder
    Embed from a url or a set of files
  • Image Hotspots icon
    Image Hotspots
    Create an image with multiple info hotspots
  • Icon for the Image Juxtaposition content type
    Image Juxtaposition
    Create interactive images
  • Image sequence icon
    Image Sequencing
    Place images in the correct order
  • Image slider icon
    Image Slider
    Easily create an Image Slider
  • Impressive Presentation icon
    Impressive Presentation (ALPHA)
    Create a slideshow with parallax effects
  • Interactive Video Icon
    Interactive Video
    Create videos enriched with interactions
  • Mark The Words icon
    Mark the Words
    Create a task where users highlight words
  • Memory Game icon
    Memory Game
    Create the classic image pairing game
  • Multiple Choice icon
    Multiple Choice
    Create flexible multiple choice questions
  • Personality Quiz
    Create personality quizzes
  • Questionnaire
    Create a questionnaire to receive feedback
  • Quiz Question Set icon
    Quiz (Question Set)
    Create a sequence of various question types
  • Single Choice Set icon
    Single Choice Set
    Create questions with one correct answer
  • Speak the words
    Speak the Words
    Answer a question using your voice
  • An image showing microphone and questions
    Speak the Words Set
    A series of questions answered by speech
  • Summary icon
    Summary
    Create tasks with a list of statements
  • Timeline icon
    Timeline
    Create a timeline of events with multimedia
  • True/False Question
    Create True/False questions
  • Twitter User Feed Icon
    Twitter User Feed
    Show your Twitter feed with H5P
    •  ]]>    56531post0    Creating H5P Content in Pressbookshttp://pressbooks.library.ryerson.ca/h5pbook/chapter/creating-h5p-content-in-pressbooks/Wed, 18 Apr 2018 01:47:10 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=6060581post0Accessibilityhttp://pressbooks.library.ryerson.ca/h5pbook/chapter/accessibility/Wed, 18 Apr 2018 02:25:24 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=64Content Type Accessibility page.]]>64582post0Memory Gamehttp://pressbooks.library.ryerson.ca/h5pbook/chapter/memory-game/Wed, 18 Apr 2018 02:32:53 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=66Example Memory Game [h5p id="3"]

    Customization Options

    Behavioural Settings

    You can choose the number of cards to be displayed, the layout and if users are to be given the option to retry.

    Look and Feel

    You can choose a theme colour and customize the image on the back of the cards.

    Text Overrides and Translations

    You can customize the wording used for feedback, game label, try again, etc.  ]]>    6635post0    Essayhttp://pressbooks.library.ryerson.ca/h5pbook/chapter/essay/Wed, 18 Apr 2018 17:28:51 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=797936post0Importing H5P Content to Pressbookshttp://pressbooks.library.ryerson.ca/h5pbook/chapter/importing-h5p-content-to-pressbooks/Wed, 18 Apr 2018 17:54:08 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=81
  • Click on the H5P link in the left navigation menu, then click on Add New.
  • Enter a title for your new content.
  • Click on the Down Arrow in the Select Content Type Menu
  • The Create Content button is selected by default.
  • Click on the Upload button
  • Browse to the file on your computer and select it
  • Click the Use button
  • Click the Create button
    • ]]>    81583post0    Guess the Answerhttp://pressbooks.library.ryerson.ca/h5pbook/chapter/guess-the-answer/Wed, 18 Apr 2018 18:02:44 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=83Sample [h5p id="4"]  

    Features:

    • Add a task description and image
    • Add a descriptive solution label and a solution text
    • Solution text is revealed on input from the user
    Licensing information can be added for all images used.]]>    8337post0    Additional H5P Resourceshttp://pressbooks.library.ryerson.ca/h5pbook/chapter/additional-h5p-resources/Wed, 18 Apr 2018 18:19:54 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=86H5P site includes a wide range of examples and documentation including: Content Author Guide Examples and Downloads About the H5P Project ]]>86584post0Quiz and Survey Resultshttp://pressbooks.library.ryerson.ca/h5pbook/chapter/quiz-and-survey-results/Wed, 18 Apr 2018 18:37:55 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=9090585post0Cover Imagehttp://pressbooks.library.ryerson.ca/h5pbook/?attachment_id=92Wed, 18 Apr 2018 19:07:02 +0000http://pressbooks.library.ryerson.ca/h5pbook/?attachment_id=92921700Multiple Choicehttp://pressbooks.library.ryerson.ca/h5pbook/chapter/multiple-choice/Wed, 18 Apr 2018 19:52:29 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=939338post0H5P in Exportshttp://pressbooks.library.ryerson.ca/h5pbook/chapter/h5p-in-exports/Wed, 18 Apr 2018 19:58:14 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=chapter&p=9595586post0Module Typeshttp://pressbooks.library.ryerson.ca/h5pbook/part/main-body/Fri, 20 Oct 2017 12:54:03 +0000http://pressbooks.library.ryerson.ca/h5pbook/part/main-body/305post0Authorshttp://pressbooks.library.ryerson.ca/h5pbook/authors/Fri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/authors/]]>8000Coverhttp://pressbooks.library.ryerson.ca/h5pbook/Fri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/cover/]]>9000Table of Contentshttp://pressbooks.library.ryerson.ca/h5pbook/table-of-contents/Fri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/table-of-contents/]]>10000Abouthttp://pressbooks.library.ryerson.ca/h5pbook/about/Fri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/about/]]>11000Buyhttp://pressbooks.library.ryerson.ca/h5pbook/buy/Fri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/buy/]]>12000Access Deniedhttp://pressbooks.library.ryerson.ca/h5pbook/access-denied/Fri, 20 Oct 2017 12:54:04 +0000http://pressbooks.library.ryerson.ca/h5pbook/access-denied/]]>13000About H5Phttp://pressbooks.library.ryerson.ca/h5pbook/part/about-h5p/Wed, 18 Apr 2018 00:50:57 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=part&p=535301post0H5P and Pressbookshttp://pressbooks.library.ryerson.ca/h5pbook/part/h5p-and-pressbooks/Wed, 18 Apr 2018 00:54:35 +0000http://pressbooks.library.ryerson.ca/h5pbook/?post_type=part&p=5858015post0