Demo Langsung - Simulasi Pencahayaan Interaktif
Open Solar Design Live Demo adalah simulasi pencahayaan matahari interaktif dan sistem demonstrasi kontrol yang memungkinkan pengguna mengontrol perangkat virtual ESP32 dari jarak jauh melalui antarmuka web, merasakan fungsi manajemen pencahayaan otentik. Sistem ini mengadopsi arsitektur front-end dan back-end yang dipisahkan, di mana front-end menyediakan antarmuka pengoperasian yang intuitif dan back-end menyinkronkan status perangkat secara real-time melalui WebSockets, membantu klien dengan cepat memahami fitur produk dan kemampuan teknis kami.
1. Sistem Otentikasi Pengguna
Sistem ini menyediakan fungsi login pengguna dan manajemen sesi yang lengkap untuk memastikan penggunaan lingkungan demonstrasi yang aman dan teratur.
1.1 Fitur Masuk
- - Login Akun: Mendukung otentikasi nama pengguna/kata sandi default
- - CAPTCHA Cerdas: Klik nomor yang ditentukan untuk menyelesaikan verifikasi, mencegah serangan skrip otomatis
- - Manajemen Status Sesi: Mendeteksi status hunian akun secara real time dan menampilkan sisa waktu yang tersedia
- - Deteksi Status Otomatis: Secara otomatis memeriksa status login pengguna default saat halaman dimuat
2. Kontrol Perangkat Penerangan
Halaman manajemen perangkat menyediakan fungsi kontrol perangkat pencahayaan yang komprehensif, peralihan perangkat pendukung, penyesuaian kecerahan, dan manajemen perangkat.
2.1 Kontrol Pengalihan Perangkat
- - Toggle Sekali Klik: Mengontrol status ON/OFF perangkat melalui tombol Toggle
- - Sinkronisasi Instan: Perubahan status dikirim ke server dan sisi perangkat secara real time
- - Daftar Perangkat: Menampilkan semua perangkat penerangan yang ditambahkan beserta statusnya saat ini
2.2 Penyesuaian Persentase Kecerahan
- - Input Numerik: Mendukung penyesuaian kecerahan 0-100%.
- - Umpan Balik Waktu Nyata: Menampilkan nilai kecerahan saat ini
- - Penyimpanan Persisten: Pengaturan kecerahan disimpan ke database
2.3 Manajemen Perangkat
- - Tambah Perangkat: Masukkan ID perangkat dan status awal (kustomisasi matriks)
- - Daftar Perangkat: Klik item daftar untuk melihat dan mengedit detail perangkat
3. Konfigurasi Mode Pengoperasian
Konfigurasi strategi pencahayaan cerdas, mendukung pengaturan khusus untuk berbagai mode pengoperasian.
3.1 Parameter Konfigurasi
- - Durasi Pencahayaan: Durasi pencahayaan (mendukung Senja hingga Fajar 14 jam atau 1-24 jam)
- - Kecerahan Penuh Awal: Durasi kecerahan penuh awal (1-4 jam)
- - Kecerahan DIM: Persentase kecerahan rendah (30% -70%)
- - Kecerahan Penuh Sebelum Fajar: Durasi kecerahan penuh sebelum fajar (1-3 jam)
3.2 Tampilan Hasil Mode
- - Format Mode: Misalnya, D2D-2 jam/50%/2 jam mewakili mode Senja hingga Fajar, kecerahan penuh selama 2 jam pertama, kecerahan 50% selama periode tengah, dan kecerahan penuh selama 2 jam sebelum fajar
- - Pembaruan Real-Time: Perhitungan dilakukan secara instan dan hasil mode ditampilkan segera setelah perubahan konfigurasi
4. Visualisasi Garis Waktu
Garis waktu waktu nyata menampilkan kemajuan pelaksanaan dan status rencana pencahayaan.
4.1 Fitur Garis Waktu
- - Tampilan Sumbu Waktu: Menampilkan rencana pencahayaan setiap jam
- - Tampilan Hitung Mundur: Sisa waktu untuk jam saat ini
- - Status Kecerahan: Kecerahan preset untuk setiap slot waktu
- - Status Aktif: Kecerahan sebenarnya dari slot waktu yang diaktifkan
- - Manual Override: Nilai pengaturan manual untuk slot waktu saat ini
- - Gulir Otomatis: Secara otomatis menggulir ke jam saat ini
5. Pesan Teks ESP32
Mendukung pengiriman pesan teks jarak jauh ke perangkat ESP32.
5.1 Fitur Pesan
- - Input Teks: Mendukung input teks hingga 42 karakter
- - Pengiriman Pesan: Klik kirim atau tekan Enter untuk mengirim pesan ke ESP32
- - Log Riwayat: Menampilkan semua pesan terkirim beserta stempel waktunya
6. Pemutaran Demo Video
Halaman utama mengintegrasikan demonstrasi video YouTube untuk menampilkan fungsionalitas sistem.
6.1 Fitur Video
- - Penyematan Video YouTube: Menampilkan video demonstrasi fungsi Demo Langsung
- - Klik untuk Memutar: Klik tombol putar untuk memulai pemutaran
- - Dukungan Layar Penuh: Mendukung tampilan layar penuh
- - Fitur Tutup: Klik tombol tutup untuk menghentikan pemutaran dan menyembunyikan pemutar
7. Fungsi Sisi Perangkat ESP32
Lapisan simulasi perangkat keras berjalan pada perangkat ESP32 untuk mencapai kontrol dan komunikasi perangkat.
7.1 Fungsi Inti
- - Koneksi WiFi: Secara otomatis terhubung ke jaringan WiFi yang dikonfigurasi
- - Layar OLED: Menampilkan status perangkat, pesan, dan mode pengoperasian secara real time
- - Komunikasi WebSocket: Membuat koneksi real-time dua arah dengan server
- - Manajemen Status: Mempertahankan status pengoperasian perangkat dan informasi konfigurasi
- - Penggantian Polling HTTP: Secara otomatis beralih ke polling HTTP ketika WebSocket terputus
8. Karakteristik Teknis
8.1 Komunikasi Waktu Nyata
- - WebSocket Push: Mendorong perubahan secara real-time seperti status perangkat, kecerahan, dan mode pengoperasian
- - Deteksi Detak Jantung: Secara teratur memeriksa status kesehatan koneksi
- - Sambungan Ulang Otomatis: Secara otomatis mencoba menyambung kembali setelah sambungan terputus
8.2 Dukungan Multi-Perangkat
- - Identifikasi ID Perangkat: Setiap perangkat memiliki pengidentifikasi unik
- - Isolasi Multi-Pengguna: Pengguna yang berbeda mengelola perangkat yang berbeda
- - Penyimpanan Tingkat Sesi: Status perangkat tetap tersinkronisasi selama periode sesi
8.3 Keamanan
- - Otentikasi Masuk: Verifikasi nama pengguna/kata sandi
- - Perlindungan CAPTCHA: Mencegah upaya login otomatis
- - Batas Waktu Sesi: Secara otomatis logout setelah 5 menit tidak aktif
- - Deteksi Keterisian Perangkat: Mencegah beberapa pengguna mengoperasikan perangkat yang sama secara bersamaan
9. Proses Alur Kerja
- - Langkah 1: Kunjungi halaman utama [http://www.opensolardesign.com/live-demo/live-demo]
- - Langkah 2: Masuk ke halaman login, masukkan nama pengguna dan kata sandi default
- - Langkah 3: Klik nomor yang ditentukan di CAPTCHA untuk menyelesaikan verifikasi
- - Langkah 4: Akses beranda manajemen setelah login berhasil
- - Langkah 5: Kontrol sakelar perangkat dan sesuaikan kecerahan di modul Lampu
- - Langkah 6: Konfigurasikan mode pengoperasian (durasi pencahayaan, durasi kecerahan penuh awal, kecerahan rendah, dll.)
- - Langkah 7: Lihat Garis Waktu untuk memahami kemajuan pelaksanaan rencana pencahayaan
- - Langkah 8: Kirim pesan teks ke perangkat ESP32
- - Langkah 9: Tonton video demonstrasi YouTube untuk mempelajari lebih lanjut tentang fungsinya
10. Fitur yang Diperluas di Masa Depan
Sistem saat ini memiliki kerangka kode yang telah dipesan sebelumnya untuk fitur-fitur seperti interaksi suara, kontrol servo, dan asisten AI (saat ini tidak diaktifkan). Di masa depan, kemampuan berikut akan ditingkatkan secara bertahap: manajemen batch untuk grup multi-perangkat, visualisasi analisis data pencahayaan, optimalisasi pengalaman pengoperasian terminal seluler, serta pengenalan karakteristik teknis termasuk protokol MQTT, komputasi tepi, bayangan perangkat, dan peningkatan OTA.
Kesimpulan
Demo Langsung Desain Surya Terbuka memberikan demonstrasi minimalis dan lengkap dari sistem kontrol pencahayaan surya, yang mencakup seluruh alur kerja mulai dari otentikasi pengguna, kontrol perangkat, konfigurasi mode pengoperasian hingga pemantauan status waktu nyata. Memanfaatkan tumpukan teknologi web modern, sistem ini mencapai komunikasi real-time melalui WebSockets untuk memberikan pengalaman interaktif yang lancar bagi pengguna. Sistem saat ini memiliki kerangka kode yang telah dipesan sebelumnya untuk fitur-fitur seperti interaksi suara dan kontrol servo, sehingga memungkinkan perluasan kemampuan cerdas lebih lanjut di masa depan.