Servidor web

LOGO! 8 incluye un servidor web que permite acceder al módulo base LOGO! y al LOGO! TDE vía Ethernet, desde un navegador web
instalado en una computadora o desde un dispositivo móvil (teléfonos inteligentes y tabletas con sistema Android en versión 2.0 o superior;
series iPhone y iPad de Apple). El servidor web se maneja con el mouse o con la pantalla táctil, en función del dispositivo utilizado, lo que
permite realizar operaciones rápidas y sencillas de manera virtual en el módulo base LOGO! y en el LOGO! TDE.
LOGO! soporta los siguientes protocolos de comunicación de servidor web: HTTP y HTTPS (recomendado). Para conocer más información
acerca de las funciones de seguridad en LOGO!, ver el capítulo Seguridad del Manual de sistema de LOGO! (pág. 301).

Habilitar el servidor web

1. El primer paso para utilizar el servidor web es
habilitar el acceso a esta función. Con el LOGO!
conectado a la computadora, abrir LOGO! Soft
Comfort y seleccionar el menú Archivo, luego
Propiedades y por último elegir la pestaña
Configuración online. Inicialmente nos
conectaremos a LOGO! de manera similar a cuando
realizamos la transferencia de un programa.

2. Una vez establecida la comunicación con el IP del módulo base, seleccionar la opción Ajustes del control de acceso de la lista de la

izquierda. El software nos solicitará pasar el LOGO! al modo STOP para permitir el acceso del servidor web en la opción
correspondiente. Recomendamos crear una contraseña para el acceso en esta instancia.

ATENCIÓN: en la versión de LOGO! 8.3, si habilitamos el acceso HTTPS para el servidor web, debemos instalar el certificado raíz de LOGO!
(Manual de sistema de LOGO!, pág. 308).
2
Iniciar sesión en el servidor web
1. Conectar el módulo base LOGO! a la computadora con un cable Ethernet estándar (patch cord),
o bien conectar el LOGO! al mismo router que la computadora o el dispositivo móvil desde el
cual deseamos acceder.

2. Pasar el LOGO! a modo RUN desde LOGO! Soft Comfort.

3. Abrir el navegador web e introducir la dirección IP del módulo base LOGO! en la barra de
direcciones. Luego, presionar la tecla Enter o el botón del navegador para iniciar la conexión.
Aparecerá entonces la pantalla de inicio del servidor web de LOGO!.

ATENCIÓN: si la conexión no se puede establecer a través del router, revisar que los primeros tres octetos de la dirección IP de LOGO!
coincidan con los del router (los primeros tres octetos de la dirección IP de la computadora). Si esto no es así, modificar la dirección IP de
LOGO!. Por ejemplo: dirección IP de la PC: 192.168.10.100; dirección IP de LOGO! 8: 192.168.10.20.

4. El nombre de usuario por defecto es Web User.

Introducir la contraseña elegida anteriormente. En caso
de no haber modificado la contraseña original, acceder
con la contraseña “LOGO”. Seleccionar el idioma
(Español) y luego presionar el botón Iniciar sesión.

ATENCIÓN: si falla el inicio de sesión, actualizar la página del

navegador presionando F5 en la computadora o volviéndola a
cargar si estamos utilizando un dispositivo móvil.

3
Visualizar la información y controlar las variables de LOGO!

Una vez que hayamos iniciado sesión, el servidor web de LOGO! nos muestra toda
la información de sistema del módulo base LOGO!, incluidos el modelo, la versión de
firmware (FW), la dirección IP y el estado del módulo.
En la sección Variable LOGO!, podemos seleccionar las variables del módulo base
que queremos visualizar y controlar desde el servidor web. Para ello, hacer clic en el
botón Agregar variable y seleccionar, por ejemplo, algunas entradas y salidas,
como se muestra en la siguiente imagen.

En este caso, debido al programa que está corriendo en el dispositivo y al estado de sus conexiones, vemos que la entrada I1 y la salida Q1
de LOGO! se encuentran activas (en 1), por lo cual su valor se muestra en verde (true). La entrada I2 está en 0, por lo que aparece de color
gris (false). Es posible cambiar el estado de las variables visualizadas siempre que estén habilitadas para ello con el símbolo visto de color
verde en la columna Modificar. No se puede cambiar el estado de una entrada o de una salida que ya esté siendo utilizada en el programa.

4
Programa 10: prueba con servidor web

El siguiente programa nos permitirá realizar pruebas de visualización y control con el servidor web. Una vez transferido al módulo base
LOGO!, realizar todas las configuraciones anteriores. Luego, acceder al servidor web y seleccionar todas las variables que utiliza el programa
(I1, M1, M2, Q1). Activar las dos marcas y después ir a la sección LOGO! BM. Allí podemos visualizar el display integrado de LOGO!, tal como
se ve físicamente durante la ejecución del programa.

