Evaluate the AutomationView desktop suite free for 30 days. No credit card required. Claim trial key →
person_outline shopping_cart

Category: HMI

Stay Updated with HMI

Get the latest articles and news delivered directly to your inbox.

Log in to Subscribe

You must be registered and logged in to manage subscriptions.

search

WebAuthn SCADA: Architecting Phishing-Resistant HMIs

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    A["Operator"]:::user -->|Biometrics or PIN| B["YubiKey (FIDO2)"]:::hardware
    B -->|WebAuthn Assertion| C["SCADA HMI Server"]:::server
    classDef user fill:#3b82f6,color:#ffffff,stroke-width:0px
    classDef hardware fill:#eab308,color:#ffffff,stroke-width:0px
    classDef server fill:#16a34a,color:#ffffff,stroke-width:0px
AutomationView Icon AutomationView
calendar_month

WebAuthn SCADA: Architecting Phishing-Resistant HMIs

Key Takeaways: Traditional password authentication on the plant floor leaves industrial networks vulnerable to credential theft and lateral movement. WebAuthn SCADA integration provides asymmetric cryptography, rendering phishing attacks mathematically impossible. Hardware security keys bypass the strict “no mobile phones” policies prevalent in cleanrooms and hazardous zones. Legacy HMIs can adopt modern FIDO2 flows when placed […]

Read Article arrow_forward

Inside WebGL and Three.js for HMI: Architecting 3D Digital Twins in SCADA Dashboards

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    PLC["PLC / Fieldbus"]:::blue --> GW["Node-RED Gateway"]:::green
    GW -->|WebSockets| HMI["Three.js Digital Twin"]:::red
    
    classDef blue fill:#2563eb,color:#ffffff,stroke:#1e40af,stroke-width:2px;
    classDef green fill:#16a34a,color:#ffffff,stroke:#166534,stroke-width:2px;
    classDef red fill:#dc2626,color:#ffffff,stroke:#991b1b,stroke-width:2px;
AutomationView Icon AutomationView
calendar_month

Inside WebGL and Three.js for HMI: Architecting 3D Digital Twins in SCADA Dashboards

Key Takeaways: Architecting a SCADA 3D Digital Twin requires bridging high-frequency OT data with asynchronous web environments. Three.js and WebGL enable hardware-accelerated 3D rendering natively in modern HMI web browsers. Optimizing 3D models using GLTF/GLB formats with Draco compression is critical to prevent main thread blocking and memory leaks. Middleware gateways (like Node-RED) and WebSockets […]

Read Article arrow_forward

Inside Agentic HMI: Architecting Multi-Agent Workflows for Predictive SCADA

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
      A["Legacy SCADA"]:::gray --> B["Agentic HMI"]:::blue
      B --> C["Predictive Maintenance"]:::green
      B --> D["Process Optimization"]:::purple
      classDef gray fill:#64748b,color:#ffffff,stroke:none
      classDef blue fill:#2563eb,color:#ffffff,stroke:none
      classDef green fill:#16a34a,color:#ffffff,stroke:none
      classDef purple fill:#9333ea,color:#ffffff,stroke:none
AutomationView Icon AutomationView
calendar_month

Inside Agentic HMI: Architecting Multi-Agent Workflows for Predictive SCADA

The traditional SCADA interface relies heavily on reactive operator intervention: an alarm triggers, a human acknowledges it, and manual troubleshooting begins. However, the integration of autonomous systems has introduced Agentic HMI—a paradigm shift where the interface is no longer a static pane of glass but an active participant in plant operations. By architecting multi-agent workflows, […]

Read Article arrow_forward

Inside MQTT Sparkplug B: Architecting State-Aware HMI Communications

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    A["Edge Node (PLC)"]:::blue -->|NBIRTH / NDEATH| B["MQTT Broker"]:::gray
    B -->|Subscribe| C["SCADA / HMI"]:::green
    B -->|Unified Namespace| D["MES / ERP"]:::purple

    classDef blue fill:#2563eb,color:#ffffff,stroke:#1e40af,stroke-width:2px;
    classDef gray fill:#4b5563,color:#ffffff,stroke:#374151,stroke-width:2px;
    classDef green fill:#16a34a,color:#ffffff,stroke:#166534,stroke-width:2px;
    classDef purple fill:#9333ea,color:#ffffff,stroke:#6b21a8,stroke-width:2px;
AutomationView Icon AutomationView
calendar_month

Inside MQTT Sparkplug B: Architecting State-Aware HMI Communications

