This is an old revision of the document!


Course 5: Wyliodrin Dashboard

Slides are available from the link

This course is about how Wyliodrin dashboard it improves IoT applications throughout its many features.

By using the dashboard, you can drag-and-drop widgets and display information into them. It has a debugging purpose and it supports several widgets that can control your device or display data.

Buttons and sliders

The Two state button is basically an on - off switch. Its properties are the signal that it needs to send out (it should be lower-case and without spaces) and the possibility to transform it into a push button. You can set a color for it, which is going to show in the “on” state. When you press it, it sends 1 (ON) and by pressing it again, it sends 0 (OFF). Inside the program you need to have the “receive signal” node in order to get the signal from the button. Push button is the same widget, it just has the “Push” parameter selected. When you press it, it sends 1, it waits an amount of time and then sends 0.

Slider

Its properties are the signal, its color, minimum and maximum value and the step. Each time you move the slider, it sends its new value to the program. You can send a signal back to the slider/ button in order to change its value. You can add more sliders/ buttons with the same properties.

Graphs

They are replacing the printing function on the console. There are many types of graphs.

Line

It is the most complex one, you can display more than 1 signal on the graph and you can choose a color for each of them. The graph has a name, you can display the legend or choose to have fixed axes (by default it will have relative axes). For logarithmic sensors, you can use the corresponding axes, which will display the logarithm of the value received. It can be a time or a point series. The time series have on the x-axis the time stamp, so if you need to plot an array, you need to uncheck the option and configure it yourself depending on what is needed. It also has a minimum and maximum value.
There is another feature which shows the actual points received by the signal, meaning the points which create the line in the graph. This feature is called show points and by default the graph will display 10 point and then shift the graph to the right. This option can also be modified.

Step Line

It is adviseble for digital signals, for example to sample a clock or a button. It has the same properties as the line.

When the line is horizontal, it means the signal has either the same value, or it cannot be determined, and so the graphic can suppose the value did not change for that time interval.

Spline Line

The spline line is a normal line, but the interpolation is not a straight line between two points, it is a Bézier curve. With the spline line, it's not too clear where the sampling happened. It tries to give you an idea about how the signal might look like (fitted curve). Using the show points option might help in some cases.

Points Maker

It displays only the points, showing the real signal (only where it was sampled). It can be logarithmic, time series or vector series.

All the lines have a menu where you can choose to save the graph as a picture or to export the values from it.

Bar Graph

It is a widget which displays one value of the signal - it goes up or down depending on the last value it receives. It can display more signals, but only the last value for each one. The options are: fixed axes, minimum/maximum values, real time update - Be careful when using it because you may block your browser.

Other widgets that work exactly like the bar: solid gauge, VU meter, thermometer.

Custom widget

Custom widget helps you to build your own widget, which Wyliodrin does not provide. It functions exactly like the bar, it displays one signal and only the last value of it.

It works like this: in the edit box you have more links of images, each on a different line. When the signal is 0, the widget will display the first image, if the signal is 1, the second image will come up.

The picture needs to be HTTPS, otherwise the browser will block it! The simplest way to do it is to use Dropbox. You need to insert dl in the link instead of WWW, as it will download the file.

QR Code

When you start the program, you get a QR code and if you scan it, you can open the dashboard, interact with buttons/sliders, see the graphs, all on your mobile device. If you want to make a remote control for your device, put the buttons on the dashboard.

The console is also visible, but it is not writable.

Sending Signals

In the streams programming you have a node called Send signal which will send by default time series (it attaches the time-stamp and sends it to the cloud). It can send a payload consisting of signal points (numbers) or an array.

If it is a number, the send signal node will check if it has an x component, decide that it is indeed a point (not a time-series). Also, you need to have a graph which is configured so that is doesn't already have the x as a time series. You also have a flag component used mostly for debugging, where you can a write a text which will be shown on the graph. If the payload is an array it will send x,y points. For each element in the array it will consider x being its position. It is useful for FFT.

If you have a number and you want to send the signal with an x component, instead of writing a function, you can use this block.

This block is going to set the x value in the message to a value from the global context (in this example some_dat_horizontal).

The Octave Node

It is for signal processing and it consists of a function where you can write octave code. The variable msg is the message that you receive. When the code ends, this variable is passed back into JavaScript. If the code is empty, it gets back the initial input. This node works only on IoT servers, not on boards, because they are slow and not all of them support Octave.

iot/courses/05.1438179814.txt.gz · Last modified: 2015/07/29 17:23 by madalina.tanea
CC Attribution-Share Alike 3.0 Unported
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0