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