Target Group: MPSP Ph.D. candidates
Learning Objectives: International students can always have a learning material to help their retention of intertwined photonics knowledge.
Overview
International students at the Max Planck School of Photonics do not only face the issue of different knowledge levels in photonics but also the retention after a long period. Therefore, the need for a learning material that covers all the necessary topics and provides the intertwined relations between different photonics topics is necessary.
The interactive map brings students into an adventure-like environment to trigger students’ learning behaviors by rotating the compass and watching different video clips, based on the topical island they would like to travel through.
Please watch the following GIF to have the first idea.

Design Process
We had a consensus about the video clips on the map. The digital teaching coordinator and the professor had a negotiation about the video clips. The coordinator approached me to modify the lengthy videos into smaller clips. Richard E. Mayer’s signaling, segmenting and imaging principles are the standards to transfer them into learner-friendly ways.
Since the video topics were all intertwined and we needed to create a learning material to assemble all the clips into a whole. The first concept to construct such a learning material was based on the following webpage.

As you can see on the screenshot/ webpage, users can browse through different hotspots and watch different genres of metal music they like. Following this design, I structured a draft and empowered myself about the setup of variables to create such a map effect, which I usually learned from E-Learning Heroes.
Development Process
It is time to stretch your hands and build the map! I started editing different video clips and uploading them on Panopto, which is an internal video platform for us. Simultaneously, I started to construct the map by Articulate Storyline and set up variables to create such a map effect. In the end, I embedded the iframe codes inside the map and had a final check with the other colleagues.
Results and Giveaways
The final learning game has been given away to the digital teaching coordinator upon his request.