thingsw · 위시켓(Wishket)

프로젝트 배경

1) 문제점
- 기존 서비스가 모바일 앱과 PC 앱으로만 제공되어 웹 접근성 부족
- 글로벌 사용자 대상 실시간 영상 스트리밍 안정성 확보 필요
- 이전 개발팀 이탈로 프로젝트 지연 상태

2) 프로젝트 목표
- 웹 브라우저 기반 클라우드 뷰어 신규 개발
- 실시간 영상 스트리밍 latency 최소화
- 글로벌 서비스 안정성 및 확장성 확보

3) 주안점
- 앱과 동일한 사용자 경험을 웹에서 구현
- 글로벌 CDN 활용한 성능 최적화
- 다국어 지원으로 글로벌 사용자 경험 개선

프로젝트 성과

긴급 투입 프로젝트 성공

이전 개발팀 이탈 후 투입, 프로젝트 정상 완료

글로벌 서비스 안정화

전 세계 수십만 사용자 대상 5년간 무중단 운영

장기 파트너십

피타소프트와 5년 연속 협력 관계 유지

핵심 기능

실시간 라이브뷰

WebSocket 기반 실시간 영상 스트리밍. 전/후방 카메라 동시 모니터링, 화질 선택, 스냅샷 캡처 기능 제공

GPS 트래킹

차량 실시간 위치 추적 및 이동 경로 시각화. Mapbox 기반 지도 서비스, 지오펜스 설정 기능

클라우드 스토리지

녹화 영상 클라우드 백업 및 원격 재생. AWS S3 기반 안정적 저장, 영상 다운로드 기능

진행 단계

요구사항 분석

2020.05.

피타소프트 기획안 기반 개발 범위 확정

개발

2020.06.

React 기반 프론트엔드 개발

테스트

2020.09.

글로벌 환경 테스트, 성능 최적화, 디버깅

런칭

2020.10.

서비스 오픈

프로젝트 상세

1) 포트폴리오 소개
- 글로벌 블랙박스 사용자를 위한 클라우드 웹뷰어 서비스 개발. 전 세계 수십만 사용자가 웹 브라우저에서 실시간 영상 스트리밍, GPS 추적, 녹화영상 재생을 할 수 있는 SaaS 플랫폼.

2) 작업 범위
- Front-end 개발 (React, TypeScript)
- 실시간 영상 스트리밍 연동 (WebSocket)
- 지도 서비스 연동 (Google Maps API, Mapbox)
- 다국어 지원 시스템 (i18n, 10개국 이상)
- 반응형 웹

3) 주요 업무
- 실시간 라이브뷰: 전/후방 카메라 동시 모니터링, 화질 선택, 스냅샷 캡처
- GPS 트래킹: 차량 실시간 위치 추적, 이동경로 시각화, 지오펜스 설정
- 클라우드 스토리지: 녹화영상 클라우드 백업 및 원격 재생
- 이벤트 관리: 충격/주차 감지 이벤트 목록 및 영상 재생
- 멀티 카메라 관리: 여러 대의 블랙박스 통합 관리 대시보드

4) 주안점
- 글로벌 CDN 활용한 실시간 영상 스트리밍 latency 최소화
- 앱과 동일한 사용자 경험을 웹에서 구현
- 다국어 지원으로 글로벌 사용자 경험 개선
- 이전 개발팀 이탈 후 긴급 투입하여 프로젝트 정상 완료

등록된 블랙박스 장치들의 실시간 위치를 지도에서 한눈에 확인. 그룹별 관리와 배터리, 연결 상태 등 개별 장치 상태 모니터링이 가능합니다.

전체 블랙박스 장치를 목록으로 관리하는 화면. 펌웨어 버전, 클라우드 연결 상태, 마지막 접속 시간 등 상세 정보를 테이블로 제공합니다.

클라우드에 저장된 주행 영상을 재생하고 관리하는 화면. 영상과 함께 주행 경로, G-센서 그래프, 이벤트 타임라인을 동시에 확인할 수 있습니다.

운전 습관을 분석한 종합 리포트. 안전운전 점수, 위험운전 비율, 주행거리, 충격 이벤트 등 기간별 통계를 대시보드 형태로 제공합니다.

차량의 실시간 이동 경로를 지도에서 추적. 주차, 충격, 급가속/급감속 등 주행 중 발생한 이벤트를 경로 위에 마커로 표시합니다.