Guía Web

OPTATIVA 3
HMI- SCADA
Guía rápida para programar un HMI con servidores web, utilizando el PLC s71200
Ing. Patricio Encalada

OPTATIVA 3
HMI- SCADA
Activar el servidor web
En el estado de suministro de la CPU, el servidor web está desactivado.
Solo después de la carga de un proyecto estando activado el servidor web es posible el acceso a través
del navegador web. Funciones de seguridad El servidor web ofrece las siguientes funciones de seguridad:
● Acceso a través del protocolo seguro de transferencia "https".
● Permisos de usuario configurables mediante lista de usuarios
● Activación con granularidad de interfaces Navegador web
Para acceder a las páginas HTML de la CPU se requiere un navegador web.
Los siguientes navegadores web se han probado expresamente para la comunicación con la CPU:
● Internet Explorer (versión 8)
● Mozilla Firefox (versión 5.0)
● mobileSafari (iOS5)
Normas para presentación de HMI
• ISA 101 Human-Machine Interfaces- ISA

• Guía GEDIS (guía ergonómica de diseño de interfaces de supervisión)
• NUREG-0700 Rev. 2-2002 Instrucciones para la revisión del diseño de interfaces
hombre-máquina
• ISO 9241 Requisitos ergonómicos para oficinas con terminales virtuales,
• ISO 11064 Diseño ergonómico de los centros de control
• EEMUA 201 Puestos de control de plantas de procesos que utilizan interfaces hombre-
máquina:

OPTATIVA 3
HMI- SCADA
Pasos para desarrollar una interfaz web de usuario

Paso 1. Activar el servidor web.
Para ello, vaya al menú Servidor Web en la página de configuración del dispositivo y marque la
casilla para habilitar el mismo
Paso 2: Descargue su proyecto a su PLC y busque su dirección IP usando su navegador web.

Verá el servidor web predeterminado de PLC de Siemens.
Descargar en el PLC el programa entregado por el docente, si es al caso realizar un reemplazo
del PLC con el que esté utilizando, y si trabaja en una versión de TIA PORTAL posterior el
programa automáticamente se encargara de la migración.

OPTATIVA 3
HMI- SCADA
- Observar las variables en el ítem Variable Status

- Modificar variables en el PLC para comprobar cambios en la interfaz web
- Ir a la descargar datalogs (Solo funciona en ciertos navegadores)

OPTATIVA 3
HMI- SCADA
- Realizar pruebas viendo el interfaz web desde un dispositivo móvil
Páginas de usuario
Antes de habilitar las páginas definidas por el usuario en el PLC, necesitamos crear un archivo
HTML para nuestra página de usuario. Cree un archivo de texto denominado "index.htm" y
guárdelo en una carpeta de su computadora (es decir, "C: \ UserPages").

OPTATIVA 3
HMI- SCADA
Se puede configurar o editar desde programas tales como Notepad++ o algún editor de
texto o diseñador de paginas web.
El texto editado debe verse de la siguiente manera:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Title</title>
</head>
<body>
Maestría en Automatización
</body>
</html>
Ahora podemos habilitar las páginas de usuario y usar este archivo que creamos. Para habilitar
las páginas de usuario, navegue en la configuración del dispositivo -> Servidor Web -> Páginas
Web definidas por el usuario.
Establezca el directorio HTML en la carpeta que creó y la página HTML predeterminada en el
archivo que creó. A continuación, haga clic en Generar bloques para compilar la página de
usuario.

OPTATIVA 3
HMI- SCADA
Observará que la función "Generar bloques" crea dos nuevos bloques de datos en su proyecto

OPTATIVA 3
HMI- SCADA
Fragmentos son el nombre dado a cada archivo en su carpeta de páginas de usuario. Inicialmente
creamos un solo archivo "index.htm", pero supongamos que tenías varios archivos en esta
carpeta. Se vería algo como esto:
Cuando hace clic en el botón "Generar bloques", el compilador toma todos estos archivos y copia
cada byte en una matriz en el elemento de los bloques de datos de fragmentos. El primer
fragmento DB comienza en DB334. Una matriz está dimensionada para cada archivo.

OPTATIVA 3
HMI- SCADA
A continuación, puede ver cómo cada byte del archivo se empaqueta en la matriz:

OPTATIVA 3
HMI- SCADA
A medida que añada más archivos a su carpeta, puede exceder el número máximo de bytes que
pueden estar contenidos en un bloque de datos, cuando esto sucede, se crea otro bloque de
datos secuencial. Puede incluir archivos HTML, JavaScript, archivos CSS e incluso archivos de
imagen. Todos se convertirán en fragmentos de bloques de datos, como e puede ver a
continuación:
Función WWW
Para que las páginas de usuario funcionen, debe llamar a la función WWW en su proyecto.
Recuerde los DB creados por la función "Generar bloques". Ya sabemos que DB334 almacena
los fragmentos. DB333 se utiliza junto con la función WWW para controlar la recuperación y
entrega de los fragmentos:

