3.1 系統設計
圖 3-1 系統登入示意圖
圖 3-2 人員資料表
20
圖 3-3 病患生理訊號資訊圖
在系統網站的設計上為了符合長期照護協會的需求在介面上設置了 三個登入的方式，在圖 3-1 示意圖中可以看到系統登入的方式可以分為病 人、護理人員及網管人員，在病患方面登入專屬權限的帳號密碼後可以 隨時在網站上觀看生理資訊的紀錄，不僅可以了解自己目前的生理狀況 也可以讓家屬了解病患的情形，而在醫護人員方面登入護理人員專屬帳 號密碼後就可以看到病患更多的生理記錄，進而去分析目前病患生理狀 況是否正常，如果有異常情況將可以立即協助，最後一個就是網站管理 者的權限，網管人員所屬的權限為最大權限所要做的是維護網站的穩定 及安全，如果有資料大量的異常或是被非權限者異常的登入時，要立即 的找出原因並排除以免網站被攻擊而癱瘓。
21
在圖 3-1 登入護理人員所屬的帳號密碼後將會跳至圖 3-2，即可看到 病患的基本資料表當點選該病患後即進入圖 3-3 畫面中，在圖 3-3 畫面中 左上圖為顯示長期照護協會護理人員需要的生理數據分別為血壓、心跳、
溫度、血氧及下方的即時心電圖，左上圖中每一小格的上方為測量異常 區間的設定，這個部分為護理人員可以按照他們所要的需求加以修改，
當接收到的生理數據有異常時會立即顯示紅色的數據提醒護理人員病患 是否有異常的情況發生，此舉不僅方便於管理更有利於阻止意外的發生，
在系統設計的過程中需要多次與護理人員互相溝通，在顯示的介面、操 作流程、資料顯示的內容、資料的輸入與意外的狀況都是需要與護理人 員達成共識才行，未來在修改介面以及操作上才能符合他們的需求。
22
3.2 網頁程式撰寫
在網頁端所呈現的是使用程式軟體所撰寫的病情監測系統，程式軟 體所用的是 PHP、JSP 、Ajax 及 MySQL 來撰寫，我們先測試在研究室 環境中當感測器把資料傳送到接收端時，接收端把資料整理並經過程式 的撰寫透過 Gateway 傳送到資料庫後，將測試數據是否吻合正常的生理 資訊，如果不吻合將重新撰寫格式並在繼續測試，如果數據是吻合的將 會實地的到照護機構中做環境的安裝及病患的測試，在 Web 端我們也將 會設定一個安全警示裝置如果生理數據超過照護人員所設定的範圍值時，
系統將會即時的警告照護人員及網管中心以免意外發生。
在圖 3-4 中本系統在程式的規劃上分成五個部份，主程式、接收與分 解字串、生理資訊副程式、轉存資料庫及顯示在網頁端。
圖 3-4 程式流程圖
23
主程式
圖 3-5 主程式相關變數
圖 3-6 網頁介面顯示框架程式
24
在主程式撰寫中本系統是以 Javascript 軟體程式為主軸來進行 延伸，在主程式的架構上首先要設定的是介面顯示的框架，如何設計 好框架讓使用者能夠一目了然且操作上能得心應手才是優先考量的，
在看了許多的研究所做的顯示方式及各個醫院使用的生理訊號醫療 儀器的顯示方式後，才訂下本系統生理訊號顯示的框架如圖 3-6，訂 好框架的方式後接下來就要進行程式本身的撰寫，首先要先宣告需要 使用的變數值，如圖 3-5，宣告完變數後接下來就要進程式本身的撰 寫，如何接收數據、如何呼叫副程式、如何轉存資料庫及如何把資料 顯示在網頁上，以下會一一解說。
25
接收與分解字串
圖 3-7 接收與分解程式
26
生理訊號副程式
圖 3-8 ECG 副程式
圖 3-9 血氧與脈搏副程式
27
圖 3-10 血壓副程式
28
圖 3-11 透過副程式轉存資料庫程式
當主程式分解好字串後便會進行圖 3-10 之程式，這個 function 中為生理數據資料透過副程式轉存到資料庫的過程，在取得生理數據 後此程式把接收分解好的字串透過圖 3-7、3-8、3-9 之副程式一一的 儲存在指定的資料庫中。
29
顯示在網頁端
圖 3-12 心電圖數據顯示畫面
圖 3-13 心跳數據顯示畫面
30
圖 3-14 血壓數據顯示畫面
圖 3-15 血氧數據顯示畫面
31
圖 3-16 讀取資料庫
在 網 頁 介 面 的 顯 示 上 ， 圖 3-11~14 為 各 個 生 理 資 料 撰 寫 成 open-flash-chart 顯示的設定方式，在設定完 X、Y 值及相關設定後圖 3-15 為讀取資料庫數據，當使用者需要觀看歷史圖形的介面時只要選定好時 間及要顯示的生理訊號，讀取數據後就可以在網頁上秀出使用者所想看 的圖形，在圖形的畫面上使用者把滑鼠移到想看的日期該日期當天的數 據值則會顯示在畫面上，讓使用者可以看出一整個月的變化量。
32
3.3 資料庫規劃
圖 3-17 Sensor 端上傳數據至資料表示意圖
在圖 3-1 中每個 sensor 將會透過軟體程式分別對應到資料庫中所設 定的資料表，在資料庫的人員表單設定將會依照照護單位所提供的病患 資料來整理分類並做建置，當資料傳送上來時程式軟體將會依照資料庫 設定的規格把資料對應到每個病患的欄位中，資料庫也會把這些累積的 資料畫成一個曲線圖以供照護人員方便觀看也可以提供過去的數據讓醫 護人員可以診斷及判斷病情，在欄位的建置方面將會以一個病患一個 ID 為一個建置的方向，這樣不僅可以讓照護人員再找病患資料時更加迅速 更可以讓網管人員方便去做管理，在資料庫的設置中會以統一讓研究人 員在儲存資料跟撈取資料方便為原則去做建置，這樣未來要開發資料庫
33
相關研究時也能互相相容。
在圖 2-4 中可以看到資料庫裡有 8 個資料表，主要資料表分別 為:bdp(血壓)、ecg(心電)、pox(血氧+脈搏)、gerent(帳密資料)及
member(病患基本資料)，本系統在規劃時是以護理管理人員每天所需要 測量的生理資訊為主，在資料庫儲存的型態是採用 MyISAM[14]，此資料 庫儲存引擎的優點是處理速度快、可大量 insert 資料、效能優等，在對於
Mid
varchar utf8_general_ci 主鍵Bdate
datetime 測量時間Data
text utf8_general_ci 資料表 3-2 心電資料表
34
Name
varchar utf8_general_ci 帳號Password
varchar utf8_general_ci 密碼Telephone
varchar utf8_general_ci 連絡電話 表 3-4 管理人員帳密資訊欄位 校對 附加 說明
Mid
int auto_increment 主鍵Code
varchar utf8_general_ci 人員編號35
Date
int 日期Htype
varchar utf8_general_ci 醫科類別Pat_Name
varchar utf8_general_ci 姓名Pat_ID
varchar utf8_general_ci 身分證號Pat_Birth
varchar utf8_general_ci 生日Pat_Sex
varchar utf8_general_ci 性別Pat_Tel1
varchar utf8_general_ci 住宅電話Pat_Mobil
int 行動電話Pat_Addr
varchar utf8_general_ci 連絡地址Pat_ASddr2
varchar utf8_general_ci 戶籍地址Blood_type
varchar utf8_general_ci 血型Marry
varchar utf8_general_ci 婚姻Con_Tel1
varchar utf8_general_ci 聯絡人電話Con_Relation
varchar utf8_general_ci 聯絡人關係Med_History
text utf8_general_ci 病史Allergist
text utf8_general_ci 過敏註記36
Wgt
varchar utf8_general_ci 體重Height
varchar utf8_general_ci 身高表 3-5 病患基本資料
在上列表 3-1、3-2、3-3、3-5 中第一欄所表示的 Mid 為病患的主鍵 編碼，在程式的判斷中所依據的也是主鍵索引，利用主鍵索引的方式來 區分病患的身分，在資料格式的傳遞中一個主鍵的編碼對應的是一個病 患的身分， 在表 3-5 中為病患的基本資料這些基本資料的收集都是按照 長期照護的護理人員所提供下去編排，未來如果有增加的需要都可以在 上面做修改，在表中欄位設定 auto_increment 為資料表數值編號累加，
是指從這個表曾有的資料累加而不是從現有的資料累加，在這情況下就 不會有遇到編號重複的情況，在建立完這些資料表之後就可以進行實際 測試來觀看生理資料是否有正確的寫入資料庫中。
37