SlideShare a Scribd company logo
健康懶人包,一鍵任我行
健康邦服務之更新擴充與加值
指導老師:梅興
組員:
資工四甲 林家豪
資工四甲 林彥廷
資工四甲 洪景揚
資工四乙 溫祥麟
1
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
2
前言
隨著高齡社會的來臨,扶養比的失衡,自主健
康管理成為現今許多國家與醫療單位急需經營的一
大重點。而在輔仁大學資訊工程系─WecoLab,已
有健康邦(J.H.S.)服務,JHS是個人健康資訊管理
的服務,裡面一共有五項子服務,如何更新、擴充、
增值裡面的服務是我們此次開發的重點。

3
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
4
動機
•
•
•
•
•
•

1.想要接觸多種技術(PHP,HTML5…etc)
2.健康邦架構完整但是有些子服務尚未實作完成
3.舊有健康邦平臺無法支援HTML5
4.周邊裝置需與健康邦整合
5.不同的行動裝置亦能友善的使用服務
6.跨領域合作補足背景知識不足

5
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
6
舊有健康邦系統架構

智慧鬧鈴
Second
Life

周
邊
裝
置
第
三
方
服
務

Facebook
Open ID

健康邦
聚
康
廳

好
眠
居
Database

DB

活
腦
閣

Web API
(Google
Chart)

混
搭
服
務

Yahoo!
Pipes

Facebook
Social
Plugin
7
健康邦系統架構

智慧鬧鈴

Second
Life
Facebook

周
邊
裝
置
第
三
方
服
務

Google
Chart

健康邦
聚
康
廳

好
眠
居

膳
食
軒

悅
動
園

活
腦
閣

混
搭
服
務

Yahoo!
Pipes

Database

響應式設計、離線應用

Social
Plugin

8
Drupal Multisite 之健康邦架構

健康邦
JHS
聚康廳
HSS

好眠居
SHS

膳食軒
HDS

悅動園
FPS

活腦閣
BTS

9
好眠居系統架構
周邊裝置
智慧鬧鈴

好眠居

新增/查詢睡眠紀錄

新增睡眠紀錄

查詢某日睡眠曲線
睡眠品質問卷

周邊裝置資料上傳
查詢睡眠品質分數(SQ)

睡眠商數查詢

資
料
庫

衛教資訊

ZEO睡眠儀器 (ZQ)

10
膳食軒與悅動園系統架構

悅動園
膳食軒
營養樂活就是我
衛教資訊

輸入體適能資料
體適能雷達圖

資
料
庫

近期體適能變化折線圖
衛教資訊

Google
Chart

11
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
12
去年 : 平台尚未整合

13
舊版本升級

14
統一版本

15
整合資料庫

16
新增兩子站 : 膳食軒、悅動園

17
升級轉移後

18
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
19
好眠居 H.S.S.

20
介紹
• 什麼是好眠居?

– 健康邦子站底下的其中一個,提供使用者睡眠
相關知識與服務。
• 服務有哪些?
– 睡眠日誌
– 智慧鬧鈴
– 衛教知識
– 睡眠周邊裝置
21
過去的服務
• 智慧鬧鈴
– 透過手機幫助使用者記錄下個人的睡眠情況。

• 睡眠日誌
– 可以記錄下使用者一天的睡眠情況。

22
ZEO與ZQ
• ZEO是什麼?
– 頭戴式睡眠偵測器,可偵測個人睡眠曲線
(Wake、REM、Light、Deep),藉由睡眠曲線
的分析,來了解一個人的睡眠品質。

• ZQ
– ZEO裝置上,呈現給使用者的睡眠分數。

23
學姊的論文
• 建構在ZQ上的新分數計算方式,以SQ稱之。
• 分數計算的方式分為
– 客觀資料 objective data
– 主觀資料 subjective data

24
SQ計算方式
SQobj =

TST: total sleep time
DST: total deep sleep time
RST: total REM Sleep Time
TIW: time in awake
ATS: awake times

αats
WTST: Weight of Total Sleep Time
WDST: Weight of Deep Sleep Time
WRST: Weight of REM Sleep Time
WTIW: Weight of Time in Awake

