HMI¶
Start with the shipped HMI tutorial project.
Best starting point¶
| Example folder | Best for | Related docs |
|---|---|---|
examples/tutorials/12_hmi_pid_process_dashboard |
end-to-end HMI workflow with process SVG, bindings, alarms, and trends | HMI authoring |
What this example teaches¶
- how
hmi/is structured - how SVG IDs map to live runtime symbols
- how overview, trends, alarms, and process pages fit together
- how to verify the browser UI after runtime launch
Quick start¶
- Build the project.
- Run the runtime with web/HMI enabled.
- Open
/hmi. - Toggle inputs and verify live updates on process graphics and operator pages.