infoPLC Net 01 Primeros Pasos v1 0 WinCC Flexible

Departament d’Educació
SISTEMES HMI
Primeros pasos en Win CC flexible
Electricitat/Electrònica
COMUNICACIONS INDUSTRIALS
SISTEMES HMI
WinCC Flexible
01. Primeros pasos en Win CC 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
SISTEMES HMI
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:
IES-SEP Comte de Rius de Tarragona

IES Palau Ausit de Ripollet (Barcelona)
IES-SEP La Garrotxa de Olot (Girona)
han estado experimentando con diferentes materiales incluidos dentro de la temática de la

automatización, el control y las comunicaciones industriales.
Este equipo de profesores, formaron un grupo de trabajo, llamado EDCAI (Experimentación y

Documentación en Control y Automatización Industrial), reconocido tanto por el Departament d’Educació
de la Generalitat de Catalunya como por la empresa Siemens, con unos objetivos tan sencillos como
claros y que se basaban en la realización de documentación realizada por profesores/as para
profesores/as, y que además, pudiese servir como manual para los alumnos, esto quiere decir que se ha
intentado realizar una documentación que sea fácil de seguir con unas explicaciones paso a paso de los
diferentes procesos a realizar, para de esta manera poder alcanzar el objetivo propuesto en cada
ejercicio.
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.
Los profesores del grupo de trabajo EDCAI
Realizado por:
SISTEMES HMI
INDICE
PÁGINA
1. Introducción .............................................................................................................. 3
1.1. Objetivos ................................................................................................................ 3
1.2. Conocimientos previos ............................................................................................. 3
1.3. Hardware i software necesario .................................................................................. 4
2. Configuración de STEP 7 para trabajar con WinCC flexible ..................................... 5

3. Configuración para trabajar con una TP 270 ........................................................... 9
4. Propiedades de los elementos nuevos utilizados ...................................................... 12
4.1. Creación de una imagen .......................................................................................... 12
4.2. Campo de texto ....................................................................................................... 14
4.3. Botón.............................................................................................................. ......... 19
4.4. Inserción de gráficos.................................................................................................. 27
5. Ejemplo. Creación de dos pantallas con acceso de una a otra ................................ 29

5.1. Creación de dos pantallas ......................................................................................... 29
5.2. Configuración de la pantalla “PLANTILLA” .................................................................. 33
5.3. Configuración de la pantalla “PRINCIPAL” .................................................................. 38
5.4. Configuración de la pantalla “SECUNDARIA” .............................................................. 45
5.5. Insertar botón en la pantalla “Principal” para salir de la aplicación ............................... 46
6. Comprobar funcionamiento del proyecto .................................................................. 49

6.1. Formas de comprobar el proyecto ............................................................................. 49
6.1.1. Mediante el simulador que WinCC flexible tiene incorporado ..................................... 49
6.1.2. Mediante un panel TP 270 ..................................................................................... 49
6.2. Transferir proyecto desde WinCC flexible hacia TP 270 ............................................... 53
6.3. Comprobar funcionamiento ...................................................................................... 55
7. Ejercicio ................................................................................................................... 56
Realizado por:
SISTEMES HMI
1. INTRODUCCIÓN.
1.1. OBJETIVOS.
En esta actividad, el lector aprenderá el proceso de creación y configuración de pantallas así

como el sistema para poder ir de una a otra. También se ha de introducir en esta actividad
como salir de la ejecución de Win CC flexible en el TP 270 para ir al sistema operativo del
mismo.
1.2. CONOCIMIENTOS PREVIOS.
Para el correcto aprovechamiento de este módulo, se requieren los siguientes conocimientos:
• Conocimientos como usuario del sistema operativo Windows.

• Programación Básica de PLC con STEP 7.
Realizado por:
SISTEMES HMI
1.3. HARDWARE I SOFTWARE NECESARIO.
1 Ordenador con sistema operativo Windows.

2 Software STEP 7 y Win CC flexible
3 Interfase MPI para PC (p.e. PG/PC- Adapter)
4 PLC SIMATIC S7-300.
5 Terminal de operador TP270.
6 Cable de comunicaciones (RS-232 / PC-Adapter/ MPI/PROFIBUS DP)
1 PC 2 STEP 7 y WinCC flexible
6 Cable de comunicación
Programación del TP270
3 PG/PC Adapter
4 SIMATIC S7-300 con 5 TP 270

