Wireframe Redesign

차량에서 찍은 데이터를
어떻게 서비스 화면으로 바꿀지 보여드립니다

인스타360 카메라와 초음파 카메라로 수집한 현장 데이터를 업로드하고, 주행 경로와 촬영 지점에 매핑한 뒤, 로드뷰와 이상 후보를 지도에서 검토하는 운영 흐름입니다.

1차량 촬영 데이터
2좌표 기반 매핑
3사람 검수형 조치
roadview-mvp.local/review
360
!
360
도로 파손 후보차량 촬영 지점 P-014 · 검수 대기

촬영 지점 P-014

차량 주행 중 촬영된 360 이미지와 초음파 카메라 결과를 같은 위치 기준으로 확인합니다.

360 로드뷰 화면
촬영일 2026.05.18좌표 검증 완료검수 대기

핵심 사용자 흐름

공고의 핵심은 차량에서 촬영한 데이터를 웹 기반 GIS에 연결하고, 사람이 이상 후보를 최종 검토하고 관리하는 것입니다.

1

차량 데이터 업로드

360 이미지, 영상, 초음파 이미지, 위치 로그를 프로젝트 단위로 등록합니다.

2

촬영 지점 매핑

주행 경로 위에 촬영 포인트를 배치하고 누락 좌표와 파일 연결 상태를 검증합니다.

3

로드뷰 검토

지도에서 촬영 지점을 클릭해 해당 위치의 360 화면과 초음파 결과를 함께 확인합니다.

4

이상 후보 등록

도로 파손, 작업구역, 시설물 이상 등 현장 이슈를 후보 이벤트로 등록합니다.

5

담당자 조치관리

위험등급, 담당자, 조치상태, 완료 이력을 남겨 운영 데이터로 전환합니다.

화면 설계안

와이어프레임은 “촬영 데이터가 들어와서 지도와 로드뷰로 확인되고, 이상 후보가 조치 이력으로 남는 화면”을 중심으로 구성했습니다.

1. 수집 데이터 인입 화면

차량에서 가져온 파일 묶음을 업로드하고 위치 로그, 촬영일자, 장비 정보를 검증합니다.

360 이미지128개
초음파 이미지42개
위치 로그검증중
매핑 오류3건

2. 주행 경로 및 촬영 포인트 화면

지도 위에 차량 경로와 촬영 지점을 표시하고, 촬영 순서대로 이전/다음 지점 이동을 제공합니다.

주행 경로2.8km
촬영 포인트36개
검수 완료31개
재확인 필요5개

3. 로드뷰 검수 및 이벤트 등록

360 화면과 초음파 결과를 좌우로 비교하고, 이상 후보를 선택해 이벤트로 등록합니다.

후보 유형도로 파손
검수 상태담당자 확인
위험등급중간
조치상태요청 전

운영자가 보는 실제 시나리오

  1. 오늘 차량이 수집한 데이터 묶음을 업로드합니다.
  2. 시스템이 위치 로그와 촬영 파일을 자동 연결합니다.
  3. 지도에서 재확인 필요한 촬영 지점만 필터링합니다.
  4. 360 로드뷰와 초음파 이미지를 함께 확인합니다.
  5. 이상 후보를 등록하고 담당자에게 조치를 요청합니다.

촬영 지점 검수

촬영 순서대로 이전/다음 지점을 이동하며 현장 상태를 확인합니다.

이상 후보 목록

도로 파손 의심
검수 대기 · P-014
작업구역 표시 필요
확인중 · P-021
표지판 가림
완료 · P-026