Conectar y supervisar equipos de una

planta industrial

Aprenda a conectar y supervisar los equipos que se utilizan en una

planta de procesamiento o en una fábrica
Resumen de la Ruta de Aprendizaje
En la Ruta de Aprendizaje de Conectar y Monitorear Equipos de Plantas
Industriales, primero veremos cómo ponerse en marcha con ThingWorx Kepware
Server.

En la siguiente guía de la Ruta de Aprendizaje, crearemos una Clave de Aplicación

que se utiliza para asegurar la conexión entre Kepware Server y ThingWorx
Foundation.

Más adelante en la Ruta de Aprendizaje, enviaremos información desde el Servidor

Kepware de ThingWorx a la Fundación ThingWorx.

En otras guías de esta Ruta de Aprendizaje, utilizaremos el Mashup Builder de

Foundation para construir un panel de control del sitio web que muestre la
información de ThingWorx Kepware Server.

Esperamos que disfrutes de esta Ruta de Aprendizaje.

Abra el Servidor ThingWorx Kepware

1.- En la parte inferior derecha de la barra de tareas de Windows, haga clic en
Mostrar iconos ocultos

2.- Haga doble clic en el icono de ThingWorx Kepware Server.

3.- ThingWorx Kepware Server está instalado

Para obtener información adicional sobre ThingWorx Kepware Server, haga
clic en Ayuda -> Ayuda del servidor en la barra de menús.
Crear una clave de aplicación
Utilizaremos la Clave de Aplicación para enviar información desde ThingWorx
Kepware Server a ThingWorx Foundation. Las claves de aplicación se asignan a un
usuario específico para el acceso seguro a la plataforma.

No se recomienda utilizar la Clave de Aplicación para el Usuario por defecto

(Administrador). Si el acceso administrativo es absolutamente necesario, cree un
usuario y colóquelo como miembro de los grupos de usuarios
SecurityAdministrators y Administrators.

Cree el usuario al que se asignará la clave de aplicación.

1.- En la pantalla de inicio de Composer haga clic en + Nuevo.

2.- En la lista desplegable, haga clic en Clave de Aplicaciones.

3.- Dé un nombre a su clave de aplicación (por ejemplo, KepwareAppKey).

4.- Si el proyecto no está ya configurado, haga clic en el signo + en el cuadro de
texto Proyecto y seleccione el Industrial_Plant_Equipment.
4.- Establezca la referencia del nombre de usuario a un usuario que haya creado.
5.- Actualice el campo Fecha de caducidad, de lo contrario será por defecto de 1
día.
6.- Haga clic en Guardar.

Se ha generado un ID de clave y puede utilizarse para realizar conexiones seguras.

Crear Gateway
Para realizar una conexión entre el Servidor Kepware de ThingWorx y el Servidor
Foundation, primero debe crear un Thing.

ADVERTENCIA: Para evitar un error de tiempo de espera, cree un Thing en

ThingWorx Foundation ANTES de intentar hacer la conexión en ThingWorx
Kepware Server.

1.- En ThingWorx Foundation Composer, haga clic en Browse.

2.- A la izquierda, haga clic en Modelado -> Cosas
3.- Haga clic en + NUEVO.
4.- En el campo Nombre, introduzca IndConn_Server, incluyendo las mayúsculas
correspondientes.
5.- Si el Proyecto no está ya configurado, haga clic en el signo + en el cuadro de
texto Proyecto y seleccione el Industrial_Plant_Equipment.
6.- En el campo Descripción, introduzca una descripción adecuada, como
Industrial Gateway Thing to connect to ThingWorx Kepware Server.

7.- En el campo Base Thing Template, introduzca indus y seleccione la plantilla de

Objetos de IndustrialGateway de la lista ordenada.
8.- Haga clic en Guardar.

Conéctese a TWX Fundantions

Ahora que ha creado un Thing de IndustrialGateway y una clave de aplicación,
puede configurar ThingWorx Kepware Server para conectarse a ThingWorx
Foundation.

1.- Vuelva a la aplicación Windows de ThingWorx Kepware Server.

2.- Haga clic con el botón derecho en el Proyecto.
3.- Seleccione Propiedades

4.- En la ventana emergente del Property Editor, haga clic en ThingWorx.

