Live-Demo – Interaktive Beleuchtungssimulation
Open Solar Design Live Demo ist ein interaktives Demonstrationssystem zur Simulation und Steuerung von Solarbeleuchtung, mit dem Benutzer virtuelle ESP32-Geräte über eine Webschnittstelle fernsteuern und so authentische Lichtmanagementfunktionen erleben können. Das System verfügt über eine entkoppelte Front-End- und Back-End-Architektur, wobei das Front-End eine intuitive Bedienoberfläche bietet und das Back-End den Gerätestatus in Echtzeit über WebSockets synchronisiert, sodass Kunden unsere Produktfunktionen und technischen Fähigkeiten schnell verstehen können.
1. Benutzerauthentifizierungssystem
Das System bietet vollständige Benutzeranmeldungs- und Sitzungsverwaltungsfunktionen, um die sichere und ordnungsgemäße Nutzung der Demonstrationsumgebung zu gewährleisten.
1.1 Login-Funktion
- - Kontoanmeldung: Unterstützt die Standardauthentifizierung mit Benutzername/Passwort
- - Intelligentes CAPTCHA: Klicken Sie auf die angegebene Nummer, um die Überprüfung abzuschließen und so automatisierte Skriptangriffe zu verhindern
- - Sitzungsstatusverwaltung: Erkennt den Kontobelegungsstatus in Echtzeit und zeigt die verbleibende verfügbare Zeit an
- - Automatische Statuserkennung: Überprüft automatisch den Anmeldestatus des Standardbenutzers, wenn die Seite geladen wird
2. Beleuchtungsgerätesteuerung
Die Geräteverwaltungsseite bietet umfassende Steuerungsfunktionen für Beleuchtungsgeräte und unterstützt Geräteumschaltung, Helligkeitsanpassung und Geräteverwaltung.
2.1 Geräteschaltersteuerung
- - One-Click Toggle: Steuert den EIN/AUS-Status des Geräts über einen Kippschalter
- - Sofortige Synchronisierung: Statusänderungen werden in Echtzeit an den Server und die Geräteseite übertragen
- - Geräteliste: Zeigt alle hinzugefügten Beleuchtungsgeräte zusammen mit ihrem aktuellen Status an
2.2 Helligkeitsprozentsatzanpassung
- - Numerische Eingabe: Unterstützt die Helligkeitsanpassung von 0–100 %
- - Echtzeit-Feedback: Zeigt den aktuellen Helligkeitswert an
- - Persistente Speicherung: Helligkeitseinstellungen werden in der Datenbank gespeichert
2.3 Geräteverwaltung
- - Gerät hinzufügen: Geräte-ID und Anfangsstatus eingeben (Matrixanpassung)
- - Geräteliste: Klicken Sie auf Listenelemente, um Gerätedetails anzuzeigen und zu bearbeiten
3. Konfiguration des Betriebsmodus
Intelligente Konfiguration der Beleuchtungsstrategie, die benutzerdefinierte Einstellungen für mehrere Betriebsmodi unterstützt.
3.1 Konfigurationsparameter
- - Beleuchtungsdauer: Beleuchtungsdauer (unterstützt Dämmerung bis Morgendämmerung 14 Stunden oder 1–24 Stunden)
- - Anfängliche volle Helligkeit: Anfängliche volle Helligkeitsdauer (1–4 Stunden)
- - DIM-Helligkeit: Niedriger Helligkeitsprozentsatz (30 %–70 %).
- - Volle Helligkeit vor der Morgendämmerung: Volle Helligkeitsdauer vor der Morgendämmerung (1–3 Stunden)
3.2 Modus-Ergebnisanzeige
- - Modusformat: D2D-2hr/50 %/2hr steht beispielsweise für den Dämmerungs- bis Morgendämmerungsmodus, volle Helligkeit für die ersten 2 Stunden, 50 % Helligkeit während der mittleren Periode und volle Helligkeit für 2 Stunden vor Sonnenaufgang
- - Echtzeit-Update: Berechnungen werden sofort durchgeführt und Modusergebnisse werden sofort nach Konfigurationsänderungen angezeigt
4. Visualisierung der Zeitleiste
Die Echtzeit-Zeitleiste zeigt den Ausführungsfortschritt und den Status des Beleuchtungsplans an.
4.1 Timeline-Funktionen
- - Zeitachsenanzeige: Zeigt den Beleuchtungsplan stündlich an
- - Countdown-Anzeige: Verbleibende Zeit für die aktuelle Stunde
- - Helligkeitsstatus: Voreingestellte Helligkeit für jedes Zeitfenster
- - Aktiver Status: Aktuelle Helligkeit des aktivierten Zeitfensters
- - Manuelle Überschreibung: Manueller Einstellwert für das aktuelle Zeitfenster
- - Auto-Scroll: Scrollt automatisch zur aktuellen Stunde
5. ESP32-Textnachricht
Unterstützt das Senden von Remote-Textnachrichten an ESP32-Geräte.
5.1 Messaging-Funktion
- - Texteingabe: Unterstützt die Texteingabe von bis zu 42 Zeichen
- - Nachrichtenzustellung: Klicken Sie auf „Senden“ oder drücken Sie die Eingabetaste, um Nachrichten an den ESP32 zu senden
- - Verlaufsprotokoll: Zeigt alle gesendeten Nachrichten zusammen mit ihren Zeitstempeln an
6. Video-Demo-Wiedergabe
Auf der Hauptseite ist eine YouTube-Videodemonstration integriert, um die Systemfunktionen zu demonstrieren.
6.1 Videofunktionen
- - Einbettung von YouTube-Videos: Zeigt das Demonstrationsvideo zur Live-Demo-Funktionalität an
- - Zum Abspielen klicken: Klicken Sie auf die Wiedergabetaste, um die Wiedergabe zu starten
- - Vollbildunterstützung: Unterstützt die Vollbildanzeige
- - Funktion „Schließen“: Klicken Sie auf die Schaltfläche „Schließen“, um die Wiedergabe zu stoppen und den Player auszublenden
7. ESP32-Geräteseitige Funktionalität
Die Hardwaresimulationsschicht wird auf dem ESP32-Gerät ausgeführt, um Gerätesteuerung und -kommunikation zu erreichen.
7.1 Kernfunktionen
- - WLAN-Verbindung: Stellt automatisch eine Verbindung zum konfigurierten WLAN-Netzwerk her
- - OLED-Display: Zeigt Gerätestatus, Meldungen und Betriebsmodi in Echtzeit an
- - WebSocket-Kommunikation: Stellt eine bidirektionale Echtzeitverbindung mit dem Server her
- - Statusverwaltung: Verwaltet den Betriebsstatus und die Konfigurationsinformationen des Geräts
- - HTTP-Polling-Fallback: Schaltet automatisch auf HTTP-Polling um, wenn die WebSocket-Verbindung getrennt wird
8. Technische Eigenschaften
8.1 Echtzeitkommunikation
- - WebSocket Push: Pushen von Änderungen wie Gerätestatus, Helligkeit und Betriebsmodi in Echtzeit
- - Heartbeat-Erkennung: Überprüft regelmäßig den Zustand der Verbindung
- - Automatische Wiederverbindung: Versucht automatisch, die Verbindung wiederherzustellen, nachdem die Verbindung getrennt wurde
8.2 Unterstützung mehrerer Geräte
- - Geräte-ID-Identifikation: Jedes Gerät verfügt über eine eindeutige Kennung
- - Isolierung mehrerer Benutzer: Verschiedene Benutzer verwalten unterschiedliche Geräte
- - Speicherung auf Sitzungsebene: Gerätestatus bleiben während des Sitzungszeitraums synchronisiert
8.3 Sicherheit
- - Login-Authentifizierung: Überprüfung von Benutzername/Passwort
- - CAPTCHA-Schutz: Verhindert automatisierte Anmeldeversuche
- - Sitzungs-Timeout: Automatische Abmeldung nach 5 Minuten Inaktivität
- - Gerätebelegungserkennung: Verhindert, dass mehrere Benutzer gleichzeitig dasselbe Gerät bedienen
9. Workflow-Prozess
- - Schritt 1: Besuchen Sie die Hauptseite [http://www.opensolardesign.com/live-demo/live-demo]
- - Schritt 2: Rufen Sie die Anmeldeseite auf und geben Sie den Standardbenutzernamen und das Standardkennwort ein
- - Schritt 3: Klicken Sie auf die angegebene Nummer im CAPTCHA, um die Überprüfung abzuschließen
- - Schritt 4: Greifen Sie nach erfolgreicher Anmeldung auf die Management-Homepage zu
- - Schritt 5: Geräteschalter steuern und Helligkeit im Lichtmodul anpassen
- - Schritt 6: Konfigurieren Sie den Betriebsmodus (Leuchtdauer, anfängliche volle Helligkeitsdauer, niedrige Helligkeit usw.)
- - Schritt 7: Sehen Sie sich die Zeitleiste an, um den Ausführungsfortschritt des Beleuchtungsplans zu verstehen
- - Schritt 8: Senden Sie Textnachrichten an das ESP32-Gerät
- - Schritt 9: Sehen Sie sich das YouTube-Demonstrationsvideo an, um mehr über die Funktionen zu erfahren
10. Zukünftige erweiterte Funktionen
Das aktuelle System verfügt über vorreservierte Code-Frameworks für Funktionen wie Sprachinteraktion, Servosteuerung und KI-Assistenten (derzeit nicht aktiviert). In Zukunft werden die folgenden Funktionen schrittweise verbessert: Stapelverwaltung für Gruppen mit mehreren Geräten, Visualisierung der Beleuchtungsdatenanalyse, Optimierung des Betriebserlebnisses mobiler Endgeräte sowie die Einführung technischer Merkmale wie MQTT-Protokoll, Edge Computing, Geräteschatten und OTA-Upgrades.
Fazit
Open Solar Design Live Demo bietet eine minimalistische und vollständige Demonstration eines Solarbeleuchtungssteuerungssystems und deckt den gesamten Arbeitsablauf von der Benutzerauthentifizierung, Gerätesteuerung, Betriebsmoduskonfiguration bis hin zur Echtzeit-Statusüberwachung ab. Mithilfe eines modernen Web-Technologie-Stacks erreicht das System Echtzeitkommunikation über WebSockets, um Benutzern ein reibungsloses interaktives Erlebnis zu bieten. Das aktuelle System verfügt über vorreservierte Code-Frameworks für Funktionen wie Sprachinteraktion und Servosteuerung, was eine weitere Erweiterung der intelligenten Funktionen in der Zukunft ermöglicht.