ATENCIÓN: debemos acceder a la configuración del texto de aviso desde LOGO! Soft Comfort para comprobar que se seleccionó como
Destino de aviso tanto el Display de LOGO! como el Servidor web. De lo contrario, el aviso no se visualizaría en el navegador.

5
Servidor web personalizado
A partir de la versión LOGO! 8.2 es posible editar el servidor web de LOGO! si se instala, en la ranura
correspondiente del módulo base, una tarjeta de memoria micro-SD de entre 8 y 32 GB. Para
personalizar el servidor web de LOGO! se usa el software LOGO! Web Editor (LWE) versión 1.1.0,
que es gratuito. Solo está disponible en inglés y alemán, pero es muy intuitivo y fácil de utilizar. A
continuación, veremos los pasos para editar el servidor web de LOGO!.

1. Instalar el programa y acceder. Aparece la pantalla principal, tal como se ve en esta imagen.

① Barra de menús

② Barra de herramientas Estándar

③ Árbol de proyectos

④ Ventana de componentes

⑤ Ventana de edición

⑥ Ventana de propiedades

6
 2. Crear un nuevo proyecto desde el menú File, luego New Project.

3. Luego de presionar el botón Save en la ventana que aparece, el programa

mostrará la ventana para guardar el sitio web. Ingresar el nombre del
proyecto, la ubicación donde se guardará y la resolución de la página web.
Luego, presionar el botón Finish para continuar.

4. Arrastrar los componentes deseados desde la Ventana de componentes hasta la Ventana de edición de la página principal (Home
Page), que es la que se crea por defecto. Sugerimos trabajar en el centro horizontal de la página.

5. Una vez colocados los componentes en el lugar deseado, podemos modificar sus propiedades:

● Texto: arrastrar el ícono Text hasta la Ventana de edición. Inicialmente contiene un texto de ejemplo (“Text”), por lo que podemos hacer
doble clic sobre el componente para modificar el texto. También podemos modificar el texto en la opción Text Value de la ventana de
propiedades de este componente. Allí también podemos cambiar la tipografía, el tamaño de la letra, los colores y la alineación.

7
● Imagen: arrastrar el ícono Image hasta la Ventana de edición. Las
imágenes se visualizan inicialmente como un cuadrado gris. Para cargar una
imagen en el componente, debemos ir a la opción Values de la Ventana de
propiedades de la imagen y hacer clic sobre los puntos suspensivos que
aparecen a la derecha del nombre de la imagen que LWE insertó por defecto
(Default.png). Entonces, podemos desplegar una librería de gráficos que incluye
LWE, con imágenes de sensores, motores, pulsadores, tanques, cañerías,
indicadores luminosos, etc., además de algunas imágenes animadas. En la última
carpeta del árbol de la librería (My Graphs) es posible incluir imágenes externas
al presionar el botón Upload Files. LWE permite el uso de imágenes con
formatos .gif (hasta 256 kB) y formatos .png, .jpg y .jpeg (hasta 2 MB).

6. Nuestro ejemplo se basará en el programa de control de nivel

de un tanque con LOGO! 8. Entonces, seleccionar la imagen de
un tanque (carpeta Tanks) y acomodar su tamaño para que
ocupe el centro de la página. Luego, agregar la imagen de una
válvula (carpeta Valves), de cañerías (carpeta Pipes) y dos
imágenes de triángulos que representan los sensores de nivel
(carpeta Standard Icons). Ubicar las imágenes en la página
para formar el gráfico que se ve a la derecha. Mediante el clic
derecho podemos enviar al frente o al fondo cada imagen para
acomodarlas. Finalmente, incluir los textos necesarios para
indicar los nombres de las entradas y salidas del sistema.

8
7. Ir a la Ventana de componentes, en la sección Digital, y mediante el botón Switch Button insertar tres switch buttons para
visualizar el estado de las entradas y salidas del LOGO! 8.

8. En la Ventana de propiedades, configurar en Block Type el tipo de bloque (Entrada: I; Salida: O) y el nombre de cada uno de ellos en
Block Number (I1, I2, O1) para cada switch button. A modo de ejemplo, vemos en la imagen de la izquierda la configuración de la
entrada I1 y a la derecha cómo va quedando la parte gráfica con la inclusión de estos componentes.

9. Desde la sección Digital, insertar otros dos switch buttons. En este caso, utilizar estos componentes para forzar el estado de las
marcas M1 y M2 de LOGO! 8 simulando desde el servidor web el estado de los sensores de nivel, ya que en el programa de LOGO! 8
estas marcas estarán dispuestas cada una en una OR con los sensores de nivel conectados a I1 y a I2. Es decir que, desde la web,
podemos actuar sobre el LOGO! y producir un efecto sobre una salida física (Q1, que controla la válvula de llenado del tanque).

9
 10. A continuación, podemos cargar distintas imágenes para los estados On y Off de estas marcas en la Ventana de propiedades. Luego,
configurar las variables como hicimos antes, pero ahora seleccionar la opción Writable para poder actuar sobre estos botones, como
vemos a continuación.