αp
αavg

: a coefficient, here we assume the
value is 15
: Personalized total sleep time
: the Average of total sleep time ,
here the value is 8.5

25
ZEO實作

26
Zeo與健康邦的整合
• 使用裝置Zeo
– 匯入裝置所記錄下來的紀錄,彙整完成後給使
用者確認,使用者按下確認後即送出資料。

• 不使用裝置
– 在使用者沒使用裝置的情況下,將使用睡眠日
誌的輸入頁面,使用者輸入完成後即送出資料。

27
28
整合睡眠評估系統(SQ的實作)
• 睡眠日誌
– 依據不同的睡眠結構而調整。

• 睡眠周邊裝置ZEO
– 由裝置上取得的數據,除了ZEO本身的ZQ分
數以外,我們也另外提供了SQ分數。

29
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
30
膳食軒 H.D.S.

31
介紹
• 什麼是膳食軒?

– 健康邦子站底下的其中一個,提供使用者飲食
營養等相關知識與服務。
• 服務有哪些?
– 衛教知識
– 營養知識互動小測驗

32
合作衛教
• 衛教來源

– 資料來源由輔仁大學營養系提供。膳食軒有專
業人員的參與,使得此塊服務更能幫助使用者。

33
互動式測驗
• 以HTML5所寫成的小測驗
• 由營養系提供圖片及判斷標準

• 此測驗目的為:
幫助使用者了解日常生活中
哪些為均衡飲食,而哪些是較為不均衡的食物。

34
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
35
悅動園 F.P.S.

36
介紹
• 什麼是悅動園?
– 健康邦子站底下的其中一個,提供使用者運動
等相關知識。
• 服務有哪些?
– 合作衛教知識
– 挖ㄟ體適能
• 個人體適能基本資料。
• 折線圖呈現各項體適能分數。
• 與常模比較的雷達圖。
37
高齡體適能
• 什麼是高齡體適能?
– 高齡體適能就是讓高齡者,有一定的身體適應
外界環境的能力,可視為身體適應生活、運動
與環境(Ex.溫度、氣候等)的綜合能力。
– 由輔仁大學護理系與體育系共同設計13項測驗,
並挑出其中五個項目做為體適能評估指標。

38
與專業人員的合作
• 體適能常模
– 體適能常模的資料來自輔仁大學護理學系與
體育系,在大安區社區測試得來的資料。
– 悅動園有專業人員跨領域的參與,將使得這項
服務的可信度、專業度提升。

39
挖A體適能
• 個人體適能常模

– 使用者可以藉由常模與自己比較,清楚看到自
己在一般人中所佔的位置百分比。並由分析中
了解自己狀況的優劣,幫助使用者從弱項去改
善個人體適能。
• 體適能變化折線圖
• 與常模比較雷達圖

40
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
41
響應式設計
• 響應式設計將動態畫面比例調整大小,利用CSS3
中Media Query功能,能依據螢幕解析度套入合
適的設計樣式
• 降低瀏覽動作的複雜度
• 降低網頁開發成本

• 於前端動態調整網頁內容
42
舊版健康邦使用者介面
• 傳統網頁介面大多於不適合平板與手機裝置瀏覽。

43
新版健康邦使用者介面

44
響應式設計於健康邦
• 響應式設計能讓健康邦的一般使用介面在不同的
顯示裝置上,做出介面的調整,使得介面大小、
排版最適合使用者裝置瀏覽。
• 在膳食軒互動測驗的介面設計中也加入響應式設
計,互動測驗能讓使用者在不同的裝置上測試。

45
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
46
離線應用
• 現今使用行動裝置上網的頻率增加,但是使用行
動裝置時容易遇到沒有網路可使用的情況
• 離線應用透過Web Storage(網路儲存區)與
Cache Manifest(快取清單)搭配,將必要的網頁
與使用資源存入Client端,讓使用者也可以在無
網路環境使用網站服務

