TY - GEN
T1 - A GUIDE TO IMPLEMENTING ONLINE SIMULATIONS USING HTML, JAVASCRIPT AND SVG
AU - Dorran, D.
AU - Leamy, P.
AU - Burke, T.
N1 - Publisher Copyright:
© 2021 Proceedings - SEFI 49th Annual Conference: Blended Learning in Engineering Education: Challenging, Enlightening - and Lasting?. All Rights Reserved.
PY - 2021
Y1 - 2021
N2 - Online simulations created using HTML, JavaScript and SVG images can be accessed by any end user with a web browser, making them widely accessible and compatible with computers running Microsoft, macOS or Linux-based operating systems. This paper outlines the methods and tools used by the authors to create interactive online educational simulations using these core web technologies. Three example simulations are referred to throughout the paper: A 'bare-bones' example which is used to highlight the key components of these type of simulations; a second example serves as template for more complex simulations; finally, an implementation of an oscilloscope, an electrical device typically used by electrical engineering undergraduates throughout their degree programmes, is used as a practical working example, which has proven popular with a global community of students and educators. The paper is intended as a resource to assist educators developing simulations using similar techniques. The authors share their experiences in developing the simulations and provide links to relevant videos, resources, and tools.
AB - Online simulations created using HTML, JavaScript and SVG images can be accessed by any end user with a web browser, making them widely accessible and compatible with computers running Microsoft, macOS or Linux-based operating systems. This paper outlines the methods and tools used by the authors to create interactive online educational simulations using these core web technologies. Three example simulations are referred to throughout the paper: A 'bare-bones' example which is used to highlight the key components of these type of simulations; a second example serves as template for more complex simulations; finally, an implementation of an oscilloscope, an electrical device typically used by electrical engineering undergraduates throughout their degree programmes, is used as a practical working example, which has proven popular with a global community of students and educators. The paper is intended as a resource to assist educators developing simulations using similar techniques. The authors share their experiences in developing the simulations and provide links to relevant videos, resources, and tools.
KW - Online interactive simulation
UR - http://www.scopus.com/inward/record.url?scp=85122952293&partnerID=8YFLogxK
M3 - Conference contribution
AN - SCOPUS:85122952293
T3 - Proceedings - SEFI 49th Annual Conference: Blended Learning in Engineering Education: Challenging, Enlightening - and Lasting?
SP - 801
EP - 807
BT - Proceedings - SEFI 49th Annual Conference
A2 - Heiss, Hans-Ulrich
A2 - Jarvinen, Hannu-Matti
A2 - Mayer, Annette
A2 - Schulz, Alexandra
PB - European Society for Engineering Education (SEFI)
T2 - SEFI 49th Annual Conference: Blended Learning in Engineering Education: Challenging, Enlightening - and Lasting?
Y2 - 13 September 2021 through 16 September 2021
ER -