demo final

1

健康懶人包，一鍵任我行健康邦服務之更新擴充與加值指導老師：梅興組員：資工四甲林家豪資工四甲林彥廷資工四甲洪景揚資工四乙溫祥麟

2

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

3

前言隨著高齡社會的來臨，扶養比的失衡，自主健康管理成為現今許多國家與醫療單位急需經營的一大重點。而在輔仁大學資訊工程系─ WecoLab ，已有健康邦 (J.H.S.) 服務， JHS 是個人健康資訊管理的服務，裡面一共有五項子服務，如何更新、擴充、增值裡面的服務是我們此次開發的重點。

4


5

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

6


7

舊有健康邦系統架構

聚康廳好眠居

活腦閣

健康邦

Database

第三方服務

混搭服務

FacebookOpen ID

Second Life

智慧鬧鈴Yahoo! Pipes

FacebookSocialPlugin

周邊裝置

Web API (Google Chart)

DB

8

健康邦系統架構

聚康廳好眠居

膳食軒悅動園

活腦閣

健康邦

Database

響應式設計、離線應用

第三方服務

混搭服務

Facebook

Second Life

Google Chart智慧鬧鈴

Yahoo! Pipes

SocialPlugin

周邊裝置

9

健康邦JHS

聚康廳HSS

好眠居SHS

膳食軒HDS

悅動園FPS

活腦閣BTS

Drupal Multisite 之健康邦架構

10

好眠居系統架構智慧鬧鈴

新增 / 查詢睡眠紀錄查詢某日睡眠曲線睡眠品質問卷睡眠商數查詢

周邊裝置

ZEO 睡眠儀器 (ZQ)

衛教資訊查詢睡眠品質分數 (SQ)

周邊裝置資料上傳新增睡眠紀錄

好眠居

資料庫

11

膳食軒與悅動園系統架構

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

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

悅動園資料庫

衛教資訊營養樂活就是我

膳食軒

Google Chart

12


13

去年 : 平台尚未整合

資料庫共用聚康廳

好眠居

活腦閣獨立

資料庫 67

14

舊版本升級


好眠居

活腦閣獨立

資料庫 77

6

15

統一版本


好眠居

活腦閣獨立

資料庫 7

16


好眠居活腦閣

整合資料庫

17

資料庫共用

聚康廳

活腦閣

好眠居

膳食軒悅動園

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

18

升級轉移後7

資料庫共用

聚康廳

活腦閣

好眠居

膳食軒悅動園

19


20

好眠居 H.S.S.

21

介紹• 什麼是好眠居？– 健康邦子站底下的其中一個，提供使用者睡眠相關知識與服務。

• 服務有哪些？– 睡眠日誌– 智慧鬧鈴– 衛教知識– 睡眠周邊裝置

22

過去的服務• 智慧鬧鈴–透過手機幫助使用者記錄下個人的睡眠情況。

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

23

ZEO 與 ZQ• ZEO 是什麼？–頭戴式睡眠偵測器，可偵測個人睡眠曲線

(Wake 、 REM 、 Light 、 Deep) ，藉由睡眠曲線的分析，來了解一個人的睡眠品質。• ZQ– ZEO 裝置上，呈現給使用者的睡眠分數。

24

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

25

SQ 計算方式SQobj =

TST: total sleep timeDST: total deep sleep timeRST: total REM Sleep TimeTIW: time in awakeATS: awake times

WTST: Weight of Total Sleep TimeWDST: Weight of Deep Sleep TimeWRST: Weight of REM Sleep TimeWTIW: Weight of Time in Awake

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

26

ZEO 實作

27

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

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

29

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

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

30


31

膳食軒 H.D.S.

32

介紹• 什麼是膳食軒？– 健康邦子站底下的其中一個，提供使用者飲食營養等相關知識與服務。

• 服務有哪些？– 衛教知識– 營養知識互動小測驗

33

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

34

互動式測驗• 以 HTML5所寫成的小測驗• 由營養系提供圖片及判斷標準• 此測驗目的為：幫助使用者了解日常生活中哪些為均衡飲食，而哪些是較為不均衡的食物。

35


36

悅動園 F.P.S.

37

介紹• 什麼是悅動園？– 健康邦子站底下的其中一個，提供使用者運動等相關知識。

• 服務有哪些？– 合作衛教知識–挖ㄟ體適能• 個人體適能基本資料。• 折線圖呈現各項體適能分數。• 與常模比較的雷達圖。

38

