본문으로 건너뛰기

FLUTTER · 제품 제작

톡카

차량 기기와 앱을 연결하는 양방향 통신 앱

구글플레이 앱스토어
톡카 대표 화면
차량 디바이스 연동 앱
제품 이야기

차량 디바이스 연동 앱

톡카는 차량 탑재 디스플레이 장치와 스마트폰을 연결하는 앱입니다.

운전자는 앱에서 메시지를 고르고 차량 기기로 전송합니다. 기기 상태 확인, 이미지 리스트 수신, 로그 확인, 펌웨어 업데이트도 앱에서 처리합니다.

기존 웹앱을 Flutter 앱으로 전환했습니다. WebView 명령과 네이티브 통신을 연결하는 브릿지도 구현했습니다.

제품이 작동하는 구조

휴대폰에서 고른 문구가 차량 뒤 화면까지 갑니다.

휴대폰으로 차량 뒤 메시지 장치를 설정하고 문구를 보내는 운전자

톡카 핵심 화면
01메시지 보관함
02Flutter 앱
03WebView 브리지
04장치 Wi-Fi
05차량 디스플레이
웹 명령을 네이티브 통신으로 연결

기존 웹 화면의 요청을 Flutter 브리지로 넘겨 차량 장치와 주고받았습니다.

업데이트 진행 상태를 앱에 표시

장치 Wi-Fi로 인터넷이 끊기는 동안에도 전송과 OTA 상태를 확인할 수 있게 했습니다.

01

운전 중 필요한 문구를 고릅니다

상황에 맞는 문구를 보관함에서 고르고, 차량 뒤 디스플레이에 보일 모습을 먼저 확인합니다.

톡카 앱 출시
앱 출시
톡카 차량 표시 미리보기
차량 표시 미리보기
02

휴대폰과 차량 기기를 연결합니다

휴대폰이 차량 장치와 연결된 상태를 확인하고 메시지와 설정을 주고받습니다.

톡카 차량 기기 연결
차량 기기 연결
톡카 메시지 동기화
메시지 동기화
03

고른 문구를 차량 뒤 화면으로 보냅니다

차량 장치의 Wi-Fi에 연결하면 인터넷이 끊깁니다. 이때도 메시지가 제대로 전송됐는지 확인할 수 있게 처리했습니다.

톡카 차량 메시지 전송
차량 메시지 전송
톡카 차량 기기 연결
차량 기기 연결

작업 정보

담당 범위
Flutter 앱 · 차량 기기 연동 · 메시지 수발신 · 펌웨어 업데이트 · 기기 설정
참여 기간
2022.09 – 2024.05 · 약 20개월
제품 환경
FLUTTER
현재 상태
스토어 출시 · Android · iOS
확인 자료
스토어 공개 기록 · 실제 앱 화면 · 단독 앱 저장소 이력
구현 범위 자세히 보기
  1. 차량 메시지 전송

    앱에서 선택한 문구를 차량 디스플레이 장치로 전송

  2. 기기 연결

    차량 장치 연결, 연결 상태 확인, 이미지 목록 수신

  3. 펌웨어 업데이트

    기기 버전 확인, 업데이트 파일 다운로드, 진행 상태 표시

  4. 기기 설정

    SSID, 비밀번호, 하드웨어 정보, 로그 데이터 확인