라이브 데모 - 대화형 조명 시뮬레이션
Open Solar Design Live Demo는 사용자가 웹 인터페이스를 통해 가상 ESP32 장치를 원격으로 제어하고 실제 조명 관리 기능을 경험할 수 있는 대화형 태양광 조명 시뮬레이션 및 제어 데모 시스템입니다. 이 시스템은 프런트엔드와 백엔드가 분리된 아키텍처를 채택하여 프런트엔드는 직관적인 운영 인터페이스를 제공하고 백엔드는 WebSocket을 통해 장치 상태를 실시간으로 동기화하여 고객이 제품 기능과 기술 역량을 빠르게 이해할 수 있도록 돕습니다.
1. 사용자 인증 시스템
시스템은 데모 환경의 안전하고 질서 있는 사용을 보장하기 위해 완벽한 사용자 로그인 및 세션 관리 기능을 제공합니다.
1.1 로그인 기능
- - 계정 로그인: 기본 사용자 이름/비밀번호 인증 지원
- - 지능형 CAPTCHA : 지정된 번호를 클릭하면 인증이 완료되어 자동 스크립트 공격 방지
- - 세션 상태 관리: 실시간으로 계정 점유율 감지 및 남은 사용 가능 시간 표시
- - 자동 상태 감지: 페이지 로딩 시 기본 사용자의 로그인 상태를 자동으로 확인합니다.
2. 조명기기 제어
장치 관리 페이지는 장치 전환, 밝기 조정 및 장치 관리를 지원하는 포괄적인 조명 장치 제어 기능을 제공합니다.
2.1 장치 스위치 제어
- - 원클릭 토글: 토글 스위치를 통해 장치 ON/OFF 상태를 제어합니다.
- - 즉시 동기화: 상태 변경 사항이 실시간으로 서버와 장치 측에 푸시됩니다.
- - 장치 목록: 추가된 모든 조명 장치와 현재 상태를 표시합니다.
2.2 밝기 백분율 조정
- - 숫자 입력: 0~100% 밝기 조정 지원
- - 실시간 피드백: 현재 밝기 값을 표시합니다.
- - 영구 저장: 밝기 설정이 데이터베이스에 저장됩니다.
2.3 장치 관리
- - 장치 추가: 장치 ID 및 초기 상태 입력(매트릭스 맞춤화)
- - 장치 목록: 목록 항목을 클릭하면 장치 세부 정보를 확인하고 편집할 수 있습니다.
3. 동작 모드 구성
다양한 작동 모드에 대한 사용자 정의 설정을 지원하는 지능형 조명 전략 구성.
3.1 구성 매개변수
- - 조명 지속 시간: 조명 지속 시간(황혼부터 새벽까지 14시간 또는 1~24시간 지원)
- - 초기 최대 밝기: 초기 전체 밝기 지속 시간(1~4시간)
- - 희미한 밝기: 낮은 밝기 비율(30%-70%)
- - 새벽 전 최대 밝기: 새벽 전 최대 밝기 지속 시간(1~3시간)
3.2 모드 결과 표시
- - 모드 형식: 예를 들어 D2D-2hr/50%/2hr은 Dusk to Dawn 모드를 나타내며 처음 2시간 동안 최대 밝기, 중간 기간 동안 50% 밝기, 새벽 2시간 동안 최대 밝기를 나타냅니다.
- - 실시간 업데이트: 계산이 즉시 수행되며 구성 변경 후 모드 결과가 즉시 표시됩니다.
4. 타임라인 시각화
실시간 타임라인에는 조명 계획의 실행 진행 상황과 상태가 표시됩니다.
4.1 타임라인 기능
- - 시간축 표시 : 시간별 조명 계획을 표시합니다.
- - 카운트다운 표시: 현재 시간의 남은 시간
- - 밝기상태 : 시간대별 밝기가 미리 설정되어 있음
- - 활성상태 : 활성화된 시간대의 실제 밝기
- - 수동 오버라이드: 현재 시간대에 대한 수동 설정 값
- - 자동 스크롤: 현재 시간으로 자동 스크롤됩니다.
5. ESP32 문자 메시지
ESP32 장치에 원격 문자 메시지 보내기를 지원합니다.
5.1 메시징 기능
- - 텍스트 입력 : 최대 42자까지 텍스트 입력을 지원합니다.
- - 메시지 전달: 보내기를 클릭하거나 Enter를 눌러 ESP32에 메시지를 푸시합니다.
- - 기록 로그: 보낸 모든 메시지를 타임스탬프와 함께 표시합니다.
6. 비디오 데모 재생
메인 페이지에는 YouTube 비디오 데모가 통합되어 시스템 기능을 보여줍니다.
6.1 비디오 기능
- - YouTube Video Embedding: 라이브 데모 기능 시연 영상을 표시합니다.
- - 재생하려면 클릭하세요: 재생 버튼을 클릭하면 재생이 시작됩니다.
- - 전체 화면 지원: 전체 화면 보기 지원
- - 닫기 기능: 닫기 버튼을 클릭하면 재생이 중지되고 플레이어가 숨겨집니다.
7. ESP32 장치측 기능
하드웨어 시뮬레이션 계층은 ESP32 장치에서 실행되어 장치 제어 및 통신을 수행합니다.
7.1 핵심 기능
- - WiFi 연결: 구성된 WiFi 네트워크에 자동으로 연결됩니다.
- - OLED 디스플레이: 장치 상태, 메시지, 작동 모드를 실시간으로 표시합니다.
- - WebSocket 통신: 서버와 양방향 실시간 연결을 설정합니다.
- - 상태 관리: 장치 작동 상태 및 구성 정보를 유지합니다.
- - HTTP 폴링 폴백: WebSocket 연결이 끊어지면 자동으로 HTTP 폴링으로 전환됩니다.
8. 기술적 특성
8.1 실시간 통신
- - WebSocket Push : 기기 상태, 밝기, 동작 모드 등의 변경 사항을 실시간으로 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 라이브 데모는 사용자 인증, 장치 제어, 작동 모드 구성에서 실시간 상태 모니터링에 이르기까지 전체 작업 흐름을 다루는 태양광 조명 제어 시스템에 대한 최소한의 완벽한 데모를 제공합니다. 최신 웹 기술 스택을 활용하는 이 시스템은 WebSocket을 통해 실시간 통신을 달성하여 사용자에게 원활한 대화형 경험을 제공합니다. 현재 시스템에는 음성 상호 작용 및 서보 제어와 같은 기능을 위해 사전 예약된 코드 프레임워크가 있어 향후 지능형 기능을 더욱 확장할 수 있습니다.