JMobile Training Day2

JM 4.5
 Agenda
Manage Target

Remote Control

Interfaces

DataBase

JavaScript

Custom Widgets and User Gallery

©2020 EXOR International S.p.A. All rights reserved

Manage Target
 Manage Target

Runtime: manage projects and runtime

create update packages

License: activation of CODESYS V3

internal PLC license

Board: get board information,

upload/download system
components
©2020 EXOR International S.p.A. All rights reserved
 Manage Target

Runtime: manage projects and runtime

create update packages

License: activation of CODESYS V3

internal PLC license

Board: get board information,

upload/download system
components
©2020 EXOR International S.p.A. All rights reserved
 Manage Target

Runtime: manage projects and runtime

create update packages

License: activation of CODESYS V3

internal PLC license

Board: get board information,

upload/download system
components
©2020 EXOR International S.p.A. All rights reserved
 Manage Target - Runtime

List of stored projects

Load and unload projects

Red icon: project is unloaded
Blue icon: project is loaded

Delete projects to free space

Upload projects *

* Copy project from HMI to PC.

HMI Can be password-protected to prevent “unwanted” uploads

©2020 EXOR International S.p.A. All rights reserved

 Manage Target - Runtime

Update Runtime

Restart Target

Create Update Packages

Change target listening ports *

Download System Files to apply

* Useful when target is Runtime PC and default

HTTP port (80) is already used by other programs

©2020 EXOR International S.p.A. All rights reserved

 Manage Target - License

Insert HMI IP Address

or search from list
Insert Activation Key *
Click on Activate/Generate NEW
in 4.5

CODESYS V3 Internal PLC Native DB connector

Insert * CODESYS_DEMO Enabled by default

Demo mode
2 hours running 2 hours running

Final mode Code required * Code required *

Ordering
+SWLC00R000000 +SWLJ00C000000
code

©2020 EXOR International S.p.A. All rights reserved

 Manage Target - Board

Update OS components via Ethernet

Useful to retrieve OS components info

Useful to replace HMI splash

screen shown during power-up phase
type: 16bit bitmap
filename: splash.bmp
size: less than 500 KB
resolution: even on width and height

©2020 EXOR International S.p.A. All rights reserved

Remote Control
 On Windows PC On EXOR HMIs

Remote Control overview JMobile Client (native)

FTP Client

HMI On any On EXOR

with JM Runtime and Project device browser WEB HMI

Secure FTPS JM4Web

VNC Client

©2020 EXOR International S.p.A. All rights reserved

 JMobile Client
Remote Control – Clients comparison
HMI

up to 4 connections
Server

Client

JM4Web

VNC Client

©2020 EXOR International S.p.A. All rights reserved

 VNC

Any action executed on HMI screen is viewed in VNC Client and vice-versa

Sends graphic frames and click commands based on VNC standard protocol

Useful to “teach” end user to operate on HMI application

©2020 EXOR International S.p.A. All rights reserved

 Enable VNC

From System Settings

Context menu: directly on HMI

Browser:
https://<ipAddress>/machine_config
https://<ipAddress>/system_settings

©2020 EXOR International S.p.A. All rights reserved

 JMobile Client

JMobile Client is an application included into JMobile Suite installer package

It runs on Microsoft Windows OS machines

Same application running on the HMI will be loaded in JMobile Client

Page navigation on JMobile Client is independent from HMI

©2020 EXOR International S.p.A. All rights reserved

 JMobile Client

Access from JMobile Client is secured by "Force Remote Login"

Once launched, you need only to type-in HMI address

©2020 EXOR International S.p.A. All rights reserved

 JM4Web

JM4Web provides a real-time interface

to the HMIs using standard web technologies

Runs on HTML5 web browsers

Web pages can be

common to native page (Unified)
separated (Web only)

©2020 EXOR International S.p.A. All rights reserved

 JM4Web

More than one Web technology

profile into one project

Pages can be different

based on device

based on “User Agent” parameter

Pages can be shared between categories

©2020 EXOR International S.p.A. All rights reserved

 JM4Web – Project Validator

Permits to check if widgets

or actions are supported
into web pages

All adjustment can be done

by user before downloading
project to target

©2020 EXOR International S.p.A. All rights reserved

 JM4Web

