Ejemplo simple

2.6 Crear una imagen HMI

2.6

Crear una imagen HMI

2.6.1

Visualizacin en el TIA Portal

HMI - Human Machine Interface

Un sistema HMI constituye la interfaz entre el usuario y el proceso. El desarrollo del proceso
es controlado bsicamente por el controlador. Por medio de un panel de operador el usuario
tiene la posibilidad de observar el proceso o de intervenir en l.
+0,

3/&

3URFHVR

Para manejar y observar mquinas e instalaciones existen las posibilidades siguientes,

entre otras:
Visualizar procesos
Manejar procesos
Emitir avisos
Administrar parmetros de proceso y recetas

2.6.2

Crear un panel de operador con imagen HMI

Introduccin
Los pasos siguientes muestran cmo crear un panel de operador nuevo y elaborar una
plantilla para la imagen HMI.

Requisitos
El programa est creado.
La vista del proyecto est abierta.

60

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI

Agregar un panel de operador nuevo

Para agregar un panel de operador, proceda del siguiente modo:
1. Inserte un dispositivo nuevo desde el rbol del proyecto.

2. Asgnele un nombre y seleccione un panel de operador. Deje activada la casilla de

verificacin "Iniciar el asistente de dispositivos".

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

61

Ejemplo simple
2.6 Crear una imagen HMI

Crear una plantilla para una imagen HMI

Despus de crear un panel de operador, se abre el asistente para paneles de operador. El
asistente para paneles de operador se abre con el cuadro de dilogo "Conexiones de PLC".
Para crear una plantilla para la imagen HMI, proceda del siguiente modo:
1. Configure la conexin con el controlador.

Nota
Configurar la conexin con el controlador a posteriori
Tambin es posible crear la conexin entre el panel de operador y el controlador desde
Dispositivos y redes. Si la conexin se configura en este cuadro de dilogo, se crea
automticamente.

62

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
2. Seleccione el color de fondo de la plantilla y los elementos del encabezado.

Nota
Modificar la representacin de la imagen a posteriori
Los ajustes realizados aqu para representar la imagen pueden modificarse ms
adelante en la plantilla de la imagen HMI.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

63

Ejemplo simple
2.6 Crear una imagen HMI
3. Desactive los avisos, pues no son necesarios para el proyecto de ejemplo.

Nota
Avisos
Si los avisos se activan desde el asistente para paneles de operador, es posible
visualizar avisos en el panel de operador. Las ventanas de aviso que se elaboren aqu se
crearn en la imagen general bajo "Administracin de imgenes". As, por ejemplo, los
avisos se utilizan para que el panel de operador visualice advertencias en caso de
rebase de un valor lmite. Los avisos pueden complementarse con cualquier informacin
adicional, por ejemplo para facilitar la localizacin de averas en el sistema. Bsicamente
se distingue entre avisos personalizados y avisos de sistema:
Los avisos personalizados sirven para vigilar el proceso de la instalacin.
Los avisos de sistema se importan al proyecto y contienen informacin sobre el
estado del panel de operador utilizado.
Encontrar ms informacin sobre el tema de avisos en el sistema de informacin del
TIA Portal.

64

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
4. Cambie el nombre de la imagen en la que se crearn posteriormente los elementos
grficos por "HMI".

Nota
Navegacin de imgenes
Este cuadro de dilogo permite crear varias imgenes en proyectos ms amplios y
elaborar una navegacin de imgenes. Para navegar entre las imgenes se crean
botones automticamente.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

65

Ejemplo simple
2.6 Crear una imagen HMI
5. Desactive las imgenes de sistema, pues no son necesarias para el proyecto de
ejemplo.

Nota
Imgenes de sistema
Las imgenes de sistema permiten crear informacin del proyecto, del sistema y de
servicio, as como la administracin de usuarios, en forma de imgenes HMI. Los
botones para navegar entre la imagen inicial y las imgenes de sistema se crean
automticamente, igual que en la navegacin de imgenes.

66

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
6. Active el rea inferior de botones e inserte el botn de sistema "Salir". Con este botn de
sistema se finaliza el runtime.

7. Guarde el proyecto pulsando el botn "Guardar proyecto" de la barra de herramientas.

