LOGO!Web Editor

LWE: LOGO!
Web Editor
unrestricted © Siemens AG 2018 siemens.tld/keyword
Restricted © Siemens AG 2018

Page 1 2018-10-15 Author / Department
Más de 20 años de experiencia
Modulo lógico LOGO!, la solución para sus
tareas básicas de automatización
Unrestricted © Siemens AG 2020 siemens.com/logo

¿Qué es LOGO!?
LOGO! Es un módulo que permite

solucionar tareas de
automatización sencillas
Sistema LOGO! Incluye:

• Dispositivos básicos y módulos
de ampliación opcionales.
• Software LOGO! Soft Comfort

La automatización con dispositivos convencionales en el
pasado
Muchos
componentes para
seleccionar y
adquirirse
Después
del montaje …..
… la
programación se
hacía con cables
y desarmador

Automatización con LOGO!
Mayor espacio en
gabinete
Minimiza
esfuerzos de
cableado
Programación y
control
directamente en el
equipo
Flexibilidad para
adoptar
funcionalidad
para cada cliente

!El camino al éxito con
LOGO! Más de 20 años
de experiencia!
Historia
LOGO! LOGO! LOGO! LOGO! LOGO! LOGO! LOGO!
0BA0, 0BA1, 0BA2 …0BA3 …0BA4 …0BA5 …0BA6 …0BA7 ...0BA8
• Nuevo Display
• Web Server
• Editor web
• Pantalla externa • Comunicación
• 130 bloques de • PI-Control • Calculos • Interfaz Ethernet via SMS
• Modular función • Rampa matemáticos • SD-Card • Integración KNX
• + extensión • 50% + rapido • Analogicos • PWM DQ • Red • Modbus TCP:IP
1996 1998 2001 2003 2005 2007 2011 2014 2018

LOGO! 8 Cantidad de señales
24 entradas digitales
20 salidas digitales
8 entradas analógicas
8 salidas analógicas
El sistema LOGO! 8

LOGO! additional components
LOGO! CSM
LOGO! CMR 2020 / 2040 + - Switch con 4 puertos Un puerto
modulo de comunicación en la parte delantera para
para GSM y GPS acceso directo dentro de los
-  Acceso remote a LOGO! 8 via gabinetes de control, p. para +
SMS (sending/receiving) programación y servicio
-  Nombres simbolicos (Alias)
para SMS LOGO! Power
- Envío de e-mails - 4 versiones para 24 V
-  Programación remora a través -  0,6 A; 1,3 A; 2,5 A y 4 A
de VPN abierta 3 versiones para 12 V
 Determinación de posición via -  0,9 A; 1,9 A y 4,5 A +
GPS, seguimiento de
contenedores LOGO! CMK2000
 Time synchronization Módulo de comunicación para
 Configuración a través del integración en sistemas de bus
navegador KNX de edificios
Comunicación entre LOGO! y
actuadores/sensores KNX.
Programación a través del
+
software KNX ETS
¿Cómo se programa LOGO!?
https://support.industry.siemens.com/cs/document/109767413/logo!-soft-comfort-v8-2-sp1-(download-notes-instructions)?dti=0&lc=en-WW

LOGO! Soft Comfort – Programación fácil
• Bloques de funciones
• Simulación y prueba de
programas (red y vista de
programa)
• Modo de prueba en línea
• Documentación del proyecto
• Migración de proyectos
BA0..BA8 en 3 clics
• Compatible con Windows,
MAC y Linux
• Actualización y SW Demo
Gratuito
• Capacitación en línea vía WEB Version DEMO LOGO! Soft Comfort
https://new.siemens.com/global/en/products/automation/systems/industrial/plc/logo/logo-software.html#LOGOSoftComfort
Live Demo LOGO! Soft Comfort V8.2
Tema Live Demo Visualizacion LOGO! Soft Comfort
• Visualizar las dos vistas de LOGO! Soft Comfort

Modo diagrama
Proyecto de red
• Visualización de los dos lenguajes de programación

