IoT / Energy Management / Industrial Automation

MachineSensIOT

IoT Web Platform

Live

Preview coming soon

Overview

MachineSensIOT is an industrial energy management platform that gives facility operators a live view of power consumption across buildings, floors, and individual devices. The platform brings together device provisioning, asset hierarchies, and SCADA-style control into a single Flutter Web application.

The Challenge

Industrial energy data changes continuously and arrives from many independent devices over MQTT. The interface needed to stay responsive under a steady stream of updates while still giving operators a structured way to organize units, assets, and attributes without the dashboard feeling cluttered or delayed.

My Role

I worked on the Flutter Web application, building the device and asset management modules, the map-based building visualization, and the real-time dashboard views that render incoming MQTT data as live charts and status indicators.

Technical Approach

Structured the application around a unit → building → floor → device → attribute hierarchy so operators can drill down from a site overview to a single sensor.
Connected the dashboard to live MQTT streams, mapping incoming payloads to device state and pushing updates into the UI without full re-renders.
Built map-based building visualization with floor plan overlays so device locations map directly to physical layouts.
Implemented SCADA-style controls that let operators act on devices such as air conditioners directly from the dashboard.
Designed chart-based analytics views for energy consumption trends across configurable time ranges.

Technical Challenges & Solutions

Continuous MQTT data from many devices risked overwhelming the UI thread and causing dropped or stale updates.

Solution — Introduced structured state handling that batches incoming device updates and only re-renders the widgets tied to changed attributes.

Representing a building's physical layout — floors, zones, and device placement — in a way that stayed usable as the number of assets grew.

Solution — Built a map and floor-plan visualization layer that lets operators navigate spatially instead of through flat device lists.

SCADA-style device control requires immediate, reliable feedback so operators trust the action was received.

Solution — Paired every control action with an explicit acknowledgement state sourced from the device's reported status, rather than assuming success optimistically.

Technical Architecture

A Flutter Web application structured around a unit → building → floor → device → attribute hierarchy, with a live MQTT stream mapped into device state and batched into the UI so only widgets tied to changed attributes re-render. SCADA-style controls pair every action with an acknowledgement sourced from the device's reported status rather than assuming success optimistically.

Outcome

Delivered a working Flutter Web platform capable of managing multi-building device hierarchies, visualizing real-time energy data, and issuing SCADA-style controls, with an interface that stays responsive under continuous MQTT traffic.