SCADA Components

1. Component Categories

Category	Typical Components	Usage
Basic	Text, image, shape, line, icon.	Layout, labels, and process diagrams.
Data Display	Numeric card, status text, table, gauge.	Show realtime device values.
Control	Button, switch, selector, input.	Deliver device commands or update variables.
Chart	Line, bar, pie, trend chart.	Display realtime or historical data.
Media	Video, iframe, image carousel.	Show camera streams or external pages.
Alert	Status lamp, alert list, level tag.	Highlight abnormal device or process state.

2. Binding Rules

Item	Recommendation
Variable identifier	Keep consistent with the product thing model.
Unit and precision	Define at the thing-model layer when possible.
Default value	Avoid blank display when the device is offline.
Refresh interval	Use realtime binding for key status and scheduled refresh for heavy charts.
Control confirmation	Add confirmation for high-risk commands.

3. Layout Suggestions

• Keep the page size fixed for the target display scenario.
• Group related values and controls by device or process area.
• Use consistent colors for normal, warning, alarm, and offline states.
• Avoid too many high-frequency charts on one page.
• Test the page with both administrator and ordinary user accounts.

4. Acceptance Checklist

Item	Expected Result
Variable display	Values update normally and units are clear.
Offline state	Offline devices have visible fallback values.
Control action	Commands are delivered and the device response can be observed.
Permission	Unauthorized users cannot control restricted devices.
Performance	Page remains smooth under expected data volume.

Related Docs

• SCADA Quick Start
• SCADA Events And Scripts
• Web SCADA