Skip to main content
Version: v2.4.0 (Current)

🏭 Industrial Dashboard

The Industrial Dashboard example demonstrates a high-reliability control interface for factory automation. It focuses on real-time data density, alarm management, and clear visibility in high-glare environments.

🛠 Key Features​

  • Real-time Telemetry: Uses the Chart widget to display live motor RPM, torque, and temperature trends.
  • Multi-State Indicators: Employs LED and Image widgets that change color or source based on Modbus, CAN bus, or EtherCAT signals.
  • Safety Interlocks: Implements a "Slide-to-Unlock" mechanism using a Slider to prevent accidental machine starts or setpoint changes.
  • Event Logging: A scrollable Table view that pulls historical error codes and timestamps from an SD card.

🏗 Architecture​

1. Data-Driven Layout​

The primary view uses a Container grid with "Flex" properties. This allows the dashboard to adapt to different industrial aspect ratios (e.g., 4:3 for older panels or 16:9 for modern widescreen monitors) without breaking the alignment of critical gauges.

2. Alarm Handling​

Instead of complex manual polling, this demo uses a high-priority Logic and Event trigger. If a "Critical Overheat" signal is detected, the engine instantly shifts the UI to a "Lockdown" state.

🎨 Asset Optimization​

  • High-Contrast Themes: Utilizes a dark-mode palette with "Signal Yellow" and "Safety Red" accents to ensure readability in industrial lighting.
  • 8-bit Indexed Icons: To save Flash memory on MCUs, all technical icons (valves, pumps, fans) are packed as 8-bit indexed images.
  • Binary Fonts: Uses the Asset Packer to generate non-antialiased fonts for 1-bit or 8-bit monochrome auxiliary displays.

🚀 Try it Yourself​

  1. Open Artok Studio.
  2. Select File > New From Template.
  3. Choose Industrial Dashboard (v1.2).
  4. Click Live Simulator to interact with the machine controls.

🚀 Next Steps​