SYSTEM BLUEPRINT

스마트 악력 앱
화면 설계 및 시나리오

BLE 측정, 기록, 랭킹, 공유 콘텐츠, 관리자 운영까지 MVP 핵심 흐름을 화면으로 증명합니다.

측정 사용자 시나리오

기기 연결부터 기록 저장까지

사용자는 악력계를 연결하고 좌우 측정값을 확인한 뒤 개인 기록으로 저장합니다.

1. 앱 실행

계정 확인
기기 연결 안내

2. BLE 검색

Grip Pro 2 탐색
신호와 배터리 확인

3. 측정 시작

좌우 손별 실시간 수치
최대값 홀드

4. 기록 저장

측정값 서버 저장
개인 최고 기록 갱신

5. 그래프 확인

Force Curve 표시
이전 기록 비교

측정 사용자 | 화면 01

BLE 기기 연결 화면

app.griplink/connect
GripLink
스마트 악력계

기기 연결 준비

Grip Pro 2 검색됨
신호 세기 92퍼센트 · 배터리 84퍼센트
제안서의 BLE 우선 검증 전략을 첫 화면에서 보여줍니다.

[화면 개요 및 목적]

사용자가 주변 악력계를 검색하고 신호 세기와 배터리를 확인한 뒤 연결합니다.

[핵심 기능 로직]

연결 전용 상태 화면을 분리해 재연결, 실패, 기기 중복 선택 문제를 초기에 관리합니다.

  • Flutter BLE scan
  • 연결 상태 머신
측정 사용자 | 화면 02

실시간 측정 및 Force Curve

app.griplink/measure
GripLink
스마트 악력계

실시간 측정

오른손
54.8
킬로그램
왼손
51.2
킬로그램
Force Curve
좌우 손별 수치와 그래프를 즉시 저장합니다.

[화면 개요 및 목적]

좌우 손 측정값과 최대 피크값을 즉시 보여주고 Force Curve로 운동 데이터를 시각화합니다.

[핵심 기능 로직]

수신 데이터를 손 구분, 세션, 피크값으로 정규화한 뒤 서버 저장 요청과 화면 렌더링을 분리합니다.

  • BLE notify stream
  • Chart rendering
측정 사용자 | 화면 03

개인 기록 상세

개인 기록 요약

오른손 최고 기록54.8 킬로그램
왼손 최고 기록51.2 킬로그램
최근 측정 횟수이번 주 8회
손 균형 지표오른손 +7퍼센트

[화면 개요 및 목적]

사용자는 날짜별 기록, 최고 기록, 손별 차이를 한 화면에서 확인합니다.

[핵심 기능 로직]

개인 기록 API는 측정 세션과 피크 데이터를 분리해 추후 시즌 랭킹으로 재활용합니다.

  • PostgreSQL schema
  • 기록 API
공유 사용자 시나리오

랭킹 확인과 결과 공유

사용자는 자신의 순위를 확인하고 결과 이미지를 생성해 외부 SNS로 공유합니다.

1. 기록 선택

최고 기록 선택
그래프 포함 여부 확인

2. 랭킹 비교

국가, 성별, 체중 필터
시즌 순위 확인

3. 이미지 생성

측정값, 날짜, 순위
브랜드 워터마크 적용

4. 저장

로컬 저장
공유 권한 확인

5. 공유

SNS 공유
유입 추적 확장 가능

공유 사용자 | 화면 01

랭킹 필터 화면

app.griplink/ranking

시즌 랭킹

대한민국 남성 70킬로그램대상위 8퍼센트
내 최고 기록54.8 킬로그램
시즌 순위128위
비정상 기록 제외검수 적용

[화면 개요 및 목적]

국가, 성별, 체중, 시즌 기준으로 내 순위와 상위 기록을 확인합니다.

[핵심 기능 로직]

랭킹 조건을 API 파라미터로 분리해 글로벌 확장과 시즌 운영을 쉽게 합니다.

  • Ranking API
  • Filter query
공유 사용자 | 화면 02

결과 이미지 생성 화면

app.griplink/share-card
GripLink
스마트 악력계

공유 이미지 생성

NEW RECORD
54.8
오른손 최고 기록 · 국내 상위 8퍼센트
GripLink 워터마크 자동 적용
측정값을 공유 가능한 콘텐츠로 바꿉니다.

[화면 개요 및 목적]

측정 결과를 브랜드가 적용된 공유 이미지로 자동 생성합니다.

[핵심 기능 로직]

화면 렌더링과 저장 로직을 분리해 추후 영상 오버레이 기능으로 확장합니다.

  • Canvas capture
  • Local share
공유 사용자 | 화면 03

공유 완료 추적

app.griplink/share-complete

공유 완료

저장 위치사진 앱
워터마크GripLink 적용
공유 채널인스타그램
다음 행동다시 측정

[화면 개요 및 목적]

공유 후 사용자는 저장 완료 상태와 다시 측정 버튼을 확인합니다.

[핵심 기능 로직]

공유 이벤트를 남겨 추후 캠페인 성과 분석과 앱 개선에 활용할 수 있습니다.

  • Data Aggregation & Visualization
  • Share event log
관리자 시나리오

운영자 검수와 사용자 관리

관리자는 사용자, 기록, 랭킹, 비정상 수치를 확인해 서비스 신뢰도를 유지합니다.

1. 로그인

관리자 권한 확인
접근 로그 저장

2. 사용자 조회

가입자 목록
상세 기록 확인

3. 기록 검수

비정상 수치 탐지
숨김 또는 삭제

4. 랭킹 반영

순위 반영 여부
시즌 기준 적용

5. 문의 대응

1차 MVP는 조회 중심
2차에서 문의 확장

관리자 | 화면 01

관리자 대시보드

admin.griplink/dashboard

관리자 대시보드

전체 사용자12,840명
오늘 측정 기록1,284건
비정상 의심17건
신규 신고3건

[화면 개요 및 목적]

전체 사용자, 측정 기록, 비정상 의심 기록을 한 화면에서 확인합니다.

[핵심 기능 로직]

운영자가 가장 자주 보는 지표를 먼저 노출해 MVP에서도 관리 효율을 확보합니다.

  • Admin React
  • Role auth
관리자 | 화면 02

비정상 기록 검수

admin.griplink/records/review

비정상 기록 검수

사용자 grip_8421128.4 킬로그램
의심 사유평균 대비 240퍼센트
현재 상태랭킹 미반영
관리 액션숨김 처리 대기

[화면 개요 및 목적]

관리자는 랭킹에 영향을 주는 의심 기록을 확인하고 숨김 또는 반영 여부를 결정합니다.

[핵심 기능 로직]

기록 상태값을 원본 데이터와 분리해 삭제 없이 운영 판단 이력을 남깁니다.

  • Audit log
  • Ranking flag
관리자 | 화면 03

사용자 상세 기록

admin.griplink/users/8421

사용자 상세

계정 상태정상
최근 측정2026.05.29
최고 기록54.8 킬로그램
랭킹 반영허용

[화면 개요 및 목적]

개별 사용자의 측정 이력, 신고 여부, 계정 상태를 함께 확인합니다.

[핵심 기능 로직]

사용자 상태와 기록 상태를 분리해 계정 정지와 기록 숨김을 독립적으로 처리합니다.

  • User detail API
  • Issue Tracking & Status Management