Teachers and students can use the Share File widgets to add custom interactivity to Stile lessons.
Stile recognises HTML5 files, which offers opportunities to embed custom simulations and interactives such as:
- The large collection of PhET simulations.
- Custom HTML and iframe elements
- Student-made creations uploaded as answers to questions
PhET interactive simulations
PhET simulations are the easiest to embed as they are fully built and ready to go.
Select one of the compatible sims and download the file from the PhET website.
In Stile, add a Share file widget to the lesson and upload the freshly downloaded HTML file. The file should optimise for viewing in Stile, and the simulation will appear.
Add a caption (optional) and click Done to save changes.
Note: Student work done in these simulations will not be saved as the Share file widget is not a question.
Stile will recognise HTML files as long as they are formatted in plain text as HTML5. HTML files can be created with the most basic text editors available. Click here for a tutorial from W3Schools.
Upload the HTML file using the Share file widget. The file will render on the page as long as it is formatted correctly.
An iframe - or 'inline frame' - embeds a web element (video or simulation) from another site so that it can be used in a Stile lesson. In order to do this, iframes need to be formatted using HTML tags to be compatible with Stile.
Learn how to format iframes here.
Once the iframe has been properly formatted, the file can be uploaded to Stile in the same way as a HTML file.
Note: Student work done in these embedded environments will not be saved as the Share file widget is not a question.
Request an upload from a student
Students can also upload HTML files. Allow them to do this with either the Student upload widget or the Open response widget. This can offer a great way for them to explore web design, embed their own simulations and research, and more.