5.- En el campo Habilitar, seleccione Sí en el menú desplegable.
6.- En el campo Host, introduzca la URL o la dirección IP de su servidor ThingWorx
Foundation, no introduzca http:// (IP servidor Senati 10.10.200.200)
7.- Introduzca el número de puerto, el cual debería ser 8080
8.- En el campo Clave de aplicación, copie y pegue la clave de aplicación que acaba
de crear.
9.- En el campo Confiar en los certificados autofirmados, seleccione Sí en el menú
desplegable.
10.- En el campo Confiar en todos los certificados, seleccione Sí en el menú
desplegable.
11.- En el campo Desactivar cifrado, seleccione No en el menú desplegable si está
utilizando un puerto seguro. Seleccione Sí si está utilizando un puerto http.
12.- Escriba IndConn_Server en el campo Thing name, incluyendo las mayúsculas
correspondientes.
13.- Si se está conectando con una instancia remota de ThingWorx Foundation y
espera que se produzcan interrupciones o latencia en la conexión, habilite Store
and Forward.
14.- Haga clic en Aplicar en la ventana emergente.
15.- Haga clic en Aceptar.
En la ventana de Eventos del Servidor ThingWorx Kepware en la parte inferior,
debería ver un mensaje indicando Conectado a ThingWorx.
 NOTA: Si no ve el mensaje "Conectado", repita los pasos anteriores,
asegurándose de que toda la información es correcta. En particular,
compruebe si hay errores en los campos Host, Puerto y Nombre de la cosa.

Vincular la etiqueta industrial

Ahora que ha establecido una conexión, puede utilizar ThingWorx Foundation para
inspeccionar toda la información disponible en ThingWorx Kepware Server.

ThingWorx Kepware Server incluye alguna información por defecto para ayudarle a
verificar una conexión válida con la Fundación ThingWorx.

Crear Nueva Cosa

1.- Vuelva a la Fundación ThingWorx.
2.- Haga clic en Examinar.
3.- Haga clic en Modelado -> Conexiones Industriales
4.- Haga clic en IndConn_Server.
5.- En la parte superior, haga clic en Descubrir.

La opción Descubrir es exclusiva de los objetos que heredan la plantilla de

objetos de IndustrialGateway y muestra información procedente del servidor
Kepware de ThingWorx.
6.- Expanda los Ejemplos de Simulación.
7.- Haga clic en Funciones

A la derecha, verá varias etiquetas predefinidas para ayudar a las pruebas de

conectividad.
8.- Haga clic en la casilla junto a Random3.
9.- Haga clic en Vincular a la nueva entidad.
10.- En la ventana emergente Elegir Plantilla, seleccione RemoteThing y haga clic en
Aceptar.

Finalizar Nuevo RemoteThing

Ahora estará en una interfaz para crear un nuevo Thing con una Propiedad
predefinida basada en Tag1 del Servidor Kepware de ThingWorx.

1.- Escriba IndConn_Tag1_XX en el campo Nombre.

2.- Si el Proyecto no está ya configurado, haga clic en el + en el cuadro de texto
Proyecto y seleccione el Industrial_Plant_Equipment.
3.- En el campo Descripción, introduzca una descripción apropiada, como Thing
with a property fed from an Kepware Server Tag.

● La Plantilla de Cosa Base se ha establecido automáticamente en

RemoteThing.
● Las formas implementadas se han establecido automáticamente en
IndustrialThingShape.
4.- Haga clic en Guardar.

Prueba de Conexión
El Thing IndConn_Tag1_XX que creó ahora tiene una Propiedad con un valor que
cambiará con cada actualización del Servidor Kepware de ThingWorx. El Tag1 que
utilizamos es una "rampa" y por lo tanto, el valor aumentará a intervalos regulares.

1.- En la parte superior, haga clic en Propiedades y Alertas.

● En Propiedades heredadas, verá las entradas para RemoteThing e
IndustrialThingShape.
● La propiedad isConnected está marcada, indicando una conexión de
 Foundation a ThingWorx Kepware Server.
● La propiedad IndustrialThing se ha establecido automáticamente a
IndConn_Server.
2.- Observe la propiedad predefinida llamada
Simulation_Examples_Functions_Random3

3.- Haga clic en Actualizar repetidamente.

Verá que el valor aumenta con cada actualización. Esto representa los datos que se
están simulando en ThingWorx Kepware Server.

Registro en el flujo de valor

