Open Architecture HMI

uglyveinInternet και Εφαρμογές Web

24 Ιουν 2012 (πριν από 5 χρόνια και 1 μήνα)

465 εμφανίσεις

Open Architecture HMI

A vision for a pure HTML5 based
Development and Run Time System.


Andrew Sailor, Netlogic, Inc.

August 2010

Abstract

Modern

commercial

i
ndustrial

a
utomation

HMI

integrated

development

environments

(IDE)

and

run
-
time

(RT)

t
ools

have

historically

been

based

upon

Microsoft

operating

system

centric

components

(Win
32
,

ActiveX,

and

.
NET

Assemblies)

and

containers

(Forms,

WinForms
,

WebForms
),

and

communication

technology

(COM/DCOM,

OPC)
.

State
-
of
-
the
-
Art

IDE’s

also

expose

programming

interfaces

to

the

IDE

and

RT

via

object

models

and

have

included

embedded

scripting

languages

such

as

Microsoft

Visual

Basic

for

Applications

(VBA/VBS)
.

These

capabilities

have

provided

the

means

to

create

sophisticated

HMI

applications,

but

also

create

logistical

support

problems

that

make

it

difficult

to

manage

these

applications

over

their

code

lifecycle
.

This

presentation

will

propose

a

new

solution

framework

for

HMI

application

development

and

runtime

systems

based

upon

the

native

support

of

new

HTML
5

based

technologies

such

as

Canvas

and

WebSockets
.


Sample Modern HMI

ActiveX and VBA Enabled HMI

This Application Framework has not changed much

since the mid 1990’s

Changes in the Marketplace Since
the Dot Com Crash of 2001


Web 1.0 to Web 2.0 Platforms


Google, Amazon, Web Services, The Cloud,


Mobile Devices and Platforms


Apple
iPhone
/
iPAD
, Google Android, RIM
Blackberry,
Webkit


Evolving Web Standards


HTML5, Java Script, SVG ,
WebStorage
,
WebSockets
, the Cloud

Research Questions …


Can we develop and modern, full featured
HMI editor that can execute in the cloud?


Can Heavy Components be replaced by HTML5
Code, SVG Based Graphics and JavaScript?


Can this editor create a pure HTML5 based
HMI project


Will the performance be adequate for high
performance HMI Applications


Can the system be applicable to Next
Generation US Naval Ships

What is HTLM5


An Emerging Standard and Technology


The Web Hypertext Application Technology Working Group (WHATWG)
began work on the HTML5 specification in June 2004. As of March 2010, the
HTML5 specification is in the Draft Standard state at the WHATWG, and in
Working Draft state at the W3C.


Strong Support in all the Major Browsers


Consolidation and Standardization of many common practices and browser
features that have evolved over the past decade.


Many New Feature Enhancements


Retirement of outdated constructs


Simplification and relaxation of markup requirements


A move away from the strict XHTML implementation

What is the new HTLM5 Standard?


Client Side Graphics


2D Canvas


WebGL



3D Canvas


Ability to use Inline
SVG


Drag Drop


Inplace

Text Editing


GeoLocation





HTML, JavaScript,
and the DOM


WebSockets


Web SQL Database
or Indexed Database
API


HTML5 Experimental Editor



Editor Running on
Amazon EC2


Output is just
HMTL5 and
JavaScript


RT Data Server
running on Amazon
EC2


Browsers


FireFox
,
Chrome, Safari


HMI Update via
Web Based Cloud <
1 second update
rates


HMI Update via
Local Cloud < 20ms

http://netlogichmi.appspot.com/

http://netlogichmi.blogspot.com/

Experimental Features


Cloud based Editor


Cloud based Run
-
Time


Framed in an HTML5
compatible Browser


Project Viewer


HMTL5 based Page
Editor


SVG Importer


SVG Rendering with
Transparency and
Scaling


Simple Shapes


Floating Pallets


Toolbar


Color Change


Animation


Popup Configuration
Dialog


Image Group/
UnGroup


Graphic Cut/Copy/Paste


Simple Real
-
Time Data
Provider


Data Update across the
Web



Future HTML5 HMI Editor

Conclusions


Early Experiments indicate that Quality Cloud based
RIA HTML5 based HMI Editors are achievable.


Early Indications of RT performance is acceptable


SVG provides a superior method to support standards
based scalable graphics


Advantages of this architecture merit continued R&D
Investment


Zero Client Side Footprint


Scalable and Reliable backend Cloud Services


Web Sockets


Superior Native SVG Graphics


Widget Toolkit Frameworks


Java Script


Local/Remote Data Storage


QUESTIONS