{"showCoverPage":false,"bookCover":{"coverImage":{"path":"images\/coverImage-5e5ec5047d99b.jpg","mime":"image\/jpeg","copyright":{"license":"U"},"width":960,"height":576},"coverAltText":"""","coverDescription":""},"chapters":[{"params":{"content":[{"content":{"params":{"contentName":"Image","alt":"hints and tips use the left menu","file":{"path":"images\/file-5e6698a8f04c6.jpg","mime":"image\/jpeg","copyright":{"license":"U"},"width":1470,"height":1653}},"library":"H5P.Image 1.1","metadata":{"contentType":"Image","license":"U","title":"Hints Tips Puzzle Displays Suggestions And Assistance","authors":[{"name":"Stuart Miles","role":"Author"}],"source":"https:\/\/www.stockvault.net\/photo\/225234\/hints-tips-puzzle-displays-suggestions-and-assistance"},"subContentId":"b0d131d0-12c0-403c-b096-3a8dd85e0a96"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"6edf5886-1d80-4543-acdc-bec39948c48f","metadata":{"contentType":"Column","license":"U","title":"Cover page"}},{"params":{"content":[{"content":{"params":{"text":"

What it is<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
A basic audio player. You upload an audio file and it displays in a player so people can listen to it. You need to create the audio file elsewhere (not within H5P) to upload.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Supported files<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
Supported audio file formats are .mp3 and .wav. Theoretically .m4a (aac) files are also supported but in practice there are many reports of glitches\/problems with this filetype.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
You can theoretically upload more than one audio file, but in practice it will only recognize one. If you have multiple files, combine them into one before uploading.<\/span><\/span><\/span><\/li>\n\t
You can choose the look of the audio player. Minimalistic and Transparent are very minimal (almost not visible). Choose the Full player if you want people to see it easily.<\/span><\/span><\/span><\/li>\n\t
Fit to Wrapper option expands the player timeline so you can see the whole length of the audio. This allows people to see how far along they are in the audio, and is recommended in most cases.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Accessibility<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
The Full player is fully accessible. The Minimalistic player is not. <\/span><\/span><\/span><\/li>\n\t
Audio-only content is not accessible for people with hearing impairments. A text transcript of the audio needs to be provided along with the audio file. There is no option to do this within H5P, so you will need to provide the text transcript on the page you are embedding or linking to the H5P audio content.<\/span><\/span><\/span><\/li>\n\t
For accessibility, do NOT check the Autoplay option.<\/span><\/span><\/span><\/li>\n<\/ul>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"484f7f0a-e0e4-4662-9b46-9da4408a5c41"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"bf17c373-5883-44de-9a97-292825609566","metadata":{"contentType":"Column","license":"U","title":"Audio"}},{"params":{"content":[{"content":{"params":{"text":"
What it is<\/h2>\n\n
It is a container for other H5P content, similar to a Course Presentation, but it displays in a single column form rather than a series of slides. You scroll down to view the content rather than clicking an arrow to continue.<\/span><\/span><\/span><\/p>\n\n
This more fluid navigation might encourage the user to continue since they don\u2019t have to consciously decide to click each time. <\/span><\/span><\/span><\/p>\n\n
You can add anything to a Column that you can add to a Course Presentation, but can also add content types that you can\u2019t add to a Course Presentation (like Image Hotspot). <\/span><\/span><\/span><\/p>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
Make sure your column is not too long or people will get tired of scrolling.<\/span><\/span><\/span><\/li>\n<\/ul>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"19faff23-31e8-422a-af6f-0f9bc135f852"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"e9fcf1e8-dab4-499b-8194-df73df7c2f6e","metadata":{"contentType":"Column","license":"U","title":"Column"}},{"params":{"content":[{"content":{"params":{"text":"
What it is<\/span><\/span><\/span><\/span><\/h2>\n\n
An organizing tool that acts like an online PowerPoint presentation, though it can contain interactive elements as well as images and text.<\/span><\/span><\/span><\/p>\n\n
How-to<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
If you want to use a Laurier-themed design template, search for \"template\" in the catalogue. Click on the Reuse button under the template, then click Copy. <\/span><\/span><\/span><\/li>\n\t
Click the Create button at the top of the page, then click Paste to create a new course presentation that uses the design template. <\/span><\/span><\/span><\/li>\n\t
You can copy and paste individual elements (e.g. images, quiz questions) on slides. You can't copy or paste entire slides though. Don\u2019t delete any template slides until you\u2019re done (you can\u2019t get them back).<\/span><\/span><\/span><\/li>\n\t
You can't copy\/paste from PowerPoint.<\/span><\/span><\/span><\/li>\n\t
To add license\/copyright information to the presentation, click on Metadata above the course presentation title. <\/span><\/span><\/span><\/li>\n\t
To add license\/copyright information for individual elements within the presentation, click on the element then on Edit in the bar that appears above it. Click on Metadata next to the element title.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
The file extension for images must be lower case (filename.jpg, not filename.JPG)<\/span><\/span><\/span><\/li>\n\t
Very limited number of words possible on most slides. This forces you to really consider the basic point you are trying to make.<\/span><\/span><\/span><\/li>\n\t
Not all H5P elements\/content types are available for use in a course presentation (e.g. image hotspots). If you need content types that aren\u2019t available, try a column instead.<\/span><\/span><\/span><\/li>\n\t
There are no highlight boxes or arrows to focus attention on the part of an image you want people to notice. If you want these, add them to the image in an image editor before adding the image to H5P.<\/span><\/span><\/span><\/li>\n\t
It's hard to get good screenshot resolution for images. What works best: increase text\/monitor\/browser size to 150% to make everything bigger first.Then the screenshots are larger and clearer.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Accessibility<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
Though it works with screen readers, it can be a challenge. Highly recommended: also include a text version with each presentation. <\/span><\/span><\/span><\/li>\n\t
Remember to describe anything in text that you are presenting in your image\/graphic. Don\u2019t assume people will be able to see the graphic. It should be another version of what you say, and not present different information.<\/span><\/span><\/span><\/li>\n\t
Similar issues as PowerPoint for accessibility. Make sure fonts are large enough, minimize text on a page, make sure graphics are legible. Give each slide a different title.<\/span><\/span><\/span><\/li>\n<\/ul>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"756f0fb1-ec96-4fa5-bed3-8bd0e79a2765"},"useSeparator":"auto"},{"content":{"params":{"contentName":"Image"},"library":"H5P.Image 1.1","metadata":{"contentType":"Image","license":"U","title":"Untitled Image"},"subContentId":"e3cbe420-f2f6-4ace-a962-a367ce88d80e"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"c0babd63-44c3-4631-88d9-4eed27ff1427","metadata":{"contentType":"Column","license":"U","title":"Course presentation"}},{"params":{"content":[{"content":{"params":{"text":"
What it is<\/span><\/span><\/span><\/span><\/h2>\n\n
An image with a clickable button that expands when clicked to show text (or video) content. It\u2019s like a very basic clickable infographic. A useful way to present information visually without a lot of text.<\/span><\/span><\/span><\/p>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
Don't pick this type merely for the decorative value\u2014it should be something that benefits from the visual presentation of the information.<\/span><\/span><\/span><\/li>\n\t
The color of the plus sign has to really stand out from the image so use high contrast.<\/span><\/span><\/span><\/li>\n\t
Don't add too many hotspots, or the image will be too busy which makes it confusing. Less is more.<\/span><\/span><\/span><\/li>\n\t
Finding a good image can be a challenge. You may have to create one.<\/span><\/span><\/span><\/li>\n\t
If using a screenshot, expand to 150% or higher first for better resolution. Otherwise it will be quite blurry.<\/span><\/span><\/span><\/li>\n\t
When adding hotspots, the image is very small so it is hard to get the plus sign in the right spot. Click on the magnifying glass underneath your uploaded image to expand it for better visibility.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Accessibility<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
You need a good size clear image for visibility.<\/span><\/span><\/span><\/li>\n\t
Screen readering software doesn\u2019t necessarily read the hotspots in the order you intend. It's recommended that you provide an alternate text version with this content type.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
<\/p>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"fedfaaef-7fa5-4f9c-a2c2-5fdd239c4ffa"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"a6a6208a-d0c8-45aa-b70b-f1b7a622c3ab","metadata":{"contentType":"Column","license":"U","title":"Image hotspots"}},{"params":{"content":[{"content":{"params":{"text":"
What it is<\/span><\/span><\/span><\/span><\/h2>\n\n
You can add interactions (e.g. quiz questions, links) into a pre-existing video. <\/span><\/span><\/span><\/p>\n\n
How-to<\/span><\/span><\/span><\/span><\/h2>\n\n
The easiest way to add interactions is to create an Interactive Video content type and then add the link to a Youtube video:<\/span><\/span><\/span><\/p>\n\n
\n\t
First create a new Interactive Video. <\/span><\/span><\/span><\/li>\n\t
Click on the icon under Add a Video.<\/span><\/span><\/span><\/li>\n\t
Paste the url for a Youtube video into the box. Click Insert. <\/span><\/span><\/span><\/li>\n\t
Once your video displays, click on the Add Interactions tab. You will see all the options in the top menu bar.<\/span><\/span><\/span><\/li>\n\t
Go to the spot in the video where you want to add an interaction, then click on the interaction type in the menu to add it. <\/span><\/span><\/span><\/li>\n<\/ol>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
Notes on some options for interactivity:<\/span><\/span><\/span>\n\n\t
\n\t\t
Label:<\/strong> useful as a call-out for extra information (e.g. definitions, extra tips). When label is clicked, text is displayed. To make your label clearly visible, under Go On to Click menu (at bottom), check Visualize box. This adds a border so it looks clickable. In this area, you can also choose to do an action if clicked (e.g. go to a certain point in the video).<\/span><\/span><\/span><\/li>\n\t\t
Link:<\/strong> you can add a link to an outside web site, e.g. to take students to extra resources or information. Need to add link text plus url. It shows up as a text box. Under Visuals menu (at bottom) you can customize the background colour and shadow so it is more visible.<\/span><\/span><\/span><\/li>\n\t\t
True\/false:<\/strong> single question with true\/false answer. Under the Behavioral Settings menu, you can show various buttons (e.g. Retry and Show Solution), and can add feedback on right and wrong answers. Under Adaptivity menu, you can have the viewer do something if the answer is wrong or right, e.g. if it is wrong take the viewer back to the part of the video that discusses whatever the question asked about so they have to watch it again.<\/span><\/span><\/span><\/li>\n\t\t
Multiple choice: <\/strong>single multiple choice question. Ability to give tips and feedback for each answer option. Similar options under Behavioral Settings and Adaptivity as True\/False above. <\/span><\/span><\/span><\/li>\n\t\t
Navigation hotspot:<\/strong> text box that if clicked takes you somewhere. Could be used for branching (e.g. if you want this option click here, if that option click there), or to give an option to skip over some content if they already know it.<\/span><\/span><\/span><\/li>\n\t\t
Bookmarks:<\/strong> these are added at the bottom, in the player. Go to the place in the video where you want the bookmark and press the bookmark icon in the bottom player bar. You\u2019ll need to add text so people know what the bookmark is (e.g. step 1, step 2, summary). Once added, people can click to jump to that bookmark. Useful as a table of contents. Bookmarks show up as a dotted vertical line on the player bar, and if you hover over it with your mouse the bookmark title shows up. You can click on the bar in the player to jump to that spot. Unfortunately this is not very obvious so students might miss it.<\/span><\/span><\/span><\/li>\n\t<\/ul>\n\t<\/li>\n\t
Poster vs button:<\/strong> this is an option for several elements. It depends how much attention you want to draw to it. Poster is much more obvious (takes up the whole screen). Button is small, better for supplemental material.<\/span><\/span><\/span><\/li>\n\t
Copyright and license information:<\/strong> remember to add this for each of your interactive elements in its Metadata area.<\/span><\/span><\/span><\/li>\n\t
Note:<\/strong> any interactions you add will only show in H5P, not on Youtube.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
<\/h3>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"23a221a8-08e7-4f7c-aea6-29090d3d498a"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"6abadfe8-5fae-4181-946e-8144a33a9520","metadata":{"contentType":"Column","license":"U","title":"Interactive video"}},{"params":{"content":[{"content":{"params":{"text":"
What it is<\/span><\/span><\/span><\/span><\/h2>\n\n
A single multiple choice question. If you want more than one question, use Quiz (Question set)<\/span><\/span><\/span><\/p>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
Gives you 3 options for question type: Automatic, Multiple Choice (Checkboxes), or Single Choice (Radio Buttons)<\/span><\/span><\/span><\/li>\n\t
Automatic type is the default; if you have multiple correct options it will behave like Multiple choice and display checkboxes<\/span><\/span><\/span><\/li>\n\t
Tried adding questions with prompts; entering text into the prompt fields is awkward; seems best to use Chrome, not Firefox<\/span><\/span><\/span><\/li>\n\t
You can add Image or Video files relevant to the question. Use only if needed for the question, not just because it is decorative. If needed to answer the question, make sure the key information needed by students is available in another form (e.g. alternative text).<\/span><\/span><\/span><\/li>\n\t
You can add in as many answering options as you want; default is 2 because you need at least one correct and one incorrect answer<\/span><\/span><\/span><\/li>\n\t
Feedback: under Tips and Feedback drop down, you can give students additional feedback if incorrect answer is selected<\/span><\/span><\/span><\/li>\n\t
Can randomize order\u2014if you do, don\u2019t put numbers in front of your question options <\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Uses<\/span><\/span><\/span><\/h2>\n\n
Like all H5P quizzes, these are good for students to check their learning (formative assessment). There is no way currently to import results to the Gradebook for summative class assessment. There is no way to get aggregate results for on-the-spot in-class use.<\/span><\/span><\/span><\/p>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"3063516d-a6a4-4e26-a68a-0e3993044079"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"17690cba-300b-4835-a71b-77e8f370e161","metadata":{"contentType":"Column","license":"U","title":"Multiple choice"}},{"params":{"content":[{"content":{"params":{"text":"
What it is<\/span><\/span><\/span><\/span><\/h2>\n\n
Allows you to ask more than one question of the same question type, or to ask a combination of question types. Multiple choice and true\/false question types are available.<\/span><\/span><\/span><\/p>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
The Help and Tutorial sections are pretty good for this content<\/span><\/span><\/span><\/li>\n\t
This content type is a little more complex: e.g. you have to think about what pass % you will set (required)<\/span><\/span><\/span><\/li>\n\t
The questions allow for various prompts (text) to be displayed after correct answers, incorrect answers, and as \u201ctips and feedback\u201d<\/span><\/span><\/span><\/li>\n\t
You can add an introduction at the beginning of the quiz<\/span><\/span><\/span><\/li>\n\t
You can randomize the appearance of questions on the quiz<\/span><\/span><\/span><\/li>\n\t
You can also use a quiz intro, photo, or video before quiz results; you can upload a video clip which is shown to the learner after completing the Question set, but before the results are displayed.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Uses<\/span><\/span><\/span><\/h2>\n\n
Like all H5P quizzes, these are good for students to check their learning (formative assessment) but not useful for summative class assessment or on-the-spot instruction feedback (there is no aggregate results mechanism)<\/span><\/span><\/span><\/p>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"f1fead4a-e02d-496c-8105-44779cea2e99"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"f7a77e6a-bc3e-46bd-af94-fa5fece7d24c","metadata":{"contentType":"Column","license":"U","title":"Quiz (question set)"}},{"params":{"content":[{"content":{"params":{"text":"
What it is<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
A single true\/false question. If you want more than one question, use Quiz (Question set)<\/span><\/span><\/span><\/li>\n\t
True\/false can work by itself or in containers such as Course Presentation or Interactive Video <\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Tips & best practices<\/span><\/span><\/span><\/span><\/h2>\n\n
\n\t
There is not much point allowing the user to go back and pick a right answer if they get it wrong, since there is only one other possibility.<\/span><\/span><\/span><\/li>\n\t
You can change the label from true\/false (e.g. to yes\/no).<\/span><\/span><\/span><\/li>\n\t
You can add an image or a video to the question. Use only if needed for the question, not just because it is decorative. If needed to answer the question, make sure the key information needed by students is available in another form (e.g. text) since not everyone can see images.<\/span><\/span><\/span><\/li>\n<\/ul>\n\n
Uses<\/span><\/span><\/span><\/h2>\n\n
Like all H5P quizzes, these are good for students to check their learning (formative assessment) but not useful for summative class assessment or on-the-spot instruction feedback (there is no aggregate results mechanism)<\/span><\/span><\/span> <\/span><\/span><\/span><\/p>\n"},"library":"H5P.AdvancedText 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"8d0fa612-53a0-40e4-bbd1-82cc76055680"},"useSeparator":"auto"}]},"library":"H5P.Column 1.13","subContentId":"83468e7e-1d71-4c67-8c7d-3dfae7d7afa9","metadata":{"contentType":"Column","license":"U","title":"True\/false"}}],"behaviour":{"defaultTableOfContents":true,"progressIndicators":true,"progressAuto":true},"read":"Read","displayTOC":"Display 'Table of contents'","hideTOC":"Hide 'Table of contents'","nextPage":"Next page","previousPage":"Previous page","chapterCompleted":"Chapter completed!","partCompleted":"@pages of @total completed","incompleteChapter":"Incomplete chapter","navigateToTop":"Navigate to the top","markAsFinished":"I have finished this page","fullscreen":"Fullscreen","exitFullscreen":"Exit fullscreen","a11y":{"progress":"Page @page of @total.","menu":"Toggle navigation menu"}}