Resultado
Se ha creado un panel de operador en el proyecto y se ha elaborado una plantilla para la
imagen HMI. La imagen HMI creada se visualiza en el editor de la vista del proyecto.
En el apartado siguiente se crearn objetos en la imagen HMI para visualizar los procesos
programados.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

67

Ejemplo simple
2.6 Crear una imagen HMI

2.6.3

Qu son los objetos grficos?

Introduccin
El TIA Portal permite crear imgenes para manejar y observar mquinas e instalaciones.
Para crear imgenes se dispone de objetos predefinidos que permiten reproducir la
instalacin, visualizar los distintos procesos y preseleccionar valores de proceso. Las
funciones del panel de operador determinan la representacin del proyecto en HMI y el
volumen de funciones de los objetos grficos.

Objetos grficos
Los objetos grficos son todos los elementos que se utilizan para representar el proyecto en
HMI. Entre ellos se incluyen, por ejemplo, textos, botones, diagramas o grficos para
representar unidades de proceso.

Utilizacin de objetos grficos

Los objetos grficos pueden representarse estticamente o utilizarse como objetos
dinmicos mediante el uso de variables:
Los objetos estticos no cambian en runtime. En el proyecto del Getting Started se
crear a continuacin una cinta transportadora como objeto esttico.
Los objetos dinmicos van cambiando a medida que se desarrolla el proceso. Los
valores de proceso actuales se visualizan mediante:
variables PLC desde la memoria del controlador
variables internas desde la memoria del panel de operador en forma de indicadores
alfanumricos, curvas y barras
Los objetos dinmicos incluyen tambin campos de entrada en el panel de operador, con
el fin de intercambiar valores de proceso y entradas de operador entre el controlador y el
panel de operador a travs de variables.

68

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI

2.6.4

Crear y configurar objetos grficos

2.6.4.1

Botn "Instalacin ON/OFF"

Introduccin
Los pasos siguientes muestran cmo crear el botn "Instalacin ON/OFF" y conectarlo con
la variable PLC "ON_OFF_Switch" a travs de una variable HMI externa. De este modo es
posible controlar los valores de proceso de la variable PLC desde la imagen HMI.

Variables HMI externas

Con una variable HMI externa se accede a una direccin del controlador. De este modo es
posible, por ejemplo, introducir un valor de proceso con el panel de operador o modificar
directamente los valores de proceso del programa de control por medio de un botn. El
direccionamiento se realiza mediante la tabla de variables PLC del controlador que est
conectado al panel de operador. La variable PLC se enlaza con la variable HMI mediante el
nombre simblico. Por tanto, en caso de modificar la direccin en la tabla de variables PLC,
no es necesario adaptarla en HMI.

Requisitos
La imagen HMI est abierta.

Procedimiento
Para conectar el botn "Instalacin ON/OFF" con la variable PLC "ON_OFF_Switch",
proceda del siguiente modo:
1. Borre el campo de texto predeterminado "Bienvenido..." de la imagen HMI.
2. Cree un botn.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

69

Ejemplo simple
2.6 Crear una imagen HMI
3. En la ventana de inspeccin, active la opcin "Adaptar objeto al contenido" para adaptar
automticamente el tamao del botn a la longitud del texto.

Nota
Funcin "Adaptar objeto al contenido"
Esta funcin le resultar especialmente til cuando, en proyectos futuros, trabaje con un
cambio de idioma para las imgenes HMI. Un texto traducido puede ser ms largo o ms
corto que el original, segn el idioma. Con esta funcin se asegura que los ttulos de los
botones no queden cortados. El tamao del botn tambin se adapta automticamente
en caso de cambiar el texto del original.
4. Rotule el botn con el texto "Instalacin ON/OFF".

70

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
5. Asigne la funcin "InvertirBit" al evento "Pulsar" del botn.

6. Enlace la funcin "InvertirBit" con la variable PLC "ON_OFF_Switch".

Nota
Las conexiones HMI se crean automticamente en el TIA Portal
Si previamente no se ha configurado ninguna conexin entre el panel de operador y el
controlador, la conexin se crea automticamente en cuanto se enlaza una variable PLC
con un objeto HMI.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

71

Ejemplo simple
2.6 Crear una imagen HMI

Resultado
El botn "Instalacin ON/OFF" se ha vinculado a la variable PLC "ON_OFF_Switch". Si se
pulsa el botn en el panel de operador, el bit de la variable PLC se pone al valor "1"
(instalacin activada). Si se pulsa el botn por segunda vez, el bit de la variable PLC se
pone al valor "0" (instalacin desactivada).

