Moodle is an open-source learning management system (LMS) used for creating online courses, running assessments, and managing communication between educators and students.
Adding 3D content from JigSpace to your curriculum will empower students to explore complex concepts through interactive, inquiry-based learning experiences powered by augmented reality, without leaving your core LMS environment.
To embed your JigSpace 3D content inside a Moodle course, follow these steps.
Copy your JigSpace custom iframe embed code
- Open your JigSpace application or open a Jig sharing link in your browser
- Locate the Jig 3D presentation you want to embed and click on the 'share' button.
- Copy the 'embed code', and optionally customize settings like autoplay or background transparency.
Learn more about embedding 3D content here.
Embed 3D in Moodle
In the Moodle content editor, click on the </> button to enter html code view.
Navigate to the section that you want your 3D content to appear in, and paste the <iframe> code that you previously copied from the JigSpace app or a web viewer of your Jig.
Your 3D content will be immediately displayed in this area when students scroll to this part of the page.
You can set the dimensions of the iframe right in the HTML, if you want it to be wider or narrow. The JigSpace content loads automatically by default, and to a student it appears similar to an inline image; you can scroll past it if you want or pause and interact with it.
The JigSpace iframe of your 3D content uses scroll to zoom in and out of the content, or the student viewer can click with their mouse or touch screen on the controls inside it to interact with it further.
Using iframe plugins in Moodle
Several Moodle plugins are designed to simplify the process of embedding iframes in your content. Check with your faculty or IT support team on your institutions preferred method for embedding content with iframes. It may be helpful to share this article with them or describe the embedding process to be similar to that of embedding a YouTube or Video video.
Configuring iframe security
By default, Moodle usually restricts the use of iframes for security reasons. However, an admin can enable iframe support if needed.
Typically, an admin can allow iframes by following these steps:
- Navigate to Site administration > Security > Site policies.
- Locate the "Allow EMBED and OBJECT tags" option or the "Allowed HTML tags" field.
- Add <iframe> to the list of allowed HTML tags.
Always proceed with caution when allowing iframes, as they can expose the site to security risks like cross-site scripting (XSS).
Embedding 3D content in other education platforms
There is no one size fits all for education software, from learning management systems to presentation or design software. Here are a selection of other relevant embedding guides for education users: