센서 기반 인터랙티브 생태계
웨어러블 터치 센서와 모바일 앱, 웹 관제 시스템을 통합하여 사용자 움직임과 접촉을 실시간으로 감지
웹 시스템 / 이런 일을 가능하게
위치·접촉 센서 데이터를 화면으로 연결
센서 기반 인터랙티브 생태계 · 하드웨어-소프트웨어 통합 설계. 장비 데이터와 담당자의 조치를 연결하는 앱·관제 화면을 만들 수 있습니다.
참고 화면에서 기능과 이용 흐름을 살펴보세요.
01 / 이런 상황에 맞습니다
지금 겪고 있는 일인가요?
참가자나 장비의 위치와 센서 이벤트를 함께 보고 싶나요?
- 사용할 환경
- 웹 업무 화면
02 / 이렇게 만들 수 있습니다
업무에 필요한 기능을 연결합니다.
필요한 기능을 선택하고, 담당자의 역할과 처리 순서에 맞춰 설계·개발할 수 있습니다.
하드웨어-소프트웨어 통합 설계
센서 설계, 펌웨어, 데이터 통신, 사용자 UI까지 전 계층을 직접 구축하여 시스템 최적화
센서 데이터 동기화
기기·네트워크 조건에 맞는 갱신 주기를 정하고, 위치와 센서 이벤트를 관제 화면에 연결할 수 있습니다.
특수 목적 UX/UI 설계
긴박한 환경에서도 빠른 판단이 가능하도록 고대비 컬러와 직관적인 상태 아이콘 UI 구성
지능형 접촉 알림 시스템
접촉 또는 이상 상황 발생 시 시각·청각 알림을 즉시 제공하여 상황 인지와 대응 속도 향상
실시간 위치 관제 시스템
지도 및 도면 기반으로 참가자 위치를 시각화하여 현장 지휘 및 통제 효율 강화
미션 데이터 아카이빙
모든 이동 경로와 접촉 데이터를 클라우드에 저장하여 분석 및 콘텐츠 활용 기반 구축
보안 및 데이터 정합성
센서 데이터의 정확성과 실시간 반영을 유지하면서 보안 프로토콜을 적용한 안정적인 시스템 설계
함께 정할 구현 범위
- 센서 기반 인터랙티브 생태계
- 하드웨어-소프트웨어 통합 설계
- 센서 데이터 동기화
- 특수 목적 UX/UI 설계
이렇게 살펴보세요
- 수신 시각과 통신 상태가 구분되는지 확인합니다.
- 알림에서 해당 장비와 조치 기록으로 이어지는지 확인합니다.
- 장비 연결이 끊기거나 복구될 때의 동작을 함께 정합니다.
만들 수 있는 화면과 이용 흐름
아래 화면을 출발점으로, 필요한 기능과 현재의 운영 환경에 맞춰 새로 설계합니다.
04 / 우리 업무에 적용한다면
지금의 환경에서 더 나은 방법을 찾습니다.
사용자와 운영 조건에 맞춰 기능·화면·기술을 다시 선택합니다. 작은 범위부터 확인하고 다음 단계로 넓힐 수 있습니다.
현재의 업무와 준비된 자료
- 연결할 장비와 통신 문서
- 확인할 지표와 알림 기준
- 현장 네트워크와 제어 권한
실제로 만들고 확인할 범위
- 가장 먼저 해결할 업무와 사용자 흐름
- 기존 데이터·시스템의 연동 방법
- 시범 화면과 실제 자료로 확인할 검수 기준
- 배포·인수인계와 운영 개선 계획
구현에 사용할 수 있는 기술 살펴보기
아래는 기술 구성의 출발점입니다. 기존 시스템의 연동 규격, 데이터 규모와 운영 인력에 맞춰 실제 사용할 구성을 정합니다.
앱
Flutter · Dart ↗관리자 웹
React · TypeScript ↗서버 API
NestJS · TypeScript ↗데이터 저장
PostgreSQL ↗기기 메시지
MQTT 5 · AWS IoT Core ↗화면 검수
Playwright ↗참고 화면과 프로젝트 배경
IoT 위치·접촉 관제 시스템
웨어러블 센서의 위치와 접촉 데이터를 실시간으로 처리하는 IoT 관제 플랫폼입니다. 센서 하드웨어와 모바일 앱, 웹 관제를 연동해 현장 상태를 시각화하고 기기를 제어하도록 만들었습니다.
- 프로젝트
- IoT 위치·접촉 관제 시스템
- 고객사
- 비공개
- 수행 기간
- 2025.11. ~ 2026.02.
- 당시 기록된 기술
- React Native · Python · BLE