高齡體適能• 什麼是高齡體適能？– 高齡體適能就是讓高齡者，有一定的身體適應外界環境的能力，可視為身體適應生活、運動與環境 (Ex. 溫度、氣候等 ) 的綜合能力。–由輔仁大學護理系與體育系共同設計 13 項測驗，並挑出其中五個項目做為體適能評估指標。

39

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

40

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

• 體適能變化折線圖• 與常模比較雷達圖

41


42

響應式設計• 響應式設計將動態畫面比例調整大小，利用

CSS3 中Media Query功能，能依據螢幕解析度套入合適的設計樣式• 降低瀏覽動作的複雜度• 降低網頁開發成本• 於前端動態調整網頁內容

43

舊版健康邦使用者介面• 傳統網頁介面大多於不適合平板與手機裝置瀏覽。

44

新版健康邦使用者介面

45

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

46


47

離線應用• 現今使用行動裝置上網的頻率增加，但是使用行動裝置時容易遇到沒有網路可使用的情況• 離線應用透過Web Storage(網路儲存區 ) 與

Cache Manifest(快取清單 ) 搭配，將必要的網頁與使用資源存入 Client端，讓使用者也可以在無網路環境使用網站服務

48

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

50

離線應用於健康邦• 離線功能 ->填寫紀錄

->觀看紀錄• 紀錄包含：悅動園：體適能雷達圖

51

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

52

使用者回饋機制管理者

高齡使用者專業人員

分析並回饋提供與改善服務

教學與使用者行為蒐集

健康邦

53

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

54

使用者行為分析• 專業人員蒐集使用者行為後，分析資訊並與管理者共同討論，協助改善健康邦。

長輩操作過程初步的討論與修正生日 :1長輩搞不清楚自己的西元生日

1 再確認點選生日後出現的月曆功能。修改生日的格式年 (民國 )月日

1長輩搞不清楚哪個欄位該輸入何項體適能數值 (例 :上肢肌耐力不知道是要輸入 30秒上臂屈伸或是何項數值 )2 儲存後，數值全都變空白，長輩會以為還未儲存，造成再次輸入的問題。

1 在每項體適能項目後加上檢測的項目。 2 是否可在儲存後出現一個頁面修改已被保存。或是直接出現體適能雷達圖。

55

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

管理者

高齡使用者專業人員

分析並回饋提供與改善服務

教學與使用者行為蒐集

健康邦

56


57

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

58


59

未來展望• 1. 設計更為符合通用式設計的使用者介面• 2. 增加各子服務的功能，使其多元化並更貼近使用者實際需求。• 3. 將使用者經驗的元素實作完成於健康邦。• 4. 持續與更多其他專業跨領域合作、經驗交流，使得健康邦能更符合社會需求• 5. 長期廣泛蒐集資料與經驗與個人化服務

60

Q&A

61

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

62

個資法• 幫營盤社區高齡者建立帳號密碼時，有註明一條

License 於帳號開啟時確認

63

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

64

分工狀況

65

本學期預定進度時程時間三月四月五月六月七月八月建立悅動園個人體適能檢測評估服務完成遊戲設計與實作重新設計健康邦首頁ZEO等周邊裝置+參數整合至好眠居實作響應式網頁於健康邦加入使用者經驗於健康邦(以某子服務為目標 )離線應用資料庫上線離線應用：遊戲、離線健康紀錄、結合 Facebook 、整合 GOOGLE 部分服務

66

分工 &合作建立悅動園個人體適能檢測評估服務實作響應式網頁於健康邦

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

景揚、彥廷離線應用重新設計健康邦首頁

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

彥廷文件撰寫溫祥、彥廷會議記錄溫祥、景揚建立教學文、教學影音，傳承準備暑假宅學營做內文管理系統教學資料庫上線升級與轉移共同筆記

ALL

67

使用者經驗的元素• 系統能自動記錄使用者的行為

( 點擊頁面的哪個區塊、是否常放大縮小字體 )

• 記錄後於使用者下次登入時，能自動調整瀏覽界面與內容的呈現

68

主客觀資料帶入 SQ 的方式

69

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

70

ZQ 與 SQZQ(by ZEO) SQ(by 學姐論

文 )參數參數設置為 8小時

( 個人平均睡眠時間 )可彈性的調整參數

計算方式與問題

1.參數缺乏彈性設置，一旦睡眠時間過短或過長，會造成分數的可靠度下降。

1. 計算方式分為：客觀資料主觀資料2.透過彈性的參數設置，使分數更為貼近使用者。

71

The End

demo final

Documents