Post

[Capstone-Start] 시나리오 - 확정 (Self-Demo Guide)

Posted Updated
By Shin-SuBin
views 18 min read
[Capstone-Start] 시나리오 - 확정 (Self-Demo Guide)

📅 일시: 2026. 05. 29

💬 내용: 캡스톤 시연용 Self-Demo 시나리오 5종 확정 — 홈 / 식단 / 운동(기록) / 운동(헬스장) / MY

5/12에 정리했던 시나리오 1차 초안(v1)이 그동안 피그마 프로토타입 1차 → Flutter MVP 구현 → 라이브 데모 배포를 거치며 보강되어, 오늘 시연용 Self-Demo 가이드를 최종 확정했다. v1 시점에는 페르소나 김민수 씨를 중심으로 4개 탭의 추상적인 액션 흐름만 적었다면, v2(=확정본)는 실제 빌드된 프로토타입에서 어떤 화면을 어떤 순서로 보여주면 캡스톤의 핵심 가치가 가장 잘 전달되는지를 단계별로 박아 둔 문서다.

이 글은 발표 당일 시연 보조 자료이자, 평가자가 직접 라이브 데모 URL을 열고 따라해 보실 수 있도록 작성한 셀프 데모 시연 가이드 형태로 정리한다.

1. v1과 비교 — 무엇이 달라졌는지

항목v1 (5/12)v2 = 확정본 (5/29)
시나리오 수4개 (대시보드 / 식단 / 운동 / MY)5개 (홈 / 식단 / 운동·기록 / 운동·헬스장 / MY)
운동 탭단일 흐름운동 기록과 헬스장(B2B) 두 갈래로 분리
표현 수준추상 액션 (“카메라 버튼을 누른다”)구체 컴포넌트 (“온이의 피드백 버튼 → 팝업”)
AI 코치부재온이의 피드백 카드로 식단·운동 양쪽에 명시
시각화부재주간 운동 그래프 / 건강 지표 trend 그래프 명시
검증 포인트없음시나리오별 목적(Why) 한 줄 명시

가장 큰 변화는 운동 탭을 두 시나리오로 분리한 것이다. v1에서는 “운동 기록 + 헬스장 검색 + 트레이너 채팅”을 한 흐름으로 묶었는데, 실제 구현 단계에서 두 시나리오의 평가 포인트(데이터 시각화 vs B2B 연계)가 너무 달라서 분리하는 게 더 명확하다는 판단이 들었다.

2. 데모 접속 정보

항목값
배포 링크OnCare 프로토타입
권장 환경Google Chrome (모바일 뷰 / 데스크톱 모두 지원)
회원가입없음 — 프리셋 데이터로 모든 탭의 핵심 기능 즉시 체험 가능

별도의 로그인 절차를 두지 않은 이유는, 시연 5분 안에 핵심 가치를 전달하는 것이 최우선이기 때문이다. 인증·온보딩은 본 학기 캡스톤의 평가 대상이 아니라고 판단해 의도적으로 생략했다.

시나리오 1. 홈 — 종합 건강 대시보드 및 일정 관리

목적: 사용자의 당일 건강 상태 요약과 직관적인 UX를 통한 일정 관리 연동성을 확인한다.

  1. 스트릭(Streak) 확인 — 홈 화면 최상단의 연속 기록 스트릭 아이콘으로 사용자의 지속적인 관리 현황을 확인합니다.
  2. 체중 수동 입력 — 오늘의 건강 기록 섹션에서 체중·혈압·혈당 입력 칸에 수치를 입력하고 기록할 수 있습니다.
  3. 일정 관리 화면 전환 (교차 검증)
    • 방법 A: 오늘의 일정 섹션 우측의 전체보기를 클릭합니다.
    • 방법 B: 화면 상단 헤더의 캘린더 아이콘을 클릭합니다.
    • 기대 결과: 두 방법 모두 동일한 종합 일정 관리 캘린더로 매끄럽게 라우팅됩니다.

검증 포인트: 같은 목적지에 도달하는 두 경로가 같은 화면으로 가는지 — 같은 정보를 두 위치에서 접근할 수 있게 둔 의도적인 redundancy다.

시나리오 2. 식단 — AI 피드백 및 멀티모달 입력

