Embedding GeoGebra Apps into SLS

Teachers in Singapore have been provided with the Student Learning Space (SLS) - an online platform meant for students' self-directed learning using MOE's curriculum-aligned resources as well as for teachers to create engaging technology-assisted learning experiences for their charges.

One of the features that many science and math teachers find useful is the ability to create links out to simulations and other interactive apps. Those who know how can also embed html5 packages into their "Lesson" so as to provide a more seamless experience for their students. These packages must be stand-alone packages that do not require external sources such as sound files or images. In other words, every media file that is needed for the html5 package to run must be all zipped up into a folder before uploading.

Here, I will go through step-by-step how to embed a GeoGebra app into SLS.

Step 1: Find a suitable GeoGebra App (https://www.geogebra.org)

You might like to check out the list of GeoGebra apps that I've curated for Singapore's O-level and A-level syllabi.

Step 2: Open the App and click to see Details.

Step 3: Download the App. Be sure to download the version that says "Offline Activity (.zip)"

Step 4: Unzip the package and rename the html file to index.html.

What the file name looks like before:

What the file name should look like after:

Step 4: Zip up the files again. Select all the files including the index.html file and zip it up. Do not zip the main folder. Select only the index.html and the folder with the title GeoGebra. The index.html file must be in the root directory of the new zip folder.

The new zip folder could be given any name.

Step 5: In SLS, select the Lesson and Activity in which you want your GeoGebra app to appear

Step 6: Select a new "Media" object

Step 7: Click Upload

Step 8: Browse to find the zip folder

Step 9: Uploading may take a short while

You should see this message. That is a sign that your package is correctly packaged.

Finally, you can try out the app in the student view.

If you need any assistance, feel free to leave a comment below. I will try my best to support you. In the worst case scenario, I can create the SLS lesson with the desired GeoGebra app and share it with you.

NOTE (ON 2 JUL) : With the new SLS embed function, you can also choose to embed the live GeoGebra App using an iframe following the method found here.