47
離線應用與Drupal
• 健康邦架設於以PHP為核心的Drupal平台,
因此網頁是由伺服器運算後再傳送給瀏覽器顯示,
故於健康邦網站無法直接開發離線應用服務
• 與助教老師討論後,以首頁(靜態網頁)為服務入
口,並將必要的資源檔案存取到用戶端,讓使用
者能夠在首頁使用健康邦離線服務。

48
49
離線應用於健康邦
• 離線功能->填寫紀錄
->觀看紀錄
• 紀錄包含:
悅動園:體適能雷達圖

50
Outline
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
未來展望
51
使用者回饋機制
管理者
分析並回饋

提供與改善服務

健康邦

專業人員

高齡使用者

教學與使用者行為蒐集
52
使用者行為蒐集
• 回饋機制:
使用者行為蒐集→使用者行為分析→改善
• 使用者行為蒐集:
與營養系專業人員及新莊營盤社區合作,讓高齡
使用者於社區課程中使用健康邦服務並藉此蒐集
使用者行為。

53
使用者行為分析
• 專業人員蒐集使用者行為後,分析資訊並與管理
者共同討論,協助改善健康邦。
長輩操作過程

初步的討論與修正
生日:
1 再確認點選生日後出現的
1長輩搞不清楚自己的西元 月曆功能。修改生日的格
生日
式
年(民國)月日
1長輩搞不清楚哪個欄位該 1 在每項體適能項目後加上
輸入何項體適能數值(例:上 檢測的項目。
肢肌耐力不知道是要輸入 2 是否可在儲存後出現一個
30秒上臂屈伸或是何項數 頁面修改已被保存。或是
值)
直接出現體適能雷達圖。
2 儲存後,數值全都變空白,
長輩會以為還未儲存,造
成再次輸入的問題。

54
改善
• 透過使用者行為的回饋
管理者改善各子服務與使用者的功能需求。
管理者
分析並回饋

提供與改善服務

健康邦

專業人員

高齡使用者

教學與使用者行為蒐集

55
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
56
結論
• 健康邦的更新
將健康邦平台由Drupal6 →Drupal7,轉移後並建
置完整的健康邦系統架構
• 健康邦的擴充
膳食軒以HTML5寫成營養互動測驗
悅動園建立個人體適能評估系統
好眠居整合周邊裝置ZEO至健康邦
好眠居實作統一睡眠分數計算標準SQ
• 健康邦的加值
響應式設計
離線應用
跨領域的參與
57
Outline
•
•
•
•
•
•
•
•
•
•
•
•

前言
動機
系統架構
升級轉移
好眠居
膳食軒
悅動園
響應式設計
離線應用
使用者回饋機制
結論
未來展望
58
未來展望
• 1. 設計更為符合通用式設計的使用者介面
• 2. 增加各子服務的功能,使其多元化並更貼近使
用者實際需求。
• 3. 將使用者經驗的元素實作完成於健康邦。
• 4. 持續與更多其他專業跨領域合作、經驗交流,
使得健康邦能更符合社會需求
• 5. 長期廣泛蒐集資料與經驗與個人化服務

59
Q&A

60
補充說明
•
•
•
•
•

個資法
升級遇到的困難
分工狀況
使用者經驗的元素
主客觀資料帶入SQ的方式

61
個資法
• 幫營盤社區高齡者建立帳號密碼時,有註明一條
License 於帳號開啟時確認

62
升級遇到的困難
• 系統平台不同(Linux->Windows Server)
導致目錄格式不同
• 編碼不一致(中文)
• 因為修改邊碼,手動輸入SQL,導致SQL太長
部分資料消失,固要分兩段輸入。

63
分工狀況

64
本學期預定進度時程
時間

三月

四月

五月

六月

七月

八月

建立悅動園個人體適
能檢測評估服務
完成遊戲設計與實作
重新設計健康邦首頁
ZEO等周邊裝置
+參數整合至好眠居
實作響應式網頁
於健康邦
加入使用者經驗
於健康邦
(以某子服務為目標)

離線應用
資料庫上線
離線應用:遊戲、離線健康紀錄、結合Facebook、整合GOOGLE 部分服務
65
分工&合作
建立悅動園個人體適能檢測評估服務
實作響應式網頁於健康邦