Bloques
Escalera

LWE: LOGO! Web Editor
unrestricted © Siemens AG 2018 siemens.tld/keyword

LOGO! Web Editor: permite la creación simple y fácil de sitios web
personalizados.
LOGO! –webserver integrado Funciones  Beneficios

Versión Basica “Mesjaes de texto”
Integrated webserver Solución asequible para controlar
• Diseño de sitios web sin sistemas a través de teléfonos
conocimiento de HTML inteligentes, tabletas y
• Versión Básica para mostrar computadoras
mensajes de texto y botones • No se requiere conocimiento
de función del TDE adicional debido al uso de
• Sitios web personalizados mensajes de texto
creados por ti mismo usando • Crear sitios web propios sin
LOGO! Editor web conocimiento de HTML
Versión Avanzada • El usuario avanzado puede • Optimización individual de
“Sitios Personalizados“ optimizar los sitios web sitios web utilizando HTML 5
utilizando HTML 5
• Compatible con todos los
navegadores web comunes
(Internet Explorer, Chrome,
Firefox, etc.)

Tema Live Demo Web Server LOGO!
• Activación del Servidor Web en LOGO! Soft Comfort
• Visualización de la pantalla desde el Web server de LOGO!

 Basic Module
 LOGO! TDE

LOGO! Opciones webserver vs LOGO! Web Editor
Basado en TDE y servidor web interno: Web server personalizado:

• Mensajes de texto a través de LOGO! Soft • Creando sitios web utilizando LOGO! Web Editor
Comfort (LWE) (Sin ningun conocieminto previo)
• Mostrando: • Proyectos pueden ser editados utilizando HTML
• LOGO! • LOGO! Basic Module necesita una tarjeta
• LOGO! TDE con teclas de función Micro-SD para salvar los sitios personalizados.
• Tablas de variables
Both webservers use the same password and must be enable in LOGO! Soft Comfort „Tools – Transfer – Access control“

LOGO! Web Editor
The LWE permite crear sitios personalizados, los cuales seran utilizados para controlar y
monitorear tareas de automatización de LOGO!:
• Interfaces de usuarios individuales
• Controlable por cualqueir dispositivo (Solo se necesita un explorador)
 Resolucion personalizable (de acuerdo con tu dispositivo)
• Control independiente de la ubicación (por ejemplo, a través de un teléfono inteligente)

