Demo dal vivo - Simulazione interattiva dell'illuminazione
Open Solar Design Live Demo è un sistema interattivo di simulazione e controllo dell'illuminazione solare che consente agli utenti di controllare in remoto i dispositivi ESP32 virtuali tramite un'interfaccia web, sperimentando autentiche funzioni di gestione dell'illuminazione. Il sistema adotta un'architettura front-end e back-end disaccoppiata, in cui il front-end fornisce un'interfaccia operativa intuitiva e il back-end sincronizza gli stati dei dispositivi in tempo reale tramite WebSocket, aiutando i clienti a comprendere rapidamente le caratteristiche dei nostri prodotti e le capacità tecniche.
1. Sistema di autenticazione dell'utente
Il sistema fornisce funzioni complete di accesso utente e gestione delle sessioni per garantire l'utilizzo sicuro e ordinato dell'ambiente dimostrativo.
1.1 Funzionalità di accesso
- - Accesso all'account: supporta l'autenticazione con nome utente/password predefiniti
- - CAPTCHA intelligente: fai clic sul numero designato per completare la verifica, prevenendo attacchi di script automatizzati
- - Gestione dello stato della sessione: rileva lo stato di occupazione dell'account in tempo reale e visualizza il tempo disponibile rimanente
- - Rilevamento automatico dello stato: controlla automaticamente lo stato di accesso dell'utente predefinito quando viene caricata la pagina
2. Controllo del dispositivo di illuminazione
La pagina di gestione dei dispositivi fornisce funzioni complete di controllo dei dispositivi di illuminazione, supportando la commutazione dei dispositivi, la regolazione della luminosità e la gestione dei dispositivi.
2.1 Controllo del cambio del dispositivo
- - Commutatore con un clic: controlla lo stato ON/OFF del dispositivo tramite un interruttore a levetta
- - Sincronizzazione istantanea: le modifiche allo stato vengono inviate al server e al dispositivo in tempo reale
- - Elenco dispositivi: visualizza tutti i dispositivi di illuminazione aggiunti insieme ai loro stati attuali
2.2 Regolazione percentuale di luminosità
- - Ingresso numerico: supporta la regolazione della luminosità dallo 0 al 100%.
- - Feedback in tempo reale: visualizza il valore di luminosità corrente
- - Archiviazione persistente: le impostazioni di luminosità vengono salvate nel database
2.3 Gestione dei dispositivi
- - Aggiungi dispositivo: inserisci l'ID del dispositivo e lo stato iniziale (personalizzazione della matrice)
- - Elenco dispositivi: fare clic sugli elementi dell'elenco per visualizzare e modificare i dettagli del dispositivo
3. Configurazione della modalità operativa
Configurazione intelligente della strategia di illuminazione, supporto di impostazioni personalizzate per molteplici modalità operative.
3.1 Parametri di configurazione
- - Durata illuminazione: durata dell'illuminazione (supporta dal tramonto all'alba 14 ore o 1-24 ore)
- - Luminosità completa iniziale: durata della luminosità iniziale completa (1-4 ore)
- - Luminosità DIM: percentuale di luminosità bassa (30%-70%)
- - Luminosità completa prima dell'alba: durata della luminosità completa prima dell'alba (1-3 ore)
3.2 Visualizzazione dei risultati della modalità
- - Formato modalità: ad esempio, D2D-2hr/50%/2hr rappresenta la modalità Dal tramonto all'alba, piena luminosità per le prime 2 ore, 50% di luminosità durante il periodo intermedio e piena luminosità per 2 ore prima dell'alba
- - Aggiornamento in tempo reale: i calcoli vengono eseguiti istantaneamente e i risultati della modalità vengono visualizzati immediatamente dopo le modifiche alla configurazione
4. Visualizzazione della linea temporale
La timeline in tempo reale visualizza lo stato di avanzamento dell'esecuzione e lo stato del piano di illuminazione.
4.1 Funzionalità della cronologia
- - Visualizzazione asse temporale: Visualizza il piano di illuminazione su base oraria
- - Visualizzazione del conto alla rovescia: tempo rimanente per l'ora corrente
- - Stato luminosità: luminosità preimpostata per ciascuna fascia oraria
- - Stato attivo: luminosità effettiva della fascia oraria attivata
- - Override manuale: valore di impostazione manuale per la fascia oraria corrente
- - Scorrimento automatico: scorre automaticamente fino all'ora corrente
5. Messaggio di testo ESP32
Supporta l'invio di messaggi di testo remoti ai dispositivi ESP32.
5.1 Funzionalità di messaggistica
- - Inserimento testo: supporta l'inserimento di testo fino a 42 caratteri
- - Consegna dei messaggi: fare clic su Invia o premere Invio per inviare messaggi a ESP32
- - Registro cronologia: visualizza tutti i messaggi inviati insieme ai relativi timestamp
6. Riproduzione demo video
La pagina principale integra una dimostrazione video di YouTube per mostrare le funzionalità del sistema.
6.1 Funzionalità video
- - Incorporamento video di YouTube: visualizza il video dimostrativo della funzionalità Live Demo
- - Fare clic per riprodurre: fare clic sul pulsante di riproduzione per avviare la riproduzione
- - Supporto a schermo intero: supporta la visualizzazione a schermo intero
- - Funzione Chiudi: fare clic sul pulsante Chiudi per interrompere la riproduzione e nascondere il lettore
7. Funzionalità lato dispositivo ESP32
Il livello di simulazione hardware viene eseguito sul dispositivo ESP32 per ottenere il controllo e la comunicazione del dispositivo.
7.1 Funzioni principali
- - Connessione WiFi: si connette automaticamente alla rete WiFi configurata
- - Display OLED: visualizza lo stato del dispositivo, i messaggi e le modalità operative in tempo reale
- - Comunicazione WebSocket: stabilisce una connessione bidirezionale in tempo reale con il server
- - Gestione dello stato: mantiene lo stato operativo del dispositivo e le informazioni di configurazione
- - Fallback polling HTTP: passa automaticamente al polling HTTP quando il WebSocket si disconnette
8. Caratteristiche Tecniche
8.1 Comunicazione in tempo reale
- - WebSocket Push: push in tempo reale di modifiche come stato del dispositivo, luminosità e modalità operative
- - Rilevamento heartbeat: controlla regolarmente lo stato di integrità della connessione
- - Riconnessione automatica: tenta automaticamente di riconnettersi dopo una disconnessione della connessione
8.2 Supporto multidispositivo
- - Identificazione ID dispositivo: ogni dispositivo ha un identificatore univoco
- - Isolamento multiutente: utenti diversi gestiscono dispositivi diversi
- - Archiviazione a livello di sessione: gli stati del dispositivo rimangono sincronizzati durante il periodo della sessione
8.3 Sicurezza
- - Autenticazione accesso: verifica nome utente/password
- - Protezione CAPTCHA: impedisce i tentativi di accesso automatizzati
- - Timeout sessione: disconnette automaticamente dopo 5 minuti di inattività
- - Rilevamento occupazione dispositivo: impedisce a più utenti di utilizzare lo stesso dispositivo contemporaneamente
9. Processo del flusso di lavoro
- - Passaggio 1: visitare la pagina principale [http://www.opensolardesign.com/live-demo/live-demo]
- - Passaggio 2: accedere alla pagina di accesso, inserire il nome utente e la password predefiniti
- - Passaggio 3: fare clic sul numero designato nel CAPTCHA per completare la verifica
- - Passaggio 4: accedere alla home page di gestione dopo aver effettuato l'accesso con successo
- - Passaggio 5: controlla gli interruttori del dispositivo e regola la luminosità nel modulo Luci
- - Passaggio 6: configurare la modalità operativa (durata dell'illuminazione, durata iniziale della massima luminosità, bassa luminosità, ecc.)
- - Step 7: Visualizza la Time Line per comprendere lo stato di avanzamento dell'esecuzione del progetto di illuminazione
- - Passaggio 8: invia messaggi di testo al dispositivo ESP32
- - Passaggio 9: guarda il video dimostrativo su YouTube per saperne di più sulle funzionalità
10. Funzionalità estese future
Il sistema attuale dispone di strutture di codice pre-riservate per funzionalità come l'interazione vocale, il servocontrollo e gli assistenti AI (attualmente non abilitati). In futuro, le seguenti funzionalità verranno progressivamente migliorate: gestione batch per gruppi multi-dispositivo, visualizzazione dell'analisi dei dati di illuminazione, ottimizzazione dell'esperienza operativa dei terminali mobili, nonché l'introduzione di caratteristiche tecniche tra cui il protocollo MQTT, edge computing, device shadows e aggiornamenti OTA.
Conclusione
Open Solar Design Live Demo fornisce una dimostrazione minimalista e completa di un sistema di controllo dell'illuminazione solare, coprendo l'intero flusso di lavoro dall'autenticazione dell'utente, al controllo del dispositivo, alla configurazione della modalità operativa fino al monitoraggio dello stato in tempo reale. Utilizzando un moderno stack di tecnologia web, il sistema realizza comunicazioni in tempo reale tramite WebSocket per offrire agli utenti un'esperienza interattiva fluida. Il sistema attuale dispone di strutture di codice pre-riservate per funzionalità quali l’interazione vocale e il servocontrollo, consentendo un’ulteriore espansione delle capacità intelligenti in futuro.