Documentos de Académico
Documentos de Profesional
Documentos de Cultura
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
COMUNICACIONS INDUSTRIALS
SISTEMES HMI
WinCC Flexible
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 0/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
PRÓLOGO
Esta documentación forma parte de una serie de manuales que un grupo de profesores de tres institutos
de educación secundaria de Catalunya, como son:
Este grupo de trabajo continúa trabajando en cada uno de los temas para poder ir actualizando día a día
esta documentación, es por ello, que nos podéis enviar vuestras sugerencias a través de la información
que encontrareis en la web dedicada a este grupo de trabajo y que desde aquí os invitamos a participar.
www.iespalauausit.com/edcai/edcai.php
Esperamos que el esfuerzo y dedicación que hemos realizado pueda ayudar a mejorar vuestra labor
educativa.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 1/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
INDICE
PÁGINA
1. Introducción .............................................................................................................. 3
1.1. Objetivos ................................................................................................................ 3
1.2. Conocimientos previos ............................................................................................. 3
1.3. Hardware i software necesario .................................................................................. 4
7. Ejercicio ................................................................................................................... 56
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 2/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
1. INTRODUCCIÓN.
1.1. OBJETIVOS.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 3/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
6 Cable de comunicación
Programación del TP270
3 PG/PC Adapter
6 Cable de comunicación
Comunicación entre el PLC i el TP
NOTA:
La comunicación entre el PLC i el TP también se puede realizar mediante el PG/PC Adapter bajo protocolo
MPI.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 4/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Para crear un programa para el TP 270, crearemos un nuevo proyecto en STEP 7 desde “Archivo →
Nuevo”.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 5/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Al pulsar sobre el botón “Aceptar”, aparece un proyecto nuevo sin ninguna configuración:
Insertaremos una CPU de PLC correspondiente a la serie 300, para ello haremos un clic con el botón
derecho y elegiremos la opción “Insertar nuevo objeto Æ SIMATIC 300”.
Ahora, opcionalmente le podemos cambiar el nombre, dentro de ésta se encuentra la opción “Hardware”
para realizar la configuración del equipo de control.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 6/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Haciendo un doble clic sobre “Hardware” se entra dentro del programa “HW-Config”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 7/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 8/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Insertamos en el mismo proyecto un equipo “Estación HMI de SIMATIC”, haciendo clic en el botón
derecho y eligiendo la opción “Insertar nuevo objeto Æ Estación HMI de SIMATIC”:
Aparece una ventana para configurar el equipo de WinCC flexible con el que se va a trabajar, en este
caso con la TP-270 6 pulgadas”, todo ello en la pestaña llamada “Tipo de equipo”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 9/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
A continuación pulsamos sobre el botón “Aceptar”, se observa como aparece en el proyecto el equipo
configurado como “Estación HMI de SIMATIC”.
Si desplegamos la opción “Estación HMI de SIMATIC” del proyecto se observa las diferentes posibilidades
de WinCC flexible para esa configuración:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 10/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Y dentro de cada carpeta, las diferentes opciones creadas por defecto al inicio de cada proyecto:
Para este primer ejemplo tan solo utilizamos la opción de “Imágenes”, que enumera el conjunto de
pantallas de las que se compondrá nuestro proyecto HMI, se puede observar que se dispone de dos
imágenes predefinidas como son:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 11/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
En este capítulo haremos referencia a comentar todos los aspectos en cuanto a las propiedades a
configurar de cada componente que interviene en este tema, como son:
Para crear una pantalla hacemos un doble clic sobre la opción “Imágenes – Nueva Imagen”,
apareciendo por defecto una imagen con el nombre por defecto de “Imagen_1” en la que únicamente
contendrá lo configurado en la imagen “Plantilla” o también elegir la opción del menú superior
“Insertar – Nueva entrada–Imagen”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 12/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Se recomienda ir cambiando los nombres de las imágenes para un mejor entendimiento del proyecto.
Para cambiar el nombre lo podemos hacer tal y como lo hacemos en Windows, nos ponemos encima y
haciendo clic, o bien seleccionando en la parte inferior de propiedades la opción “General” y en el campo
“Nombre” y modificándoselo.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 13/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
CAMPO DESCRIPCIÓN
Nombre Nombre que el usuario le asigna cada imagen creada.
Número Número que el usuario le asigna a cada imagen creada.
Utilizar plantilla Si se desea que esa imagen utilice lo configurado en la plantilla.
Color de fondo El color de fondo que el usuario le asigna a la imagen creada.
El resto de opciones de esta ventana de propiedades no son utilizadas en este ejercicio y por tanto serán
explicadas en el ejercicio que sea necesaria su utilización.
Para crear un texto en la pantalla haremos servir una de les herramientas que
hay en la pantalla “Herramientas” y dentro del “Objetos básicos” y dentro
de ella encontramos la opción “Campo de texto”
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 14/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
ventana inferior, emos a continuación las diferentes opciones que vamos a trabajar en este ejercicio:
b) Propiedades. Esta dispones de diferentes opciones, como las que se pueden observar en la siguiente
figura.
“Apariencia”: sirve para darle color a diferentes aspectos del texto introducido, como es:
CAMPO DESCRIPCIÓN
Color de fuente Color con el que queramos que aparezca el texto introducido.
Relleno
Dispone de las siguientes opciones de color:
Color de fondo Color con el que queramos que aparezca el cuadro del fondo en
donde tenemos el texto introducido.
Estilo de relleno Dispone de dos opciones para elegir si se desea que el cuadro del fondo del texto sea:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 15/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
CAMPO DESCRIPCIÓN
Ancho El ancho del borde del cuadro que contiene el texto introducido. Esta opción es activa
cuando se elige el “Estilo” del tipo “Compacto”.
Borde Color El color del borde del cuadro que contiene el texto
introducido.
“Representación”: Se utilizan para ajustar las diferentes medidas y distancias tanto del cuadro como
del texto.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 16/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
CAMPO DESCRIPCIÓN
X Distancia desde el borde izquierdo de la pantalla al inicio del cuadro que contiene el texto introducido.
Y Distancia desde el borde superior, a partir del encabezado incluido en la plantilla, de la pantalla al inicio del
Posición cuadro que contiene el texto introducido.
CAMPO DESCRIPCIÓN
El ancho total del cuadro que contiene el texto introducido.
Tamaño
La altura total del cuadro que contiene el texto introducido.
CAMPO DESCRIPCIÓN
En el caso de elegir esta opción el cuadro que contiene el
Ajuste del tamaño Ajustar automáticamente texto introducido se ajusta automáticamente al contenido.
Deshabilitando las opciones del campo “Tamaño”.
CAMPO DESCRIPCIÓN
Izquierda Representa el margen que existe entre el borde izquierdo del cuadro de texto y la
primera letra del texto incluido.
Márgenes Derecha Representa el margen que existe entre el borde derecho del cuadro de texto y la
última letra del texto incluido.
Arriba Representa el margen que existe entre el borde superior del cuadro de texto y el
texto incluido.
Abajo Representa el margen que existe entre el borde inferior del cuadro de texto y el texto
incluido.
“Formato del texto”: Se utilizan para elegir el estilo de la fuente, así como de la alineación del propio
texto.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 17/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
CAMPO DESCRIPCIÓN
Para elegir tanto la fuente como el estilo y el tamaño de la letra del texto introducido.
CAMPO DESCRIPCIÓN
Con esta opción elegimos como queremos que aparezca
Horizontal la alineación horizontal del texto dentro de cuadro.
Ofrece las siguientes opciones:
Con esta opción elegimos como queremos que aparezca
Vertical la alineación vertical del texto dentro de cuadro. Ofrece
las siguientes opciones:
Horizontal
“Parpadeo”: Se utiliza para configurar si se desea que el texto aparezca con un parpadeo o no. Para
ello dispone de las siguientes opciones:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 18/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
“Misceláneo”: Se utiliza para poder modificar el nombre del objeto introducido, en este caso del campo
de texto, que por defecto le pone el nombre del objeto seguido de un guión bajo y a continuación de un
número correlativo a los objetos de ese mismo tipo introducidos:
4.3. BOTÓN.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 19/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
A continuación hacemos una descripción de les opciones que trabajaremos en este ejemplo.
CAMPO DESCRIPCIÓN
Texto Para representar en el botón un texto que será el incluido en el apartado “Texto
desactiv.” De esta misma ventana.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 20/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
b) Propiedades. Esta dispone de diferentes opciones, como las que se pueden observar en la siguiente
figura.
“Apariencia”: sirve para darle color a diferentes aspectos del texto introducido, como es:
CAMPO DESCRIPCIÓN
Color de primer plano Color con el que queramos que aparezca el
texto introducido.
Fondo y foco
Color de fondo Color con el que queramos que aparezca el
fondo del botón.
Ancho de selección Valor en pixels del ancho de la línea del foco del botón.
CAMPO DESCRIPCIÓN
Borde 3D Para seleccionar de forma opcional si se desea que el botón tenga un aspecto de tres dimensiones
o no.
“Representación”: Se utilizan para ajustar las diferentes medidas y distancias tanto del texto como del
botón.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 21/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
CAMPO DESCRIPCIÓN
X Distancia desde el borde izquierdo de la pantalla al inicio del cuadro del botón.
Y Distancia desde el borde superior, a partir del encabezado incluido en la plantilla, de la pantalla al inicio del
Posición botón.
CAMPO DESCRIPCIÓN
El ancho total del cuadro del botón.
Tamaño
La altura total del cuadro del botón.
CAMPO DESCRIPCIÓN
En el caso de elegir esta opción el cuadro del botón se ajusta
Ajuste del tamaño Ajustar automáticamente automáticamente al contenido del texto o gráfico introducido.
“Formato del texto”: Se utilizan para elegir el estilo de la fuente, así como de la alineación del propio
texto.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 22/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
CAMPO DESCRIPCIÓN
Para elegir tanto la fuente como el estilo y el tamaño de la letra del texto introducido.
CAMPO DESCRIPCIÓN
Con esta opción elegimos como queremos que aparezca
Horizontal la alineación horizontal del texto dentro del botón.
Ofrece las siguientes opciones:
Alineación Con esta opción elegimos como queremos que aparezca
Vertical la alineación vertical del texto dentro del botón. Ofrece
las siguientes opciones:
“Parpadeo”: Se utiliza para configurar si se desea que el botón aparezca con un parpadeo o no. Para
ello dispone de las siguientes opciones:
“Misceláneo”: Se utiliza para poder modificar el nombre del objeto introducido, en este caso del botón,
que por defecto le pone el nombre del objeto seguido de un guión bajo y a continuación de un número
correlativo a los objetos de ese mismo tipo introducidos, también dispone de un campo para introducir de
forma opcional un texto de ayuda que guíe al proyectista en su configuración:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 23/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
La opción “Seguridad” y “Animaciones” serán explicadas más adelante cuando se tengan que utilizar,
para no complicar el concepto de este sencillo ejercicio.
b) Eventos. Esta opción se utiliza para configurar las diferentes acciones que se deseen realizar
después de producirse un evento, en este caso ligado al botón y que son las siguientes:
• Hacer clic.
• Pulsar.
• Soltar.
• Activar.
• Desactivar.
• Modificar.
Por ejemplo asignaremos una función al evento “Pulsar”, para ello seleccionamos en primer lugar el
evento y posteriormente desplegamos la opción “<Ninguna función>” apareciendo la lista de posibles
grupos de funciones a asignar a ese evento:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 24/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
En donde seleccionaremos la más adecuada a la función que queramos realizar, por ejemplo si queremos
cambiar de imagen, elegimos “ActivarImagen”, apareciendo la siguiente pantalla:
En donde tan solo falta indicar a que imagen queremos ir cuando se pulse el botón, para ello
desplegamos la opción “<Ningún valor>” apareciendo la lista de imágenes configuradas en nuestro
proyecto de WinCC flexible, tal como:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 25/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Otra función que se utilizará en este ejemplo es la de salir de la ejecución de WinCC flexible y regresar al
sistema operativo del propia TP 270, para ello elegimos el grupo de funciones “Otras funciones” y de
ellas la función “PararRuntime”
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 26/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Este modo dispone de dos opciones que podrá ser modificada al desplegar el tipo de “Modo” elegido en
este caso “Runtime”, está opciones son:
Runtime: Para detener tan solo la ejecución de la aplicación HMI de WinCC flexible.
Runtime y sistema operativo: Para finalizar la ejecución de la aplicación HMI de WinCC flexible y
además del sistema operativo, este caso aplicado a un ordenador es equivalente a apagar el ordenador.
Aparecerá un cuadro en blanco a falta de asignarle el gráfico, para ello se dispone en la parte inferior la
venta de propiedades del objeto insertado:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 27/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Ahora hemos de buscar el lugar en donde tenemos guardado el gráfico correspondiente, para ello
pulsamos el primer icono superior izquierdo y una vez localizado lo seleccionamos, en este caso el
logo del instituto:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 28/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
La mayoría de la opciones que ofrece este objeto la hemos ido explicando detalladamente en apartados
anteriores es por ello que no volveremos a realizar la explicación exhaustiva de los mismos e iremos
directamente a la opción que vamos a utilizar, como es la de poner transparente el fondo del gráfico. En
el apartado “Propiedades - Apariencia” elegimos la opción de “Color transparente” con el color
blanco:
Los diferentes gráficos que por defecto incorpora WinCC flexible, así como los incluidos por el usuario
dentro del proyecto de WinCC flexible, se pueden visualizar mediante la carpeta llamada “Configuración
del idioma - Gráficos”.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 29/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Ahora podemos añadir las pantallas que necesitemos para nuestro ejemplo, en este caso hemos de crear
una nueva, para ello seleccionamos “Insertar nuevo objeto Æ Imagen”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 30/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
• Principal
• Secundaria
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 31/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
En donde a parte de otros datos aparece la opción “Imagen inicial” en la que seleccionamos el nombre
de la imagen que queramos que sea con la que arranque el panel de visualización.
Ahora ya podemos iniciar el proceso de configuración de las diferentes pantallas que configuraran este
primer ejercicio.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 32/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Para ello hacemos un doble clic sobre la opción “Imágenes – Plantilla” y arranca automáticamente el
programa Win CC Flexible con las pantallas a configurar:
En primer lugar hemos de definir cual será la zona de la parte común a configurar, esto se realiza
desplazando la línea horizontal de color negro que aparece en el límite superior de la pantalla
configurada, dejándolo por ejemplo a la siguiente altura:
Límite de la
zona común
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 33/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Ahora realizamos la configuración de la zona común que queramos que aparezca en todas las pantallas,
para ello seleccionamos el “Objeto básico – Vista de gráfico” para insertar el logotipo del instituto,
una vez seleccionado lo arrastramos hasta la zona de la pantalla correspondiente, apareciendo un cuadro
en blanco y el submenú, en la zona inferior, que corresponde con ese objeto:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 34/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
A este dibujo importador le asigna el nombre por defecto de “Gráfico_1”, nombre que le podemos
modificar pulsando nuevamente sobre el mismo nombre, en este caso por el de “logo_IES”.
A partir de este momento configuramos las propiedades en lo que respecta a los colores, para ello vamos
a la opción “Propiedades – Apariencia – Colores” y le modificamos el fondo para que éste sea
transparente, para ello activamos la opción “Color transparente” y a continuación elegimos como color
transparente el color blanco, quedando.
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 35/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Una vez encuadrado su tamaño, seleccionamos el “Objeto básico – Campo de texto” para poder
insertar un texto:
Zona para la
introducción
del texto
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 36/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Ahora realizamos la configuración del tipo de letra, esto lo realizamos desde la opción “Propiedades –
Formato del texto”, eligiendo el botón:
Ahora realizamos la misma operación para colocar el nombre del instituto, quedando:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 37/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Ahora hemos finalizado la configuración, si queremos comprobar lo realizado hasta ahora, tan solo
pulsamos sobre el icono para “Iniciar runtime”, visualizándose lo siguiente:
Como se observa al elegir la pestaña correspondiente a la pantalla “Principal”, ésta aparece como
pantalla número “1”, que utiliza lo diseñado en la pantalla “Plantilla” y dispone de color de fondo “Gris”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 38/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Vamos a configurar un simple título de pantalla para reconocer cual es la pantalla activa en cada
momento, para ello insertamos un “Objeto básico – Campo de texto” con el texto “P R I N C I P A
L”, tal como se observa en la siguiente figura:
Ahora modificamos sus propiedades para cambiar el color de la letra y el de fondo y el estilo de relleno
para que sea con color de fondo y no transparente, mediante la opción “Propiedades – Apariencia”:
También desactivamos la opción de “Ajustar automáticamente” para poder alargar el fondo y que ocupe
todo el ancho de la pantalla, mediante la opción “Propiedades – Representación”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 39/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 40/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Para ello seleccionamos “Objetos básicos – Botón”, lo arrastramos sobre la pantalla en el lugar en
donde lo queramos situar, quedando:
Ahora falta asignarle la función correspondiente para que realice el salto a la pantalla Secundaria, esta
acción se configura dentro de la opción “Eventos” en la que disponemos de diferentes posibilidades,
como son:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 41/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
• Hacer clic.
• Pulsar.
• Soltar.
• Activar.
• Desactivar.
• Modificar.
En este caso seleccionamos la opción “Pulsar”, en la parte derecha aparece para poder seleccionar la
función, para ello desplegaremos “<Ninguna función>”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 42/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 43/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Podemos renombrar el nombre del botón que por defecto es “Botón_1”, tal y como se puede observar
en “Propiedades – Misceláneo”,
Y poderlo modificar por “Botón_a_Secundaria”, tan solo nos hemos de situar encima y modificarlo:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 44/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Tenemos dos opciones, la primera es seguir paso a paso lo realizado en la configuración de la pantalla
anterior, y la segunda opción es la de seleccionar el título “P R I N C I P A L” y copiarlo con “Edición –
Copiar”, a continuación teniendo presente la pantalla “Secundaria”, pegarlo con “Edición – Pegar”, una
vez enganchado cambiar el texto dentro de su propiedades, quedando:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 45/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Las mismas opciones tenemos para insertar i configurar el botón para acceder desde esta pantalla a la
pantalla “Principal”, es decir seguir paso a paso lo realizado para incluir el botón en le pantalla “Principal”
o bien seleccionando el botón de dicha pantalla y copiarlo en el portapapeles con “Edición – Copiar”, a
continuación teniendo presente la pantalla “Secundaria”, pegarlo con “Edición – Pegar”, una vez
enganchado cambiar el texto y la función asignada dentro de su propiedades, quedando:
Insertamos otro botón dentro de la pantalla “Principal” para ello realizaremos las mismas operaciones
que hemos hecho para la colocación de los anteriores botones, lo único que variará será la configuración
de las propiedades que deberemos elegir la siguiente:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 46/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
c) Borrar la función que tenga asignada en “Eventos – Pulsar”, seleccionándola y pulsando la tecla “DEL”
y a continuación asignarle la nueva función como es “Parar Runtime”, función que se encuentra dentro
de la carpeta “Otras funciones”:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 47/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Quedando:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 48/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Es recomendable ir guardando el proyecto de Win CC flexible de tanto en tanto para no tener ningún
sobresalto, y ahora que ya hemos finalizado el diseño del proyecto seria del todo necesario. Se puede
realizar desde el icono que hay para tal efecto:
Para poder comprobar el funcionamiento del proyecto mediante el simulador de Win CC flexible, éste lo
pondremos en marcha por el icono que hay en la barra superior:
Realiza un proceso automático y a continuación se visualiza la pantalla inicial del proyecto, a partir de
aquí comprobamos el funcionamiento de la aplicación.
Para poder comprobar el funcionamiento del proyecto mediante el simulador de Win CC flexible, se han
de realizar diferentes operaciones previas como son:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 49/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
IF 2
Cable RS-232 RS232
COM x (RS-232) Config/Printer
IF 1B
Cable MPI RS-422/RS-485
PLC
• Entrar en la opción “Transfer Settings” haciendo un doble clic sobre el icono correspondiente.
Seleccionar:
Channel 1:
Serial: ; Enable Channel
; Remote Control
Channel 2:
MPI: ; Enable Channel
; Remote Control
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 50/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
En donde haciendo clic cobre la primera fila y en cualquier columna, aparece por defecto:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 51/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
CAMPO DESCRIPCIÓN
Nombre Le indicamos un nombre a gusto del usuario para reconocer la conexión, por ejemplo S7-300_#2,
indicamos que está relacionado con un S7-300 con dirección de red número 2.
Activo Para indicarle si la conexión está activa o no entre la TP 270 y este controlador. Dispone de las
siguientes opciones:
Driver de comunicación Para indicarle con que sistema de controlador se va a comunicar la TP 270. Dispone de las
siguientes opciones:
Estación Para elegir un controlador de los que STEP 7 tiene configurados en el proyecto. Dispone de las
siguientes opciones:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 52/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
En la parte inferior de la pantalla y una vez realizada configurada la superior nos aparecen los diferentes
parámetros de comunicación como los indicados en la siguiente figura:
Velocidad de transferencia:
Perfil:
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 53/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 54/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Si encuentra las comunicaciones perfectamente configuradas, se inicia el proceso de carga del proyecto
hacia la TP270.
Una vez finalizada la transferencia de todos los archivos, se visualiza la pantalla inicial del proyecto, a
partir de aquí comprobamos el funcionamiento de la aplicación.
El resultado ha de ser que se ejecuta el programa con la pantalla “PRINCIPAL” y que tendrá dos
pulsadores:
Win CC flexible
Sistema operativo del TP270
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 55/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc
Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
Añadir una tercera pantalla, “Ejercicio”, y que desde cualquier pantalla se pueda ir a las otras dos
pantallas mediante botones.
Win CC flexible
Sistema operativo del TP270
Realizado por:
IES PALAU AUSIT Fecha: 18/01/2007 Página: 56/57
Vicenç Guerrero Versión: 1.0 Fichero: 01_Primeros pasos.doc