Demostración en vivo: simulación de iluminación interactiva
Open Solar Design Live Demo es un sistema interactivo de demostración de control y simulación de iluminación solar que permite a los usuarios controlar de forma remota dispositivos ESP32 virtuales a través de una interfaz web, experimentando funciones auténticas de gestión de iluminación. El sistema adopta una arquitectura de front-end y back-end desacoplada, donde el front-end proporciona una interfaz operativa intuitiva y el back-end sincroniza los estados de los dispositivos en tiempo real a través de WebSockets, lo que ayuda a los clientes a comprender rápidamente las características y capacidades técnicas de nuestros productos.
1. Sistema de autenticación de usuarios
El sistema proporciona funciones completas de inicio de sesión de usuario y gestión de sesiones para garantizar el uso seguro y ordenado del entorno de demostración.
1.1 Función de inicio de sesión
- - Inicio de sesión de cuenta: admite autenticación de nombre de usuario/contraseña predeterminada
- - CAPTCHA inteligente: haga clic en el número designado para completar la verificación, evitando ataques de script automatizados
- - Gestión del estado de la sesión: detecta el estado de ocupación de la cuenta en tiempo real y muestra el tiempo disponible restante
- - Detección automática de estado: verifica automáticamente el estado de inicio de sesión del usuario predeterminado cuando se carga la página
2. Control de dispositivos de iluminación
La página de administración de dispositivos proporciona funciones integrales de control de dispositivos de iluminación, admitiendo el cambio de dispositivos, el ajuste de brillo y la administración de dispositivos.
2.1 Control del interruptor del dispositivo
- - Alternancia con un clic: controla el estado de encendido/apagado del dispositivo mediante un interruptor de palanca
- - Sincronización instantánea: los cambios de estado se envían al servidor y al dispositivo en tiempo real
- - Lista de dispositivos: muestra todos los dispositivos de iluminación agregados junto con sus estados actuales
2.2 Ajuste del porcentaje de brillo
- - Entrada numérica: Admite ajuste de brillo de 0-100%
- - Comentarios en tiempo real: muestra el valor de brillo actual
- - Almacenamiento persistente: la configuración de brillo se guarda en la base de datos
2.3 Gestión de dispositivos
- - Agregar dispositivo: ingrese la ID del dispositivo y el estado inicial (personalización de la matriz)
- - Lista de dispositivos: haga clic en los elementos de la lista para ver y editar los detalles del dispositivo
3. Configuración del modo de funcionamiento
Configuración de estrategia de iluminación inteligente, compatible con configuraciones personalizadas para múltiples modos de funcionamiento.
3.1 Parámetros de configuración
- - Duración de la iluminación: duración de la iluminación (admite del anochecer al amanecer 14 horas o de 1 a 24 horas)
- - Brillo total inicial: duración del brillo total inicial (1-4 horas)
- - Brillo DIM: Porcentaje de brillo bajo (30%-70%)
- - Brillo total antes del amanecer: duración del brillo total antes del amanecer (1-3 horas)
3.2 Modo de visualización de resultados
- - Formato de modo: por ejemplo, D2D-2hr/50%/2hr representa el modo de atardecer a amanecer, brillo total durante las primeras 2 horas, 50% de brillo durante el período intermedio y brillo total durante 2 horas antes del amanecer.
- - Actualización en tiempo real: los cálculos se realizan instantáneamente y los resultados del modo se muestran inmediatamente después de los cambios de configuración
4. Visualización de la línea de tiempo
La línea de tiempo en tiempo real muestra el progreso de la ejecución y el estado del plan de iluminación.
4.1 Funciones de la línea de tiempo
- - Visualización del eje de tiempo: muestra el plan de iluminación cada hora
- - Pantalla de cuenta regresiva: tiempo restante para la hora actual
- - Estado de brillo: brillo preestablecido para cada franja horaria
- - Estado Activo: Brillo real de la franja horaria activada
- - Anulación manual: valor de configuración manual para el intervalo de tiempo actual
- - Desplazamiento automático: se desplaza automáticamente a la hora actual
5. Mensaje de texto ESP32
Admite el envío de mensajes de texto remotos a dispositivos ESP32.
5.1 Función de mensajería
- - Entrada de texto: admite entrada de texto de hasta 42 caracteres
- - Entrega de mensajes: haga clic en enviar o presione Entrar para enviar mensajes al ESP32
- - Registro de historial: muestra todos los mensajes enviados junto con sus marcas de tiempo
6. Reproducción de demostración de vídeo
La página principal integra una demostración en video de YouTube para mostrar las funcionalidades del sistema.
6.1 Funciones de vídeo
- - Incrustación de vídeo de YouTube: muestra el vídeo de demostración de la funcionalidad Live Demo.
- - Haga clic para reproducir: haga clic en el botón de reproducción para iniciar la reproducción.
- - Soporte de pantalla completa: admite visualización de pantalla completa
- - Función Cerrar: haga clic en el botón Cerrar para detener la reproducción y ocultar el reproductor.
7. Funcionalidad del lado del dispositivo ESP32
La capa de simulación de hardware se ejecuta en el dispositivo ESP32 para lograr el control y la comunicación del dispositivo.
7.1 Funciones principales
- - Conexión WiFi: Se conecta automáticamente a la red WiFi configurada
- - Pantalla OLED: muestra el estado del dispositivo, mensajes y modos de funcionamiento en tiempo real
- - WebSocket Communication: Establece una conexión bidireccional en tiempo real con el servidor
- - Gestión de estado: mantiene el estado operativo del dispositivo y la información de configuración.
- - Reserva de sondeo HTTP: cambia automáticamente a sondeo HTTP cuando el WebSocket se desconecta
8. Características Técnicas
8.1 Comunicación en tiempo real
- - WebSocket Push: envío en tiempo real de cambios como el estado del dispositivo, el brillo y los modos de funcionamiento
- - Detección de latidos: comprueba periódicamente el estado de la conexión
- - Reconexión automática: intenta reconectarse automáticamente después de una desconexión de la conexión
8.2 Soporte para múltiples dispositivos
- - Identificación de ID del dispositivo: cada dispositivo tiene un identificador único
- - Aislamiento multiusuario: diferentes usuarios administran diferentes dispositivos
- - Almacenamiento a nivel de sesión: los estados del dispositivo permanecen sincronizados durante el período de la sesión
8.3 Seguridad
- - Autenticación de inicio de sesión: verificación de nombre de usuario/contraseña
- - Protección CAPTCHA: evita intentos de inicio de sesión automáticos
- - Tiempo de espera de sesión: cierra sesión automáticamente después de 5 minutos de inactividad
- - Detección de ocupación del dispositivo: evita que varios usuarios operen el mismo dispositivo simultáneamente
9. Proceso de flujo de trabajo
- - Paso 1: Visita la página principal [http://www.opensolardesign.com/live-demo/live-demo]
- - Paso 2: Ingrese a la página de inicio de sesión, ingrese el nombre de usuario y la contraseña predeterminados
- - Paso 3: haga clic en el número designado en CAPTCHA para completar la verificación
- - Paso 4: acceda a la página de inicio de administración al iniciar sesión correctamente
- - Paso 5: Controle los interruptores del dispositivo y ajuste el brillo en el módulo de Luces
- - Paso 6: Configure el modo de funcionamiento (duración de la iluminación, duración del brillo inicial total, brillo bajo, etc.)
- - Paso 7: Ver la línea de tiempo para comprender el progreso de ejecución del plan de iluminación
- - Paso 8: Enviar mensajes de texto al dispositivo ESP32
- - Paso 9: Mire el vídeo de demostración de YouTube para obtener más información sobre las funcionalidades.
10. Funciones ampliadas futuras
El sistema actual tiene marcos de código reservados previamente para funciones como interacción de voz, servocontrol y asistentes de IA (actualmente no habilitados). En el futuro, se mejorarán progresivamente las siguientes capacidades: gestión de lotes para grupos de múltiples dispositivos, visualización de análisis de datos de iluminación, optimización de la experiencia de operación de terminales móviles, así como la introducción de características técnicas que incluyen el protocolo MQTT, computación de borde, sombras de dispositivos y actualizaciones OTA.
Conclusión
Open Solar Design Live Demo proporciona una demostración minimalista y completa de un sistema de control de iluminación solar, que cubre todo el flujo de trabajo, desde la autenticación del usuario, el control del dispositivo, la configuración del modo de funcionamiento hasta el monitoreo del estado en tiempo real. Utilizando una pila de tecnología web moderna, el sistema logra comunicación en tiempo real a través de WebSockets para brindar una experiencia interactiva fluida a los usuarios. El sistema actual tiene marcos de código reservados previamente para funciones como la interacción de voz y el servocontrol, lo que permitirá una mayor expansión de las capacidades inteligentes en el futuro.