CPU 314C-2DP
6 Cable de comunicación
Comunicación entre el PLC i el TP
NOTA:
La comunicación entre PC i PLC también se puede hacer mediante el cable Profibus si se

dispone de una tarjeta de comunicaciones en el PC como por ejemplo el CP5611 bajo
protocolo MPI o DP.
La comunicación entre el PLC i el TP también se puede realizar mediante el PG/PC Adapter bajo protocolo
MPI.
Realizado por:
SISTEMES HMI
2. CONFIGURACIÓN DE STEP 7 PARA TRABAJAR CON WIN CC FLEXIBLE.
La herramienta central en STEP 7 es el Administrador SIMATIC, el cual se abre haciendo un doble

clic en el icono “Administrador SIMATIC”, o bien desde el menú “Inicio Æ SIMATIC Æ Administrador
SIMATIC”.
Para crear un programa para el TP 270, crearemos un nuevo proyecto en STEP 7 desde “Archivo →
Nuevo”.
A continuación le damos un nombre al proyecto STEP 7, por

ejemplo 01_WinCC_Flexible, también le señalamos la carpeta en
donde lo guardaremos, que por defecto es
“\SIEMENS\Step7\S7proj”, aunque se puede elegir otro.
Realizado por:
SISTEMES HMI
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:
SISTEMES HMI
Haciendo un doble clic sobre “Hardware” se entra dentro del programa “HW-Config”:
Realizamos la configuración correspondiente a nuestro equipo de control y lo dejamos tal y como se

observa en la siguiente figura:
Realizado por:
SISTEMES HMI
A continuación se ha de compilar y guardar la configuración y posteriormente enviársela a la CPU:
Realizado por:
SISTEMES HMI
3. CONFIGURACIÓN PARA TRABAJAR CON UNA TP 270.
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:
SISTEMES HMI
En la pestaña “General” podemos completarla de forma opcional:
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:
SISTEMES HMI
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:
Imagen_1 : Es una pantalla en blanco para iniciar su configuración.

Plantilla : En la pantalla en la que configuraremos las opciones que queramos que aparezcan en el
conjunto de todas las pantallas.
Realizado por:
SISTEMES HMI
4. PROPIEDADES DE LOS ELEMENTOS NUEVOS UTILIZADOS.
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:
4.1. CREACIÓN DE UNA IMAGEN.

Si partimos de la pantalla inicial de Win CC flexible, que es la de gestión del proyecto, como:
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:
SISTEMES HMI
En cualquier caso aparece la imagen creada:
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.
Observando la ventana de propiedades y en el apartado “General” se dispone de los siguientes campos:
Realizado por:
SISTEMES HMI
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.
Una imagen es el nombre que Win CC flexible le da a cada una de

les pantallas que vamos creando, para abrir una imagen creada,
desde la pantalla principal de Win CC flexible, abrimos la carpeta
“Imágenes” y podemos visualizar la lista de imágenes ya creadas,
para abrir una de ellas tan solo hemos de dar un doble clic con el
ratón sobre el nombre de la imagen en ese instante se abre el
editor de diseño de pantallas.
4.2. CAMPO DE TEXTO.
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”
Cuando ya tenemos seleccionado la herramienta, ponemos el cursor del ratón

sobre la zona de la imagen en donde queramos insertar el texto y hacemos un
clic en el botón izquierdo, acto seguido podemos introducir el texto deseado.
Una vez introducido el texto podemos modificar sus propiedades desde la
Realizado por:
SISTEMES HMI
ventana inferior, emos a continuación las diferentes opciones que vamos a trabajar en este ejercicio:
a) General. Modificar el campo “Texto” por la frase que deseamos visualizar.
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:
Con el color de fondo asignado anteriormente.
Que sea transparente.
Realizado por:
SISTEMES HMI
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.
Estilo El color de fondo que el usuario le asigna a la imagen creada.