Ahora que ha explorado las Propiedades de IndConn_Tag1_XX, ha visto cómo el
Servidor Kepware de ThingWorx alimenta la información a ThingWorx Foundation.

Para obtener una mejor indicación de los cambios y confirmar la conectividad

continua, vamos a registrar los cambios en un flujo de valor con el fin de registrar
los valores con un TimeStamp.

Crear Flujo de Valor

1.- Vuelva al navegador de ThingWorx Foundation New Composer.
2.- Haga clic en Examinar.
3.- Haga clic en Almacenamiento de Datos -> Value Streams.
4.- click en + nuevo

5.- En la ventana emergente Elegir plantilla, seleccione ValueStream.

6.- Haga clic en Aceptar.
7.- Escriba IndConn_ValueStream_XX en el campo Nombre.
8.- Si el Proyecto no está ya configurado, haga clic en el signo + del cuadro de texto
Proyecto y seleccione el Industrial_Plant_Equipment.
9.- En el campo Descripción, introduzca una descripción adecuada, como Value
Stream para registrar los cambios del servidor Kepware de ThingWorx.
10.- Haga clic en Guardar.

Vincular el flujo de valores

1.- Abra el IndConn_Tag1_XX haciendo clic en la pestaña de la parte superior, o
haciendo clic en Industrial_Plant_Equipment a la izquierda
2.- En la parte superior, seleccione Información General.
3.- En el campo Value Stream, introduzca indconn.
4.- Seleccione IndConn_ValueStream_XX en la lista ordenada.
5.- En la parte superior, seleccione Propiedades y Alertas

6.- Haga clic en Simulation_Examples_Functions_Random3.

Un nuevo conjunto de opciones se expandirá desde la derecha.
7.- Marque la casilla de Persistente.
8.- Marque la casilla de Registro.
9.- Haga clic en el botón Comprobar para cerrar las opciones ampliadas.
10.- Haga clic en Guardar.

Todos los cambios en la Etiqueta Random3, alimentados desde el Servidor Kepware

de ThingWorx, son ahora almacenados y con sello de tiempo en la Propiedad
Simulation_Examples_Functions_Random3.

Visualizar los datos

Ahora crearemos un Mashup para visualizar el registro de información del Servidor
Kepware de ThingWorx.

1.- En el Navegador de la Fundación ThingWorx, haga clic en Visualización ->

Mashups.
2.- Haga clic en +Nuevo

3.- En la ventana emergente New Mashup, deje las selecciones por defecto
4.- Haga clic en Aceptar.
5.- En el campo Nombre, introduzca IndConn_Mashup_XX.
6.- Si el proyecto no está ya configurado, haga clic en el signo + del cuadro de texto
Proyecto y seleccione el Industrial_Plant_Equipment.
7.- En la parte superior, haga clic en Guardar.
8.- En la parte superior, haga clic en Diseño.
9.- En el campo Filter Widgets de la parte superior izquierda, introduzca chart.
10.- Arrastre y suelte un gráfico de líneas en el área central del lienzo
Añadir datos
1.- En el lado derecho del Mashup Builder, haga clic en la pestaña Datos.
2.- Haz clic en el botón + de la pestaña Datos.

3.- En la ventana emergente Añadir datos, introduzca indconn en el campo Entidad,

sobrescribiendo Filtro.
4.- Seleccione IndConn_Tag1_XX de la lista ordenada.
5.- En el campo Filtro, debajo de Servicios, introduzca queryprop.
6.- Haz clic en el botón de la flecha derecha junto a QueryPropertyHistory.
El Servicio QueryPropertyHistory de la Cosa IndConn_Tag1_XX aparecerá a
la derecha en el campo Servicios Seleccionados.
7.- Marque la casilla bajo Ejecutar al cargar en el campo Servicios seleccionados.

8.- Haga clic en "Done" (Hecho).

Observe que el servicio QueryPropertyHistory aparece ahora en la pestaña
de datos de la derecha.
9.- Haga clic en la flecha para expandir QueryPropertyHistory, luego haga clic para
expandir los Datos Devueltos.
10.- Arrastre y suelte Todos los Datos del Servicio QueryPropertyHistory de la
derecha en el Gráfico de Series de Tiempo en el centro.
11.- En la ventana emergente Seleccionar destino de enlace, seleccione Datos.

Configurar las Propiedades del Gráfico

