ライブデモ - インタラクティブな照明シミュレーション
Open Solar Design Live Demo は、対話型の太陽光照明シミュレーションおよび制御デモンストレーション システムであり、ユーザーは Web インターフェイスを介して仮想 ESP32 デバイスをリモート制御し、本格的な照明管理機能を体験できます。このシステムは、フロントエンドとバックエンドの分離されたアーキテクチャを採用しており、フロントエンドは直観的な操作インターフェイスを提供し、バックエンドはWebSocketを介してデバイスのステータスをリアルタイムで同期し、クライアントが当社の製品機能と技術的能力を迅速に理解できるようにします。
1. ユーザー認証システム
このシステムは、デモンストレーション環境を安全かつ秩序正しく使用できるようにするための、完全なユーザー ログインおよびセッション管理機能を提供します。
1.1 ログイン機能
- - アカウント ログイン: デフォルトのユーザー名/パスワード認証をサポートします。
- - インテリジェント CAPTCHA: 指定された番号をクリックして検証を完了し、自動スクリプト攻撃を防ぎます。
- - セッションステータス管理: アカウントの占有状況をリアルタイムに検出し、残りの利用可能時間を表示します。
- - 自動ステータス検出: ページが読み込まれるときに、デフォルト ユーザーのログイン ステータスを自動的にチェックします。
2. 照明装置の制御
デバイス管理ページでは、包括的な照明デバイス制御機能を提供し、デバイスの切り替え、明るさ調整、デバイス管理をサポートします。
2.1 デバイススイッチ制御
- - ワンクリックトグル: トグルスイッチを介してデバイスのオン/オフステータスを制御します
- - インスタント同期: ステータスの変更はリアルタイムでサーバーとデバイス側にプッシュされます。
- - デバイスリスト: 追加されたすべての照明デバイスとその現在のステータスを表示します。
2.2 明るさの割合の調整
- - 数値入力: 0 ～ 100% の明るさ調整をサポート
- - リアルタイムフィードバック: 現在の明るさの値を表示します。
- - 永続ストレージ: 明るさの設定はデータベースに保存されます。
2.3 デバイス管理
- - デバイスの追加: デバイスIDと初期ステータスを入力します(マトリックスのカスタマイズ)
- - デバイスリスト: リスト項目をクリックしてデバイスの詳細を表示および編集します
3. 動作モードの設定
インテリジェントな照明戦略の構成。複数の動作モードのカスタム設定をサポートします。
3.1 設定パラメータ
- - 照明期間: 照明期間 (夕暮れから夜明けまでの 14 時間または 1 ～ 24 時間をサポート)
- - 初期最大輝度: 初期最大輝度持続時間 (1 ～ 4 時間)
- - DIM 輝度: 低輝度パーセンテージ (30%-70%)
- - 夜明け前の最大の明るさ: 夜明け前の最大の明るさの継続時間 (1 ～ 3 時間)
3.2 モード結果表示
- - モード形式: たとえば、D2D-2hr/50%/2hr は夕暮れから夜明けまでのモードを表し、最初の 2 時間は最大の明るさ、中間期間は 50% の明るさ、夜明け前の 2 時間は最大の明るさになります。
- - リアルタイム更新: 計算は即座に実行され、設定変更後すぐにモード結果が表示されます。
4. タイムラインの視覚化
リアルタイムのタイムラインには、照明計画の実行の進行状況とステータスが表示されます。
4.1 タイムライン機能
- - 時間軸表示：照明計画を時間単位で表示します。
- - カウントダウン表示: 現在時間の残り時間
- - 明るさステータス: 各時間帯のプリセット明るさ
- - アクティブステータス: アクティブ化されたタイムスロットの実際の明るさ
- - 手動オーバーライド: 現在のタイムスロットの手動設定値
- - 自動スクロール: 現在の時間まで自動的にスクロールします。
5. ESP32 テキストメッセージ
ESP32 デバイスへのリモート テキスト メッセージの送信をサポートします。
5.1 メッセージング機能
- - テキスト入力: 最大 42 文字のテキスト入力をサポートします
- - メッセージ配信: [送信] をクリックするか、Enter キーを押してメッセージを ESP32 にプッシュします。
- - 履歴ログ: 送信されたすべてのメッセージをタイムスタンプとともに表示します。
6. ビデオデモの再生
メイン ページには、システム機能を紹介する YouTube ビデオ デモンストレーションが組み込まれています。
6.1 ビデオ機能
- - YouTube ビデオの埋め込み: ライブ デモ機能のデモ ビデオを表示します。
- - クリックして再生: 再生ボタンをクリックして再生を開始します。
- - 全画面表示のサポート: 全画面表示をサポートします。
- - 閉じる機能: 閉じるボタンをクリックして再生を停止し、プレーヤーを非表示にします。
7. ESP32 デバイス側の機能
ハードウェア シミュレーション層は ESP32 デバイス上で実行され、デバイスの制御と通信を実現します。
7.1 コア機能
- - WiFi 接続: 設定された WiFi ネットワークに自動的に接続します。
- - OLED ディスプレイ: デバイスのステータス、メッセージ、動作モードをリアルタイムで表示します。
- - WebSocket 通信: サーバーとの双方向のリアルタイム接続を確立します。
- - ステータス管理: デバイスの動作ステータスと構成情報を維持します。
- - HTTP ポーリング フォールバック: WebSocket が切断されると、自動的に HTTP ポーリングに切り替わります。
8. 技術的特徴
8.1 リアルタイム通信
- - WebSocket Push: デバイスのステータス、明るさ、動作モードなどの変更をリアルタイムにプッシュします。
- - ハートビート検出: 接続の健全性ステータスを定期的にチェックします。
- - 自動再接続: 接続切断後に自動的に再接続を試みます。
8.2 マルチデバイスのサポート
- - デバイス ID 識別: 各デバイスには一意の識別子があります。
- - マルチユーザーの分離: 異なるユーザーが異なるデバイスを管理します
- - セッションレベルのストレージ: セッション期間中、デバイスのステータスは同期されたままになります。
8.3 セキュリティ
- - ログイン認証: ユーザー名/パスワードの検証
- - CAPTCHA 保護: 自動ログイン試行を防止します。
- - セッションタイムアウト: 5 分間非アクティブ状態が続くと自動的にログアウトします。
- - デバイス占有検出: 複数のユーザーが同じデバイスを同時に操作することを防ぎます。
9. ワークフロープロセス
- - ステップ 1: メイン ページ [http://www.opensolardesign.com/live-demo/live-demo] にアクセスします。
- - ステップ 2: ログイン ページに入り、デフォルトのユーザー名とパスワードを入力します。
- - ステップ 3: CAPTCHA 内の指定された番号をクリックして認証を完了します
- - ステップ 4: ログインに成功したら、管理ホームページにアクセスします。
- - ステップ 5: ライトモジュールでデバイスのスイッチを制御し、明るさを調整します
- - ステップ 6: 動作モードを設定します (点灯時間、初期最大輝度時間、低輝度など)。
- - ステップ 7: タイムラインを表示して、照明計画の実行の進行状況を理解します。
- - ステップ 8: ESP32 デバイスにテキスト メッセージを送信する
- - ステップ 9: YouTube のデモビデオを見て、機能の詳細を確認してください。
10. 将来の拡張機能
現在のシステムには、音声対話、サーボ制御、AI アシスタント (現在は無効) などの機能用のコード フレームワークが事前に予約されています。将来的には、マルチデバイス グループのバッチ管理、照明データ分析の視覚化、モバイル端末の操作エクスペリエンスの最適化、および MQTT プロトコル、エッジ コンピューティング、デバイス シャドウ、OTA アップグレードなどの技術的特徴の導入などの機能が段階的に改善される予定です。
結論
Open Solar Design ライブ デモは、ユーザー認証、デバイス制御、動作モード設定からリアルタイムのステータス監視までのワークフロー全体をカバーする、太陽光照明制御システムの最小限かつ完全なデモンストレーションを提供します。最新の Web テクノロジー スタックを利用して、システムは WebSocket 経由でリアルタイム通信を実現し、ユーザーにスムーズなインタラクティブ エクスペリエンスを提供します。現在のシステムには、音声対話やサーボ制御などの機能用のコード フレームワークが事前に予約されており、将来のインテリジェント機能のさらなる拡張が可能です。