Total.js UI Studio

Total.js UI Studio is an open-source Total.js application that merges a Total.js UI Builder for creating reusable components with a Total.js Flow - Visual Programming Interface for connecting designs and processing their data.

Total.js Enteprise

This solution is part of the Total.js Enterprise service and available for paid customers.

All in one

From UI design to complete data processing.

Extensible

Easily extend the Total.js UI Studio without touching the source code.


Flow

A Visual Programming Interface is included in the app.

Embedded database

This solution stores data in the file system.

Rich functionality

Packed with powerful features for everyday use.


Control panel and Streamer

The Total.js IoT solution consists of two core applications: the Control panel and Streamer.

Control panel

It's a user interface for managing drivers, devices, zones, alerts, etc. The control panel is integrable with the Total.js OpenPlatform.

Streamer

This app processes incoming data from the sensors according to the drivers. It's optimized for the best performance.

Drivers

The main logic of the IoT solution is built into drivers. Every device must be linked to a driver.

 Design user-interface

The application has included Total.js UI Builder Engine for creating rich user interfaces.


 Data processing 

In the background, drivers are basically Total.js Flow components with updated functionality. They can contain API endpoints or TCP/MQTT/WebSocket connections for processing data from the sensors. Drivers contain predefined functionality for saving data in the PostgreSQL database.

You don't need to solve the problem of storing data and rendering it in the charts. Everything is prepared for easy usage. It's necessary to create your own drivers.


 Zones

The Total.js IoT Platform allows you to draw and register map zones and assign sensors to them. You can easily choose what sensors or data views you want to see on the map.

The system makes a screenshot of the map automatically with a highlighted zone. So, you or users can easily determine where the zone is located.


 Map

A real-time map renders zones and their devices with sensors. You can see last-measured data, alerts, and advanced stats. Maps support filtering zones and searching devices.

Total.js IoT Platform Map uses the OpenStreetMap engine, and rendering data secures the OpenLayer library.


 Alerts

Alerts are automatically created if drivers exhibit unexpected behavior, or you can make alerts dynamically with the help of integrated Total.js Flow. So, you can easily create alerts according to your rules or conditions.

The control panel contains a section "Alerts" with a clear data table. You can search, filter, and sort alerts according to multiple attributes.


Data views

With this functionality, you can accumulate the same data as one cumulative value. The system automatically groups and performs either minimal, maximum, or average operation.

 Also, data views can be rendered on the map.