1.- En la parte inferior izquierda de Propiedades de timeserieschart-1, introduzca
xaxisfield en el campo Propiedades del filtro.
2.- Despliegue el desplegable de XAxisField

3.- Seleccione la marca de tiempo.

4.- Haga clic en Guardar.
5.- Haga clic en Ver combinación. (Es posible que tenga que habilitar las ventanas
emergentes para ver el mashup).
6.- El IndConn_Mashup_XX le mostrará el historial de cambios de propiedades
registrados que provienen del Servidor Kepware de ThingWorx.

NOTA: Si la visualización del Mashup está en blanco, confirme su conexión

con IndConn. Vuelva a la sección de Prueba de Conexión del paso Bind
Industrial Tag.

Crear un modelo de equipo industrial

Crear una Thing Shape
Los Thing Shapes son componentes que contienen Propiedades y Servicios. En
términos de programación Java, son similares a una interfaz.
En esta sección, usted construirá Thing Shapes para un motor eléctrico.
Motor
1.- Comience en la pestaña del icono de la carpeta Browse de ThingWorx Composer.
2.-En la sección de Modelado del panel de navegación de la izquierda, pasa el ratón
por encima de las Thing Shapes y haz clic en el botón +.

3.- Escriba MotorShape en el campo Nombre.

4.- Si el proyecto no está ya configurado, haga clic en el signo + en el cuadro de

texto Proyecto y seleccione el Industrial_Plant_Equipment.
5.- Haga clic en Guardar.

Añadir propiedades
1.- Haga clic en la pestaña Propiedades y alertas en la parte superior de su Thing
Shape.
2.-Haga clic en + Añadir.
3.- Introduzca el nombre de la propiedad de la primera fila de la tabla siguiente en
el campo Nombre de la forma de la cosa.

Name Base Type Persistent? Logged?

serialNumber String X

currentPower Number X

4.- Seleccione el tipo de base adecuado en el menú desplegable.

5.- Marque Persistente y/o Registrada según la tabla.

NOTA: Cuando se selecciona Persistente, el valor de la propiedad se
mantendrá cuando se guarde un objeto. Las propiedades que no sean
persistentes se restablecerán al valor por defecto después de cada guardado
del objeto principal. Cuando se selecciona Registrada, cada cambio de valor
de la Propiedad se registrará automáticamente en un Flujo de Valores
especificado.
6.- Haga clic en el botón ✓+.
SUGERENCIA: Cuando añada varias Propiedades a la vez, haga clic en Hecho
y en Añadir después de cada una, una vez que haya introducido un Nombre,
seleccionado un Tipo Base y cualquier otro criterio. Si añade una sola
Propiedad, haga clic en Listo.

7.- Repita los pasos 2 a 5 para las demás propiedades de la tabla.

8.- Haga clic en el botón ✓ Hecho. Verá que estas Propiedades han sido creadas
para la Forma de la Cosa del Motor.

9.- Clic en guardar.

Crear Plantilla Thing

Usted puede crear bloques de construcción reutilizables llamados Plantillas Thing
en ThingWorx para mantener la escalabilidad y la flexibilidad del desarrollo de su
aplicación. Con las Plantillas Thing, usted define un conjunto de objetos similares
especificando las Propiedades (características) y Servicios (comportamientos) que
son comunes para todos los objetos.

En términos de programación Java, una plantilla Thing es como una clase abstracta
y puede crearse extendiendo otras plantillas Thing. Una vez que una Plantilla Thing
es definida y guardada en el Servidor de la Fundación ThingWorx, usted puede
replicar múltiples Cosas para modelar un conjunto completo sin duplicar esfuerzos.

En este paso, usted creará una Plantilla de Objeto que defina las propiedades de
una bomba. Esta Plantilla de bomba podría ser utilizada para crear múltiples Cosas
que representen cada una una bomba específica utilizada en una instalación
industrial.

1.- Comience en la pestaña del icono de la carpeta Browse en el extremo izquierdo

de ThingWorx Composer.
2.- En la sección de Modelado del panel de navegación de la izquierda, pase por
encima de Thing Templates y haga clic en el botón +.
3.- Escriba PumpTemplate en el campo Name.
NOTA: Los nombres de las plantillas de objetos distinguen entre mayúsculas
y minúsculas.

4.- Si el Proyecto no está ya configurado, haga clic en el botón + en el cuadro de