Key Takeaways Standard MQTT lacks structured data and connection state monitoring, leading to fragmented SCADA implementations. MQTT Sparkplug B standardizes the topic namespace, enabling plug-and-play interoperability for HMI systems. Birth and Death certificates provide real-time connection state awareness without constant polling. Protocol Buffers optimize bandwidth usage while enforcing strict data typing for industrial metrics. When […]

Read Article arrow_forward

Offline-First SCADA Dashboards: PWA & Service Worker Implementation

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    client["PWA Dashboard"]:::clientStyle
    sw["Service Worker"]:::swStyle
    cache["Local Cache (IndexedDB)"]:::cacheStyle
    server["SCADA Server"]:::serverStyle
    
    client -->|Requests Data| sw
    sw -->|Network Available| server
    sw -->|Network Down| cache
    server -->|Updates| cache
    
    classDef clientStyle fill:#2563eb,stroke:#fff,stroke-width:2px,color:#fff
    classDef swStyle fill:#16a34a,stroke:#fff,stroke-width:2px,color:#fff
    classDef cacheStyle fill:#dc2626,stroke:#fff,stroke-width:2px,color:#fff
    classDef serverStyle fill:#9333ea,stroke:#fff,stroke-width:2px,color:#fff
AutomationView Icon AutomationView
calendar_month

Offline-First SCADA Dashboards: PWA & Service Worker Implementation

The Reality of Plant Floor Connectivity Walk the floor of any heavy manufacturing facility, and you will quickly realize that ubiquitous, high-speed Wi-Fi is a myth. Dead zones behind massive metal enclosures, high electromagnetic interference (EMI) from variable frequency drives, and network congestion frequently cause transient connection drops. For an operator monitoring a critical process […]

Read Article arrow_forward

WebSocket vs SSE: Architecting Real-Time HMI Telemetry

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    client["Web HMI Client"]
    server["SCADA Gateway"]

    client -->|"HTTP Upgrade (ws://)"| server
    server -->|"Full-Duplex (WebSocket)"| client
    
    client -.->|"Standard HTTP"| server
    server ==>|"Unidirectional Push (SSE)"| client

    classDef wsFill fill:#2563eb,color:#ffffff,stroke:#1e40af
    classDef sseFill fill:#16a34a,color:#ffffff,stroke:#166534
    
    client:::wsFill
    server:::wsFill
AutomationView Icon AutomationView
calendar_month

WebSocket vs SSE: Architecting Real-Time HMI Telemetry

WebSocket vs Server-Sent Events (SSE) for Real-Time HMI Telemetry Modern industrial control systems require sub-second data streaming to provide operators with accurate situational awareness. When architecting web-based HMI telemetry dashboards, automation engineers face a critical decision: should you implement full-duplex WebSockets or rely on unidirectional Server-Sent Events (SSE)? Both protocols eliminate legacy polling techniques, but […]

Read Article arrow_forward

Advanced Alarm Management in Modern HMI: A Technical Guide to ISA-18.2 Implementation

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    A["Nuisance Alarms"]:::redNode -->|Rationalization| B["ISA-18.2 Guidelines"]:::blueNode
    B -->|Actionable Content| C["Prioritized HMI"]:::greenNode
    classDef redNode fill:#dc2626,stroke:#7f1d1d,color:#ffffff
    classDef blueNode fill:#2563eb,stroke:#1e3a8a,color:#ffffff
    classDef greenNode fill:#16a34a,stroke:#14532d,color:#ffffff
AutomationView Icon AutomationView
calendar_month

Advanced Alarm Management in Modern HMI: A Technical Guide to ISA-18.2 Implementation

Every day, automation engineers face the daunting task of managing alarm floods in their SCADA systems, where hundreds of meaningless faults can obscure a single critical failure. The transition to modern HMI design demands a structured approach to filter the noise and provide operators with actionable insights. This is where ISA-18.2 alarm management comes into […]

Read Article arrow_forward

Inside Enterprise HMI SSO: Architecting OAuth 2.0 and OIDC for SCADA Security

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    A[Operator] -->|Auth Request| B(OIDC Provider)
    B -->|ID Token + Access Token| C{SCADA HMI}
    C -->|API Calls| D[Historian / PLC]
    style A fill:#003c71,stroke:#fff,stroke-width:2px,color:#fff
    style B fill:#0055a4,stroke:#fff,stroke-width:2px,color:#fff
    style C fill:#0072ce,stroke:#fff,stroke-width:2px,color:#fff
    style D fill:#4a90e2,stroke:#fff,stroke-width:2px,color:#fff
AutomationView Icon AutomationView
calendar_month

Inside Enterprise HMI SSO: Architecting OAuth 2.0 and OIDC for SCADA Security