Compacto: Cuando deseemos que el cuadro contenga una
línea alrededor. Al elegir esta opción, se activan las opciones
“Ancho” y “3D”.
Ninguno: Cuando deseemos que el cuadro de texto no contenga línea alguna
alrededor.
3D Si deseamos que el cuadro que contiene el texto se visualice en formato de tres
dimensiones. Esta opción es activa cuando se elige el “Estilo” del tipo “Compacto”.
“Representación”: Se utilizan para ajustar las diferentes medidas y distancias tanto del cuadro como
del texto.
Realizado por:
SISTEMES HMI
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:
SISTEMES HMI
CAMPO DESCRIPCIÓN
Para elegir tanto la fuente como el estilo y el tamaño de la letra del texto introducido.
También existen otros efectos

opcionales como son el subrayado y el
tachado.
Estilo Tipo de fuente
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:
Vertical la alineación vertical del texto dentro de cuadro. Ofrece
las siguientes opciones:
Alineación Con esta opción elegimos como queremos que aparezca

la orientación del texto dentro de cuadro. Ofrece las
siguientes opciones:
Orientación
Derecha vertical Izquierda vertical
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:
SISTEMES HMI
“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:
La opción “Animaciones” será explicada mas adelante cuando se tengan que

utilizar, para no complicar el concepto de este sencillo ejercicio.
4.3. BOTÓN.
Para insertar un botón en la pantalla, elegimos el componente “Botón” que se

encuentra dentro de los “Objetos básicos”:
Para añadirlo tan solo será necesario seleccionarlo y a continuación con la

ayuda del ratón y marcar un cuadro con la medida que queramos que tenga el
botón, después se puede redimensionar, sobre la pantalla de diseño. Al finalizar
de dimensionar el botón, aparece en la parte inferior la ventana de propiedades
asociada al botón y que tiene el siguiente aspecto:
Realizado por:
SISTEMES HMI
A continuación hacemos una descripción de les opciones que trabajaremos en este ejemplo.
a) General. Para seleccionar el tipo de botón con que se vaya a trabajar.
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.
Al elegir esta opción nos ofrece las siguientes

alternativas:
Si elegimos la opción de “Texto activ.”, hará

que aparezca un texto diferente según sea si el
botón está activado o descativado.
Modo de botón
Si por el contrario se elige la opción “Lista de texto” se tendrá que configurar una
lista de textos relacionada con una variable que aparecerán en el botón dependiendo
del estado en el que se encuentre esa variable
Gráfico Para representar en el botón un dibujo.
Al elegir esta opción nos ofrece las siguientes

alternativas:
Si por el contrario se elige la opción “Lista de

gráficos” se utilizará para que aparezca un dibujo diferente dependiendo del estado
de una variable, por ejemplo un semáforo en rojo y otro en verde, y que según sea el
estado del proceso aparezca uno u otro.
Invisible Para hacer que el botón diseñado sea invisible en el modo ejecución.
Al elegir esta opción nos ofrece la siguiente

alternativa:
Realizado por:
SISTEMES HMI
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.
Dispone de las siguientes opciones de

color:
Fondo y foco
Color de fondo Color con el que queramos que aparezca el
fondo del botón.

color:
Color de foco Color del marco de enfoque para resaltar

que objeto tiene el foco en cada momento.

color.
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:
SISTEMES HMI
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:
SISTEMES HMI
CAMPO DESCRIPCIÓN
Para elegir tanto la fuente como el estilo y el tamaño de la letra del texto introducido.
También existen otros efectos

opcionales como son el subrayado y el
tachado.
Estilo Tipo de fuente
CAMPO DESCRIPCIÓN
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:
SISTEMES HMI
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:
SISTEMES HMI
Si desplegamos por ejemplo el grupo “Imágenes” dispone de las siguientes funciones:
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:
Seleccionando la fila en donde se encuentra el nombre de la

pantalla elegida aparece a continuación la anterior pantalla ya
configurada.
Realizado por:
SISTEMES HMI
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”
Aparecerá la pantalla con la configuración realizada:
Realizado por:
SISTEMES HMI
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.
4.4. INSERCIÓN DE GRÁFICOS.

