skytek_xinliang
148 lines
3.6 KiB
Markdown
148 lines
3.6 KiB
Markdown
# 運動玩轉健康力
|
|
|
|
## 頁面路由結構
|
|
|
|
```text
|
|
/
|
|
├── /login
|
|
├── /self-assessment
|
|
├── /appointment
|
|
├── /checkin
|
|
└── /checkin/:code
|
|
```
|
|
|
|
## 路由對應頁面
|
|
|
|
```text
|
|
/
|
|
├── / 首頁 / 市民端主控台
|
|
├── /login 登入頁
|
|
├── /self-assessment 線上自評頁
|
|
├── /appointment 預約場次頁
|
|
├── /checkin 現場報到與量測清單頁
|
|
└── /checkin/:code 量測子頁面
|
|
├── /checkin/BloodPressure
|
|
├── /checkin/BodyFat
|
|
├── /checkin/GripStrength
|
|
├── /checkin/Sit5x
|
|
├── /checkin/Sit30s
|
|
├── /checkin/StepTest
|
|
├── /checkin/ArmTest
|
|
├── /checkin/BackTest
|
|
├── /checkin/SitReachTest
|
|
├── /checkin/UpGo8ft
|
|
├── /checkin/OneLegTest
|
|
└── /checkin/ResultReview
|
|
```
|
|
|
|
## 備註
|
|
|
|
- `/checkin/:code` 使用同一個 Vue 頁面，透過 route param 顯示不同量測站內容。
|
|
- 目前路由來源以 [src/router/index.ts](../health-platform/hp-frontend/src/router/index.ts:1) 為準。
|
|
|
|
## 預計功能
|
|
|
|
1. 帳號與身分
|
|
|
|
- 手機號碼登入
|
|
- 基本資料維護：姓名、生日、性別、身高、體重、聯絡方式
|
|
- 緊急聯絡人
|
|
- 個資同意與資料授權狀態
|
|
|
|
2. 健康自評
|
|
|
|
- 3 分鐘線上自評問卷
|
|
- 運動頻率、疼痛狀況、跌倒史、慢性病、用藥提醒
|
|
- 生活功能自評：走路、上下樓、起身、平衡、柔軟度
|
|
- 自評結果分級：低風險 / 需追蹤 / 建議諮詢
|
|
|
|
3. 活動與預約
|
|
|
|
- 公益普測活動列表
|
|
- 活動詳情：地點、時間、名額、主辦單位、量測項目
|
|
- 線上報名 / 取消報名
|
|
- QR Code 報到
|
|
- 報名紀錄與到場狀態
|
|
|
|
4. 現場量測結果
|
|
|
|
- 血壓 BloodPressure
|
|
- 體脂 BodyFat
|
|
- 握力 GripStrength
|
|
- 5 次坐站 Sit5x
|
|
- 30 秒椅子坐立 Sit30s
|
|
- 原地抬膝踏步 StepTest
|
|
- 肱二頭肌手臂屈舉 ArmTest
|
|
- 抓背測驗 BackTest
|
|
- 坐姿體前彎 SitReachTest
|
|
- 2.44 公尺椅子坐立繞物 UpGo8ft
|
|
- 開眼單足立 OneLegTest
|
|
|
|
5. 個人健康力儀表板
|
|
|
|
- 健康力總分
|
|
- 肌力、平衡、柔軟、敏捷、心肺等能力分項
|
|
- 與同年齡區間參考值比較
|
|
- 風險提示：跌倒風險、血壓異常、肌力不足等
|
|
- 最近一次量測摘要
|
|
- 歷史趨勢圖
|
|
|
|
6. 運動處方
|
|
|
|
- 依量測結果產生建議訓練
|
|
- 每週訓練任務
|
|
- 動作說明：次數、組數、頻率、注意事項
|
|
- 禁忌提醒：血壓過高、疼痛、暈眩時暫停
|
|
- 訓練完成回填
|
|
|
|
7. 追蹤與提醒
|
|
|
|
- 下次建議量測時間
|
|
- 回訪提醒
|
|
- 運動任務提醒
|
|
- 異常數值提醒
|
|
- 報名活動前提醒
|
|
|
|
8. 健康紀錄
|
|
|
|
- 每次自評紀錄
|
|
- 每次量測紀錄
|
|
- 運動任務完成紀錄
|
|
- 健康報告下載 / 分享
|
|
- 可出示給教練、社區據點或照護人員的摘要頁
|
|
|
|
9. 家屬 / 照護者協作
|
|
|
|
- 授權家屬查看摘要
|
|
- 家屬提醒通知
|
|
- 協助預約活動
|
|
- 緊急聯絡資訊更新
|
|
|
|
10. 無障礙與高齡友善
|
|
|
|
- 大字模式
|
|
- 高對比模式
|
|
- 簡化操作流程
|
|
- 語音提示 / 朗讀友善
|
|
- 明確的下一步按鈕
|
|
- 表單錯誤提示清楚可讀
|
|
|
|
## 使用者流程
|
|
|
|
登入 / 建檔 → 線上自評 → 預約普測 → QR Code 報到 → 查看量測結果 → 取得運動處方 → 追蹤回訪
|
|
|
|
訪客進站
|
|
→ 點擊「開始自評」
|
|
→ 建立帳號 / LINE 登入 / 手機驗證
|
|
→ 基本資料與同意書
|
|
→ 自評問卷
|
|
→ 顯示初步分級
|
|
→ 推薦普測或課程
|
|
→ 預約場館 / 社區據點
|
|
→ 報到 QR Code
|
|
→ 完成普測與運動處方
|
|
→ 4 週 / 12 週提醒回測
|
|
→ 個人報告與獎勵點數
|
|
|
|
[cloudflare](https://health-platform-8u1.pages.dev/)
|