Design and Implementation of a Web-Based Simulator for Automatic Control Education
(2025)Department of Automatic Control
- Abstract
- This thesis presents the design and implementation of a web-based simulator, developed to support students in the introductory course in automatic control at LTH. The simulator is meant to serve as a preparatory tool for the laboratories that revolve around two interconnected water tanks, and provides an interactive environment for students to explore system dynamics and PID control prior to attending the physical laboratory sessions.
By the use of HTML, CSS, and JavaScript with the p5.js library, this simulator runs entirely within a browser, requiring no installation to access and run, which ensures that any student can access and experiment with the simulator. A key design objective was to ensure that the simulator could be run... (More) - This thesis presents the design and implementation of a web-based simulator, developed to support students in the introductory course in automatic control at LTH. The simulator is meant to serve as a preparatory tool for the laboratories that revolve around two interconnected water tanks, and provides an interactive environment for students to explore system dynamics and PID control prior to attending the physical laboratory sessions.
By the use of HTML, CSS, and JavaScript with the p5.js library, this simulator runs entirely within a browser, requiring no installation to access and run, which ensures that any student can access and experiment with the simulator. A key design objective was to ensure that the simulator could be run efficiently on standard laptops, including low-performance or older computers. Through performance optimization, the simulator was shown to run smoothly on devices, including an older Chromebook.
The simulator was developed with pedagogical goals in mind, which were set during an initial meeting with departmental staff, and was inspired by existing educational tools, such as LU-PZE. With design choices, the simulator focused on clarity and mimicking the physical system’s interface and behavior, to keep the students’ experiences similar and familiar between the simulator and the physical lab. (Less)
Please use this url to cite or link to this publication:
http://lup.lub.lu.se/student-papers/record/9208515
- author
- Wisth, Jakob
- supervisor
- organization
- year
- 2025
- type
- H3 - Professional qualifications (4 Years - )
- subject
- report number
- TFRT-6286
- other publication id
- 0280-5316
- language
- Swedish
- id
- 9208515
- date added to LUP
- 2025-08-08 15:06:39
- date last changed
- 2025-08-08 15:06:39
@misc{9208515,
abstract = {{This thesis presents the design and implementation of a web-based simulator, developed to support students in the introductory course in automatic control at LTH. The simulator is meant to serve as a preparatory tool for the laboratories that revolve around two interconnected water tanks, and provides an interactive environment for students to explore system dynamics and PID control prior to attending the physical laboratory sessions.
By the use of HTML, CSS, and JavaScript with the p5.js library, this simulator runs entirely within a browser, requiring no installation to access and run, which ensures that any student can access and experiment with the simulator. A key design objective was to ensure that the simulator could be run efficiently on standard laptops, including low-performance or older computers. Through performance optimization, the simulator was shown to run smoothly on devices, including an older Chromebook.
The simulator was developed with pedagogical goals in mind, which were set during an initial meeting with departmental staff, and was inspired by existing educational tools, such as LU-PZE. With design choices, the simulator focused on clarity and mimicking the physical system’s interface and behavior, to keep the students’ experiences similar and familiar between the simulator and the physical lab.}},
author = {{Wisth, Jakob}},
language = {{swe}},
note = {{Student Paper}},
title = {{Design and Implementation of a Web-Based Simulator for Automatic Control Education}},
year = {{2025}},
}