11. Guardar los cambios una vez terminada la edición de prueba.

Transferencia del servidor web personalizado a LOGO! 8

1. Para transferir el servidor web personalizado al módulo base LOGO!, primero asegurarse de que el dispositivo esté conectado a la
computadora y la tarjeta de memoria micro-SD esté colocada en el LOGO!.

2. Luego, desde LWE presionar Ctrl + D o hacer clic en el ícono de transferencia desde la PC a LOGO!.

3. Para comprobar que la conexión funcione correctamente, presionar las flechas azules para ver la dirección IP del dispositivo y luego la
opción Test.
10
4. Una vez realizado el test de manera correcta, presionar OK y continuar.

5. Aparecerá un aviso de que la transferencia demorará unos minutos. Hacer clic en OK y esperar. Veremos que el led verde que indica la
actividad LAN funcionará de manera intermitente al recibir los datos.

6. Cuando finalice la transferencia, el sistema nos solicitará pasar el LOGO! a modo RUN . Hacer clic en OK.

11
Programa 11: prueba con servidor web personalizado

El servidor web ya está cargado en la tarjeta de memoria, pero aún falta transferir el programa:
1. Abrir el archivo correspondiente a la prueba desde LOGO! Soft Comfort.

ATENCIÓN: antes de realizar la transferencia del programa, debemos acceder a la configuración de LOGO! 8, seleccionar el modelo
adecuado en la configuración offline y habilitar el acceso al servidor web en la configuración online. Siempre aplicar los cambios en cada
configuración.

12
 2. Una vez aplicados los cambios, transferir el programa al
módulo base.

3. Llegó el momento de verificar el funcionamiento del

servidor web: acceder al servidor desde un navegador
escribiendo la dirección IP del LOGO!.

ATENCIÓN: seleccionar la opción Ir a la página personalizada.

4. Luego de un tiempo de espera, el servidor

web se cargará en el navegador y así se verá
la página personalizada del servidor web de
LOGO!. Ahora ya podemos visualizar y
controlar el sistema, además de observar los
cambios físicos que ocurren en el LOGO! 8, al
presionar los switch buttons desde el
navegador.

13
Acceso remoto al servidor web
La conexión establecida en las pruebas anteriores permite acceder al servidor web de LOGO! dentro de una LAN, es decir, una conexión de
área local. Esta puede ser cableada o inalámbrica (wifi), pero requiere que tanto el módulo base como la computadora o dispositivo desde el
que se accede al servidor web se encuentren conectados, directamente (PC y LOGO! 8) o con el mismo router.

Para acceder desde fuera de esa conexión local, por ejemplo para monitorear el funcionamiento de LOGO! desde cualquier lugar geográfico
vía Internet, es necesario realizar algunos ajustes.

1. Acceder a la configuración del router al que está conectado LOGO!, en la sección de la configuración avanzada (suele aparecer como
NAT o network address translation), y entrar a la configuración del servidor virtual para asignar una regla en la que se habilita el puerto
8080 para la dirección IP del LOGO!. En general, se puede acceder al router escribiendo en el navegador los tres primeros octetos de
la dirección IP de la computadora local y que el último valor sea 1, por ejemplo: 192.168.10.1.

2. A continuación, necesitamos conocer la dirección IP pública del router al que está conectado LOGO! porque, en general, las
direcciones IP de los routers son dinámicas: son asignadas por el proveedor del servicio de Internet cada vez que el router se conecta
a la red. Podemos consultar la IP dinámica del router en el sitio gratuito Cuál es mi IP. En este caso, vamos a suponer que es
190.124.147.121.

3. Con este dato ya es posible acceder de manera remota al servidor web de LOGO! desde un navegador web que se encuentre
conectado a otro router. Para eso, escribir en la barra de direcciones la IP dinámica seguida de :8080 como se ve en este ejemplo:

14
Otras funciones del servidor web personalizado

Lo que vimos hasta aquí fue tan solo una demostración de las funciones del servidor web editable. Es posible crear un sitio web completo, que
incluya más de una página y sea navegable desde el menú Navigation que aparece a la izquierda del sitio.

Otras funciones del servidor web personalizado son:

● Visualización de indicadores de variables analógicas.

● Control de variables analógicas.

● Control de entradas y salidas de red.

● Publicación de links a sitios de Internet.

● Publicación de documentos en formato .pdf.

● Visualización de fecha y hora de LOGO! 8.

● Visualización de video de la cámara IP.

Para obtener el máximo provecho de LOGO! 8 y su servidor web editable, recomendamos seguir realizando pruebas y profundizando en todo
lo que aprendimos en este curso. Así, con la práctica, podremos desarrollar aplicaciones de última tecnología (Internet de las Cosas o IoT) que
brinden soluciones efectivas y dinámicas a los permanentes desafíos que demandan la industria, la domótica, los procesos, los fabricantes de
máquinas y mucho más.

15
16