View Source

Keywords: 3D model, sketchfab , embed, digital object, text editor, media

What Is It?

Embedding 3D models adds interactive content to Moodle courses. This mini-guide is specific to the iframe HTML embedding offered by Sketchfab, an external platform hosting 3D models that can be viewed , shared , freely downloaded or purchased on their website, or embedded on other websites or platforms such as Moodle. For more information on embedding content within Moodle’s Tiny MCE editor, please see M02b - Embed video, audio and other media .

Why Use It?

Depending on its type, 3D models can facilitate object-based teaching and learning, provide access to digitally rendered objects in museum and teaching collections, serve as examples of assessments or works in progress, and can even be incorporated into Moodle activities such as quizzes.

Who Can Embed 3D Models?

Course Administrators
Tutors
Other roles permitted to use the Moodle text editor
* Any publicly accessible model on Sketchfab can be embedded on other platforms such as Moodle without having a Sketchfab account. Models on Sketchfab saved as ‘Private’ can also be embedded if the course administrator or tutor has access to the Sketchfab URL link to that model. Password protected models will require both the URL and the password.
Please note that only those with Sketchfab premium accounts can add and edit 3D models on Sketchfab.com with privacy or password restrictions .

Who Can View 3D Models?

Any user with access to the Moodle course page will be able to view embedded 3D models, with the exception of models set up on Sketchfab with password protection. In such cases, each Moodle user will need to enter the associated password to access the model.

Before I Start...

Consider how a 3D model can be utilised for the benefit of students within the Moodle course.
Find a publicly available model on Sketchfab, or upload with a Sketchfab account.
Review Sketchfab's instructions for copying and embedding their iframe HTML.
Consider alternative ways for those with accessibility challenges to be able to access content, such as by the inclusion of descriptive text.

Meeting the Baseline

The UCL Connected Learning Baseline suggests the following for Structure:

1.1 Present activities and resources in a meaningful, clearly structured and sequenced way - e.g. chronologically or by theme. Typically each Moodle section represents a topic, which may cover one or more weeks of study.
- Use headings - Use Section Headings for each topic area and heading styles within labels, books and pages to maintain consistency across sections and help students see where they are.
- Clearly group and label items within a section - Bring together common elements, use text and media resources (previously labels) to provide common sub-headings across sections to help students navigate.

The Resources category indicates that you should:

5.1 Use descriptive titles for all items and consider displaying the item's description on the course homepage, as this helps students understand the purpose of the activity or resource.
5.4 Check resources - Regularly fix or remove broken hyperlinks (URLs) and check that all resources are up-to-date before releasing these to students.

The Accessibility category suggests that you:

7.1 Provide accessible learning resources such as clear labelling and alternative text with descriptive information about each 3D model.

How Do I Set One Up?

Please begin with Sketchfab's instructions for copying and embedding their iframe HTML. The steps below provide an overview of the process within the Moodle course page.

Navigate to your Moodle course and toggle Edit mode on.
Click Add an activity or resource in the desired section of your course.
Set a Name for the activity or resource.
In the TinyMCE editor, click on Tools and select 'Source code (<>)' .
Paste the iframe HTML copied from Sketchfab for the desired 3D model into the Source code pop up window and click 'save'.
Then, Save and display the activity or resource.
The 3D model will appear with a triangle play icon. Click to initiate interactivity with the model.

If you are embedding a model you uploaded to Sketchfab, then be sure to deselect the Hide options when copying from the embed menu if you want to make the model inspector, annotations, and other information about the 3D model available to students when accessing via Moodle.

Caution

As with other forms of interactive media, embedded 3D models may not be accessible to all users such as those using screen readers. Course administrators and tutors should consider other methods of making such content available including through the addition of textual descriptions for the models.

Examples and Case Studies

3D Model uploaded to Sketchfab by UCL Archaeology South-East:

<div class="sketchfab-embed-wrapper">
    <iframe title="A 3D model" width="640" height="480" src="https://sketchfab.com/models/2f96f0788b2d47418c101db9bbe90d50/embed?autostart=0&ui_controls=0&ui_infos=0&ui_inspector=0&ui_stop=0&ui_watermark=1&ui_watermark_link=1" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
    <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
        <a href="https://sketchfab.com/3d-models/the-red-lion-stage-whitechapel-timber-structure-2f96f0788b2d47418c101db9bbe90d50?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">The Red Lion Stage? Whitechapel timber structure</a>
        by <a href="https://sketchfab.com/ArchaeologySouth-East?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">UCL Archaeology South-East</a>
        on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
    </p>
</div>

Questions & Answers

This section will be updated as questions arise. Please raise a staff query form with questions related to embedding, viewing and using 3D models in Moodle . For questions about Sketchfab and their services, please visit their Sketchfab help center .