家豪、彥廷

完成遊戲設計與實作
ZEO等周邊裝置+參數整合至好眠居

景揚、彥廷

離線應用
重新設計健康邦首頁

家豪、溫祥

加入使用者經驗於健康邦
(以某子服務為目標)

彥廷

文件撰寫

溫祥、彥廷

會議記錄

溫祥、景揚

建立教學文、教學影音,傳承
準備暑假宅學營做內文管理系統教學
資料庫上線
升級與轉移
共同筆記

ALL

66
使用者經驗的元素
• 系統能自動記錄使用者的行為
(點擊頁面的哪個區塊、是否常放大縮小字體)
• 記錄後於使用者下次登入時,能自動調整瀏覽界
面與內容的呈現

67
主客觀資料帶入SQ的方式

68
主客觀資料帶入SQ的方式
• 由景揚編輯

69
ZQ與SQ
ZQ(by ZEO)
參數

參數設置為8小時
(個人平均睡眠時間)

計算方式 1.參數缺乏彈性設置,
一旦睡眠時間過短或過
與問題
長,會造成分數的可靠
度下降。

SQ(by 學姐論文)
可彈性的調整參數
1.計算方式分為:
客觀資料
主觀資料
2.透過彈性的參數設置,
使分數更為貼近使用者。

70
The End

71

More Related Content

Similar to Demo final

人因工程簡介(2017.10更新)
人因工程簡介(2017.10更新)人因工程簡介(2017.10更新)
人因工程簡介(2017.10更新)
COLA TSAI蔡健儀
 
104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授
104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授
104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授
文化大學
 
動物醫院SOP標準化流程建立
動物醫院SOP標準化流程建立動物醫院SOP標準化流程建立
動物醫院SOP標準化流程建立
Zih-Fang Chen
 
前瞻基礎建設計畫-食品安全建設計畫
前瞻基礎建設計畫-食品安全建設計畫前瞻基礎建設計畫-食品安全建設計畫
前瞻基礎建設計畫-食品安全建設計畫
FSOEY
 
20170718 《前瞻基礎建設計畫》食品安全建設計畫
20170718 《前瞻基礎建設計畫》食品安全建設計畫20170718 《前瞻基礎建設計畫》食品安全建設計畫
20170718 《前瞻基礎建設計畫》食品安全建設計畫
R.O.C.Ministry of Health and Welfare
 
招生投影片 ITI生技社團健康管理中心
招生投影片 ITI生技社團健康管理中心招生投影片 ITI生技社團健康管理中心
招生投影片 ITI生技社團健康管理中心Wayne Wei
 
105.02.23 顧客至上的服務學-美食映象-詹翔霖
105.02.23 顧客至上的服務學-美食映象-詹翔霖105.02.23 顧客至上的服務學-美食映象-詹翔霖
105.02.23 顧客至上的服務學-美食映象-詹翔霖
文化大學
 
以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)
以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)
以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)Dennis Lo
 
REHABA Program (Rehabilitation Business Administration program)
REHABA Program (Rehabilitation Business Administration program)REHABA Program (Rehabilitation Business Administration program)
REHABA Program (Rehabilitation Business Administration program)
Wayne Wei
 
Ihealth story for open mic
Ihealth story for open micIhealth story for open mic
Ihealth story for open mic
Wen-chih Chen
 
銀髮幼童健康定位手環
銀髮幼童健康定位手環銀髮幼童健康定位手環
銀髮幼童健康定位手環
艾鍗科技
 
網路在台灣助人專業的應用回顧
網路在台灣助人專業的應用回顧網路在台灣助人專業的應用回顧
網路在台灣助人專業的應用回顧
vTaiwan.tw
 
行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx
行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx
行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx
https://mypaper.pchome.com.tw/chanrs/post/1381109792
 
組織經營管理_HealthCare Organization Management1
組織經營管理_HealthCare Organization Management1組織經營管理_HealthCare Organization Management1
組織經營管理_HealthCare Organization Management1
aspinekeeper
 
102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授
102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授
102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授
翔霖 詹
 
