O'Reilly logo

Moodle 2 for Teaching 4-9 Year Olds Beginner's Guide by Nicholas Freear

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action – using an iframe

These are the steps to follow to embed the HTML5 jigsaw in Moodle 2. We will use a Page resource:

  1. Log in to your course site as a teacher and go to the MY109 course main page.
  2. Scroll to topic 3, and choose Page from the Add a resource drop-down menu. Add a Title and Description.
  3. In the editor for Page Content press the Edit HTML source button. Enter the following HTML snippet in the Edit HTML Source dialog, substituting your saved permalink in the src attribute as appropriate:
    <iframe role="application" width="800" height="680" frameborder="0" title="Jigsaw puzzle" src= "http://raymondhill.net/puzzle-rhill/jigsawpuzzle-rhill. php?puzzleKey=eyJzcmMiOiJodHRwOi8vZmFybTMuc3RhdGljLmZsaWNrci5jb20 vMjM4MC8yMTg0OTE3NDEwX2E4YmE4NTA4MWRfZC5qcGciLCJjdXQiOiJzdHJhaWdod ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required