做一個家人需要的居服員助手~~ 經驗筆記，心得分享
Side Project × 孝順起手式
幫媽媽做的簡易查詢班表
終於看得到下週班表
媽媽說原本的居服員系統只能看本週、還要點進去才知道要服務什麼。
再不改原系統的情況下、重新調整版面，再加一個 LINE Bot 推播今日班表、快速查班表。
跨週
可查整月排班
1 層
卡片直覽案件內容
每日 05:00
LINE Bot 自動推播
使用情境
誰在用？為什麼需要？
無法看到下週的班表，能否介面優化
媽：居服員系統很難用，後台就看不到下週的班表與案件服務項目，只能看到當週， 希望能看到整月，可提早安排交通與準備工作。
成功標準
- ✓日曆紅點一眼看出哪天有案件，不需要逐日點開確認
- ✓卡片直接顯示雇主、服務項目、價格與當日總額
- ✓每天早上 5 點 LINE 推播今日班表，無需主動開 App
- ✓即時計算案件服務費，無需手動計算
痛點背景
原系統到底哪裡不方便？
媽媽說了三個字：很難用
只看得到本週
原系統日曆僅顯示本週範圍，無法預先查看下週排班，讓居服員無法提早規劃。
要點進去才知道
案件資訊藏在裡層，日曆上只有時間，要點進去才能看到要服務哪位雇主、做哪些項目。
UX 設計繁瑣
介面操作路徑長，每次重點資料都需要多次點擊查詢，無法一眼明瞭。
使用前後對比
改版前後，差距一目了然
拖動中間的分隔線，親眼看見改變
左右拖動分隔線比較前後差異
← 改版前（原居服系統）
改版後（重新拉皮）→
解法
沒有重寫後端，四步搞定
在不破壞原本系統下， 重新設計UIUX、加強重點資訊
1
逆向原系統 API
取得既有 API 取得排班資料，無需重寫後端。
2
JSON 快取一層
為避免頻繁即時打 API，加入 JSON 快取層，降低請求次數、提升回應速度。
3
重新設計前端介面
日曆紅點標示有案件的日期，卡片直接顯示雇主、服務項目與當日費用總額。
4
LINE Bot 每日推播
搭配 cron-job.org 排程，每天早上 5 點自動推播今日班表到 LINE，免開 App。
額外特色
每天早上 5 點，LINE 提醒今日班表
不用打開 App，今日班表自動送到手機，也可即時查詢班表
搭配 LINE Bot 推播，讓班表主動找你
除了重新設計介面，我額外串了一個 LINE Bot， 透過 cron-job.org 排程， 每天早上 5 點自動推播今日服務班表。
因為只有媽媽一人使用，LINE Bot 個人帳號的免費推播額度完全足夠，零額外費用。
⏰ 每日 05:00 自動推播
技術亮點
這個 Side Project 用了什麼
重新拉皮
不修改既有的原則下，重新調整版面
JSON 快取層
減少即時 API 呼叫，同時避免資料過舊的問題
LINE Bot 推播
個人帳號免費額度足夠，每日推播無額外費用
cron-job.org 排程
每天 05:00 自動觸發推播，免架 Server 跑 Cron
留言
張貼留言