Para insertar un gráfico en WinCC flexible se realiza con el objeto básico “Vista
de gráfico”, una vez seleccionado éste, colocamos el puntero del ratón sobre la
pantalla en la que queramos insertar el gráfico, seleccionado la medida que
tendrá originalmente, aunque después se puede redimensionar.
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:
SISTEMES HMI
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:
A continuación pulsamos el botón “Abrir” y aparecerá en la ventana de propiedades con un nombre

genérico, en este caso Gráfico_2,
Colocándonos sobre el mismo nombre le podremos modificar, quedando:
Realizado por:
SISTEMES HMI
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:
SISTEMES HMI
5. EJEMPLO. CREACIÓN DE DOS PANTALLAS CON ACCESO DE UNA A OTRA.
En este ejemplo se trata de lo siguiente:

1. Creación de dos pantallas con los nombres “Principal” y “Secundaria”.
2. Configuración de la pantalla “PLANTILLA”.
3. Configuración pantalla “PRINCIPAL”.
4. Configuración pantalla “SECUNDARIA”.
5. Insertar botón en la pantalla “Principal” para salir de la aplicación.
5.1. CREACIÓN DE DOS PANTALLAS CON LOS NOMBRES “PRINCIPAL” Y “SECUNDARIA”.
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:
SISTEMES HMI
Y renombramos ambas como:
Se observa como Win CC flexible se abre con las pantallas

creadas, como son:
• Principal
• Secundaria
Para seleccionar cual de las pantallas configuradas será

con la que se inicie la visualización en la TP se deberá abrir
la opción “Configuración del panel de operador –
Configuración del panel de operador”:
Realizado por:
SISTEMES HMI
Apareciendo la siguiente pantalla:
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:
SISTEMES HMI
5.2. CONFIGURACIÓN DE LA PANTALLA “PLANTILLA”.
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:
SISTEMES HMI
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:
Como queremos colocar un gráfico externo seleccionamos la primera opción
Se abre una ventana de búsqueda del grafico:
Realizado por:
SISTEMES HMI
Lo seleccionamos y pulsamos el botón “Abrir”, apareciendo en la pantalla correspondiente:
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:
SISTEMES HMI
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
En la zona prevista introducimos el texto “Generalitat de Catalunya”:
Realizado por:
SISTEMES HMI
Ahora realizamos la configuración del tipo de letra, esto lo realizamos desde la opción “Propiedades –
Formato del texto”, eligiendo el botón:
Y configurándolo tal y como se aprecia en la siguiente figura:
Ahora realizamos la misma operación para colocar el nombre del instituto, quedando:
Realizado por:
SISTEMES HMI
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:
5.3. CONFIGURACIÓN DE LA PANTALLA “PRINCIPAL”.
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:
SISTEMES HMI
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:
SISTEMES HMI
Para el tipo y tamaño de letra, desde “Propiedades – Formato de texto”:
De forma que dejemos el texto de la siguiente forma:
A continuación configuramos un botón para poder pasar a la pantalla Secundaria en el momento de

realizar la acción de pulsar.
Realizado por:
SISTEMES HMI
Para ello seleccionamos “Objetos básicos – Botón”, lo arrastramos sobre la pantalla en el lugar en
donde lo queramos situar, quedando:
Seguidamente modificamos el texto de forma que aparezca “Secundaria” de

forma que en el botón aparecerá el texto introducido.
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:
SISTEMES HMI
• 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>”:
Y seleccionamos la opción “Imágenes – ActivarImagen”:
Realizado por:
SISTEMES HMI
Ahora hemos de completar la configuración seleccionando

el nombre de la imagen sobre la cual queremos saltar la
pulsar el botón, para ello desplegamos la opción “<Ningún
valor>”, apareciendo una ventana con la lista de pantallas
configuradas en el proyecto, de la que elegimos la pantalla
“Secundaria”.
Quedando tal y como se observa en la siguiente figura:
Realizado por:
SISTEMES HMI
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:
SISTEMES HMI
5.4. CONFIGURACIÓN PANTALLA “SECUNDARIA”.
De la misma forma que hemos configurado el título de la pantalla, de la pantalla “Principal”,

