open-solar-design

Live na Demo

Interactive Lighting Simulation at Solar Street Light Tools






Live Demo - Interactive Lighting Simulation

Na-post ng Editoryal na Koponan ng OSD Pinakasikat, Kaalaman Hulyo 13, 2026
Live Demo - Interactive Lighting Simulation
Live Demo →

Ang Open Solar Design Live Demo ay isang interactive na solar lighting simulation at control demonstration system na nagbibigay-daan sa mga user na malayuang kontrolin ang mga virtual na ESP32 device sa pamamagitan ng web interface, na nakakaranas ng mga tunay na function ng pamamahala ng ilaw. Gumagamit ang system ng decoupled na front-end at back-end na arkitektura, kung saan ang front-end ay nagbibigay ng intuitive na operating interface at ang back-end ay nagsi-synchronize ng mga status ng device sa real time sa pamamagitan ng WebSockets, na tumutulong sa mga kliyente na mabilis na maunawaan ang aming mga feature ng produkto at mga teknikal na kakayahan.

1. User Authentication System

Ang system ay nagbibigay ng kumpletong user login at session management function upang matiyak ang secure at maayos na paggamit ng demonstration environment.

1.1 Tampok sa Pag-login

  • - Login ng Account: Sinusuportahan ang default na pagpapatunay ng username/password
  • - Intelligent CAPTCHA: Mag-click sa itinalagang numero upang makumpleto ang pag-verify, na pumipigil sa mga awtomatikong pag-atake ng script
  • - Pamamahala ng Katayuan ng Session: Nakikita ang katayuan ng occupancy ng account sa real time at ipinapakita ang natitirang magagamit na oras
  • - Awtomatikong Pagtukoy sa Katayuan: Awtomatikong sinusuri ang katayuan sa pag-log in ng default na user kapag nag-load ang pahina

2. Pagkontrol ng Device sa Pag-iilaw

Nagbibigay ang page ng pamamahala ng device ng komprehensibong mga function ng control ng device sa pag-iilaw, pagsuporta sa paglipat ng device, pagsasaayos ng liwanag, at pamamahala ng device.

2.1 Kontrol ng Paglipat ng Device

  • - One-Click Toggle: Kinokontrol ang status ng ON/OFF ng device sa pamamagitan ng Toggle switch
  • - Instant na Pag-synchronize: Ang mga pagbabago sa status ay itinutulak sa server at sa gilid ng device sa real time
  • - Listahan ng Device: Ipinapakita ang lahat ng idinagdag na device sa pag-iilaw kasama ng kanilang mga kasalukuyang status

2.2 Pagsasaayos ng Porsyento ng Liwanag

  • - Numeric Input: Sinusuportahan ang 0-100% na pagsasaayos ng liwanag
  • - Real-Time na Feedback: Ipinapakita ang kasalukuyang halaga ng liwanag
  • - Persistent Storage: Ang mga setting ng liwanag ay nai-save sa database

2.3 Pamamahala ng Device

  • - Magdagdag ng Device: Ilagay ang device ID at paunang katayuan (pag-customize ng matrix)
  • - Listahan ng Device: Mag-click sa mga item sa listahan upang tingnan at i-edit ang mga detalye ng device

3. Operating Mode Configuration

Configuration ng diskarte sa matalinong pag-iilaw, na sumusuporta sa mga custom na setting para sa maraming operating mode.

3.1 Mga Parameter ng Configuration

  • - Tagal ng Pag-iilaw: Tagal ng pag-iilaw (sinusuportahan ang Dusk hanggang Dawn 14 na oras o 1-24 na oras)
  • - Paunang Buong Liwanag: Paunang buong tagal ng liwanag (1-4 na oras)
  • - DIM Brightness: Mababang porsyento ng brightness (30%-70%)
  • - Buong Liwanag bago ang Liwayway: Buong tagal ng liwanag bago ang bukang-liwayway (1-3 oras)

3.2 Pagpapakita ng Mga Resulta ng Mode

  • - Format ng Mode: Halimbawa, ang D2D-2hr/50%/2hr ay kumakatawan sa Dusk to Dawn mode, full brightness para sa unang 2 oras, 50% brightness sa kalagitnaan ng panahon, at full brightness para sa 2 oras bago madaling araw
  • - Real-Time na Update: Ang mga kalkulasyon ay isinasagawa kaagad at ang mga resulta ng mode ay ipinapakita kaagad pagkatapos ng mga pagbabago sa configuration

4. Time Line Visualization

Ipinapakita ng real-time na timeline ang pag-usad ng pagpapatupad at katayuan ng plano sa pag-iilaw.

4.1 Mga Tampok ng Timeline

  • - Time Axis Display: Ipinapakita ang plano sa pag-iilaw bawat oras
  • - Countdown Display: Natitirang oras para sa kasalukuyang oras
  • - Katayuan ng Liwanag: Preset na liwanag para sa bawat puwang ng oras
  • - Aktibong Katayuan: Aktwal na liwanag ng na-activate na puwang ng oras
  • - Manu-manong Override: Manu-manong halaga ng pagtatakda para sa kasalukuyang puwang ng oras
  • - Auto-Scroll: Awtomatikong nag-i-scroll sa kasalukuyang oras

5. ESP32 Text Message

Sinusuportahan ang pagpapadala ng mga malayuang text message sa mga ESP32 device.

5.1 Tampok sa Pagmemensahe

  • - Text Input: Sinusuportahan ang text input na hanggang 42 character
  • - Paghahatid ng Mensahe: I-click ang ipadala o pindutin ang Enter upang itulak ang mga mensahe sa ESP32
  • - History Log: Ipinapakita ang lahat ng ipinadalang mensahe kasama ng kanilang mga timestamp

