{"id":3766,"date":"2026-07-13T09:29:18","date_gmt":"2026-07-13T13:29:18","guid":{"rendered":"https:\/\/blogs.mathworks.com\/graphics-and-apps\/?p=3766"},"modified":"2026-07-13T09:29:18","modified_gmt":"2026-07-13T13:29:18","slug":"developing-a-mass-spring-damper-app-using-mvc-architecture-and-simulink","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/graphics-and-apps\/2026\/07\/13\/developing-a-mass-spring-damper-app-using-mvc-architecture-and-simulink\/","title":{"rendered":"Developing a Mass Spring Damper App using MVC Architecture and Simulink"},"content":{"rendered":"\r\n\r\n\r\n
\"\"<\/td>\r\nGuest Writers\r\nKen Deeley<\/a>\r\n<\/strong>\r\n
\r\n
\r\n
Ken is an application engineer in Cambridge, UK, supporting MathWorks users with their technical computing projects. Ken joined the MathWorks customer training team in 2011 after research work in mathematics with applications to motion planning for autonomous guided vehicle (AGV) robotics. Ken specializes in software development, machine learning, and financial applications, with a particular focus on graphics and app development. He enjoys training MathWorks users on best practices, working with customers on consulting projects, and capturing common customer workflows and requirements to inform future MathWorks development activities.<\/div>\r\n<\/div>\r\n<\/div><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n\r\n\r\n\r\n
\"\"<\/td>\r\nMaria Bedran<\/a>\r\n<\/strong>\r\n
\r\n
\r\n
Maria joined MathWorks' Cambridge office, in 2022,where she moved after her studies in Lyon, France. She started her journey in the Engineering Development Group, where she first got exposed to Advanced App development in MATLAB. She then joined the customer training team in 2025. Maria now specializes in Control System Design in Simulink. Outside of work, Maria enjoys dancing, hiking and playing the piano.<\/div>\r\n<\/div>\r\n<\/div><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n
\r\n
\r\n
<\/div>\r\n
Table of Contents<\/span><\/div>\r\n
Overview\r\n<\/span><\/a>MVC for an App Using a Simulink Model\r\n<\/span><\/a> \u00a0\u00a0 \u00a0Autogenerated Apps\r\n<\/span><\/a> \u00a0 \u00a0 Hand-Coded Modular Apps\r\n<\/span><\/a>Integrating a Simulation Object in the App\r\n<\/span><\/a>\u00a0 \u00a0Overview\r\n<\/span><\/a>\u00a0 \u00a0Working with Simulation Objects\r\n<\/span><\/a>Binding UI Components to Simulation Signals and Variables\r\n<\/span><\/a> \u00a0 \u00a0 Overview\r\n<\/span><\/a> \u00a0 \u00a0 Views\r\n<\/span><\/a> \u00a0\u00a0 \u00a0Controllers\r\n<\/span><\/a>Events and Listeners\r\n<\/span><\/a> \u00a0 \u00a0 Simulation Status\r\n<\/span><\/a> \u00a0 \u00a0 Model Variables\r\n<\/span><\/a>Web App Deployment\r\n<\/span><\/a>Summary<\/span><\/a><\/div>\r\n<\/div>\r\n

Overview<\/span><\/h2>\r\n
In this article we'll show how to deploy a simple web app for running a Simulink model. The app supports updating the model parameters dynamically as the simulation is running. This process represents a workflow for sharing your Simulink model with others, preserving the IP contained in your model, but simultaneously allowing your end users to interact with the model by modifying its tunable parameters during run time.<\/span><\/div>\r\n
We'll be discussing the following products and concepts:<\/span><\/div>\r\n