After project download, web page are

reachable from browser, pointing to

http://<IPAddress>

If HMI is not available, web pages can be

reached also in Simulation

http://<IPAddress>:81

©2020 EXOR International S.p.A. All rights reserved

 FTP

Enable FTP Server on HMI

to get access to the internal flash disk data

Any standard FTP Client can be used

FTP access is disabled by default and

must be enabled into Group Authorization
settings:
"Enable FTP authorization"
"Root Folder" can be set as per needs

©2020 EXOR International S.p.A. All rights reserved

 FTP access to external memory

Possibility to map “USB Memory”

or “Storage Card” as FTP Folder

USB Memory and SD Card will

become accessible by
FTP connection

Very useful to retrieve Alarm, Trend

or Recipe files dumped into external
memories

©2020 EXOR International S.p.A. All rights reserved

 FTP access to external memory

Possibility to map “USB Memory”

or “Storage Card” as FTP Folder

USB Memory and SD Card will

become accessible by
FTP connection

Very useful to retrieve Alarm, Trend

or Recipe files dumped into external
memories

©2020 EXOR International S.p.A. All rights reserved

 FTP client

Action to access to an FTP server

FTP Put
FTP Get

From native actions

From JavaScript

©2020 EXOR International S.p.A. All rights reserved

Interfaces
 OPC UA Server

All configured Tags can be exposed as

OPC UA Server variables

Accessible from any client based on

OPC UA specifications

Tip: can be simulated launching Simulator

(no necessary need of target device)

©2020 EXOR International S.p.A. All rights reserved

 OPC UA Server

Possibility to choose all Tags or specific group

Expose active/historical alarms and trends

Allowed connections based

None: typical for communication only
Sign: uses credentials
Encrypt: uses certificates

©2020 EXOR International S.p.A. All rights reserved

 NEW
in 4.5

OPC UA Server – Companion Specifications

Choose to expose how to map data according to

Companion Specifications XMLs

Available for EUROMAP77/83 standards. To be extended in future releases.

©2020 EXOR International S.p.A. All rights reserved

 OPC UA Client

Can access to any server based

on OPC UA specifications

Selectable from protocol list

Supports PLC Network

One protocol to connect to many
OPC UA Server

Certificate easy install and validation checks

NEW
in 4.5
©2020 EXOR International S.p.A. All rights reserved
 OPC UA Server

Online discovery of OPC UA symbols

exposed from OPC UA Server
by using Tag Importer

Full or Manual browsing of nodes

to optimize import timing in case of
many nodes
NEW
in 4.5

©2020 EXOR International S.p.A. All rights reserved

 Corvina

Connector for Corvina Cloud device

instance

Select Tag group to be pushed to

Corvina Cloud

Enter Activation key to couple project

with device instance

Tag interface for best integration in

JMobile project
NEW
in 4.5

©2020 EXOR International S.p.A. All rights reserved

 MQTT

Connector for MQTT broker to push data

into cloud

Presets available
Azure
Amazon AWS
IBM BlueMix
Murano
Generic MQTT broker

©2020 EXOR International S.p.A. All rights reserved

 MQTT

Set rules for data pushing

Based on timer
Based on value change

©2020 EXOR International S.p.A. All rights reserved

 MQTT

Enable security options

©2020 EXOR International S.p.A. All rights reserved

 MQTT

Create customize data message format

©2020 EXOR International S.p.A. All rights reserved

 NEW
in 4.5

MQTT

Tag Interface for a better integration with JMobile project

©2020 EXOR International S.p.A. All rights reserved

DataBase
 Access to DataBase from JMobile

Two methods:

• Using SQL4Automation as external 3rd party connector

(requires USB dongle for license)

• Using JMobile Native DB connector

NEW
(requires software license) in 4.5

©2020 EXOR International S.p.A. All rights reserved

 NEW
in 4.5

Native solution

Programmer
Utilities

SQL Query

Data

Web
support Full
Table View Technology
support
©2020 EXOR International S.p.A. All rights reserved
 NEW
in 4.5

Native solution

©2020 EXOR International S.p.A. All rights reserved

 DataBase Actions

Action are supported to facilitate

common interactions with DataBase

