© 2010 UEI, Inc. All Rights Reserved UEIPAC HMI

© 2010 UEI, Inc. All Rights Reserved Overview The 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).

© 2010 UEI, Inc. All Rights Reserved 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

© 2010 UEI, Inc. All Rights Reserved 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.

© 2010 UEI, Inc. All Rights Reserved UEIPAC Application #1 server Application #1 server LibSharedData UEIPAC Application client Application client LibSharedData Application #2 client Application #2 client PC #2 Application client Application client LibSharedData PC #1 Web browser LibSharedData

© 2010 UEI, Inc. All Rights Reserved 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

© 2010 UEI, Inc. All Rights Reserved LibSharedData 2/2 Variables are simply designated using a unique name Variable type can be a scalar or array of :  Int32  Int16  Int8  Double  Float

© 2010 UEI, Inc. All Rights Reserved Protocol 1/3 Client or server sends a request to libshareddata  put_value =  put_value_json =  get_value  get_value_json  subscribe_value  Etc..

© 2010 UEI, Inc. All Rights Reserved Protocol 2/3 Libshareddata implements a C API that hides the protocol away Bindings are available for C#, VB.NET, LabVIEW and Python

© 2010 UEI, Inc. All Rights Reserved Protocol 3/3 Web 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

© 2010 UEI, Inc. All Rights Reserved UEIPAC server example Create Server: UeiSharedDataCreate("tcp:// :2345", &handle); Acquire voltages: DqAdv207Read(hd, devn, clsize, cl, NULL, fdata); Publish voltages: UeiSharedDataPut(handle, “voltages", UeiSharedDataTypeDbl, clsize, fdata);

© 2010 UEI, Inc. All Rights Reserved Share Data Client Shared Data client is an application that provides a quick way to test a server.

© 2010 UEI, Inc. All Rights Reserved C# client Create a client object UeiSharedDataClient client = new UeiSharedDataClient(); Open communication with server client.Open("tcp:// :2345"); Get shared variable value double[] voltages = client.GetDouble(“voltages", 16);

© 2010 UEI, Inc. All Rights Reserved C# client

© 2010 UEI, Inc. All Rights Reserved LabVIEW client Call VIs to open communication with server and read “voltages” variable values

© 2010 UEI, Inc. All Rights Reserved LabVIEW client

© 2010 UEI, Inc. All Rights Reserved 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

© 2010 UEI, Inc. All Rights Reserved 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:

© 2010 UEI, Inc. All Rights Reserved HTML5 client

© 2010 UEI, Inc. All Rights Reserved 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