企業診斷能力提昇技法-精簡版-詹翔霖教授
 企業診斷能力提昇技法-精簡版-詹翔霖教授 企業診斷能力提昇技法-精簡版-詹翔霖教授
企業診斷能力提昇技法-精簡版-詹翔霖教授
文化大學
 
創意思考(嶺東科大課程第二講)(網路版)
創意思考(嶺東科大課程第二講)(網路版)創意思考(嶺東科大課程第二講)(網路版)
創意思考(嶺東科大課程第二講)(網路版)goodbean
 
長期照護
長期照護長期照護
長期照護
ssuserf1c7ba1
 

Similar to Demo final (20)

人因工程簡介(2017.10更新)
人因工程簡介(2017.10更新)人因工程簡介(2017.10更新)
人因工程簡介(2017.10更新)
 
104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授
104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授
104.12.04 如何導正網路成癮的孩子-屏東縣南榮國中-演講綱要-詹翔霖教授
 
動物醫院SOP標準化流程建立
動物醫院SOP標準化流程建立動物醫院SOP標準化流程建立
動物醫院SOP標準化流程建立
 
前瞻基礎建設計畫-食品安全建設計畫
前瞻基礎建設計畫-食品安全建設計畫前瞻基礎建設計畫-食品安全建設計畫
前瞻基礎建設計畫-食品安全建設計畫
 
20170718 《前瞻基礎建設計畫》食品安全建設計畫
20170718 《前瞻基礎建設計畫》食品安全建設計畫20170718 《前瞻基礎建設計畫》食品安全建設計畫
20170718 《前瞻基礎建設計畫》食品安全建設計畫
 
招生投影片 ITI生技社團健康管理中心
招生投影片 ITI生技社團健康管理中心招生投影片 ITI生技社團健康管理中心
招生投影片 ITI生技社團健康管理中心
 
健康4加1
健康4加1健康4加1
健康4加1
 
105.02.23 顧客至上的服務學-美食映象-詹翔霖
105.02.23 顧客至上的服務學-美食映象-詹翔霖105.02.23 顧客至上的服務學-美食映象-詹翔霖
105.02.23 顧客至上的服務學-美食映象-詹翔霖
 
以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)
以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)
以創新擴散理論探究資訊系統成功模式下行動商務型態之研究(紙本封面合併)
 
REHABA Program (Rehabilitation Business Administration program)
REHABA Program (Rehabilitation Business Administration program)REHABA Program (Rehabilitation Business Administration program)
REHABA Program (Rehabilitation Business Administration program)
 
Ihealth story for open mic
Ihealth story for open micIhealth story for open mic
Ihealth story for open mic
 
銀髮幼童健康定位手環
銀髮幼童健康定位手環銀髮幼童健康定位手環
銀髮幼童健康定位手環
 
Marketing 02
Marketing 02Marketing 02
Marketing 02
 
網路在台灣助人專業的應用回顧
網路在台灣助人專業的應用回顧網路在台灣助人專業的應用回顧
網路在台灣助人專業的應用回顧
 
行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx
行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx
行銷管理及顧客服務-詹翔霖老師1.行銷企劃發想-大壺實業楹倉股份公司.pptx
 
組織經營管理_HealthCare Organization Management1
組織經營管理_HealthCare Organization Management1組織經營管理_HealthCare Organization Management1
組織經營管理_HealthCare Organization Management1
 
102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授
102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授
102.09.01 企業問題分析與診斷能力提昇技法-精簡版-詹翔霖教授
 
企業診斷能力提昇技法-精簡版-詹翔霖教授
 企業診斷能力提昇技法-精簡版-詹翔霖教授 企業診斷能力提昇技法-精簡版-詹翔霖教授
企業診斷能力提昇技法-精簡版-詹翔霖教授
 
創意思考(嶺東科大課程第二講)(網路版)
創意思考(嶺東科大課程第二講)(網路版)創意思考(嶺東科大課程第二講)(網路版)
創意思考(嶺東科大課程第二講)(網路版)
 
長期照護
長期照護長期照護
長期照護
 

Demo final