Control Systems

Advanced Industrial Automation

CX-Supervisor WEB

Desarrollo de página

HTML mediante

CX-Supervisor para

monitorización WEB

www.infoPLC.net

CX-Supervisor WEB

2Objetivo

Cómo monitorizar datos de una aplicación de

CX-Supervisor vía WEB

INTERNET

CX-Supervisor WEB

3Elementos del sistema

Red local

PC local con aplicación de CX-Supervisor

CX-Supervisor WEB

4Elementos del sistema

Servidor WEB en el PC local

• Apache, Windows Server, …

Navegador

WEB

(Internet Explorer,

Firefox, Netscape,…)

Internet, intranet,

red local, …

CX-Supervisor WEB

5Elementos del sistema

Conexión a la red

CX-Supervisor WEB

6Elementos del sistema

PC remoto (navegador WEB)

CX-Supervisor WEB

7¿Cómo lo hacemos?

Comando GenerateReport() de CX-Supervisor

• Crea reporte HTML

• A partir de plantilla

Proyecto CX-Supervisor

Canal = 3425

Bit = On

Plantilla HTML

(( Canal ))

(( Bit ))

Página HTML

3425

1

Nombre de los puntos en CX-Supervisor

GenerateReport (“Archivo_plantilla”, “Archivo_destino”)

CX-Supervisor WEB

8Práctica

Objetivo: Crear aplicación de CX-Supervisor que

reporte datos (4 valores) a una página (archivo)

HTML

• Nuevo proyecto

• Crear página

– 640 x 480

CX-Supervisor WEB

9Práctica

• Crear puntos

– Nombre: “bar”

– Tipo: “Entero”

– Max: 100

– Min: 0

– De memoria

– Matriz tamaño 4

CX-Supervisor WEB

10Práctica

• Simulación de valores

– Script a nivel de página cada segundo

– Utilizar función „Rand()‟

for i = 0 to 3

bar [i] = Rand(100)

next

CX-Supervisor WEB

11Práctica

• Representación gráfica de los valores

– Diagrama de barras

– Rectángulos

CX-Supervisor WEB

12Práctica

• Generar reporte

– Cada segundo (a continuación de script de página

anterior)

– A partir del archivo plantilla.html

– Ruta y archivo destino a elegir

• Crear botón con script de „ViewReport‟ para visualizar

el reporte creado

CX-Supervisor WEB

13Práctica

Apariencia

CX-Supervisor WEB

14Práctica

Cada puesto podrá visualizar remotamente la

página HTML creada por CX-Supervisor, la cual

se guarda en el servidor del PC local.

• Abrir el navegador (Internet Explorer)

• Escribir en la barra de direcciones la dirección IP del

PC local

CX-Supervisor WEB

15Práctica

Apariencia página HTML

CX-Supervisor WEB

16¿Alguna duda?