목적: 맞춤형 피드백과 편리한 식단 기록 아키텍처를 검증한다.

  1. 주간 캘린더 탐색 — 상단의 주간 달력 컴포넌트를 좌우로 스와이프하여 날짜별 식단 기록이 유연하게 연동되는지 확인합니다.
  2. 온이의 피드백 — 맞춤 AI 식단 코치
    • 온이의 피드백 버튼을 클릭합니다.
    • 시스템이 당일 섭취한 칼로리·나트륨을 기반으로 생성한 [오늘의 건강 분석 및 식단 추천] 팝업을 확인합니다.
    • 하단의 템플릿형 ‘짧은 질문’ 또는 ‘직접 입력 질문’ 창에 질의를 입력할 수 있는 AI 챗봇이 노출됩니다.
  3. 식단 데이터 레이아웃 — 당일 먹은 음식 리스트에서 음식 종류·칼로리·나트륨 정보가 자세히 표현되는지 확인합니다.
  4. 멀티모달 식단 기록
    • 식단 추가 버튼(+)을 클릭합니다.
    • 사진으로 입력하기를 선택하여 AI 이미지 객체 인식을 모사한 식단 자동 입력 파이프라인의 UX 흐름을 수행합니다.
    • 필요 시 수동 입력 전환이 가능합니다.

검증 포인트: “기록의 번거로움”이라는 본질적 마찰을 사진 1장으로 해소하는 경험이 매끄럽게 흐르는지 — 시연 데모의 클라이맥스 흐름이다.

시나리오 3. 운동 — 기록 & 데이터 시각화

목적: 정량적 운동 데이터의 시각화 및 AI를 활용한 주간 피드백 루프를 검증한다.

  1. 대시보드 메트릭 검증 — 화면 상단에서 이번 주 운동 횟수, 총 운동 시간, 소모 칼로리, 연속 운동 일자가 실시간 집계되어 노출됩니다.
  2. 데이터 시각화 그래프 — 주간 운동 현황을 직관적으로 파악할 수 있는 통계 그래프 컴포넌트를 확인합니다. (유산소·근력·스트레칭 3종 stacked bar)
  3. 온이의 피드백 — 맞춤 AI 운동 코치
    • 온이의 피드백 버튼을 클릭합니다.
    • 주간 누적 운동 데이터를 분석한 [이번 주 운동 분석 및 추천 프로그램]이 도출됩니다.
    • 식단 탭과 동일한 커스텀 질의응답 인터페이스로 이어집니다.
  4. 기록 추가 — 하단의 주간 운동 히스토리를 확인한 후, 운동 추가 기능을 통해 신규 운동 종목 및 세트 수 입력 UI가 동작하는지 확인합니다.

검증 포인트: 식단과 운동 두 도메인에서 AI 코치 UX가 같은 패턴으로 통일되어 있는지 — 일관된 메탈 모델로 사용자가 한 번 익히면 다른 탭에서도 바로 쓸 수 있어야 한다.

시나리오 4. 운동 — 헬스장 (B2B 연계)

목적: On-Care 플랫폼의 핵심 차별점인 오프라인 시설(B2B)과의 PHR(개인 건강 기록) 데이터 연동 솔루션을 검증한다.

  1. 1:1 트레이너 상담 및 데이터 전송
    • 현재 소속된 헬스장 커넥션 섹션에서 1:1 상담 버튼을 클릭합니다.
    • 기대 결과: 앱에 축적된 사용자의 식단·운동 건강 데이터 요약본 전송 완료 알림이 정상 트리거됩니다.
  2. 위치·조건 기반 헬스장 검색
    • 헬스장 찾기 메뉴를 클릭합니다.
    • 주변 시설 리스트가 정렬되며, 각 시설별 거리·별점·전문 분야 태그(예: 재활운동, 식단 상담)가 출력됩니다.
    • 등록하기 원클릭 버튼으로 플랫폼 내에서 간편히 헬스장에 등록할 수 있습니다.

검증 포인트: 사용자가 별도의 설명 없이 “오늘은 어떤 운동을 하면 좋을까요?”를 트레이너에게 묻기까지의 마찰이 0에 가까운지 — v1에서 김민수 씨의 핵심 액션이었고, v2에서는 그 흐름이 그대로 실제 화면으로 구현됐다.

시나리오 5. MY — 종합 건강 지표 추적 및 개인화 설정