texto Proyecto y seleccione el Industrial_Plant_Equipment.
5.- En el cuadro Base Thing Template, haga clic en + para elegir GenericThing como
plantilla.
6.- En el campo Formas implementadas, haga clic en el signo + para seleccionar la
forma MotorShape Thing.
7.- Haga clic en Guardar.

Añadir propiedades
En este paso, usted especificará las Propiedades que representan las
características de una Bomba. Algunas propiedades, como la ubicación, pueden no
cambiar nunca (estáticas), mientras que otras, como la información sobre la
potencia y la temperatura, pueden cambiar cada pocos segundos (dinámicas).

1.- Seleccione la pestaña Propiedades y Alertas en Cosa de Plantilla:

PumpTemplate.

2.- Haga clic en el botón Editar si la Plantilla no está ya abierta para su edición, y
luego haga clic en + Añadir junto a Mis Propiedades.
3.- Introduzca el nombre de la propiedad en el campo Nombre copiado de una fila
de la tabla siguiente.

Name Base Type Persistent Logged

PlantID STRING x

plant_lat_long LOCATION x

watts NUMBER x x

4.- Seleccione el tipo de base de la propiedad en el menú desplegable.

5.- Marque la casilla correspondiente de Persistente y Registrada.
NOTA: Cuando se selecciona Persistente, el valor de la propiedad se
mantendrá cuando se guarde el objeto principal. Las propiedades no
persistentes se restablecerán al valor predeterminado durante un reinicio del
sistema y cada vez que se guarde el objeto. Si se selecciona la opción de
registro, cada cambio en el valor de la propiedad se registrará
automáticamente en un flujo de valores especificado.

6.- Haga clic en el botón ✓+.

SUGERENCIA: Cuando añada varias propiedades a la vez, haga clic en
Check+ después de cada una, una vez que haya introducido un nombre,
seleccionado un tipo de base y cualquier otro criterio. Si añade una sola
Propiedad, haga clic en el botón Check.

7.- Repita los pasos 3 a 6 para cada una de las Propiedades en las filas de la tabla.
8.- Después de introducir la última Propiedad, haga clic en el botón ✓.
9.- Haga clic en Guardar.
Debería ver las siguientes Propiedades en su Compositor

Construir un panel de control de equipos

Crear Thing
Un Thing se utiliza para representar digitalmente un componente específico de su
aplicación en ThingWorx. En términos de programación Java, un Thing es similar a
una instancia de una clase.

En este paso, usted creará un Thing que representa una Bomba individual usando la
Plantilla Thing que creamos en la guía anterior.

El uso de una Plantilla de Cosa le permite aumentar la velocidad de desarrollo al

crear múltiples Cosas sin tener que reintroducir la misma información cada vez.

1.- En ThingWorx Foundation, navegue a Browse > Modeling > Things

2.- Clic + Nuevo.

3.- En el campo Nombre, escriba MyPump_XX.

NOTA: Este nombre, con las mayúsculas correspondientes, es necesario para
la visualización de datos creada en un paso posterior.

4.- Si el Proyecto no está ya configurado, haga clic en el signo + del cuadro de texto
Proyecto y seleccione el Industrial_Plant_Equipment.
5.- En el campo Base Thing Template, busque y seleccione el PumpTemplate creado
anteriormente.
6.- En la parte superior, haga clic en Guardar.

Gestionar los enlaces de las propiedades

1.- En la parte superior, haga clic en Propiedades y Alertas.
2.- En la parte superior, haga clic en Gestionar fijaciones.

3.- En el campo superior izquierdo Local > Search Things, busque y seleccione
IndConn_Tag1_XX
4.- Arrastre y suelte el símbolo + de Simulation_Examples_Functions_Random3
sobre la propiedad watts de la derecha.

5.- En la parte inferior derecha de la ventana emergente, haga clic en Hecho.

Observe cómo la etiqueta del servidor ThingWorx Kepware está ahora
vinculada a la propiedad watts.
6.- Haga clic en Guardar.
7.- Haga clic en Actualizar repetidamente para confirmar que el valor de la
propiedad vatios está cambiando
Almacenar datos en el flujo de valores
Ahora que ha creado el Thing MyPump_XX para modelar su aplicación en
ThingWorx, necesita una Entidad de almacenamiento para registrar los valores
cambiantes de las Propiedades.

Este paso muestra cómo guardar datos de series de tiempo en un Flujo de Valor ya
creado en una guía anterior.

