🔧 RCMS 관리자 사이트 기능 개발

📌 프로젝트 개요

• 로봇의 운영 설정을 웹에서 관리하는 관리자 시스템(RCMS)입니다.
  외부 업체가 운영하던 시스템을 내부 개발로 전환한 이후, 로봇 운영 설정 기능과 사용량 시각화를 담당하였습니다.
• 목적지 좌표, 순찰 경로, 장소 및 층수, 안내 스케줄, TTS 멘트, 광고 이미지 등
  현장에서 반복되던 수동 설정 작업을 웹 UI로 전환하였습니다.
• 특히 목적지 좌표는 기존에 목적지마다 로봇을 실제로 이동시켜 하나씩 기록해야 했습니다.
  로봇이 생성한 주행 맵 위에서 클릭으로 지정하도록 바꾸어, 건물당 1시간 가까이 걸리던 작업을 10분 이내로 줄였습니다.
• 콘텐츠 사용량 데이터 시각화 기능을 통해, 운영 데이터를 기반으로 한 콘텐츠 전략 수립이 가능하도록 하였습니다.

🧑‍💻 주요 기여

로봇 주행 맵 기반 좌표 및 경로 편집기

• 고객사별 콘텐츠 제작 시 목적지 좌표 입력이 반복되어, 개인 작업용으로 만들어 쓰던 좌표 취득 도구를
  관리 시스템에 편입할 것을 직접 제안하고 구현하였습니다.
• 로봇이 생성한 주행 맵 위를 클릭해 목적지 좌표와 도착 방향을 지정하고,
  지정한 방향을 지도에 화살표로 확인할 수 있도록 구현하였습니다.
• Canvas로 맵 픽셀을 판정해 장애물과 벽 인접 위치는 지정 자체를 차단하였습니다.
  차단 영역을 실제보다 여유 있게 잡아, 벽에 붙은 좌표가 선택되지 않도록 처리했습니다.
• 순찰 모드용으로 최대 30개 지점을 순서대로 배치하는 순환 경로 편집을 지원하였습니다.
  지점 추가, 복사, 순서 확인이 가능합니다.

로봇 운영 설정 관리

• 장소 및 층수 선택, 목적지 목록, 안내 스케줄, TTS 멘트를 웹 UI에서 관리하도록 구현하였습니다.
• 로봇 화면에 노출할 광고 이미지를 업로드해 등록하는 기능을 구현하였습니다.
• 저장된 설정은 API를 통해 백엔드로 전달되며,
  로봇 콘텐츠는 재로드 이벤트를 받아 재시작 없이 갱신됩니다.
• 현장 경비 관리센터 담당자가 비개발자로서 직접 스케줄과 광고 화면을 운영하게 되었습니다.

데이터 시각화

• 로봇 콘텐츠에서 수집된 사용 로그를 월별/일별 및 콘텐츠 종류별로 집계하여
  Chart.js 막대/선형 차트로 시각화하였습니다.
• 어떤 안내 콘텐츠가 실제로 사용되는지 데이터로 확인해,
  고객사별 콘텐츠 구성을 조정하는 데 활용할 수 있도록 하였습니다.

🔧 기술 선택 및 설계 고민

문제 상황

• 목적지 좌표를 얻으려면 목적지마다 로봇을 실제로 그 자리까지 이동시켜 좌표를 하나씩 기록해야 했습니다.
  건물 하나에 목적지가 스무 곳 가까이 되다 보니, 세팅 한 번에 한 시간 가까이 걸렸습니다.
• 현장 세팅은 하드웨어 설치팀이 담당하는데, 좌표 작업만은 개발자가 직접 가거나 원격으로 지원해야 했습니다.

해결 방법

• 로봇이 주행을 위해 이미 생성해 둔 맵을 그대로 활용했습니다.
  이 맵에는 원점 위치와 픽셀당 실제 거리가 함께 저장되어 있어,
  맵 위의 한 점을 클릭하는 것과 로봇을 그 자리로 이동시켜 좌표를 읽는 것이 같은 값을 냅니다.
• 다만 클릭한 위치가 항상 유효한 것은 아니었습니다.
  맵에서 검정은 장애물, 회색은 미탐색 영역이므로 흰색 영역만 허용하도록 Canvas로 픽셀을 판정했습니다.
• 경계까지 그대로 허용하면 벽에 붙은 좌표가 잡혀 로봇이 진입하지 못하는 문제가 있어,
  차단 영역을 실제보다 여유 있게 잡았습니다.
  정밀한 방식은 아니었고, 지금이라면 로봇 크기를 기준으로 여유 거리를 계산했을 것입니다.