Interactive components (H5P Suite)

If you would like to briefly explore H5P without signing up, visit the public website.

• Contains a suite of activity type sample ‘templates’ that you can later customise, then embed into your own content areas (e.g. learning modules, landing pages, other websites)
• Best place to start → ‘Examples and Downloads’, click into each activity to see demonstrations of each interactive learning object in use.

Accessing H5P @ CSU (account types)

Subject / Project Development - Charles Sturt staff members are able to request a H5P site for developing their individual subject or project at http://h5p.csu.edu.au.

After completing the New H5P site request form, two things will happen:

1. An individual website for building H5P objects will be created by DIT.
2. The user who logged the request will be added as an administrator to the website and login

Individual (personal) use - Free test accounts are available via the public website at https://h5p.org.

Accessing H5P @ Charles Sturt (1st time users)

If you would like to use H5P in your subject or a project please submit a request at https://h5p.csu.edu.au

• Once granted a h5p.csu account you will be provided with access to a Wordpress site (similar to Thinkspace) that you can then create H5P activities for that particular subject / project.
• Go to https://h5p.csu.edu.au/wp-login.php (also accessible via the ‘Existing Users’ link on the main h5p.csu site)
• Login using the credentials provided in your initial email confirmation (see above)
• Select ‘My Sites’ (top left) → select the subject

Select the ‘H5P Content’ item from the left-hand menu

• A list of all existing H5P ‘activities’ for this subject will appear.
• Select ‘Add new’ or you can edit an existing item if you’ve created previously.
• Enter a title for activity (this will not be displayed when you embed the activity)  Scroll through the list of content types, you may need to click ‘Get’ to install it → select the content type you wish to create & start populating the activity.
• Once finished, scroll up and select ‘Create’ from the top right-hand corner. (note: Subsequent work on this item will change this button to ‘Update’).
• Select your new item from the All H5P Content list - this will display a preview for you to test.
• When complete → select the ‘Embed’ option underneath and copy the highlighted ‘Iframe’ code provided.
• Once created, h5p activities can then be embedded in an interact site.

When working in the H5P.CSU back end, be sure to use the ‘Dashboard’ and the appropriate subject folder to create learning objects – The wordpress site itself is not to be used as the method of activity delivery.

Jump back into your subject site in I2 → make sure edit mode is ON If you are creating a new item to house your H5P object:

• Build object → create item
• Click the HTML button in the editor to switch to the code view → paste (ctrl + v) your embed code, then submit.
• Turn off the editor - you will now be able to see & use your H5P object (make sure the object is not hidden if you want students to do the same).

OR

• If you are wanting to drop the H5P item into existing content:
• Open the editor for the content item in question.
• Click in the content where you want the item placed → type in ‘xxxx’ (this will be easy to find once you start using the html code).
• Select the HTML view button.
• Hit control + f (this will open the find dialogue box inside the code) → type in ‘xxxx’ → highlight the four x’s (left click and drag) → paste (ctrl + v) the embed code, then submit.
• Turn off the editor - you will now be able to see & use your H5P object (make sure the object is not hidden if you want students to do the same).

Tip: you might want to play around with the size and alignment of the embedded object on the page to suit your needs, keep in mind that users can always choose to make the embedded H5P objects full screen if they wish, so dragging out the borders of the object in i2 might not always be a great idea.