Demonstração ao vivo - Simulação de iluminação interativa
Open Solar Design Live Demo é um sistema interativo de simulação de iluminação solar e demonstração de controle que permite aos usuários controlar remotamente dispositivos ESP32 virtuais por meio de uma interface web, experimentando funções autênticas de gerenciamento de iluminação. O sistema adota uma arquitetura de front-end e back-end dissociada, onde o front-end fornece uma interface operacional intuitiva e o back-end sincroniza os status dos dispositivos em tempo real por meio de WebSockets, ajudando os clientes a entender rapidamente os recursos e capacidades técnicas de nossos produtos.
1. Sistema de autenticação de usuário
O sistema fornece funções completas de login de usuário e gerenciamento de sessão para garantir o uso seguro e ordenado do ambiente de demonstração.
1.1 Recurso de login
- - Login da conta: suporta autenticação de nome de usuário/senha padrão
- - CAPTCHA Inteligente: Clique no número designado para concluir a verificação, evitando ataques automatizados de script
- - Gerenciamento de status de sessão: detecta o status de ocupação da conta em tempo real e exibe o tempo disponível restante
- - Detecção automática de status: verifica automaticamente o status de login do usuário padrão quando a página é carregada
2. Controle do dispositivo de iluminação
A página de gerenciamento de dispositivos fornece funções abrangentes de controle de dispositivos de iluminação, suportando troca de dispositivos, ajuste de brilho e gerenciamento de dispositivos.
2.1 Controle de troca de dispositivo
- Alternação com um clique: controla o status LIGADO / DESLIGADO do dispositivo por meio de uma chave seletora
- - Sincronização instantânea: as alterações de status são enviadas para o servidor e para o dispositivo em tempo real
- - Lista de dispositivos: exibe todos os dispositivos de iluminação adicionados junto com seus status atuais
2.2 Ajuste percentual de brilho
- - Entrada numérica: suporta ajuste de brilho de 0 a 100%
- - Feedback em tempo real: exibe o valor de brilho atual
- - Armazenamento persistente: as configurações de brilho são salvas no banco de dados
2.3 Gerenciamento de dispositivos
- - Adicionar dispositivo: insira o ID do dispositivo e o status inicial (personalização da matriz)
- - Lista de dispositivos: clique nos itens da lista para visualizar e editar detalhes do dispositivo
3. Configuração do modo operacional
Configuração inteligente da estratégia de iluminação, suportando configurações personalizadas para vários modos de operação.
3.1 Parâmetros de Configuração
- - Duração da iluminação: Duração da iluminação (suporta Dusk to Dawn 14 horas ou 1-24 horas)
- - Brilho total inicial: duração do brilho total inicial (1-4 horas)
- - Brilho DIM: porcentagem de brilho baixo (30% -70%)
- - Brilho total antes do amanhecer: duração do brilho total antes do amanhecer (1-3 horas)
3.2 Exibição de resultados do modo
- Formato do modo: por exemplo, D2D 2 horas / 50% / 2 horas representa o modo Dusk to Dawn, brilho total nas primeiras 2 horas, 50% de brilho durante o período intermediário e brilho total por 2 horas antes do amanhecer
- - Atualização em tempo real: os cálculos são realizados instantaneamente e os resultados do modo são exibidos imediatamente após as alterações na configuração
4. Visualização da linha do tempo
A linha do tempo em tempo real exibe o progresso da execução e o status do plano de iluminação.
4.1 Recursos da linha do tempo
- - Exibição do eixo do tempo: exibe o plano de iluminação de hora em hora
- - Exibição de contagem regressiva: tempo restante para a hora atual
- - Status de brilho: brilho predefinido para cada intervalo de tempo
- - Status ativo: brilho real do intervalo de tempo ativado
- - Substituição manual: valor de configuração manual para o intervalo de tempo atual
- - Rolagem automática: rola automaticamente para a hora atual
5. Mensagem de texto ESP32
Suporta envio de mensagens de texto remotas para dispositivos ESP32.
5.1 Recurso de mensagens
- - Entrada de texto: suporta entrada de texto de até 42 caracteres
- - Entrega de mensagens: clique em enviar ou pressione Enter para enviar mensagens para o ESP32
- - Registro de histórico: exibe todas as mensagens enviadas junto com seus carimbos de data e hora
6. Reprodução de demonstração de vídeo
A página principal integra um vídeo de demonstração do YouTube para mostrar as funcionalidades do sistema.
6.1 Recursos de vídeo
- - Incorporação de vídeo do YouTube: exibe o vídeo de demonstração da funcionalidade de demonstração ao vivo
- - Clique para reproduzir: clique no botão play para iniciar a reprodução
- - Suporte para tela inteira: suporta visualização em tela inteira
- - Recurso Fechar: Clique no botão Fechar para interromper a reprodução e ocultar o player
7. Funcionalidade do lado do dispositivo ESP32
A camada de simulação de hardware é executada no dispositivo ESP32 para obter controle e comunicação do dispositivo.
7.1 Funções Principais
- - Conexão WiFi: conecta-se automaticamente à rede WiFi configurada
- - Display OLED: exibe o status do dispositivo, mensagens e modos de operação em tempo real
- - Comunicação WebSocket: Estabelece uma conexão bidirecional em tempo real com o servidor
- - Gerenciamento de status: mantém o status operacional do dispositivo e informações de configuração
- - HTTP Polling Fallback: alterna automaticamente para HTTP polling quando o WebSocket se desconecta
8. Características Técnicas
8.1 Comunicação em Tempo Real
- - WebSocket Push: envio em tempo real de alterações como status do dispositivo, brilho e modos de operação
- - Detecção de pulsação: verifica regularmente o status de integridade da conexão
- - Reconexão automática: tenta reconectar automaticamente após uma desconexão da conexão
8.2 Suporte a vários dispositivos
- - Identificação de ID do dispositivo: cada dispositivo possui um identificador exclusivo
- - Isolamento multiusuário: diferentes usuários gerenciam dispositivos diferentes
- - Armazenamento em nível de sessão: os status dos dispositivos permanecem sincronizados durante o período da sessão
8.3 Segurança
- - Autenticação de login: verificação de nome de usuário/senha
- - Proteção CAPTCHA: evita tentativas automatizadas de login
- - Tempo limite da sessão: efetua logout automaticamente após 5 minutos de inatividade
- - Detecção de ocupação de dispositivo: evita que vários usuários operem o mesmo dispositivo simultaneamente
9. Processo de fluxo de trabalho
- - Passo 1: Visite a página principal [http://www.opensolardesign.com/live-demo/live-demo]
- - Etapa 2: Entre na página de login, insira o nome de usuário e a senha padrão
- - Etapa 3: Clique no número designado no CAPTCHA para concluir a verificação
- - Etapa 4: Acesse a página inicial de gerenciamento após o login bem-sucedido
- - Etapa 5: Controle os interruptores do dispositivo e ajuste o brilho no módulo Luzes
- - Passo 6: Configurar o modo de operação (duração da iluminação, duração inicial do brilho total, brilho baixo, etc.)
- - Etapa 7: Visualize a Linha do Tempo para entender o andamento da execução do plano de iluminação
- - Etapa 8: Envie mensagens de texto para o dispositivo ESP32
- - Passo 9: Assista ao vídeo de demonstração do YouTube para saber mais sobre as funcionalidades
10. Recursos estendidos futuros
O sistema atual possui estruturas de código pré-reservadas para recursos como interação de voz, controle de servo e assistentes de IA (atualmente não habilitados). No futuro, as seguintes capacidades serão progressivamente melhoradas: gestão de lotes para grupos de vários dispositivos, visualização de análise de dados de iluminação, otimização da experiência de operação de terminais móveis, bem como a introdução de características técnicas, incluindo protocolo MQTT, computação de ponta, sombras de dispositivos e atualizações OTA.
Conclusão
Open Solar Design Live Demo fornece uma demonstração minimalista e completa de um sistema de controle de iluminação solar, cobrindo todo o fluxo de trabalho, desde autenticação do usuário, controle de dispositivos, configuração do modo de operação até monitoramento de status em tempo real. Utilizando uma moderna pilha de tecnologia web, o sistema alcança comunicação em tempo real via WebSockets para oferecer uma experiência interativa tranquila aos usuários. O sistema atual possui estruturas de código pré-reservadas para recursos como interação de voz e controle servo, permitindo uma maior expansão das capacidades inteligentes no futuro.