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. There are two main methods:
Method 1 is to embed the GeoGebra app in an iframe in SLS using the “Embed Website” method. This is my favourite method as any updates or improvements that I made later to the GeoGebra app is “live” and automatically seen by students when they next log in. It also reduces the AWS load on SLS, thus saving SLS some money. (Same thing for videos, embed as Youtube inside of uploading into SLS if you can help it).
For instructions on how to perform method 1, visit the SLS user guide page found here. I did this user guide page for the SLS team so you can see my App being featured! I edited the App author name to show a “John Smith” of course.
Method 2 is by uploading a GeoGebra package as a zip folder. This means any changes made in GeoGebra after that will not be reflected in the SLS interactive.
Step 1: Find a suitable GeoGebra App (https://www.geogebra.org)
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.