configuramos la pantalla llamada “Secundaria” para que se represente de la siguiente forma:
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:
SISTEMES HMI
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:
5.5. INSERTAR BOTÓN EN LA PANTALLA “PRINCIPAL” PARA SALIR DE LA APLICACIÓN.
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:
SISTEMES HMI
a) Cambiarle el nombre del objeto en “Propiedades – Misceláneo” por “Botón_Salir”.
b) Cambiarle el texto que aparecerá en el botón en “General” por “SALIR”:
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:
SISTEMES HMI
Quedando:
Realizado por:
SISTEMES HMI
6. COMPROBAR EL FUNCIONAMIENTO DEL PROYECTO.
6.1. FORMAS DE COMPROBAR EL PROYECTO.
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 comprobar el funcionamiento de este proyecto tenemos dos posibilidades:
• Mediante el simulador que Win CC flexible tiene incorporado.
• Mediante un panel TP 270.
6.1.1. Mediante el simulador que Win CC flexible tiene incorporado.
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.
6.1.2. Mediante un panel TP 270.
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:
SISTEMES HMI
a) Conectar el TP 270 al ordenador mediante un cable que puede ser:
Conexión del ordenador Tipo de cable Conexión del TP 270
IF 2
Cable RS-232 RS232
COM x (RS-232) Config/Printer
IF 1B
Cable MPI RS-422/RS-485
PLC
USB Cable datos USB USB
b) Configurar el puerto de comunicación en el TP 270.
• Poner en funcionamiento el TP 270 y entrar en el “Control Panel” del sistema.
• 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
Aceptamos la configuración con “OK” y cerramos la ventana con “X”,

seguidamente cerramos el “Control Panel” y pulsamos el botón “Transfer”, en
este momento se queda a la espera de que le llegue el proyecto.
• Configuramos las comunicaciones del ordenador desde Win CC flexible.
Desde la ventana “Proyecto” de Win CC flexible elegimos la opción

“Comunicación – Conexiones”, apareciendo la siguiente ventana:
Realizado por:
SISTEMES HMI
En donde haciendo clic cobre la primera fila y en cualquier columna, aparece por defecto:
Realizado por:
SISTEMES HMI
En donde se observa dos partes en la pantalla, en la parte superior:
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
Driver de comunicación Para indicarle con que sistema de controlador se va a comunicar la TP 270. Dispone de las
Estación Para elegir un controlador de los que STEP 7 tiene configurados en el proyecto. Dispone de las
Al elegir uno de los posibles controladores configurados en el proyecto de STEP 7,

automáticamente quedan configurados los dos campos siguientes, Interlocutor y Nodo.
Interlocutor Aparecerá la CPU remota con la que la TP se comunicará.
Nodo Aparecerá el nodo remoto con la que la TP se comunicará.
Online Elegimos si queremos que exista comunicación o no con el controlador. Dispone de las siguientes
opciones:
Comentario El usuario de forma opcional puede poner cualquier comentario.
Realizado por:
SISTEMES HMI
Una vez configurado quedará de la siguiente forma:
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:
En donde los únicos parámetros que podemos modificar son:
Velocidad de transferencia:
Perfil:
6.2. TRANSFERIR PROYECTO DESDE WIN CC FLEXIBLE HACIA EL TP 270.
Mediante el icono “Transferir configuración” de la barra superior.
Realizado por:
SISTEMES HMI
Aparece la siguiente pantalla para configurar los parámetros
A continuación pulsar el botón “Transferir”.
Posiblemente nos haga la siguiente pregunta a la que responderemos con “Sí”:
A continuación hace la comprobación del correcto funcionamiento de les comunicaciones, se puede

visualizar la siguiente imagen:
Realizado por:
SISTEMES HMI
Si encuentra las comunicaciones perfectamente configuradas, se inicia el proceso de carga del proyecto
hacia la TP270.
6.3. COMPROBAR FUNCIONAMIENTO.
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:
• Uno para ir a la pantalla “Secundaria”, botón “Secundaria.

• Otro para salir de la aplicación, botón “SALIR”.
Y de des la pantalla secundaria tenemos un pulsador:
• Para ir a la pantalla “Principal”, botó “Principal.
Win CC flexible
Sistema operativo del TP270
Realizado por:
SISTEMES HMI
7. EJERCICIO. ACCESO DE UN PANTALLA A OTRA.
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:

infoPLC Net 01 Primeros Pasos v1 0 WinCC Flexible

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

infoPLC Net 01 Primeros Pasos v1 0 WinCC Flexible

Caricato da

Copyright:

Formati disponibili

Departament d’Educació

01. Primeros pasos en Win CC flexible

IES-SEP Comte de Rius de Tarragona

han estado experimentando con diferentes materiales incluidos dentro de la temática de la

Este equipo de profesores, formaron un grupo de trabajo, llamado EDCAI (Experimentación y

Los profesores del grupo de trabajo EDCAI

2. Configuración de STEP 7 para trabajar con WinCC flexible ..................................... 5

5. Ejemplo. Creación de dos pantallas con acceso de una a otra ................................ 29

6. Comprobar funcionamiento del proyecto .................................................................. 49

En esta actividad, el lector aprenderá el proceso de creación y configuración de pantallas así

1.2. CONOCIMIENTOS PREVIOS.

Para el correcto aprovechamiento de este módulo, se requieren los siguientes conocimientos:

• Conocimientos como usuario del sistema operativo Windows.

1.3. HARDWARE I SOFTWARE NECESARIO.

1 Ordenador con sistema operativo Windows.

1 PC 2 STEP 7 y WinCC flexible

4 SIMATIC S7-300 con 5 TP 270

La comunicación entre PC i PLC también se puede hacer mediante el cable Profibus si se

2. CONFIGURACIÓN DE STEP 7 PARA TRABAJAR CON WIN CC FLEXIBLE.

La herramienta central en STEP 7 es el Administrador SIMATIC, el cual se abre haciendo un doble

A continuación le damos un nombre al proyecto STEP 7, por

Realizamos la configuración correspondiente a nuestro equipo de control y lo dejamos tal y como se

A continuación se ha de compilar y guardar la configuración y posteriormente enviársela a la CPU:

3. CONFIGURACIÓN PARA TRABAJAR CON UNA TP 270.

En la pestaña “General” podemos completarla de forma opcional:

Imagen_1 : Es una pantalla en blanco para iniciar su configuración.

4. PROPIEDADES DE LOS ELEMENTOS NUEVOS UTILIZADOS.

4.1. CREACIÓN DE UNA IMAGEN.

En cualquier caso aparece la imagen creada:

Observando la ventana de propiedades y en el apartado “General” se dispone de los siguientes campos:

Una imagen es el nombre que Win CC flexible le da a cada una de

4.2. CAMPO DE TEXTO.

Cuando ya tenemos seleccionado la herramienta, ponemos el cursor del ratón

Una vez introducido el texto podemos modificar sus propiedades desde la

a) General. Modificar el campo “Texto” por la frase que deseamos visualizar.

Dispone de las siguientes opciones de color:

Con el color de fondo asignado anteriormente.

Que sea transparente.

Dispone de las siguientes opciones de color:

Estilo El color de fondo que el usuario le asigna a la imagen creada.

También existen otros efectos

Estilo Tipo de fuente

Alineación Con esta opción elegimos como queremos que aparezca

Derecha vertical Izquierda vertical

La opción “Animaciones” será explicada mas adelante cuando se tengan que

Para insertar un botón en la pantalla, elegimos el componente “Botón” que se

Para añadirlo tan solo será necesario seleccionarlo y a continuación con la

a) General. Para seleccionar el tipo de botón con que se vaya a trabajar.

Al elegir esta opción nos ofrece las siguientes

Si elegimos la opción de “Texto activ.”, hará

Al elegir esta opción nos ofrece las siguientes

Si por el contrario se elige la opción “Lista de

Al elegir esta opción nos ofrece la siguiente

Dispone de las siguientes opciones de

Dispone de las siguientes opciones de

Color de foco Color del marco de enfoque para resaltar

Dispone de las siguientes opciones de

También existen otros efectos

Estilo Tipo de fuente

Si desplegamos por ejemplo el grupo “Imágenes” dispone de las siguientes funciones:

Seleccionando la fila en donde se encuentra el nombre de la

Aparecerá la pantalla con la configuración realizada:

4.4. INSERCIÓN DE GRÁFICOS.