2.6.4.2

Objetos grficos "LEDs"

Introduccin
Los pasos siguientes muestran cmo crear dos LEDs de estado (rojo/verde) con el objeto de
crculo y animarlos en funcin del valor de la variable PLC ON_OFF_Switch.

Requisitos
La imagen HMI est abierta.

Procedimiento
Para crear y animar los LEDs, proceda del siguiente modo:
1. Dibuje dos crculos debajo del botn "Instalacin ON/OFF" manteniendo pulsada la tecla
de maysculas.

72

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
2. Asigne al primer crculo el color de fondo verde y un ancho de borde "2".

3. Asigne al segundo crculo el color de fondo rojo y aumente tambin el ancho de borde a
"2".

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

73

Ejemplo simple
2.6 Crear una imagen HMI
4. Cree una animacin nueva del tipo "Apariencia" para el LED verde.

5. Enlace la animacin con la variable PLC ON_OFF_Switch.

74

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
6. Modifique la apariencia del LED en funcin del estado de la variable PLC. El LED deber
parpadear en cuanto el programa de control ponga la variable PLC al valor de bit "1".

7. Cree una animacin nueva del tipo "Apariencia" para el LED rojo.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

75

Ejemplo simple
2.6 Crear una imagen HMI
8. Enlace tambin la animacin con la variable PLC ON_OFF_Switch.

9. Modifique la apariencia del LED en funcin del estado de la variable PLC. El LED deber
parpadear en cuanto el programa de control ponga la variable PLC al valor de bit "0".

Resultado
Los LEDs de estado se han creado con el objeto grfico "Crculo" y se han animado. En el
estado inicial, el LED rojo parpadea.
Si se inicia el programa de control con el botn "Instalacin ON/OFF", el valor de bit de la
variable "ON_OFF_Switch" se pone a "1" y el LED verde parpadea.
Si se para el programa de control al pulsar nuevamente el botn "Instalacin ON/OFF", el
valor de bit de la variable "ON_OFF_Switch" se pone a "0" y el LED rojo parpadea.
En el apartado siguiente se crear el objeto grfico "Cinta transportadora".

76

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI

2.6.4.3

Objeto grfico "Cinta transportadora"

Introduccin
Los pasos siguientes muestran cmo crear un enlace coh una carpeta de grficos para
importar objetos grficos. Mediante el enlace se importa el objeto grfico "Cinta
transportadora" (Conveyor.Simple.wmf).

Requisitos
La imagen HMI est abierta.

Procedimiento
Para importar un objeto grfico, proceda de siguiente modo:
1. Copie el archivo ZIP "WinCC Graphics" de la siguiente direccin de Internet al disco duro
local y extraiga el archivo.
http://support.automation.siemens.com/WW/view/es/40263542
Haga clic en el smbolo "Informacin" para ver los archivos ZIP.
2. Abra la paleta "Grficos" de la Task Card "Herramientas" y cree un enlace nuevo.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

77

Ejemplo simple
2.6 Crear una imagen HMI
3. Asigne un nombre al enlace y seleccione la carpeta previamente extrada "WinCC
Graphics".

Debajo del enlace que acaba de crearse se muestran dos grficos.

4. Desactive la opcin "Iconos grandes".

78

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
5. Coloque el objeto grfico "ConveyorSimple.wmf" en la imagen HMI.

6. Escale el objeto grfico.

Resultado
El objeto grfico esttico "Cinta transportadora" se ha copiado en el proyecto. Si mueve o
borra la carpeta "WinCC Graphics", slo se pierde el enlace. El objeto grfico permanece en
el proyecto.
En el apartado siguiente se crear el objeto grfico "Botella" con una animacin de
movimiento.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

79

Ejemplo simple
2.6 Crear una imagen HMI

2.6.4.4

Objeto grfico "Botella" con simulacin de movimiento

Introduccin
Los pasos siguientes muestran cmo crear el objeto grfico "Botella" con una animacin de
movimiento. En la animacin, la botella de leche se transporta de izquierda a derecha sobre
la cinta transportadora. Para animar los objetos se utiliza una variable HMI interna.

Variables HMI internas