©2020 EXOR International S.p.A. All rights reserved

 DataBase JavaScript API

A set of JavaScript functions are

available for a more specific
management

©2020 EXOR International S.p.A. All rights reserved

 DataBase JavaScript API

Useful SQL Editor in Table DB Source widget

©2020 EXOR International S.p.A. All rights reserved

JavaScript
 JavaScript

A JavaScript function is executed when an event occurs.

For example, a user can define a script for the OnMousePress event.

Evaluate carefully execution of JavaScript function at a given scan rate

with a scheduled action.
This approach minimizes the overhead required to execute logic on the HMI.

JavaScript engine run at the client side.

Each client connected to the server side of JMobile Runtime
(could be the client resident on HMI, or a JMobile Client)
will run the same script, providing output results that depend by client

©2020 EXOR International S.p.A. All rights reserved

 Events

JavaScript Action called on Events

Widget Events
OnMouse event
OnDataUpdate event
Page Events
OnActivate
OnDeactivate
System Events
Schedulers
Alarms

©2020 EXOR International S.p.A. All rights reserved

 Events

JavaScript Action called on Events

Widget Events
OnMouse event
OnDataUpdate event
Page Events
OnActivate
OnDeactivate
System Events
Schedulers
Alarms

©2020 EXOR International S.p.A. All rights reserved

 Events

JavaScript Action called on Events

Widget Events
OnMouse event
OnDataUpdate event
Page Events
OnActivate
OnDeactivate
System Events
Schedulers
Alarms

©2020 EXOR International S.p.A. All rights reserved

 Events

JavaScript Action called on Events

Widget Events
OnMouse event
OnDataUpdate event
Page Events
OnActivate
OnDeactivate
System Events
Schedulers
Alarms

©2020 EXOR International S.p.A. All rights reserved

 Project Object

Page change and open dialog

©2020 EXOR International S.p.A. All rights reserved

 Project Object

Read and write Tags

©2020 EXOR International S.p.A. All rights reserved

 Page Object

Access and chance graphic properties

NOTE: If properties are set via JavaScript, Static Optimization property

must be set to Dynamic to allow dynamic rendering of static objects
©2020 EXOR International S.p.A. All rights reserved
 JavaScript example explained

©2020 EXOR International S.p.A. All rights reserved

 JavaScript shared code

“project” global variable can be used to share JavaScript code between pages
Variables and functions created into Project Properties tab, can be recalled from other
project pages

©2020 EXOR International S.p.A. All rights reserved

 JavaScript shared code

File management to read and write text files

Custom reports in text files or file management
Parsing of existing text files and write on Tags

©2020 EXOR International S.p.A. All rights reserved

 JavaScript Debug

QT Script debugger

©2020 EXOR International S.p.A. All rights reserved

Custom Widgets
and User Gallery
 Custom Widgets

Group many Widgets, then convert to Custom Widget

©2020 EXOR International S.p.A. All rights reserved

 Custom Widgets

Create your own Widget Catalog

©2020 EXOR International S.p.A. All rights reserved

 Custom Widgets

Create your own Widget Catalog

View where Custom Widgets are

used in the project

©2020 EXOR International S.p.A. All rights reserved

 Custom Widgets

Create your own Widget Catalog

View where Custom Widgets are

used in the project

Set inheritance configuration

©2020 EXOR International S.p.A. All rights reserved

 Custom Widgets

Create your own Widget Catalog

View where Custom Widgets are

used in the project

Set inheritance configuration

Expose custom properties,

categories and parameters

©2020 EXOR International S.p.A. All rights reserved

 Custom Widgets

Create your own Widget Catalog

View where Custom Widgets are

used in the project

Set inheritance configuration

Expose custom properties,

categories and parameters

©2020 EXOR International S.p.A. All rights reserved

 Inheritance

Inheritance allows to create a Widget model

All changes will be applied in all instances

(all over the project)

Inheritance types:

Only Graphic

Only Logic (embedded JS code)

Full (Graphic + Logic)

©2020 EXOR International S.p.A. All rights reserved
 User Gallery

Store Widgets in User Gallery

Possibility to organize in sub-categories

Possibility to share with other users

Edit Widget info to how to display it in gallery

©2020 EXOR International S.p.A. All rights reserved