Exploring Vortex Edge Connect: Web UI Tutorial

Following the successful launch of Vortex Edge Connect in May 2017, we produced a series of tutorials to assist system developers evaluate the software. Vortex Edge Connect enables data interoperability and connectivity between industrial data sources and applications, independent of whether they are deployed on local edge networks close to machines or in the cloud.

In this first tutorial, we feature the web-based User Interface attribute of Vortex Edge Connect which is running on Vortex Edge Smart Gateway connecting a ModBus, potentiometer and LED lights. Vortex Edge Connect is pre-configured on the Vortex Edge Smart Gateway which collects and processes data from the sensor, then is shared with other communication endpoints.  Vortex Edge Connect is an extensible and scalable framework for connecting different endpoint technologies together in an Industrial Internet of Things system.

The Vortex Edge Connect is available for evaluation. For inquiries, contact PrismTech.

Rapidly Build IoT Apps with Vortex and Node-RED

Quite often as a Maker you want an easy way to process and/or analyze data from one or more input sources to produce new data or information. This is the reason that Node-RED was created to provide a visual way of wiring together the Internet of Things (IoT). The premise behind Node-RED is simple; it is a library of different types of nodes that can be dragged onto a canvas and wired together. For some nodes it is possible to configure them to control their behavior. Once the nodes are connected (known as a flow) it can be executed. Really it is that easy to build an application.

To make it possible to use Node-RED to rapidly build applications for the Vortex DDS platform we have contributed two new nodes to the community. The nodes make it possible to ingest data from  to write data to the Vortex data-sharing platform. A user provides the properties  of a Vortex Web server which Node-RED uses as the access point to the Vortex platform. Data flows between the two over an efficient WebSocket based protocol.

Let us quickly build an application using Node-RED. In this application we build application that reads data from Vortex containing the geo-location of an object, it then calculates the distance from the object to Big Ben in London and finally writes the distance back to Vortex. We start by dragging a Vortex In node onto our Node-RED canvas.

Flow with Vortex In Node

Open the properties for the Vortex In node and then the first thing we have to do is define a connection to Vortex; the vortex property. The following config node will open.

Vortex config node

We can configure the node to read PhoneSensorData and limit receiving the data to once a second.

Vortex In node properties

Now we can drag a function node onto our canvas and wire the output of the SensorData node to the input of this new node.

Flow with function node

In the function node we will calculate the distance to Big Ben from the latitude and longitude data we received from the sensor.

// Get the latitude and longitude from the Vortex data
var id = msg.payload.d.id;
var lat1 = msg.payload.d.lat;
var lon1 = msg.payload.d.lng;
// Big Ben in the UK
var lat2 = 51.5007733;
var lon2 = -0.1246402;
var radlat1 = Math.PI * lat1/180
var radlat2 = Math.PI * lat2/180
var radlon1 = Math.PI * lon1/180
var radlon2 = Math.PI * lon2/180
var theta = lon1-lon2
var radtheta = Math.PI * theta/180
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
dist = Math.acos(dist)
dist = dist * 180/Math.PI
dist = dist * 60 * 1.1515
var newMsg = { "payload": {"id": id, "dist": dist }};

Finally, we can publish the result of the calculation back to Vortex by dragging a Vortex Out node onto our canvas. Connect the output of the function node to this new Vortex Out node.
Flow with Vortex Out node

Configure the Vortex Out node to write data to the DistanceToBB topic.

Vortex Out node properties

Finally, so that we can easily see what is going on add a Debug node and connect the output of CalculateDistance to its input.

Flow with Debug node

It is now time to Deploy the application and see the results.

Debug results from executing flow

That is it, it is that easy to build an application that uses Vortex data. For more information check out Vortex Node-RED nodes on GitHub

Please leave your comments and suggestions it will inspire us to make the project even better.