Smart.Industrial Documentation

54 Web Components for browser HMI and SCADA applications: how to install them, what each one does and how it is driven, the shared modules, and the standards the components support.

Guides

• Getting StartedInstall the package, load the styles and the components, and build a first screen.
• ConnectivitySessions, adapters and bindings that route plant tags into components, with quality and staleness.
• Engineering UnitsUnit conversion, resolution, unit systems and conversion through bindings.
• LocalizationThe German, French, Spanish and Chinese packs, applyLocale() and how to write a pack.
• Themes and StylingThe base theme, the elements stylesheet, the two ISA-101 themes and their CSS variables.
• Angular, React, Vue and BlazorInstall and import the components in each framework, and handle the request events.
• Electronic Records and SignaturesThe audit trail, electronic signatures and what the application is responsible for.
• Engineering MathsDSP, statistical process control and series reduction functions, usable without the components.
• AI AnalysisContext reduction for an operator assistant: what a model receives and what it does not.
• PerformanceMeasured throughput of the strip chart, scope, trend, alarm grid, heatmap, terminal and audit trail, and how the figures are achieved.
• From a front panel to the browserEvery control and indicator of a test-and-measurement front panel mapped to a component, the mechanical actions, and where the data comes from.
• Versions, Browsers and SupportRelease and version policy, supported browsers and frameworks, evaluation, license and support.
• Release NotesWhat each version contains, starting with the first release.

Standards

Each statement lists what the components provide for the standard and what remains the responsibility of the application.

• Security StatementNetwork activity, storage, input handling, Content Security Policy, dependencies and the IEC 62443 mapping.
• WCAG 2.2 Conformance ReportLevel AA conformance, measured, with a known limitations section.
• ISA-101How the two themes use colour, and what the application still has to do.
• ISA-18.2Which of the alarm lifecycle stages the alarm components cover.
• 21 CFR Part 11 and GAMP 5Clause by clause: what the components provide and what the system has to provide.
• IEC 61511 / ISA-84What the cause and effect matrix and the device faceplates show of a safety instrumented system, and what stays in the SIS.
• ISA-88 and PackMLThe state models built into the state machine, and what the components do not execute.
• ISO 10816-3The vibration evaluation zones the asset templates use.
• IEC 61850 Sequence of EventsHow the sequence-of-events display keeps microsecond timestamps intact.

Components

Each component has an overview with a quick start, a getting started page for Angular, React, Vue and Blazor, an accessibility page, a CSS page and the API reference.