Historically, securing industrial control systems meant relying on isolated networks and shared generic credentials like “Operator1” or “Admin”. However, as IT/OT convergence accelerates, this perimeter-based security model is no longer sufficient. To achieve true Zero Trust architecture in modern industrial environments, engineers must move toward centralized identity management. Implementing SCADA HMI SSO OAuth 2.0 and […]

Read Article arrow_forward

How IEC 63303 Redefines State-Based HMI Display Strategies

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    A["IEC 63303"]:::blue --> B["HMI Philosophy"]:::green
    B --> C["4-Level Hierarchy"]:::blue
    C --> D["State-Based Displays"]:::green
    D --> E["Faster Response"]:::red
    classDef blue fill:#2563eb,color:#ffffff
    classDef green fill:#16a34a,color:#ffffff
    classDef red fill:#dc2626,color:#ffffff
AutomationView Icon AutomationView
calendar_month

How IEC 63303 Redefines State-Based HMI Display Strategies

When an operator stares at 400+ process variables during an abnormal event, response time depends entirely on how the HMI presents information. IEC 63303:2024, published by IEC Technical Committee 65 in August 2024, provides the first international normative framework for IEC 63303 HMI design in process automation. It builds upon the established ANSI/ISA-101.01-2015 methodology while […]

Read Article arrow_forward

Next-Gen WebAssembly HMI: Native Performance for SCADA

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    A["Legacy SCADA"]:::redNode -->|"Compute Constraints"| B["WebAssembly HMI"]:::blueNode
    B -->|"Native Speed"| C["Edge Gateways"]:::greenNode
    B -->|"Portability"| D["Browser Displays"]:::greenNode
    
    classDef redNode fill:#dc2626,stroke:#b91c1c,color:#ffffff
    classDef blueNode fill:#2563eb,stroke:#1d4ed8,color:#ffffff
    classDef greenNode fill:#16a34a,stroke:#15803d,color:#ffffff
AutomationView Icon AutomationView
calendar_month

Next-Gen WebAssembly HMI: Native Performance for SCADA

Key Takeaways: WebAssembly bypasses standard JavaScript interpreters, delivering highly deterministic execution for compute-intensive industrial interfaces. Hybrid approaches are dominating: standard web technologies handle the DOM layout while WebAssembly processes real-time math and heavy signal rendering. Portability allows automation engineers to write core logic in memory-safe languages and deploy identical binaries to edge gateways and control […]

Read Article arrow_forward

Integrating WebRTC for Real-Time Video Streaming in SCADA HMI

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    cam["IP Camera (RTSP)"]:::green
    sfu["SFU / go2rtc Server"]:::blue
    hmi["SCADA HMI (WebRTC)"]:::red

    cam -->|Stream| sfu
    sfu -->|"< 500ms"| hmi

    classDef green fill:#16a34a,stroke:#fff,color:#fff,stroke-width:2px;
    classDef blue fill:#2563eb,stroke:#fff,color:#fff,stroke-width:2px;
    classDef red fill:#dc2626,stroke:#fff,color:#fff,stroke-width:2px;
AutomationView Icon AutomationView
calendar_month

Integrating WebRTC for Real-Time Video Streaming in SCADA HMI

Key Takeaways: Standard streaming protocols (HLS, DASH) induce multi-second delays, unacceptable for critical remote operations. WebRTC integration in SCADA HMI provides ultra-low latency (< 500ms), enabling real-time tele-operation and monitoring directly in modern browsers. Implementing WebRTC on the plant floor requires bridging legacy RTSP feeds and managing NAT traversal via STUN/TURN servers. Using a Selective […]

Read Article arrow_forward

Inside 3D HMI Rendering: Three.js 3D SCADA Integration

HMI 
%%{init: {'theme':'dark', 'themeVariables': { 'background': '#001c38' }}}%%
flowchart LR
    A[PLC / Sensors] -->|OPC UA / MQTT| B(Node.js / WebSockets)
    B --> C{Three.js 3D SCADA}
    C --> D[WebGL Renderer]
    C --> E[DOM / UI Overlay]
    style C fill:#2b2d42,stroke:#8d99ae,stroke-width:4px,color:#edf2f4
    style D fill:#d90429,stroke:#ef233c,stroke-width:2px,color:#edf2f4
AutomationView Icon AutomationView
calendar_month

Inside 3D HMI Rendering: Three.js 3D SCADA Integration

Key Takeaways: Three.js 3D SCADA interfaces leverage WebGL for hardware-accelerated rendering of complex digital twins. Modern web HMIs replace static 2D dashboards with spatial, interactive representations of plant floors and robotics. Integrating PLC data (via MQTT or OPC UA over WebSockets) directly into 3D models requires careful attention to draw calls and performance optimization. The […]

Read Article arrow_forward