Las variables HMI internas no tienen conexin con el controlador. Se almacenan en la
memoria del panel de operador. Slo el panel de operador puede acceder en lectura y
escritura a las variables. Las variables HMI internas se crean, p. ej., para realizar clculos
locales independientemente del programa de control.

Requisitos
La imagen HMI est abierta.

Procedimiento
Para crear el objeto grfico "Botella" y configurar un movimiento horizontal, proceda del
siguiente modo:
1. Utilizando la funcin de Drag & Drop, copie el objeto grfico "Botella" de la carpeta de
grficos de WinCC "Symbol Factory Graphics > SymbolFactory 256 Colors > "Food" en
el rea libre de la imagen, encima del objeto "Cinta transportadora".
Cuando coloque la botella, asegrese de depositarla en un rea libre de la imagen HMI.
Si arrastra la botella directamente a la cinta transportadora, sta ser reemplazada por la
representacin de la botella.

80

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
2. Escale la botella hasta una altura inferior a la del tnel.

3. Cree una animacin de movimiento horizontal para el objeto grfico "Botella".

En el rea de trabajo aparecer una copia transparente de la botella, unida al objeto

original mediante una flecha.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

81

Ejemplo simple
2.6 Crear una imagen HMI
4. Mueva la botella transparente hasta el final de la cinta transportadora.

Los valores de pxel de la posicin final se introducen automticamente en la ventana de

inspeccin.
5. En la ventana de inspeccin, cree una variable HMI nueva para la animacin de
movimiento.

82

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
6. Utilice el nombre "Position_Bottle" para la variable y el tipo de datos "Short".

La posicin de la botella est enlazada con la variable. Si se cambia el valor de la

variable durante el funcionamiento del programa, cambia tambin la posicin de la
botella.
Para simular un movimiento, el valor de la variable "Position_Bottle" debe cambiar
automticamente. El valor de la variable debe aumentar de forma automtica despus de
crear la imagen HMI. En cuanto se alcance el valor 100, se deber volver a empezar por
0. El cambio de valor de la variable se simula mediante las propiedades de la imagen
HMI.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

83

Ejemplo simple
2.6 Crear una imagen HMI
7. En primer lugar, agregue la funcin "SimularVariable" al evento "Creada" de la imagen
HMI.

8. Asigne la variable "Position_Bottle" a la funcin "SimularVariable".

9. Guarde el proyecto.

84

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI

Resultado
El objeto grfico "Botella" se ha creado con una animacin de movimiento. El valor de la
variable "Position_Bottle" aumenta en uno al cargar la imagen HMI en el panel de operador
despus de cada ciclo bsico (200ms). En cuanto se alcanza el valor 100, el valor de la
variable se pone a "0". La posicin de la botella depende del valor de la variable. Si la
variable tiene el valor 50, por ejemplo, la botella se encontrar a la mitad de la cinta
transportadora.
En el apartado siguiente se controla la visibilidad de la botella mediante la variable
"ON_OFF_Switch" del botn "Instalacin ON/OFF".

2.6.4.5

Controlar la visibilidad de la animacin de movimiento

Introduccin
La animacin de movimiento de la botella se inicia automticamente al crear la imagen HMI.
Los pasos siguientes muestran cmo configurar la visibilidad de la botella animada en la
imagen en funcin del valor de la variable PLC "ON_OFF_Switch".

Requisitos
La imagen HMI est abierta.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

85

Ejemplo simple
2.6 Crear una imagen HMI

Procedimiento
Para configurar la visibilidad de la botella en la imagen HMI, proceda del siguiente modo:
1. Cree una animacin nueva "Visibilidad" para el objeto grfico "Botella".

2. Asigne la variable PLC "ON_OFF_Switch" a la animacin.

86

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

Ejemplo simple
2.6 Crear una imagen HMI
3. Conmute la visibilidad del rango de variable de "0" a "0" a "Invisible".

4. Guarde el proyecto pulsando el botn "Guardar proyecto" de la barra de herramientas.

Resultado
Se ha configurado la visibilidad de la botella en la imagen. Cuando se conecte la instalacin
y el valor de proceso de la variable "ON_OFF_Switch" adopte el valor "1", se ver la botella.

STEP 7 Basic V10.5

Getting Started (primeros pasos), 12/2009, A5E02714428-01

87