목적: 만성질환자의 장기 데이터 trend 관리와 서비스 백엔드 설정 요소를 확인한다.

  1. 프로필 및 만성질환 스크리닝 — 유저가 등록한 고혈압·당뇨 등 만성질환 위험 인자 정보가 상단에 명확히 디스플레이됩니다.
  2. 장기 건강 지표 trend 그래프 — 체중·혈압·혈당 변화 추이를 그래프로 시각화한 대시보드를 확인하고, 데이터의 연속성을 검증합니다. (5/25에 박은 임상 의미 단위 Y축 클램핑이 여기서 적용됩니다.)
  3. 게이미피케이션 보상 요소 — 식단 및 운동 기록 리워드로 적립된 누적 포인트를 확인합니다.
  4. 시스템 관리 기능 — 하단의 개인정보 관리·건강 데이터 동기화 설정·알림·고객 지원 등의 메뉴 구조가 MVP 수준에 맞게 유기적으로 배치되어 있는지 확인합니다.

검증 포인트: 만성질환 위험군은 장기 trend가 일일 측정보다 훨씬 중요하다. 차트의 Y축 범위가 임상적으로 의미 있는 단위(체중 1kg, 혈압 10mmHg, 혈당 20mg/dL)로 클램핑되어 있는지가 결국 “그래프가 의미를 갖는가”의 분기점이다.

3. 시연 시 자주 부딪치는 함정 (Troubleshooting)

라이브 시연 환경 특성상 다음 두 경우를 사전에 인지해 두면 좋다.

  • Vercel 콜드 스타트 — 첫 진입 시 AI 피드백 컴포넌트 로딩이 1~2초 지연될 수 있다. 시연 1~2분 전에 미리 한 번 열어 두면 안전하다.
  • 데이터 이상 출력 — 브라우저 캐시 등으로 프리셋 데이터가 비정상적으로 보일 때는 F5(새로고침)로 프리셋이 재로딩된다.

4. 시나리오 v1 → v2 회고

이번 작업에서 가장 크게 배운 점은 시나리오는 한 번에 완성되지 않는다는 것이다. v1 시점에는 페르소나가 “오늘 남은 영양 섭취 허용량을 체크합니다”라고 단순히 적혀 있었지만, 실제 화면을 그려 보니 칼로리·나트륨·혈당 중 어떤 지표를 가장 위에 둘지, 진행률 바가 100%를 넘으면 어떤 톤으로 알릴지 등 무수한 디자인 결정이 필요했다. v1은 그 결정들의 방향만 잡아 줬고, 실제 답은 구현 단계에서 부딪쳐 가며 정해졌다.

그래서 시나리오 작성에는 다음 원칙을 다음 프로젝트에서도 가져갈 생각이다.

  • v1은 추상이 미덕이다. 너무 디테일하게 잡으면 구현이 그 디테일에 갇힌다.
  • v2(확정본)는 구체 컴포넌트 이름까지 박는다. 시연자가 어디를 눌러야 하는지 사전 회의 없이도 가이드만 보고 따라할 수 있어야 한다.
  • 시나리오마다 “검증 포인트”를 한 줄 명시한다. 단순한 동작 안내가 아니라 “왜 이 시나리오를 보여드리는가”를 적어 두면, 평가자가 우리 의도를 정확히 캐치한다.

페르소나(김민수 씨)는 v1에서 v2까지 변하지 않았다. 시나리오의 흐름·표현·디테일은 진화했지만, 그 모든 흐름이 한 사람의 문제를 푸는 방향을 가리키고 있는지 매 단계마다 점검했다. 이게 v1에서 v2로 넘어오는 동안 흔들리지 않을 수 있었던 유일한 기준점이었다.

📌 요약

5/12 시나리오 초안(v1)을 토대로, 피그마 → Flutter MVP → 라이브 데모 배포를 거치며 보강된 확정 시연 시나리오 5종(홈 / 식단 / 운동·기록 / 운동·헬스장 / MY)을 정리했다. v1과 비교해 운동 탭이 두 갈래로 분리됐고, AI 코치(온이의 피드백)와 데이터 시각화 컴포넌트가 명시됐으며, 시나리오마다 검증 포인트가 한 줄로 박혀 있다. 페르소나 김민수 씨는 v1·v2 전 구간에서 동일하게 유지되어, 모든 시나리오 결정의 기준점 역할을 했다. 라이브 데모 URL은 https://oncare-prototype.vercel.app/이며, 별도 가입 없이 즉시 5개 시나리오 모두 체험 가능하다.

Capstone, Start
dev capstone
This post is licensed under CC BY 4.0 by the author.