Herramientas necesarias para crear y correr un sitio web
personalizado
• LOGO! Web Editor (Download via LOGO! homepage:

https://w3.siemens.com/mcms/programmable-logic-controller/en/logic-module-logo/demo-software/Pages/Default.aspx)
(supported operating systems: Windows 32/64, Linux 32/64 und MacOS)
• LOGO! Soft Comfort V8.2 (for programming)
• LOGO! 8 basic module version 8.2
LOGO! 12/24RCE 6ED1052-1MD08-0BA0
LOGO! 12/24RCEo 6ED1052-2MD08-0BA0
LOGO! 230RCE 6ED1052-1FB08-0BA0
LOGO! 230RCEo 6ED1052-2FB08-0BA0
LOGO! 24RCE 6ED1052-1HB08-0BA0
LOGO! 24RCEo 6ED1052-2HB08-0BA0
LOGO! 24CE 6ED1052-1CC08-0BA0
LOGO! 24CEo 6ED1052-2CC08-0BA0 (1/2018)
• Micro-SD card para usar sitios web personalizados (Todos los datos requeridos, como
imágenes, están almacenados en esta tarjeta Micro-SD)

LOGO! Web Editor - ¡GRATIS!
• Diseño de sitios web sin ningún

conocimiento de HTML.
• El usuario avanzado puede
optimizar los sitios web
utilizando HTML 5
• Compatible con todos los
navegadores web comunes
(Internet Explorer, Chrome,
Firefox, etc.)
• LOGO! Necesita una tarjeta
Micro-SD para guardar el sitio
web personalizado
• Resolución personalizable
(según su dispositivo)

Hands On LOGO! Soft Comfort V8.2
Tema Hands On Web Server LOGO!
• Diseñar una pagina para visualizar los valores de la tarea de

automatización.

Tema Live Demo Web Server LOGO!
1. Visualizar las variables de la tarea de automatización en la

pagina personalizada, desde la computadora.
2. Visualizar las variables de la tarea de automatización en la pagina

personalizada, desde el celular.

Más de 20 años de experiencia modulo lógico LOGO! la
solución para sus tareas básicas de automatización
Ing. Francia González Alfaro

Especialista
Responsable de producto
Controladores Básicos
[email protected]
siemens.com
siemens.com/logo
Vista detallada e interfaz de LWE
1. Barra de Menu
2. Barra de herramientas estandar
3. Panel del proyecto
4. Panel de componentes
5. Editor de panel
6. Propiedades del panel

Vista detallada e interfaz de LWE
Barra de menú:
File, Edit, Tools, Window, Help
Barra de herrameintas estandar:

New project, open project, close project, save, save as, left /
right rotate, redo, undo, download, upload, deploy on SD card
Panel del proyecto:

Project name, pages, Global Tags, Navigator

Overview of the LWE tool interface
Componentes del panel:
Los componentes tienen que arrastrarse y soltar en el editor de

panel.
Tool: dibujar graficos

Basic: Texto, Imagenes y enlaces
Digital: Valores digitales (botones decontrol)
Analog: Valores Analogicos (grabable), Barra Analogica (monitoreo
de la grafica de barras) y control deslizante (modificable)
Miscellaneous: Scale Time y LOGO! Clock
Properties pane:
Aquí puede personalizar las propiedades de un componente o página
seleccionados.

Overview of the LWE tool interface
Editor pane:
El panel editor es el área de trabajo para el

proyecto. En esta área de trabajo se generarán los
sitios web personalizados. El área se usa para
colocar componentes, diseñar imágenes o botones,
agregar fondos y establecer propiedades.
Diferentes resoluciones estan disponibles para

personalizar:
Eje: - smartphone
- tablet
- computadoras

Componentes detallados: Tool (Herramientas)
La polilínea, el rectángulo y el círculo se pueden usar para

diseñar imágenes propias.

Componentes detallados: Basic
Texto: para controlar la información de texto

Imagen: para monitorear imágenes
Enlace: para agregar otra URL-enlaces o sitios web

Componentes detallados: Digital
Valor digital:
El valor digital es uno de los componentes más importantes. Este
componente se puede usar para monitorear y controlar señales
digitales
Se pueden agregar otras imágenes para el estado de señal

"encendido" y "apagado".

Components in detail: Analog
Valor analógico: para monitorear y especificar valores analógicos

(numéricos)
Barra analógica: para monitorear valores analógicos (solo lectura)
Control deslizante analógico: para controlar y especificar valores
analógicos

Components in detail: Miscellaneous
Tiempo de escala: Para convertir valores enteros (por ejemplo,

valores de contador en valores de tiempo)
LOGO! Reloj: Para controlar la fecha y la hora del LOGO! conectado.

Primeros pasos con LOGO! Web Editor
Es importante correr LWE como administrador:
• Clic derecho y correr como administrador

• Clic derecho propiedades-acceso directo-correr como administrador
Ahora los símbolos y las imágenes se pueden importar a la Biblioteca

Una vez que el LOGO! Web Editor esta corriendo:
1. Crea un nuevo proyecto

2. Asigna:
• Nombre
• Locación
• Resolución
3. Da clic en terminar
Aún después se puede cambiar la resolución. También existe la opción de

agregar otras páginas con diferentes resoluciones. Este beneficio permite
diferentes sitios web para varios dispositivos

Primeros pasos con LOGO! Web Editor: Insertar valores
Digitales para controlar y monitorear
1. Agrega un valor digital para controlar y

monitorear la salida Q1
2. Selecciona tipo de bloque Q y Q1 como numero
de bloque
3. Atención: Habilita Modificable, de lo contrario
no es posible modificar la variable

Primeros pasos con LOGO! Web Editor: Agregar imagenes
Graficas a los valores digitales
El en menu de propiedades del panel tendremos la opción de

animación:
Tenemos dos opciones ON y OFF podemos asociar una imagen

el estado de la variable 1 y otra imagen al estado en 0
Si Das clic en el recuadro de los 3 puntitos, se desplegara la

librería de gráficos.
1. Selecciona la imagen para el estado en ON

2. Selecciona la imagen para el estado en OFF

Primeros pasos con LOGO! Web Editor:
Insertar imagenes personalizadas a la libreria
Para insertar imágenes o animaciones personalizadas tenemos dos maneras distintas:
1. Vía Upload file en la carpeta de My Graph

2. Copiar y pegar en la locación de My Graph
La ubicación de la carpeta dependera de la ubicación de instalación
„… - lwe - lwe - res - Graph Library – My Graph“

Descargando Programa a LOGO!
1. Guarda tu programa
2. Descarga los cambios al PLC
Aparecerá la ventana de interfaz de logo
3. Actualiza la lista de dispositivos
4. Selecciona el PLC
5. Prueba la conexión
6. Da clic en OK

Si la descarga se realizo correctamente deberán aparecerte los siguientes recuadros de información:
Restricted © Siemens AG 2018 Ahora el sitio Web personalizado ha sido almacenado en el LOGO!
Si la descarga se realiza con errores, principalmente por que el PLC no tiene insertada la Micro SD
aparecerán los siguientes mensajes:

Acceso al Web Server de LOGO!
Para permitir al acceso al servidor Web de LOGO! Deberás seguir lo

siguientes pasos:
1. Ingresa al menú de herramientas

2. Da clic en transferir
3. Selecciona la opción Control de acceso?
4. En el menu de configuración online habilita la opción de permitir acceso de servidor

web
5.Ingresa la contraseña que te permitirá el acceso
6. Da clic en aceptar

Crea un nuevo proyecto y agrega los bloques

mínimos para descargar un programa el PLC

Inicia tu navegador preferido
1. Ingresa en la barra del navegador la IP

de tu PLC
2. Ingresa el Password configurado
previamente
3. Habilita la opción de sitios
personalizados
4. da clic en Log on

Descarga el programa del ejercicio del nivel de agua al PLC y monitorea las 3
variables desde el LWE

Agregar nuevas paginas de edición
Para agregar una nueva imagen da clic derecho

en Page y selecciona New Page
Se ha añadido una nueva pagina

Agregar nuevas paginas de edición
Para cambiar la resolución de la pagina agregada:
1. Dirígete al menú de propiedades

2. Da clic en el menú de los … se abrirá el menú de
medidas
3. Ingresa el tamaño deseado
4. Da clic en guardar

Cambia el color de fondo o la imagen de fondo de la pagina
En el menú propiedades del panel en Styles

Da clic en los símbolos …
Se desplegara el menú siguiente, aquí podrás escoger entre color de fondo

de la librería o podrás ingresar una imagen de fondo.

Componentes analogicos
Componentes analogicos:
1. Agrega:
• Analog Value
• Analog Bar
• Analog Slider
2. Cambia las propiedades de los componentes
agregados como se muestra:
Especifica para los tres componentes AM como tipo de

bloque y AM1 como numero de bloque.

Creadno variables globales
Para crear variables globales:
1. Da doble clic en Tag Tableen el panel del proyecto

2. Da clic en Add para agregar una nueva variable
3. Ingresa el ID, Nombre, Tipo de bloque y numero de bloque
4. Da clic en Aplicar para aceptar los cambios
Una vez que has aceptado el cambio y la variable esta siendo utilizada, no es posible realizar cambio o borrar la variable, si deseas hacer cambios la
variable no deberá estar en uso.

Creadno variables globales
Para ligar una variable local a un complemento:
1. Selecciona el complemento dirígete a las

propiedades en Variable Name selecciona la
variable global que agregamos previamente.
2. Modifica los valores máximo y mínimo del
complemento.
3. Crea una variable en LOGO! Con la dirección
AM1.

Navegando en LOGO! Web Editor
Para agregar más paginas al proyecto:
1. Da doble clic en Navigator

2. Selecciona arrastra y suelta Navigator Item
3. Selecciona el item que acabas de agregar para configurar
su enlace
4. En el menú de propiedades despliega el menú de link
5. Selecciona la pagina que desees a la que te lleve el
enlace
Descarga el sitio Web en LOGO! Y abre el buscador.

Esta es una de las características más importantes para nuestros clientes. Esta característica permite el diseño personalizado de sitios web. LOGO! Web Editor
ofrece muchas posibilidades.
Formatos de imagen admitidos en LOGO! Editor web:
1. JPG/JPEG: Imágenes (Rectangular, no transparente)

2. PNG: imágenes en cualquier forma (sin marco) (GIMP se puede utilizar
para diseñar estas imágenes)
3. GIF / TIFF: imágenes animadas (GIMP se puede utilizar para diseñar
estas animaciones) 1 2 3


LOGO!Web Editor

Cargado por

Copyright:

Formatos disponibles

LOGO!Web Editor

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

LOGO!Web Editor

Cargado por

Copyright:

Formatos disponibles

LWE: LOGO!

unrestricted © Siemens AG 2018 siemens.tld/keyword

Restricted © Siemens AG 2018

Restricted © Siemens AG 2018

LOGO! Es un módulo que permite

Sistema LOGO! Incluye:

Restricted © Siemens AG 2018

Restricted © Siemens AG 2018

Restricted © Siemens AG 2018

1996 1998 2001 2003 2005 2007 2011 2014 2018

Restricted © Siemens AG 2018

Restricted © Siemens AG 2018

Restricted © Siemens AG 2018

Tema Live Demo Visualizacion LOGO! Soft Comfort

• Visualizar las dos vistas de LOGO! Soft Comfort

• Visualización de los dos lenguajes de programación

Restricted © Siemens AG 2018

unrestricted © Siemens AG 2018 siemens.tld/keyword

Restricted © Siemens AG 2018

LOGO! –webserver integrado Funciones  Beneficios

Restricted © Siemens AG 2018

Tema Live Demo Web Server LOGO!

• Activación del Servidor Web en LOGO! Soft Comfort

• Visualización de la pantalla desde el Web server de LOGO!

Restricted © Siemens AG 2018

Basado en TDE y servidor web interno: Web server personalizado:

Restricted © Siemens AG 2018

Restricted © Siemens AG 2018

• LOGO! Web Editor (Download via LOGO! homepage:

Restricted © Siemens AG 2018

• Diseño de sitios web sin ningún

Restricted © Siemens AG 2018

Tema Hands On Web Server LOGO!

• Diseñar una pagina para visualizar los valores de la tarea de

Restricted © Siemens AG 2018

Tema Live Demo Web Server LOGO!

1. Visualizar las variables de la tarea de automatización en la

2. Visualizar las variables de la tarea de automatización en la pagina

Restricted © Siemens AG 2018

Ing. Francia González Alfaro

Restricted © Siemens AG 2018

Barra de herrameintas estandar:

Panel del proyecto:

Restricted © Siemens AG 2018

Componentes del panel:

Los componentes tienen que arrastrarse y soltar en el editor de

Tool: dibujar graficos

Restricted © Siemens AG 2018

El panel editor es el área de trabajo para el

Diferentes resoluciones estan disponibles para

Restricted © Siemens AG 2018

La polilínea, el rectángulo y el círculo se pueden usar para

Restricted © Siemens AG 2018

Texto: para controlar la información de texto

Restricted © Siemens AG 2018

Se pueden agregar otras imágenes para el estado de señal

Restricted © Siemens AG 2018

Valor analógico: para monitorear y especificar valores analógicos

Restricted © Siemens AG 2018