Para aprender más, refiérase a la guía de Métodos para el Almacenamiento de

Datos.
1.- Navegue a Browse > Modeling > Thing Templates.

2.- Haga clic en la plantilla PumpTemplate Thing creada anteriormente para abrirla.
3.- Confirme que se encuentra en la pestaña de Información General.
Si es necesario, haga clic en Editar para permitir los cambios.
4.- En el campo Value Stream, busque y seleccione IndConn_ValueStream_XX.
5.- Clic en guardar.

Crear la interfaz de usuario de la aplicación

ThingWorx Foundation se utiliza para crear aplicaciones web personalizadas que
pueden mostrar e interactuar con datos de múltiples fuentes. Estas aplicaciones
web se llaman Mashups y se crean utilizando el Mashup Builder.

En el Mashup Builder se crea la aplicación web arrastrando y soltando widgets

como cuadrículas, gráficos, mapas y botones en un lienzo. Todos los elementos de
la interfaz de usuario en su aplicación son Widgets.

Construiremos una aplicación web con tres Widgets:

 ● Imagen que muestra una foto de la bomba
● Pantalla de valores mostrando el número de serie de la bomba
● Gráfico de líneas mostrando el valor de la propiedad de los vatios en el
tiempo.

Crear un nuevo Mashup

1.- Vaya a Navegar > Visualización > Mashups.

2.- Clic en + nuevo.

4.- Mantenga los valores predeterminados y haga clic en Aceptar.

4.- En el campo Nombre, escriba pump-dashboard.
5.- Si el Proyecto no está ya configurado, haga clic en el signo + del cuadro de texto
Proyecto y seleccione el Industrial_Plant_Equipment.
6.- Haga clic en Guardar.

7.- En la parte superior, haga clic en Diseño.

Definir las áreas de mezcla

1.- En la parte superior izquierda, asegúrese de que la pestaña Diseño está
seleccionada.
2.- Haga clic en Añadir fondo para dividir su UI en dos mitades.
3.- Haga clic en la mitad inferior recién creada para seleccionarla.
4.- Haga clic en Añadir izquierda.

5.- Haga clic en el contenedor inferior izquierdo para seleccionarlo.

6.- En la sección de diseño superior izquierda, desplácese hacia abajo y seleccione
Tamaño fijo.
7.- Escriba 200 en el cuadro de texto de la anchura que ha aparecido y, a
continuación, pulse la tecla Tab de su teclado para registrar su entrada.

Añadir widgets
1.- En la parte superior izquierda, haga clic en la pestaña Widgets
2.- En el campo Filtro, escriba imagen.

3.- Arrastre y suelte un widget de imagen en la zona inferior izquierda del lienzo
central.
Este Widget mostrará una imagen de la bomba en uso.
4.- De manera similar a lo que se acaba de hacer con el widget de imagen, arrastre y
suelte un widget de visualización de valores en el área superior.

5.- Asimismo, arrastre y suelte un widget de gráfico de líneas en el área inferior

derecha.
6.- Clic en guardar.

Mostrar datos
Ahora que has configurado la parte visual de tu aplicación, necesitas vincular los
Widgets de tu Mashup a una fuente de datos.

Añadir servicios al Mashup

1.- En la parte superior derecha, asegúrate de que la pestaña de Datos está
seleccionada.

2.- Haga clic en el símbolo verde +.

3.- En el campo Filtro de Entidades, busque y seleccione MyPump_XX.
4.- En el campo Filtro de Servicios, escribe GetPropertyValues.
5.- Haga clic en la flecha de la derecha junto a GetPropertyValues.
Observe que GetPropertyValues se ha añadido al lado derecho bajo Servicios
seleccionados.
6.- Marque la casilla de verificación de Ejecutar al cargar.
Esto hace que el Servicio se ejecute cuando se inicia el Mashup.

7.- En el campo Filtro de Servicios, escriba QueryPropertyHistory.

8.- Haga clic en la flecha de la derecha junto a QueryPropertyHistory.
9.- Marque la casilla de verificación de Ejecutar al cargar.
10.- Haga clic en "Done" para cerrar la ventana emergente.
Observe cómo los Servicios se han añadido a la pestaña de Datos en la parte
superior derecha.

11.- Haga clic en Guardar.

Ahora que tenemos acceso a los datos del backend, queremos vincularlos a
nuestros Widgets.

