H5P and Moodle question types visual guide

Submitted by stuartrmealor on Thu, 04/30/2020 - 03:07
stuartrmealor's picture
Forums: 
General discussion

Hi everyone

I've been doing some work recently around how the H5P question content types relate to the Moodle quiz and question types, to help teachers understand this.

I thought this might be useful for peaople, so I'm sharing it here. It's under a CC license, so feel free to use within your teaching and courses :-)

https://elearningworld.h5p.com/content/1290985419330027149

Stuart :-)

Attachments: 
Image icon Screen Shot 2020-04-30 at 12.55.45.png
Content types: 
core
BV52's picture

BV52

Thu, 04/30/2020 - 18:35

Hi Stu,

Thank you for sharing!

-BV

stuartrmealor's picture

stuartrmealor

Thu, 04/30/2020 - 23:42

Very happy to share this - I hope some people find it useful :-)

While making this post I thought I would be able to embed the H5P content, rather than just link to it.

Is that not possible with this forum engine / editor ?

As shown n the rich-text notes "Add a [h5p=<h5p id>] tag to include h5p content, for instance to include the H5P with node id 12."

So I tried [h5p=https://elearningworld.h5p.com/content/1290985419330027149]

But this doesn't appear to work :-(

otacke's picture

otacke

Fri, 05/01/2020 - 11:53

Hi Stuart!

What you are referencing is the shortcode feature of WordPress. It expects the id of a content type on that WordPress site (here 12). You can't feed it a URL to some other site.

If you want to embed the content from H5P.com, then you should use the embed code that's provided when clicking on the embed button below your content (needs to be public, and embedding must be enabled).

Best,

Oliver 

stuartrmealor's picture

stuartrmealor

Sat, 05/02/2020 - 00:53

Thanks so much for your assistance Olivier.

However, I can't see how to use the editor here to add the iframe ?  :-(. e.g.

<iframe src="https://elearningworld.h5p.com/content/1290985419330027149/embed" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe>

This is just displayed as text.

I'm either being quite stupid, or missing something simple (and possibly both, lol), but I thought there would be an option to add HTML to a post, and that's where I could paste the iframe embed code?

otacke's picture

otacke

Mon, 05/04/2020 - 07:31

Hi Stuart!

I am sorry. I was under the impression you wanted to embed H5P content inside other H5P content.

Best,

Oliver 

stuartrmealor's picture

stuartrmealor

Tue, 05/05/2020 - 05:32

That's OK Oliver, I possibly didn't explain my question 100% clearly?  Stu :-)

BV52's picture

BV52

Mon, 05/04/2020 - 06:47

Hi Stu,

First you have to click the 'Disable rich-text' (right below the comment box) then you paste the same code. Please note that you may need to adjust the width to around 900 since it will be cut-off on the right side.

stuartrmealor's picture

stuartrmealor

Tue, 05/05/2020 - 05:39

Thanks BV52

I feel emnbarassed now!  lol. Visually I had been looking at the text "Disable rich-text" as a label, or heading, and not realised it was actually a link!

Silly I know, as the CSS colour-scheme here is 'pinks for links' !  lol

Have edited original post, but left the conversation, as it may help someone else who encounters the same situation :-)

BV52's picture

BV52

Tue, 05/05/2020 - 18:50

Hi Stu,

Don't worry I use that a lot but every now and then I forget that it is there ;-)

I also removed my embed above, I forgot to do that after checking the how much witdh is needed.

-BV