Portfolio
PROJECT #271 · SMART RACK MANAGEMENT
Smart Rack by CS정보기술

스마트 랙 관리
모니터링 시스템

(주)씨에쓰정보기술 · IDC / 전산실의 서버 랙 환경(온도·습도·충격·통신)과 장비 상태를 실시간 모니터링하고, 평면도 기반 랙 위치 · 이벤트 · 그룹 · 사용자 권한까지 통합 관리하는 웹 기반 SmartRack 관리 솔루션 — UI/UX 디자인 + 프론트엔드 퍼블리싱 담당

Year
2024
Client
(주)씨에쓰정보기술
Platform
Web (Responsive)
Domain
IDC · Infra Monitoring
Role
UI/UX · Publishing

Overview // project background

Smart Rack Main Dashboard

84 Rack · 154 Device · 24/7 Live

전산실(IDC) 운영에서 가장 큰 리스크는 온도 급상승 · 충격 · 전원/통신 장애 입니다. SmartRack 은 각 랙의 센서 데이터를 실시간 수집·시각화하고, 건물 평면도 위에 랙 위치를 매핑해 공간 단위 로 장애를 추적할 수 있도록 설계되었습니다.

84개 랙 · 154대 장비 · 4단계 경보(정상/주의/경고/장애) 를 단일 대시보드에 집약하고, 그룹·마스터 관리 / 환경 임계값 / 사용자 권한 / 이벤트 로그까지 운영 전 과정을 커버하는 인프라 통합 관제 플랫폼 입니다.

🖥
84
Total Racks
77
Normal
5
Warning
🔥
2
Fault
📊
154
Devices

Live Rack View // 6 × 42U server racks · real-time LED

RACK-01
R-01
NORMAL · 22℃
RACK-02
R-02
NORMAL · 23℃
RACK-03
R-03
WARN · 28℃
RACK-04
R-04
FAULT · 35℃
RACK-05
R-05
NORMAL · 22℃
RACK-06
R-06
NORMAL · 24℃
💡 🟢 정상 · 🟡 주의 · 🔴 장애  ·  각 1U 유닛 우측 LED 는 장비 실시간 상태

Core Modules // 6 main features

📊

통합 대시보드

전체 랙 그리드 / 평면도 / 인원위치별 3개 탭, 우측 실시간 도넛 차트(상태·통신·라이선스), 하단 이벤트 로그 통합.

🗺

평면도 기반 랙 맵

건물 도면 위 랙 위치를 드래그로 배치, 클릭 시 해당 랙의 장비/환경값 모달 팝업, 경보 발생 시 깜빡임 + 토스트.

🌡

환경 모니터링

온도 · 습도 · 충격 · 통신 4종 센서를 랙별로 실시간 수집. 임계값 초과 시 즉시 이벤트 발행 및 SMS 연동.

🖥

마스터데이터 관리

랙 · 장비 · 그룹 · 평면도 · 임계값을 CRUD 로 관리. 장비구성 모달에서 42U 유닛별 장착 상태 등록.

📋

이벤트 로그 / 통계

기간 · 중요도 · 랙별 필터링, 이벤트 로그 / 사용자 로그 / 충격기울기 통계 3종 리포트 제공.

👥

사용자 · 권한

역할(ADMIN / OPERATOR / VIEWER) 기반 접근 제어, 로그인 이력, 비밀번호 찾기, 신규 가입 승인 워크플로우.

Tech Stack // engineering

Design & Publishing

Screens // 10 key pages from Figma