© 2010 uei, inc. all rights reserved ueipac hmi

© 2010 UEI, Inc. All Rights Reservedwww.UEIDAQ.com

UEIPAC HMI


OverviewThe UEIPAC is an embedded Linux based system

without any graphical interface.

It is very good at network connectivity which makes it possible to create remote graphical user interfaces (also known as HMI Human-Machine-Interface).


Client-Server• Server typically runs on UEIPAC.

• Example: server acquires data and publishes it for remote display(s)

• One or more client can connect to a server• A HMI client written in C# can display data

acquired on UEIPAC in a chart• A client can subscribe to variable updates

• The client gets notified only when variable value change exceeds a given deadband


LibSharedData• The shared data protocol is implemented in a

shared library• Linux: libshareddata.so• Windows: UeiSharedData.dll

• Both server and client(s) use the same shared library to communicate.


UEIPAC

Application #1server

LibSharedData

UEIPAC

Applicationclient

LibSharedData

Application #2client

PC #2

Applicationclient

LibSharedData

PC #1

Web browser

LibSharedData


LibSharedData 1/2 Implements a simple message based

protocol (set/get variable) using JSON or binary data representation

Local processes communicate over UNIX sockets

Remote processes communicate over TCP/IP sockets

Web browser communicate using Web Sockets


LibSharedData 2/2Variables are simply designated using a unique

name

Variable type can be a scalar or array of : Int32 Int16 Int8 Double Float


Protocol 1/3Client or server sends a request to libshareddata

put_value <name>=<value> put_value_json <name>=<value> get_value <name> get_value_json <name> subscribe_value <name> Etc..


Protocol 2/3Libshareddata implements a C API that hides the

protocol away

Bindings are available for C#, VB.NET, LabVIEW and Python


Protocol 3/3Web browsers can directly connect to remote

processes using web sockets and a little bit of javascript programming.

Data can be displayed using standard HTML controls or more advanced HTML5 ones


UEIPAC server exampleCreate Server:UeiSharedDataCreate("tcp://192.168.100.2:2345", &handle);

Acquire voltages:DqAdv207Read(hd, devn, clsize, cl, NULL, fdata);

Publish voltages:UeiSharedDataPut(handle, “voltages",

UeiSharedDataTypeDbl, clsize, fdata);


Share Data Client Shared Data client is an application that

provides a quick way to test a server.


C# clientCreate a client objectUeiSharedDataClient client = new UeiSharedDataClient();

Open communication with serverclient.Open("tcp://192.168.100.2:2345");

Get shared variable valuedouble[] voltages = client.GetDouble(“voltages", 16);


C# client


LabVIEW clientCall VIs to open communication with server and

read “voltages” variable values


LabVIEW client


HTML5 client Web sockets are part of HTML5. Supported in

the following browsers: Google Chrome (fastest javascript engine) Firefox Safari for MacOS and iOS Android web browser Internet Explorer 10


HTML5 client There are many HTML5 UI library out there. Most

are business oriented, but are usable for industrial applications

Jquery UI library provides a very easy way to manipulate UI elements of a web page

UEIPAC comes with a default web page to view shared data: http://192.168.100.2:2345/shareddata.html


HTML5 client


SVG lab (still experimental)A set of HTML5 UI controls for web based

scientific and industrial applications

Uses SVG (Scalable Vector Graphics) for drawing

Use javascript for programming. Chart Slider Maybe more...

© 2010 uei, inc. all rights reserved ueipac hmi

Documents

server client

rights reserved

c client

hmi client

server application

client pc

ueipac hmi slide

fdata slide