Abstract:Background: Simulators used in teaching are interactive applications comprising a mathematical model of the system under study and a graphical user interface (GUI) that allows the user to control the model inputs and visualize the model results in an intuitive and educational way. Well-designed simulators promote active learning, enhance problem-solving skills, and encourage collaboration and small group discussion. However, creating simulators for teaching purposes is a challenging process that requires many contributors including educators, modelers, graphic designers, and programmers. The availability of a toolchain of user-friendly software tools for building simulators can facilitate this complex task. Objective: This paper aimed to describe an open-source software toolchain termed Bodylight.js that facilitates the creation of browser-based client-side simulators for teaching purposes, which are platform independent, do not require any installation, and can work offline. The toolchain interconnects state-of-the-art modeling tools with current Web technologies and is designed to be resilient to future changes in the software ecosystem. Methods: We used several open-source Web technologies, namely, WebAssembly and JavaScript, combined with the power of the Modelica modeling language and deployed them on the internet with interactive animations built using Adobe Animate. Results: Models are implemented in the Modelica language using either OpenModelica or Dassault Systèmes Dymola and exported to a standardized Functional Mock-up Unit (FMU) to ensure future compatibility. The C code from the FMU is further compiled to WebAssembly using Emscripten. Industry-standard Adobe Animate is used to create interactive animations. A new tool called Bodylight.js Composer was developed for the toolchain that enables one to create the final simulator by composing the GUI using animations, plots, and control elements in a drag-and-drop style and binding them to the model variables. The resulting simulators are stand-alone HyperText Markup Language files including JavaScript and WebAssembly. Several simulators for physiology education were created using the Bodylight.js toolchain and have been received with general acclaim by teachers and students alike, thus validating our approach. The Nephron, Circulation, and Pressure-Volume Loop simulators are presented in this paper. Bodylight.js is licensed under General Public License 3.0 and is free for anyone to use. Conclusions: Bodylight.js enables us to effectively develop teaching simulators. Armed with this technology, we intend to focus on the development of new simulators and interactive textbooks for medical education. Bodylight.js usage is not limited to developing simulators for medical education and can facilitate the development of simulators for teaching complex topics in a variety of different fields.

Creating Electronic Books-Chapters for Computers and Tablets Using Easy Java/JavaScript Simulations, EjsS Modeling Tool

Leveraging on Easy Java Simulation tool and open source computer simulation library to create interactive digital media for mass customization of high school physics curriculum

Easy Java Simulation, an innovative tool for teachers as designers of gravity-physics computer models

Computer Models Design for Teaching and Learning using Easy Java Simulation

Physics Educators as Designers of Simulation using Easy Java Simulation (Ejs) Part 2*

One-dimensional collision carts computer model and its design ideas for productive experiential learning

Designing Open Source Computer Models for Physics by Inquiry using Easy Java Simulation

Addressing learning difficulties in Newtons 1st and 3rd Laws through problem based inquiry using Easy Java Simulation

NRF2011-EDU001-EL001 EduLab Project Scaling-up Reflections on Using Open Source Physics

How to Develop Electrochemistry SETS-Based Interactive E-Book?

Enabling Gravity Physics by Inquiry using Easy Java Simulation

Easy JavaScript Simulation (EJSS) Data Analytics for Singapore

Designing, Developing, and Evaluating an Interactive E-Book Based on the Predict-Observe-Explain (POE) Method

Easy Java/JavaScript Simulations as a tool for Learning Analytics

Development of In-Browser Simulators for Medical Education: Introduction of a Novel Software Toolchain

Development of physics comic based on local wisdom: Hopscotch (engklek) game android-assisted to improve mathematical representation ability and creative thinking of high school students

Investigating learner attitudes toward e-books as learning tools: based on the activity theory approach

Development of fairy tales electronic book design model using digital storytelling in gamification environment to enhance creative thinking and happiness in learning

Elegami:Tangible Interactive Picture Book for Children with Multimodal Interaction

design model proposal for digital learning platform based on interactive e-books

Design, Customization and Implementation of Energy Simulation with 5E Model in Elementary Classroom