embedding scratch moodle
DESCRIPTION
How to embed a scratch game in moodleTRANSCRIPT
Embedding Scratch on Moodle
How to embed a Scratch game on Moodle. One way of approaching it anyway.
1. Go into your Moodle course and create a folder called GAMES:
2. Now go to the Scratch website link http://scratch.mit.edu/forums/viewtopic.php?pid=763#p763 and download these two files:
3. Put both files in the GAMES folder
4. Now upload your scratch game to the same folder – mine is called test.sb
1 | P a g e
5. Now to write the webpage that the game sits in. This is the coding you need:
<html><body><applet id="ProjectApplet" style="display:block" code="ScratchApplet" codebase="./" archive="ScratchApplet.jar" height="387" width="482"><param name="project" value="test.sb"></applet></body></html>
6. The coding is the same for all embedded games except you need to alter the value = “ “ feature to include the name of your game
7. This needs to be saved as an .htm file. Upload it into your GAMES folder:
8. Now for the embedding bit
9. First note down where this htm file is by right clicking on a file and looking in the Properties section:
10. This is ESSENTIAL when making the embedded HTML code later on
2 | P a g e
11. Make a title on the Summary section of Topic 2 by clicking on the Edit icon
12. Now go into the HTML coding by clicking on the <> and write this iFRAME code below:
<iframe src="LINK" frameborder="0" width="510" height="420" href="LINK"></iframe>
13. The LINK section is the location of the file that you noted down earlier eg
http://moodle.perins.net/file.php/442/GAMES/test.htm
14. The final iFRAME coding is
<iframe src="http://moodle.perins.net/file.php/442/GAMES/test.htm" frameborder="0" width="510" height="420" href="http://moodle.perins.net/file.php/442/GAMES/test.htm"></iframe></p>
15. The Scratch game is successfully embedded and looks like this!
PROBLEMS STILL TO BE RESOLVEDThe game plays automatically when opened? Have contact the Scratch Forum
3 | P a g e