AVEVA Intouch 2020 ya esta disponible, y estas son parte de las nuevas novedades que incorpora. (Imagen extraida del video AVEVA System Plaform 2020 Release)

Y dentro de las novedades vamos a ver como funciona los controles Web Widgets.

Una vez iniciado nuestro Intouch, por defecto hay un directorio Widgets dentro de Industrial Graphic, donde esta incluido el Carousel Web Widget

Vamos a importar nuevos controles - Archivo --> Import --> HTML5 Widget

El tipo de archivo que esta esperando es Custom Widgets Package *.cwp.

En la siguiente imagen se muestra una serie de controles, los seleccionamos todos y los importamos.

Ya podemos observar que estan agregados dentro de nuestro directorio.

Si ahora queremos insertar estos objetos directamente a nuestra pantalla, no vamos a poder realizarlo. Estos objetos Widgets tenemos que insertarlos en un nuevo Símbolo.

Para probarlo, vamos a crear un nuevo símbolo y lo que hacemos es embeber nuestro widgets, si navegamos en el directorio encontramos todos los que estan creados o importados.

Para este ejemplo, voy a utilizar el WebBrowser por su sencillez, solo tiene la propiedad de URL

Una vez embebido, lo que nos queda es configurar las propiedades a adaptarlo a nuestras necesidades

Una vez que ya esta nuestro símbolo finalizado, ya podemos insertarlo en nuestra pantalla y probar su funcionamiento.

Iniciamos el Runtime, y comprobamos su correcto funcionamiento.

Preguntas básicas. Como creamos estos símbolos?

-Los widget estan basados en HTML5, CSS y JavaScript.

-Estos símbolos fueron incorporados por Indusoft Web Studio, que actualmente forma parte tambien de AVEVA y la nueva versión que saldrá en unos dias será AVEVA Edge 2020, donde una de sus novedades es que soportara y tendra incorporado el editor de graficos de System Platform (Industrial Graphics)

-La forma mas sencilla de crear estos widges es con su editor, donde se definen las propiedades, eventos etc... y posteriormente se termina de editar los archivos HTML, CSS y JScript

-Supongo que en nuevas versiones de Intouch incorporara su propio editor para facilitar la labor.

-Los widgets que yo he importado, son precisamente los que incorpora Intouch Edge HMI, y es precisamente uno de los objetivos, entre las diferentes plataformas, compartir recursos que hemos creado en diversas aplicaciones.

13-05-2020

Todas las marcas comerciales, softwares, logos son propiedad de sus respectivos titulares.