R5 제출용 시각 보정 데모
축구단 등하원·출결·차량 위치추적 앱을 한 화면에서 확인
선생님 앱의 운행 시작, 학부모 앱의 차량 위치, 관리자 웹의 출결/알림 통계, API·DB mock 흐름이 버튼 클릭에 맞춰 함께 바뀌는 공개 샘플입니다. 실제 GPS/CRM/FCM/API는 연결하지 않습니다.
선생님 앱운행 시작 · 위치 송신 · 탑승/하차 처리
학부모 앱차량 위치 · 정류장 도착 · 푸시 알림 확인
관리자 웹출결 통계 · 차량 로그 · API/DB 상태
Parent App대기 · 차량 준비
Teacher App운행 대기
Admin Web출석 0 · 알림 0 · ping 0
API · DB · FCMmock packet only
Live Build Flow
End-to-End 운행 시뮬레이터
학부모 지도
차량 대기
- 보호자 화면 대기
학생 QR
QR
출석 대기관리자 대시보드
0GPS ping
0출석
0알림
운행 전
API status
READY mock console
DB rows
| ride_sessions | pending |
Notification log
- 알림 대기
GPS packet
브라우저 내부 mock state만 변경합니다. 실제 위치 권한, fetch, XHR, 푸시 발송은 사용하지 않습니다.
Buildable Architecture Board
앱·웹·API·DB·위치·알림 연결 구조
선은 카드 사이 여백에서만 표시
X자 대각 교차 없음
실제 GPS/CRM/FCM/API 연결 없음
모바일은 세로 단계형 흐름
GPS Feasibility Lab
권한·송신주기·offline buffer·retry queue
iOS 권한
앱 사용 중 허용 → 백그라운드 설명 → 운행 중 송신
mock onlyAndroid 권한
위치 권한 → 배터리 최적화 안내 → 서비스 상태 표시
mock only송신 정책
15~30초 후보 · 마지막 위치 없음
offline buffer
대기열 0 · 재시도 0
CRM Sync Visualizer
필드 매핑·큐·성공/실패/재시도/중복 처리
| member_no | M-001 |
| guardian_phone | 010-****-0001 |
| student_route | A노선 |
sync queue대기
| users.external_crm_id | M-001 |
| guardians.phone_masked | masked |
| students.default_route_id | route_a |
성공실패재시도중복 후보
CRM log: 대기
Tenant ERD Board
tenant_id 기반 SaaS 확장 구조
tenants tenant_id
users tenant_id
students tenant_id
guardians tenant_id
coaches tenant_id
vehicles tenant_id
routes tenant_id
ride_sessions tenant_id
attendance_events tenant_id
location_points tenant_id
notification_logs tenant_id
crm_sync_logs tenant_id
MVP: 단일 축구단P1: 기관별 설정P2: 다기관 SaaS 후보제외: 과금/기관가입/요금제/기관 관리자 포털
API Contract Console
실제 호출 없는 mock request/response
- /ride-sessions/start
- /location/ping
- /attendance/check-in
- /notifications/send
- /crm/sync
{"endpoint":"/ride-sessions/start","status":200,"mock":true}
Acceptance Test Station
버튼 조작 후 PASS로 바뀌는 검수 항목
60일 MVP Scope Visual Roadmap
MVP/P1/P2 범위 분리
Question Path
검토 중 궁금한 점은 편하게 남겨주세요
이 데모는 위시켓 정책을 준수하는 공개 가능한 mock 기준 제안형 자료입니다. 실제 GPS/CRM/FCM/API 연결이나 개인정보 사용 없이 구현 가능 흐름을 시각적으로 확인하도록 구성했습니다.