Démo en direct - Simulation d'éclairage interactive
Open Solar Design Live Demo est un système interactif de démonstration de simulation et de contrôle de l'éclairage solaire qui permet aux utilisateurs de contrôler à distance des appareils ESP32 virtuels via une interface Web, en bénéficiant de fonctions de gestion d'éclairage authentiques. Le système adopte une architecture front-end et back-end découplée, où le front-end fournit une interface d'exploitation intuitive et le back-end synchronise les statuts des appareils en temps réel via WebSockets, aidant ainsi les clients à comprendre rapidement les fonctionnalités et les capacités techniques de nos produits.
1. Système d'authentification des utilisateurs
Le système fournit des fonctions complètes de connexion utilisateur et de gestion de session pour garantir l'utilisation sécurisée et ordonnée de l'environnement de démonstration.
1.1 Fonctionnalité de connexion
- - Connexion au compte : prend en charge l'authentification par nom d'utilisateur/mot de passe par défaut
- - CAPTCHA intelligent : cliquez sur le numéro désigné pour terminer la vérification, empêchant ainsi les attaques de script automatisées
- - Gestion de l'état de session : Détecte l'état d'occupation du compte en temps réel et affiche le temps disponible restant
- - Détection automatique de l'état : vérifie automatiquement l'état de connexion de l'utilisateur par défaut lors du chargement de la page
2. Contrôle des appareils d'éclairage
La page de gestion des appareils fournit des fonctions complètes de contrôle des appareils d'éclairage, prenant en charge la commutation des appareils, le réglage de la luminosité et la gestion des appareils.
2.1 Contrôle du commutateur de périphérique
- - Bascule en un clic : contrôle l'état ON/OFF de l'appareil via un interrupteur à bascule
- - Synchronisation instantanée : les changements de statut sont transmis au serveur et au périphérique en temps réel
- - Liste des appareils : affiche tous les appareils d'éclairage ajoutés ainsi que leur état actuel
2.2 Ajustement du pourcentage de luminosité
- - Entrée numérique : prend en charge le réglage de la luminosité de 0 à 100 %
- - Commentaires en temps réel : affiche la valeur de luminosité actuelle
- - Stockage persistant : les paramètres de luminosité sont enregistrés dans la base de données
2.3 Gestion des appareils
- - Ajouter un appareil : saisissez l'ID de l'appareil et son état initial (personnalisation de la matrice)
- - Liste des appareils : cliquez sur les éléments de la liste pour afficher et modifier les détails de l'appareil.
3. Configuration du mode de fonctionnement
Configuration de stratégie d'éclairage intelligente, prenant en charge les paramètres personnalisés pour plusieurs modes de fonctionnement.
3.1 Paramètres de configuration
- - Durée d'éclairage : durée d'éclairage (prend en charge du crépuscule à l'aube 14 heures ou 1 à 24 heures)
- - Pleine luminosité initiale : durée initiale de pleine luminosité (1 à 4 heures)
- - DIM Brightness : faible pourcentage de luminosité (30 % à 70 %)
- - Pleine luminosité avant l'aube : durée de pleine luminosité avant l'aube (1 à 3 heures)
3.2 Affichage des résultats du mode
- - Format du mode : par exemple, D2D-2hr/50%/2hr représente le mode Dusk to Dawn, pleine luminosité pendant les 2 premières heures, 50 % de luminosité pendant la période intermédiaire et pleine luminosité pendant 2 heures avant l'aube.
- - Mise à jour en temps réel : les calculs sont effectués instantanément et les résultats du mode sont affichés immédiatement après les modifications de configuration
4. Visualisation de la chronologie
La chronologie en temps réel affiche la progression de l'exécution et l'état du plan d'éclairage.
4.1 Fonctionnalités de la chronologie
- - Affichage de l'axe temporel : affiche le plan d'éclairage sur une base horaire
- - Affichage du compte à rebours : temps restant pour l'heure en cours
- - État de la luminosité : luminosité prédéfinie pour chaque plage horaire
- - Statut actif : luminosité réelle de la plage horaire activée
- - Manual Override : valeur de réglage manuel pour la plage horaire actuelle
- - Défilement automatique : défile automatiquement jusqu'à l'heure actuelle
5. Message texte ESP32
Prend en charge l'envoi de messages texte à distance aux appareils ESP32.
5.1 Fonction de messagerie
- - Saisie de texte : prend en charge la saisie de texte jusqu'à 42 caractères
- - Envoi des messages : cliquez sur Envoyer ou appuyez sur Entrée pour envoyer des messages à l'ESP32.
- - Journal d'historique : affiche tous les messages envoyés avec leurs horodatages
6. Lecture de démonstration vidéo
La page principale intègre une démonstration vidéo YouTube pour présenter les fonctionnalités du système.
6.1 Fonctionnalités vidéo
- - Intégration de vidéos YouTube : affiche la vidéo de démonstration de la fonctionnalité Live Demo
- - Cliquez pour jouer : cliquez sur le bouton de lecture pour démarrer la lecture.
- - Prise en charge plein écran : prend en charge l'affichage en plein écran
- - Fonctionnalité de fermeture : cliquez sur le bouton de fermeture pour arrêter la lecture et masquer le lecteur.
7. Fonctionnalité côté appareil ESP32
La couche de simulation matérielle s'exécute sur le périphérique ESP32 pour réaliser le contrôle et la communication du périphérique.
7.1 Fonctions principales
- - Connexion WiFi : se connecte automatiquement au réseau WiFi configuré
- - Écran OLED : affiche l'état de l'appareil, les messages et les modes de fonctionnement en temps réel
- - WebSocket Communication : établit une connexion bidirectionnelle en temps réel avec le serveur
- - Gestion de l'état : maintient l'état de fonctionnement de l'appareil et les informations de configuration
- - HTTP Polling Fallback : passe automatiquement à l'interrogation HTTP lorsque le WebSocket se déconnecte
8. Caractéristiques techniques
8.1 Communication en temps réel
- - WebSocket Push : transmission en temps réel des modifications telles que l'état de l'appareil, la luminosité et les modes de fonctionnement
- - Détection du rythme cardiaque : vérifie régulièrement l'état de santé de la connexion
- - Reconnexion automatique : tente automatiquement de se reconnecter après une déconnexion de la connexion
8.2 Prise en charge de plusieurs appareils
- - Identification de l'ID de l'appareil : chaque appareil possède un identifiant unique
- - Isolation multi-utilisateurs : différents utilisateurs gèrent différents appareils
- - Stockage au niveau de la session : les statuts des appareils restent synchronisés pendant la période de session
8.3 Sécurité
- - Authentification de connexion : vérification du nom d'utilisateur/mot de passe
- - Protection CAPTCHA : empêche les tentatives de connexion automatisées
- - Session Timeout : se déconnecte automatiquement après 5 minutes d'inactivité
- - Détection d'occupation de l'appareil : empêche plusieurs utilisateurs d'utiliser le même appareil simultanément
9. Processus de flux de travail
- - Étape 1 : Visitez la page principale [http://www.opensolardesign.com/live-demo/live-demo]
- - Étape 2 : Accédez à la page de connexion, saisissez le nom d'utilisateur et le mot de passe par défaut
- - Étape 3 : Cliquez sur le numéro désigné dans le CAPTCHA pour terminer la vérification
- - Étape 4 : Accédez à la page d'accueil de gestion une fois la connexion réussie
- - Étape 5 : Contrôler les interrupteurs des appareils et régler la luminosité dans le module Lumières
- - Étape 6 : Configurer le mode de fonctionnement (durée d'éclairage, durée initiale de pleine luminosité, faible luminosité, etc.)
- - Étape 7 : Visualisez la chronologie pour comprendre l'avancement de l'exécution du plan d'éclairage
- - Étape 8 : Envoyer des messages texte à l'appareil ESP32
- - Étape 9 : Regardez la vidéo de démonstration YouTube pour en savoir plus sur les fonctionnalités
10. Futures fonctionnalités étendues
Le système actuel dispose de cadres de code pré-réservés pour des fonctionnalités telles que l'interaction vocale, le contrôle d'asservissement et les assistants IA (actuellement non activés). À l'avenir, les fonctionnalités suivantes seront progressivement améliorées : gestion des lots pour les groupes multi-appareils, visualisation de l'analyse des données d'éclairage, optimisation de l'expérience de fonctionnement des terminaux mobiles, ainsi que l'introduction de caractéristiques techniques, notamment le protocole MQTT, l'informatique de pointe, les ombres d'appareils et les mises à niveau OTA.
Conclusion
Open Solar Design Live Demo fournit une démonstration minimaliste et complète d'un système de contrôle d'éclairage solaire, couvrant l'ensemble du flux de travail depuis l'authentification des utilisateurs, le contrôle des appareils, la configuration du mode de fonctionnement jusqu'à la surveillance de l'état en temps réel. Utilisant une pile technologique Web moderne, le système permet une communication en temps réel via WebSockets pour offrir une expérience interactive fluide aux utilisateurs. Le système actuel dispose de cadres de code pré-réservés pour des fonctionnalités telles que l'interaction vocale et l'asservissement, permettant ainsi une expansion ultérieure des capacités intelligentes.