iT邦幫忙

2026 iThome 鐵人賽

DAY 4
0

前幾天已經把保健小幫手的功能大致決定好了,今天要開始把這些功能真正整理起來。
因為如果直接開始寫程式,我覺得很容易做到一半才發現:「欸?這個功能要放哪裡?」
所以今天我決定先把整個保健小幫手的架構畫出來。


一、先決定有哪些主要頁面

目前我把整個小幫手分成四個主要部分:

首頁🏠
(打開來第一個看到的地方)

我希望首頁可以直接看到今天比較重要的資訊,例如:

  • 今天的日期
  • 今日用藥
  • 今日喝水紀錄
  • 昨晚睡眠
  • 今日狀況

用藥管理💊
(最重要的功能之一)

這個頁面主要負責:

  • 新增藥物
  • 設定用藥時間
  • 查看今天的用藥
  • 標記是否完成

例如新增一筆:

藥品 A
08:00
每天一次

之後首頁就可以顯示這筆紀錄。

健康紀錄📊
(主要放其他健康的紀錄)

目前規劃:

  • 💧 喝水
  • 😴 睡眠
  • 📝 每日狀況

這些資料之後也可以跟歷史紀錄連在一起。

AI 小助手🤖
(之後才會加入的功能)

主要希望讓 AI 協助:

  • 整理自己的紀錄
  • 透過對話查詢紀錄
  • 提供一般性的健康資訊

目前先把這個部分留在架構裡,等基本功能完成之後再製作。


二、資料要怎麼跑

除了頁面之外,我覺得資料怎麼流動也很重要。

例如使用者新增一個用藥紀錄:

使用者
 ↓
輸入藥品名稱
 ↓
輸入用藥時間
 ↓
按下儲存
 ↓
💾 儲存資料
 ↓
首頁顯示今天的用藥
 ↓
⏰ 到指定時間提醒
 ↓
使用者按下「已完成」
 ↓
💾 更新紀錄

這樣一來,我就可以知道每個按鈕按下去之後應該發生什麼事情。
也不會只是把畫面做出來,卻不知道資料要去哪裡。


三、今天的成果

把目前的規劃實際整理成一份系統架構。

目前已經完成:
** 主要頁面規劃

確定第一版會有:

首頁🏠
用藥管理💊
健康紀錄📊
AI 小助手🤖

** 主要功能分類**
把每個頁面需要的功能列出來,避免寫程式時一直重新想。

** 3. 完成用藥功能的操作流程**
目前已經確定:

新增藥物 → 設定時間 → 儲存 → 顯示 → 提醒 → 完成紀錄

** 4. 完成資料流向的規劃**
我開始思考資料從使用者輸入之後,要怎麼儲存、顯示以及之後再次讀取。

** 5. 確定開發順序**
不會一次把所有功能都做完:

介面
 ↓
用藥功能
 ↓
資料儲存
 ↓
健康紀錄
 ↓
歷史紀錄
 ↓
AI 功能
 ↓
測試與優化

四、我今天也讓 ChatGPT 幫我檢查架構

** Prompt:

「我正在製作一個 AI 保健小幫手,目前規劃有首頁、用藥管理、健康紀錄、歷史紀錄和 AI 小助手。用藥管理包含新增藥物、設定時間、完成紀錄;健康紀錄包含喝水、睡眠和每日狀況。請幫我檢查這個系統架構是否合理,並告訴我初學者可能會遇到哪些問題。不要直接寫程式。」

我特別要求 ChatGPT 不要直接寫程式,因為我比較想先知道整體架構有沒有問題,再開始實作。


五、今天最大的收穫

昨天我看到的是一堆「功能」,今天則開始知道這些功能之間要怎麼連在一起。

「新增用藥」不是一個獨立的功能。

會連到:
輸入資料 → 儲存 → 首頁顯示 → 時間提醒 → 完成紀錄 → 歷史紀錄


明天要做什麼?

Day 5|設計 UI:我的保健小幫手長什麼樣?
明天我要開始設計實際的畫面,包含首頁、用藥管理、健康紀錄和 AI 小助手的介面。
在開始寫正式功能之前,先把「使用者看到什麼、按哪裡、怎麼操作」設計好。


上一篇
Day 3|ChatGPT 與 Codex 能幫我做到什麼?
下一篇
Day 5|設計 UI:我的保健小幫手長什麼樣?
系列文
AI 保健小幫手:用 ChatGPT & Codex 打造個人健康紀錄工具9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言