用戶界面設計說明書版本號：3.0-17-軟件工程第五小組基于Zigbee技術的福利院看護系統用戶界面設計說明書DengYihan2012/11/27

修訂歷史記錄日期版本號修改說明修改人核準人2012.11.51.0制定大綱及編寫正文鄧益涵林陽2012.11.122.0修改界面設計規范鄧益涵林陽2012.11.263.0修改主要界面設計鄧益涵林陽

目錄1 引言 21.1編寫目的 21.2項目背景 21.3定義、縮略詞 31.4參考資料 32 應當遵循的界面設計規范 32.1用戶界面設計原則 32.2界面一致性 32.3布局合理化原則 43 界面的關系圖和工作流程圖 54 主界面 54.1主界面 54.2子界面A 64.3子界面B 64.4子界面C 74.5子界面D 74.6子界面E 84.7子界面F 85 美學設計 96界面資源設計 96.1圖標資源 96.2圖像資源 96.3界面組件 97其他 9引言1.1編寫目的本文檔是對系統界面設計風格進行描述，和用戶交互的最終界面在《詳細設計說明書》中設計和解釋。1.2項目背景信息科學與技術學院10級軟件工程六班軟件工程作業：基于Zigbee技術的福利院看護系統。1.3定義、縮略詞Zigbee：Zigbee是一種低速短距離傳輸的無線網絡協定，底層是采用IEEE802.15.4標準規范的媒體存取層與實體層。主要特色有低速、低耗電、低成本、支援大量網絡節點、支援多種網絡拓撲、低復雜度、快速、可靠、安全。Zigbee協定層從下到上分別為實體層（PHY）、媒體存取層（MAC）、網絡層（NWK）、應用層（APL）等。用戶界面：又稱人機界面，實現用戶與計算機之間得通信，以控制計算機或進行用戶和計算機之間得數據傳送得系統部件。

GUI：即圖形用戶界面，一種可視化得用戶界面，它使用圖形界面代替正文界面。1.4參考資料應當遵循的界面設計規范用戶界面設計原則本系統堅持圖形用戶界面（GUI）設計原則，界面直觀、對用戶透明。用戶接觸軟件后對界面上對應的功能一目了然、不需要多少培訓就可以方便使用本應用系統。

界面設計員應該明白軟件中用戶是所有處理的核心，不應該有應用程序來決定處理過程，所以用戶界面應當由用戶來控制應用如何工作、如何響應，而不是由開發者按自己的意愿把操作流程強加給用戶。

界面設計必須經過確認才能完成。界面一致性

在界面設計中應該保持界面的一致性。一致性既包括使用標準的控件,也指使用相同的信息表現方法,如在字體、標簽風格、顏色、術語、顯示錯誤信息等方面確保一致。顯示信息一致性標準（1）標簽提示:字體為不加重、宋體、黑色、灰底或透明、無邊框、右對齊、不帶冒號、一般情況為五號（10號）；

（2）日期:正常字體、宋體、白底黑字、3-D

lowered；

（3）對齊方法：

左對齊:一般文字、單個數字、日期等

右對齊:數字、時間、日期加時間。

（4）分辨率為800*600，增強色16色

（5）字體缺省為宋體、五號、黑色

（6）底色缺省采用灰色

這些信息的排列顯示風格供參考,

在同一個應用中,這些信息的表現方式不一致,會使得用戶分散注意力,影響這一軟件的使用，因此開發者應當注意在同一軟件中表現形式的一致性。

布局合理化原則應注意在一個窗口內部所有控件的布局和信息組織的藝術性,使得用戶界面美觀。在一個窗口中按tab鍵,移動聚焦的順序不能雜亂無章,tab的順序是先從上至下，再從左至右。首先應輸入的和重要信息的控件在tab順序中應當靠前,位置也應放在窗口上較醒目的位置。該系統的界面設計布局力求簡潔、有序、易于操作。鼠標與鍵盤對應原則應遵循的是可不用鼠標的原則:應用中的功能只用鍵盤也應當可以完成,即設計的應用中還應加入一些必要的按鈕和菜單項。但是,許多鼠標的操作,如雙擊、拖動對象等,并不能簡單地用鍵盤來模擬即可實現。例如在一個列表框中用鼠標雙擊其中一項可以表示選中該項內容。為了用鍵盤也能實現這一功能,必須在窗口中定義一個表示選中的按鈕,以作為實現雙擊功能的替代（或其它方式）。又如在一個窗口中有兩個數據窗口,可以用鼠標從一個數據窗口中將一項拖出然后放到另一個中。如果只用鍵盤,就應當在菜單中設置拷貝或移動的菜單項界面的關系圖和工作流程圖

主界面4.1 登錄界面用戶登錄看護系統的界面，是一個獨立于首頁之外的界面，用戶必須登錄才能查看到首頁上的信息，以次來增加系統信息的安全性。在登錄時，用戶可以選擇登錄權限即“看護員”、“管理員”登錄。為防止可能出現的惡意攻擊，登錄時設置了驗證碼。子界面——首頁用戶成功登錄后所見到的第一個頁面，此頁面上顯示福利院發布的通知和新聞。基于看護系統對象為老人，在首頁上添加了顯示農歷的日歷。4.3子界面——入院登記老人入住時必須進行入院登記，生成對應的檔案。包括ID（用于區別老人身份和查詢信息）、姓名、性別、年齡、民族、入院日期、家庭住址、親人聯系方式、病歷。4.4子界面——信息查詢看護員可以通過此頁面查詢老人的即時信息，包括：體溫，脈搏，血壓，所在位置以及老人基本信息，還可以查看老人最近身體情況。4.5子界面——智能定位輸入ID，可以查詢到老人所在位置，結合視頻監控等功能，實現對老人的實時定位。4.6子界面——視頻監控對老人的活動區域進行監控，在頁面上可以調用對應區域的高清攝像頭對指定區域進行監控，通過頁面上的旋轉按鈕，實現對攝像頭的簡單操作。4.7子界面——工作安排包括福利院每周的安排和看護員每日的安排。只有管理員具有修改、添加信息的權限。4.8子界面——員工社區顯示所有員工簡單信息，包括照片、聯系方式等。美學設計本系統采用了人機界面設計。遵循了以用戶為本、提高可交互性、盡量避免需要記憶的內容、簡化用戶操作、提高操作的效率、應用安全等一般原則。對于用戶問題和要求表現得了很好的滿足，且界面用語具有可理解性和易用性，極大程度上便于用戶的習慣使用方式。6界面資源設計6.1圖標資源軟件工程6班兔兔創新工作室6.2圖像資源軟件工程6班兔兔創新工作室6.3界面組件軟件工程6班兔兔創新工作室7其他用戶界面清單：代碼名稱所屬子系統相關組件