Visualización del valor

Configure la pantalla de valores para mostrar el número de serie de la bomba.

1.- En la pestaña Datos, expanda GetPropertyValues > Datos devueltos > Todos los
datos.
2.- Arrastre y suelte GetPropertyValues > serialNumber en el widget de
visualización de valores de la sección superior.

3.- En la ventana emergente Seleccionar destino de enlace, seleccione Datos.

Imagen
Queremos utilizar un widget de imagen para mostrar una imagen en miniatura de la
bomba para facilitar la consulta.

Para ello, sin embargo, primero hay que subir una imagen a Foundation mediante la
creación de una Entidad de Medios.

1.- Haz clic con el botón derecho del ratón en la imagen de abajo y luego haz clic en
"Guardar imagen como..." para descargarla.

2.- Haga clic en Examinar > Visualización > Medios.

3.- Haga clic en + Nuevo.
4.- En el campo Nombre, escriba pump-thumbnail

5.- Si el Proyecto no está ya configurado, haga clic en el signo + en el cuadro de

texto Proyecto y seleccione el Industrial_Plant_Equipment.
6.- En Imagen, haga clic en Cambiar.
7.- Navegue y seleccione el archivo pump-image.png que acaba de descargar.
8.- En la ventana emergente de navegación, haga clic en Abrir para cerrar la ventana
emergente y confirmar la selección de la imagen.
9.- En la parte superior de Foundation, haga clic en Guardar.
Cambiar la imagen por la bomba
Ahora actualizaremos el Widget de Imagen para que muestre la Entidad Media
ThingWorx que acabamos de crear.

1.- Vuelva al Mashup de la bomba y el tablero.

2.- Haga clic en el Widget de Imagen para seleccionarlo, y asegúrese de que la
pestaña de Propiedades de la parte inferior izquierda esté activa.
3.- En el campo Filtro de propiedades de la parte inferior izquierda, escriba
SourceURL.

4.- Para la propiedad SourceURL, busque y seleccione pump-thumbnail.

5.- Haga clic en Guardar.

Gráfico de líneas
Configure el Gráfico de Líneas para mostrar los valores de las Propiedades que
cambian con el tiempo.

1.- En la pestaña de Datos de la parte superior derecha, expanda

QueryPropertyHistory > Datos devueltos.

2.- Arrastre y suelte QueryPropertyHistory > All Data en el widget de gráfico de

líneas en la sección de lienzo inferior derecha.
3.- En la ventana emergente Seleccionar destino de enlace, seleccione Datos.

4.- Asegúrese de que el widget de gráfico de líneas está seleccionado.

5.- En el panel de Propiedades del Gráfico de Líneas, en la parte inferior izquierda,
en el campo Filtro, escriba XAxisField.
6.- Para la propiedad XAxisField, seleccione timestamp

7.- En el campo Filtro, escriba LegendFilter.

8.- Marque la casilla de verificación de LegendFilter.
9.- Haga clic en Guardar.

Verificar los enlaces de datos

Puede ver la configuración de las fuentes de datos vinculadas a los widgets en el
panel inferior central de Conexiones.

1.- En la pestaña Datos de la parte superior derecha, haga clic en

GetPropertyValues.
Compruebe el diagrama de la ventana inferior central de Conexiones para
confirmar que una fuente de datos está vinculada al widget de visualización
de valores.

2.- También en la pestaña de Datos de la parte superior derecha, haga clic en

QueryPropertyHistory.
Confirme que el diagrama muestra que está ligado al Gráfico de Líneas.
3.- Clic en guardar.

Probar la aplicación
1.- Navegue hasta su Mashup y haga clic en Ver Mashup para iniciar la aplicación.

NOTA: Es posible que tenga que habilitar las ventanas emergentes en su

navegador para ver el Mashup.
2.- Confirme que los datos se están mostrando en cada una de las secciones.

3.- Abra la cosa MyPump_XX, luego haga clic en la pestaña Propiedades y Alertas.
4.- Haga clic en Establecer valor en la línea de la propiedad serialNumber.
5.- Introduzca un valor para el número de serie, y luego haga clic en el botón de
marca de verificación.
6.- Haga clic en Actualizar para confirmar que el valor ha cambiado.
7.- Actualice la ventana del navegador que muestra el tablero para ver el nuevo
valor del número de serie.