H5P is a special toolset that enables teachers to enrich their Moodle courses. Teachers can firstly add interactive elements in Moodle content and secondly adjust the visual appearance of Moodle course pages. Both can enhance the learning process.
Research shows that digital learning is most effective when students interact with content, answer questions and most importantly, get immediate feedback. The critically important feedback loop that is naturally present in face-to-face learning is often missing in digital learning environments. Students want to find out immediately if their answer was correct or not. By providing performance feedback during digital learning, teachers can provide learners with a sense of the real-world consequences of decisions students make. Therefor the vast array of available interactive elements is especially important, since it offers options for almost every learning situation.
Effective digital learning should also provide learners with realistic practice opportunities; for example, simulations, scenario-based decision making, case-based evaluations, and authentic exercises.
Use H5P’s interactive elements to support reflection, application, rehearsal, elaboration, contextualisation, debate, evaluation, synthesisation, and so on. Focus on using H5P to add interaction and attractive graphic elements. H5P is not recommended for graded activities as tech savvy students can download and analyse the resulting XML file.
Example elements to increase interactivity
Select interactive elements, such as “Agamotto” which compares images as shown below.
“Find multiple hotspots” invites students to point out important aspects in images. Example: Find all the vegetables in this picture.
Or you can add a structural element to your course by adding the element “Accordion” which enables you to create collapsable paragraphs.
How to add H5P to your Moodle course
This must happen in two distinct steps. First you must create the content and save it. Secondly you embed the new content to your course.
To create the H5P content, access the “Content bank”. There is a shortcut in the navigation to the left of your screen.
Click on the “add” button and select the type of element you would like to create.
To help you decide which H5P element is best for your needs, we have created several exemplars to help you choose. You can view these exemplars in the “Building an effective Moodle course” in the section “Using special features“. (No enrollment key necessary).
In addition you can visit the H5P website to see more detailed examples, instructions and tutorials. Important note: There are more elements listed on the H5P website than are available on the ETH Moodle system.
After you have created H5P element, make sure you save it with a clear name so you can recognise it later.
Now you have two options for using the H5P element.
The first option is to add it as a separate activity. Simply add a new activity and select H5P. Then choose your pre-made element. This scenario make sense when you want to focus on the element as a stand alone activity and don’t want to embed it within additional text.
The second option is to add H5P as part of a text. Navigate to the exact spot where you would like to add the element (for example in a Moodle book or in a label on the course page) and begin editing.
In the editing toolbar, first expand the view of editing tools.
Then select H5P.
This will prompt you to “browse repositories”. The H5P content bank is shown as one of the repositories. All the elements you have already created are shown here. Select the one you need.
We recommend selecting the option “Create an alias/shortcut to the file”. This ensures that when you make a change to the original element in the content bank, it is automatically updated on your course page or wherever it has been embedded.
Preview how it looks by assuming the student role. (Switch roles by clicking on your profile picture.) We also recommend checking out it appears in the Moodle app. To make any changes to the element, you will need to go back to the content bank using your computer (not your mobile device), edit and save. It will update automatically if you have embedded it as an alias.
More information in the “Building an effective Moodle course” in the section “Using special features“. (No enrollment key necessary).
The food chemistry practical course at D-HEST uses the virtual laboratory simulations of Labster. Virtual labs allow students to complete laboratory experiments online and explore concepts and theories without stepping into a physical science lab. Especially now in times of Corona, this is a valuable alternative. There are many kinds of virtual lab simulations, from simple video animations to immersive 3D interactive learning environments. Other courses and departments might benefit from these options as well, mainly biology and chemistry.
What effects did Labster have on the practical course in food chemistry?
The use of virtual laboratories with Labster had positive effects on the practical course in food chemistry. They are now an integral part of the practical course and they were appreciated by the teachers and students. The fact that they are only available in English was accepted due to the clear added value. They have been in use there since 2017, in 2020 already in their fourth run. All 60 students received their own, fee-based semester licence.
activities enabled students to prepare for real laboratory experiments in a
better and more exciting way than if they had only read an introductory
document. Now they had to actively deal with a problem. This proved to be an
excellent way of introducing them to methods.
What is the relationship between virtual and
real world labs?
labs were never intended to replace the real labs, they are meant as an
addition – to understand, practice and repeat more deeply. A three-stage
setting was established which was successful because it formed a common thread:
1. preparations with Labster. 2. dealing with the topics in the Labster labs
and doing the practical training in real life. 3. follow-up and repetitions
with Labster. During the corona crisis, the practical middle part was replaced
by virtual laboratories and so it was still possible to give the students good
insights and knowledge.
What other advantages does Labster bring?
advantage is that Labster allows additional experiments to be carried out that
would not be possible in real life. There are three reasons for this: It would
take too long, the devices are very expensive and used by the researchers or the
experiments would be too dangerous.
The technology has improved greatly over the years and today there are no longer any technical problems, as long as the students’ computers meet minimal and common technical standards and the technical support provided is used. With a detailed briefing at the beginning of the semester, the practical use of virtual labs works well and the Labster helpdesk is also working properly.
How could the use of Labster be expanded at
courses and departments would also benefit from virtual labs in certain areas
(biology and chemistry, e.g. toxicology or molecular biology), and Labster has
many topics and laboratories that would be a good addition. However, in courses
with a low proportion of practical training, selective use of virtual labs
would not really justify the expenditure of time and money, since – unlike in
pure practical training – they would not be essential for the learning
More information about the use of labster at ETH can also be found here under “virtual labs”.
Case study: Molegram Explorer – A mixed-reality framework for teaching drug design
As part of a series of case studies, staff at LET sat down to have a conversation with Prof. Gisbert Schneider and Dr. Jan Hiss from the Institute of Pharmaceutical Sciences in the Department of Chemistry and Applied Biosciences to discuss their mixed-reality project.
What is the project about?
The Molegram Explorer project provides a mixed-reality framework to facilitate and broaden students’ understanding of molecular structure. It is part of the Computer-Assisted Drug Design course run by Gisbert Schneider, professor in the field of the same name.
At the core of the project is the innovative hardware device “HoloLens” (comprising special glasses with 3D projection, motion sensor and environment scanning, produced by Microsoft). Users of the HoloLens see not only (real) furniture and people present in the room, but also a hologram. In our case, the virtual object is a protein that the students can explore, investigate and even walk through. They literally immerse themselves in the world of molecules.
This innovative concept presents a new way of perceiving molecular structure and facilitates new approaches to chemical structure analysis and design via human-machine interaction.
What motivated you to initiate the project?
This innovative project originated in answer to a call for projects on the use of the HoloLens in ETH teaching. Because we faced a teaching challenge where a 3D representation gave a very good use case, it was a perfect opportunity to apply for a pilot project using HoloLenses.
The idea underpinning our work is that this new technology can help our students to understand certain important principles of molecular structure which traditional teaching methods and media struggle to clarify. To identify or design a suitable drug molecule (the ligand) students must understand the protein’s surface, and particularly the cavities suitable for accommodating the ligand. The HoloLens device helps them visualise the regions of a protein that are accessible to the ligand.
How did you do it? Three groups collaborated on this project. First, Gisbert Schneider and Jan Hiss delivered the scientific content. Guided by specific learning objectives, ETH Zurich’s Educational Development and Technology (LET) unit helped organise and facilitate the development process and provided the required hardware. Finally, a specialised software company (afca) implemented the learning app software.
The HoloLenses are used in a two-week practical course in which students experience a condensed version of early-stage drug discovery. They learn how to computationally screen a catalogue of millions of molecules to identify those that might favourably interact with a particular protein. The students perform a computational analysis and select one or two molecules from the top-ranking candidates. Then they synthesise these compounds and test their activity in the laboratory.
An important basic aspect of protein-ligand interaction is the “solvent-accessible surface”. For beginners, this molecular representation often remains an abstract concept without suitable visualization. By using the HoloLens students can now create surface representations of a protein, interact with the holographic model, and simultaneously discuss it with peers and instructors.
Did you have the support you needed for the project? Is there any additional help you wish you had had?
We had excellent help from the company afca who designed a user-friendly app with an elegant interface. LET helped us with the legal aspects and provided the necessary contacts. The 12 ETH HoloLenses are stored at LET. Although we understand that HoloLenses are not easily available due to their comparably high acquisition cost, it would have been helpful to have faster and easier access to this hardware, especially when we needed to try out and check something quickly.
Please describe some of the key outcomes of the project.
The new tool proved to be a valuable addition to our course. It certainly does not replace traditional teaching and discussion, but it is an example of how technology can enhance the understanding of abstract scientific concepts which are otherwise hard to teach. Because students can virtually navigate the molecular hologram they gain a better understanding of the concept of protein structures and surfaces. In the learning sciences this effect is described by the principle of “embodied cognition”. We were also able to increase the attractiveness of our subject matter with this concrete visual experience. It was a kind of scientific marketing. We received several suggestions for additional projects in the context of other practical exercises. The positive feedback and the success of the pilot has driven us to expand the project with enhanced content and to reach out to other disciplines.
How did the project affect learners or the way in which you teach?
We observed that students became more curious, not only about the specific topic of the learning app but in general about many questions related to protein-structure-based drug design. Students certainly appreciate the new tool. The value of technology-enhanced learning apps for teaching of specific aspects in our field is obvious, and we intend to stay on this route.
What lessons learned would you share with your colleagues?
It is not always realistic or meaningful for scientists and teachers to address app programming and didactic concepts. Therefore, it is important to have experts from complementary fields working hand in hand. Experts on the subject matter can contribute the scientific content, and software developers can create user-friendly and visually appealing interfaces and functions. Learning professionals can then connect content with technological functions. They can also advise on how to transpose learning objectives into an appropriate and technology-enhanced learning process.
Overall, we encourage teachers to try out new methods in teaching, and there is much potential for combining proven learning approaches with new technology. In particular, teachers and students should not fear experiments that do not produce immediate success. “Productive failure” should be regarded as a natural part of the development process; it is a great way to learn.
What are your future plans for this work? How do you plan to sustain what you created through the project?
Based on the many positive outcomes, we plan to develop further apps. The ultimate goal is to adapt the work to a professional context by adding scientific content from our subject matter, together with advanced analysis tools. It would also make sense to develop HoloLens learning apps for selected (teaching) topics in medicine, chemistry and biology. HoloLenses are increasingly employed not only by the entertainment industry, but in business and education generally. We would welcome new, broader applications of this technology at ETH – but always with a critical double-check as to whether it actually provides added value for students compared to conventional teaching methods. In the case of Molegram Explorer, we are extremely satisfied with the learning success achieved.
Feedback from PhD students (Tutors)
What is your opinion about this course and the HoloLens process? How has it influenced your learning process?
Cyrill Brunner: Though it has been clear to me before since I have been doing research in that area before, the visualization of proteins by the HoloLens helped in getting a better feeling for 3D structure of a protein. My personal gain was clearly not so much as for the course participants, but that has nothing to do with the process itself, but the chosen protein (carbonic anhydrase II) which I’ve done research in before. I’m positive that application of the HoloLens process on a novel protein would have helped me clearly to get a better understanding of the 3D confirmation.
Dominique Bruns: The HoloLens is a useful next step in the visualisation of molecules. This hands-on experience allows the understanding of molecular properties, their definition and dependencies. In this regard, the application of the surface area visualisation and determination is an ideal showcase.
Do you think this approach could also be used in other courses?
Cyrill Brunner: Yes, indeed. The HoloLens should clearly be put into use in the lab course of medicinal chemistry as students there are already working with a 2D visualization program. A 3D full insight into what they have been studying beforehand would strengthen their understanding.
Dominique Bruns: I appreciate the 3D perspective and interactivity enabled by the HoloLens, a characteristic that might be especially useful for people that find it difficult to see in three-dimensions.
In my opinion, many further examples could be established and used for didactic purposes, e.g. chemical reaction mechanisms or biological folding events of proteins.
To find out more about how ETH teaching staff can start their own HoloLens project, visit theETH website.