移動云計算的用戶界面開發(fā)期末考試論文-指紋考勤系統(tǒng)客戶端系統(tǒng)-資料下載頁
2025-06-04 10:37本頁面
【正文】 示。 圖 37 數(shù)據(jù) 界面 14 查看昨日數(shù)據(jù)界面如圖 38 所示 圖 38 周四數(shù)據(jù) 界面 打印成功提示框如圖 39 所示 圖 39 15 查看月數(shù)據(jù)統(tǒng) 計界面如圖 310 所示 圖 310 數(shù)據(jù)統(tǒng)計 界面 員工信息 界面 因為只有管理員才能查看此界面，所以首先我設(shè)計了一個登陸界面，需要管理員輸入用戶名密碼驗證碼才能進入員工列表，員工列表做成了可以垂直拉動的樣式，并且加入了彈跳特效，上邊有個搜索框，可以搜索員工。 單擊每個員工欄右側(cè)的箭頭還可以查看員工的詳細信息，如本月遲到次數(shù)，本月工作時長，早退次數(shù)等個人統(tǒng)計數(shù)據(jù)，在實際應(yīng)用中，老板可 16 以在此頁面查看員工的個人詳細信 息及近期表現(xiàn)，萬一老板看到某員工遲到次數(shù)過多而生氣，我還專門為此設(shè)計了一個刪除 員工按鈕 。 在員工列表界面的右上角，還有一個添加員工的功能，用一個加號來跳轉(zhuǎn)，簡單明了。管理員可以在添加員工的界面上傳員工照片，指紋數(shù)據(jù)的等，來實現(xiàn)新員工的添加。添加成功會有提示框，提示時候繼續(xù)添加或者返回員工列表界面。 登錄界面如圖 311 所示 圖 311 輸入用戶名： 123，密碼： 123123，再輸入驗證碼就可以進入員工列表 17 界面了。 員工列表界面如圖 312 所示 圖 312 點擊向右箭頭可查看員工個人詳細信息界面如圖 313 18 圖 313 添加員工界面如圖 314 所示 19 圖 314 點擊提交之 后會顯示提交成功提示框如圖 315 所示 圖 315 20 第 4 章 交互設(shè)計 本章主要闡明系統(tǒng)交互過程，包括界面之間的跳轉(zhuǎn)、工具、提示等。 普通用戶 普通用戶在本系統(tǒng)中可以上班，可以下班，還可以點擊下方導(dǎo)航按鈕，跳轉(zhuǎn)至數(shù)據(jù)查看頁面。主界面交互設(shè)計如圖 41 所示 圖 41 普通用戶模塊主要交互過程 上班指紋錄入界面主要交互如圖 42 所示 跳轉(zhuǎn)至上班指紋錄入界面 跳轉(zhuǎn)至下班指紋錄入界面 跳轉(zhuǎn)至查看數(shù)據(jù)界面 21 圖 42 數(shù)據(jù)界面的主要交互如圖 43 所示 圖 43 打印 查看月數(shù)據(jù)圖表 查看上一天數(shù)據(jù) 跳轉(zhuǎn)至主界面 跳轉(zhuǎn)至員工列表 22 管理員 管理員可以在本系統(tǒng)中實現(xiàn)產(chǎn)看員工列表，查看員工詳細信息，刪除員工，添 加新員工等功能。 員工列表界面的主要交互如圖 44 所示 圖 42 庫存查詢交互設(shè)計 添加新員工的交互設(shè)計 跳轉(zhuǎn)添加員工界面 查看員工詳細信息 跳轉(zhuǎn)數(shù)據(jù)界面 跳轉(zhuǎn)主界面 23 輸入員工信息 提交 24 結(jié)論 本系統(tǒng)經(jīng)過初步的測試已經(jīng)完全實現(xiàn)了預(yù)期的全部功能，不足之處請老師指正。 通過本次指紋考勤客戶端 UI 的設(shè)計，我已經(jīng)熟練地掌握了 Axure RP 8的使用方法，本學(xué)期的 UI 設(shè)計學(xué)習(xí)，我學(xué)到了很多，這次的指紋考勤客戶端設(shè)計讓我學(xué)到了很多，也認(rèn)識到有很多不足（比如，設(shè)置了鼠標(biāo)懸停變色的特效，現(xiàn)在想想好傻），我會在以后的 UI 設(shè)計中切實考慮用戶的體驗，從用戶的角 度出發(fā)，做好每一個界面。
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1