OPTATIVA 3
HMI- SCADA
Inserte la función WWW en su código. Compile y descargue su proyecto.
Esta función procesa las peticiones desde el navegador y sincroniza los datos en las páginas de
usuario.
Se encarga de recuperar el fragmento correcto de los bloques de datos Fragmento como se
muestra a continuación:

OPTATIVA 3
HMI- SCADA
Si consulta la dirección IP de su PLC, verá la página principal de inicio de sesión de Siemens

Web Server.
Hay un enlace a la izquierda para Páginas de usuario.

El nombre del hipervínculo coincide con el nombre de la aplicación que especificó en la pantalla
Configuración de páginas definidas por el usuario en TIA Portal:

OPTATIVA 3
HMI- SCADA
Si hace clic en este enlace, verá su página de Hello World:
El formato de la URL de la página web definida por el usuario es el siguiente.

OPTATIVA 3
HMI- SCADA
"awp", pero es una parte obligatoria de la URL:
Lectura de un dato del PLC
Para leer los datos del PLC necesitamos modificar nuestro archivo para incluir una referencia
especial a la etiqueta que estamos tratando de leer. Primero crear un bloque de datos llamado
"webdata" y agregar definir una variable entera llamada "contador". En su PLC, añada algún
código para hacer este incremento alrededor de cada segundo o cmo usted quiera hacer el
incremento:
Descargue su proyecto y luego vaya en línea con el PLC para verificar que el valor se está
incrementando:

OPTATIVA 3
HMI- SCADA
Ahora modifique su "index.htm" de la siguiente manera:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Title</title>
</head>
<body>
:="webdata".counter:
</body>
</html>
Observe que el nombre de la etiqueta está prefijado con ": =" y sufijo con ":" 4
Esta es la clave para inyectar variables en la página de usuario. Cuando se representa la
página, reemplazará el símbolo por el valor de la etiqueta del PLC real.
A continuación, haga clic en el botón "Generar bloques" en la configuración del servidor Web y
descargue el programa al PLC.
Al navegar a la página de usuario, verá la actualización del valor del contador cuando se actualiza
la página. Observe cómo la página parpadea cuando se actualiza.
Esto puede ser molesto si está tratando de hacer que su página web se vea y se sienta
como una HMI tradicional.

OPTATIVA 3
HMI- SCADA
Importante:
La presentación de los datos y el arreglo para visualizar con normas especificas (se citan al
principio del documento) para diseño de HMI depende de la programación de la pagina web, para
la cual existen algunos programas de diseño.

Guía Web

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Guía Web

Caricato da

Copyright:

Formati disponibili

OPTATIVA 3

Ing. Patricio Encalada

Activar el servidor web

En el estado de suministro de la CPU, el servidor web está desactivado.

● Acceso a través del protocolo seguro de transferencia "https".

● Permisos de usuario configurables mediante lista de usuarios

● Activación con granularidad de interfaces Navegador web

Para acceder a las páginas HTML de la CPU se requiere un navegador web.

● Internet Explorer (versión 8)

● Mozilla Firefox (versión 5.0)

Normas para presentación de HMI

• ISA 101 Human-Machine Interfaces- ISA

Ing. Patricio Encalada

Pasos para desarrollar una interfaz web de usuario

Paso 2: Descargue su proyecto a su PLC y busque su dirección IP usando su navegador web.

Ing. Patricio Encalada

- Observar las variables en el ítem Variable Status

Ing. Patricio Encalada

- Realizar pruebas viendo el interfaz web desde un dispositivo móvil

Ing. Patricio Encalada

Ing. Patricio Encalada

Ing. Patricio Encalada

Ing. Patricio Encalada

Ing. Patricio Encalada

Ing. Patricio Encalada

Inserte la función WWW en su código. Compile y descargue su proyecto.

Ing. Patricio Encalada

Si consulta la dirección IP de su PLC, verá la página principal de inicio de sesión de Siemens

Hay un enlace a la izquierda para Páginas de usuario.

Ing. Patricio Encalada

Si hace clic en este enlace, verá su página de Hello World:

El formato de la URL de la página web definida por el usuario es el siguiente.

Ing. Patricio Encalada

"awp", pero es una parte obligatoria de la URL:

Lectura de un dato del PLC

Ing. Patricio Encalada

Ahora modifique su "index.htm" de la siguiente manera:

Ing. Patricio Encalada

Ing. Patricio Encalada

Potrebbero piacerti anche