01문제
빌딩 설비는 공조 · 조명 · 엘리베이터 · CCTV · 주차 · 센서마다 관제 프로그램이 따로 있고, 서비스 로봇이 들어오면 화면이 하나 더 늘어납니다. 관리자는 이상이 생긴 위치를 여러 프로그램을 오가며 맞춰 봐야 합니다.
System 02로봇 연동 스마트빌딩 통합관제
SBMS
스마트빌딩 통합관제
설비부터 로봇까지, 건물 한 동을 한 화면에서
지상 20층 지식산업센터 한 동의 설비 · 에너지 · 환경 · 보안 · 주차 · 로봇을 운영 관리자 한 사람이 보는 통합관제 시스템. 3D 층 평면도 위 설비 상태, CCTV 라이브, 주차면 점유, 서비스 로봇의 엘리베이터 호출 흐름까지 11개 화면으로 만들었습니다.
3D 층 평면도CCTV · 출입 통제주차 LPR로봇 ↔ 엘리베이터
Overview
무엇을 풀었나
대상 — 건물 운영 관리자 · 시설 담당자
02해결
건물 → 층을 고르면 3D 평면도 위 설비 핀으로 위치부터 보여주고, 영역별 메뉴 10개는 같은 KPI 카드 · 차트 · 표 구성을 따릅니다. 로봇이 엘리베이터를 불러 층을 옮기는 과정은 5단계 시퀀스로 그렸습니다.
03설계 포인트
네이비 상단 바와 흰 카드. 경보는 P1 · P2 · P3 우선순위 색으로만 구분하고, 상단 LIVE 티커로 방금 일어난 이벤트를 흘려 보여줍니다.
Key features
핵심 기능
SBMS에서 눈여겨볼 4가지
01
3D 층 평면도 위의 설비
건물 개요(연면적 · 층수 · 방문자) 아래에 층을 고르는 3D 평면도를 두고, 공조기 · 조명 · 분전반 · 출입 통제 · 엘리베이터를 핀으로 찍었습니다. 에너지 · 환경 · 로봇 · 알람은 같은 화면에 요약 카드로 모읍니다.
- 층 선택(10F–20F) · 설비 핀
- 에너지 도넛 · 환경 4지표 · 로봇 6대 · 알람
02
CCTV · 출입 · 주차
보안은 CCTV 48채널 중 8채널을 2×4 그리드로 띄우고 인체 감지 박스와 오프라인 상태를 표시합니다. 주차는 입출차 카메라의 번호판 인식(LPR) 기록과 B1–B6 층별 주차면 점유 그리드를 함께 봅니다.
- 이상 이벤트 · 출입 기록 · 권한 매트릭스(RBAC)
- EV · 예약 구획 구분 · 시간대별 입출차
03
로봇과 엘리베이터를 한 흐름으로
배송 · 서빙 · 청소 등 서비스 로봇 6대의 상태와 배터리, 오늘 호출 수와 평균 응답 시간을 보고, 로봇이 엘리베이터를 호출해 층을 이동하는 과정을 단계별로 보여줍니다.
- 로봇 ↔ 엘리베이터 호출 시퀀스 5단계
- 로봇별 호출 막대 · 작업 로그
04
에너지 · 환경의 예측과 이상 탐지
실시간 전력 사용량 위에 24시간 예측선을 겹쳐 피크 시각을 표시하고 절전 조치를 권합니다. 환경은 LoRaWAN 센서 30개의 온습도 · CO₂ · PM2.5를 배터리 · 통신 상태와 함께 표로 관리합니다.
- 용도별 · 층별 사용량 · 탄소 배출
- 24시간 환경 추이 · 이상 탐지 · 공기질 게이지
All screens
전체 화면 11장
화면은 실제 서비스 · 개발 서버를 띄워 직접 촬영했습니다. 2026년 6월 개발 서버 화면입니다. 화면을 누르면 전체 페이지를 볼 수 있어요.
통합 관제
401통합 대시보드 02시설 관리 · 엘리베이터 03에너지 관리 04환경 관리 · IoT 센서
보안 · 주차 · 로봇
305보안 관리 · CCTV 06주차 관리 · LPR 07로봇 관제
운영
408알람 관리 09시스템 관리 · 권한 10통계 · 리포트 11로그인
Scope
구현 범위
화면 뒤에서 무엇이 돌아가는지, 숫자와 함께 정리했습니다.
11관제 화면
6관제 영역
설비 · 에너지 · 환경 · 보안 · 주차 · 로봇
설비 · 에너지 · 환경 · 보안 · 주차 · 로봇
P1–P3알람 우선순위
5로봇 ↔ 엘리베이터
호출 단계
호출 단계
연동 지점을 화면에
각 화면에 연동 대상을 적어 개발 범위를 바로 잡을 수 있게 했습니다. BACnet(공조), OTIS eCall API(엘리베이터), Milesight LoRaWAN(센서), RTSP/ONVIF(CCTV), MQTT.
운영 화면
알람 우선순위별 처리 흐름, 사용자 · 권한 그룹 · 디바이스 관리, 감사 로그, 월간 KPI 리포트와 저장된 리포트까지 운영 관리자 화면을 갖췄습니다.
기술 스택
관제 시스템 · 데스크톱 웹
Next.jsReact3D 평면도BACnetLoRaWANRTSP/ONVIF