6. Pag-playback ng Demo ng Video

Ang pangunahing pahina ay nagsasama ng isang video demonstration sa YouTube upang ipakita ang mga functionality ng system.

6.1 Mga Tampok ng Video

  • - Pag-embed ng Video sa YouTube: Ipinapakita ang demonstration na video ng functionality ng Live Demo
  • - Click to Play: I-click ang play button para simulan ang playback
  • - Full-Screen Support: Sinusuportahan ang full-screen na pagtingin
  • - Isara ang Tampok: I-click ang button na isara upang ihinto ang pag-playback at itago ang player

7. ESP32 Device-Side Functionality

Ang layer ng hardware simulation ay tumatakbo sa ESP32 device upang makamit ang kontrol at komunikasyon ng device.

7.1 Mga Pangunahing Pag-andar

  • - WiFi Connection: Awtomatikong kumokonekta sa naka-configure na WiFi network
  • - OLED Display: Ipinapakita ang status ng device, mga mensahe, at operating mode sa real time
  • - WebSocket Communication: Nagtatatag ng two-way na real-time na koneksyon sa server
  • - Pamamahala ng Katayuan: Pinapanatili ang katayuan ng pagpapatakbo ng device at impormasyon sa pagsasaayos
  • - HTTP Polling Fallback: Awtomatikong lumilipat sa HTTP polling kapag nadiskonekta ang WebSocket

8. Mga Teknikal na Katangian

8.1 Real-Time na Komunikasyon

  • - WebSocket Push: Real-time na pagtulak ng mga pagbabago gaya ng status ng device, liwanag, at operating mode
  • - Heartbeat Detection: Regular na sinusuri ang status ng kalusugan ng koneksyon
  • - Awtomatikong Reconnection: Awtomatikong sumusubok na muling kumonekta pagkatapos ng pagdiskonekta ng koneksyon

8.2 Suporta sa Multi-Device

  • - Pagkilala sa Device ID: Ang bawat device ay may natatanging identifier
  • - Multi-User Isolation: Iba't ibang user ang namamahala ng iba't ibang device
  • - Storage sa Antas ng Session: Ang mga status ng device ay nananatiling naka-synchronize sa panahon ng session

8.3 Kaligtasan

  • - Pagpapatunay sa Pag-login: Pag-verify ng username/password
  • - Proteksyon ng CAPTCHA: Pinipigilan ang mga awtomatikong pagtatangka sa pag-log in
  • - Timeout ng Session: Awtomatikong nagla-log out pagkatapos ng 5 minutong hindi aktibo
  • - Pag-detect ng Occupancy ng Device: Pinipigilan ang maraming user na gamitin ang parehong device nang sabay-sabay

9. Proseso ng Daloy ng Trabaho

  • - Hakbang 1: Bisitahin ang pangunahing pahina [http://www.opensolardesign.com/live-demo/live-demo]
  • - Hakbang 2: Ipasok ang login page, ipasok ang default na username at password
  • - Hakbang 3: Mag-click sa itinalagang numero sa CAPTCHA upang makumpleto ang pag-verify
  • - Hakbang 4: I-access ang homepage ng pamamahala sa matagumpay na pag-login
  • - Hakbang 5: Kontrolin ang mga switch ng device at isaayos ang liwanag sa module ng Lights
  • - Hakbang 6: I-configure ang operating mode (tagal ng pag-iilaw, unang buong tagal ng liwanag, mababang liwanag, atbp.)
  • - Hakbang 7: Tingnan ang Time Line upang maunawaan ang pag-usad ng pagpapatupad ng plano sa pag-iilaw
  • - Hakbang 8: Magpadala ng mga text message sa ESP32 device
  • - Hakbang 9: Panoorin ang demonstration video sa YouTube upang matuto nang higit pa tungkol sa mga functionality

10. Mga Pinahabang Tampok sa Hinaharap

Ang kasalukuyang system ay may mga pre-reserved na framework ng code para sa mga feature gaya ng voice interaction, servo control, at AI assistants (kasalukuyang hindi pinagana). Sa hinaharap, ang mga sumusunod na kakayahan ay unti-unting mapapabuti: pamamahala ng batch para sa mga multi-device na grupo, visualization ng pagsusuri ng data ng pag-iilaw, pag-optimize ng karanasan sa pagpapatakbo ng mobile terminal, pati na rin ang pagpapakilala ng mga teknikal na katangian kabilang ang MQTT protocol, edge computing, device shadow, at OTA upgrade.

Konklusyon

Ang Open Solar Design Live Demo ay nagbibigay ng isang minimalist at kumpletong pagpapakita ng isang solar lighting control system, na sumasaklaw sa buong workflow mula sa user authentication, device control, operating mode configuration hanggang sa real-time na pagsubaybay sa status. Gamit ang modernong web technology stack, nakakamit ng system ang real-time na komunikasyon sa pamamagitan ng WebSockets para makapaghatid ng maayos na interactive na karanasan para sa mga user. Ang kasalukuyang sistema ay may mga pre-reserved na framework ng code para sa mga feature tulad ng voice interaction at servo control, na nagbibigay-daan para sa karagdagang pagpapalawak ng mga matatalinong kakayahan sa hinaharap.




Nagbibigay kami ng mga custom na solusyon na partikular na idinisenyo upang matugunan ang iyong natatanging mga pangangailangan sa negosyo.