學生會管理系統_第二組_原型展示


學生會管理系統相關文檔

團隊相關文檔:showdoc

墨刀原型:model

一、總起

1.1. 進度匯報

 后端——王樟:
 對於API進一步的優化完善,調整邏輯,可以進行活動接口測試

 WEB端——林型雙:
 UI全面完成,UI與后台實現同步,可以進行活動接口測試

 小程序端——王志偉:
 UI全面完成,可以進行活動接口測試

 APP端——朱文建、黃晨覺、張雅慧:
 每個人分領兩個管理完成界面設計,朱文建最后完成所有界面的整合

1.2.本周會議主題

 1、總結上個階段的成果和存在的問題
 2、后續任務的進一步分析和開展
 3、確定下階段任務

二、網頁端原型展示

2.1 登錄與注冊界面

登錄界面:

注冊界面:

  • 登錄界面展示
  • 注冊界面展示

2.2 主界面

登陸后界面:

  • 登錄后進入主界面
  • 主界面顯示所屬部門成員數
  • 顯示審核事件數
  • 顯示通知數及最近通知
  • 側邊欄可以跳轉到各個管理模塊的界面

2.3 綜合管理-成員管理

成員管理:

  • 綜合管理下的成員管理主界面
  • 按列表顯示成員信息
  • 可以輸入關鍵字搜索相關成員信息
  • 可以添加新成員信息、刷新信息

2.4 綜合管理-部門管理

部門管理:

編輯部門信息功能展示:

  • 綜合管理下的部門管理主界面
  • 編輯部門信息,新改部門的信息
  • 按列表顯示部門信息
  • 可以輸入關鍵字搜索相關部門信息
  • 可以添加新部門信息、刷新信息

2.5 綜合管理-歷史活動管理

歷史活動管理:

  • 可以搜索活動相關信息
  • 可以刷新活動管理界面檢查是否有新的活動
  • 可以對現有的活動進行刪除

2.6 審核管理界面

審核管理界面(包括請假審核和活動審核):

  • 現有的相關申請都會以列表形式顯示
  • 可以點擊審批按鈕進行對應活動的審核

2.7 申請管理

活動申請:

請假申請:

查看歷史申請記錄:

  • 申請界面可以填寫並提交申請
  • 活動申請提交需要填寫活動名稱、人員數量、活動時間、參與部門
  • 請假申請提交需要填寫學號、部門、請假時間、請假原因
  • 可以查看歷史申請記錄

2.8 部門信息

修改部門信息:

  • 部門信息界面顯示部門的相關信息
  • 主要信息設置為不可寫狀態,以免隨意更改

2.9 通知

通知:

  • 查看通知
  • 可以看到現有的所有的通知
  • 通知顯示發送通知的部門、時間、具體人員、內容

2.10 個人信息

修改個人信息:

修改密碼:

  • 個人信息界面下可以修改個人信息、修改密碼
  • 修改個人信息處只允許修改分院、專業班級、電話號碼、電子郵箱
  • 修改密碼處不允許對學號進行修改

2.11 不同權限用戶的主界面

游客界面:

干事界面:

部長界面:

副主席、主席、指導老師界面:

  • 游客權限用戶的主界面展示
  • 干事權限用戶的主界面展示
  • 部長權限用戶的主界面展示
  • 副主席、主席、指導老師權限用戶的主界面展示

三、安卓端原型展示

3.1 登錄界面

登錄界面:

  • 登錄界面輸入賬號和密碼即可登錄
  • 可以在登錄界面跳轉到賬號注冊界面和找回密碼界面

3.2 注冊界面

注冊界面:

  • 注冊界面輸入相關信息點擊最下方的注冊按鈕
  • 注冊需要填寫具體的信息

3.3 消息界面

消息界面:

  • 消息界面會顯示其他用戶發來的消息
  • 顯示其他用戶的消息內容並統計未讀的消息

3.4 管理主界面

管理主界面:

  • 管理界面包含六個模塊和下方導航欄
  • 六個模塊分別是部門管理、活動管理、人員管理、請假管理、考評管理、審批管理

3.5 用戶個人界面

用戶個人界面:

  • 個人界面會顯示用戶的職位
  • 用戶可以通過在個人界面點擊審批消息和增加事項跳轉到對應界面
  • 不熟悉具體操作的用戶可以點擊使用手冊來了解各個功能

3.6 部門管理界面

部門管理:

部門信息界面:

部門搜索:

  • 在管理主界面可以通過點擊部門管理跳轉到部門管理界面
  • 部門管理界面會顯示現有的部門和簡介
  • 點擊某一部門可以查看該部門的相關信息
  • 選擇查詢內容來進行部門信息的搜索

3.7 活動管理界面

活動管理:

申請活動:

活動消息:

**活動搜索: **

  • 在管理主界面可以通過點擊活動管理跳轉到活動管理界面
  • 活動管理界面含有5個選項:申請活動、刪除活動、修改活動、查看所有、活動通知
  • 申請活動界面需要填寫活動的相關信息后才能提交
  • 刪除活動可以通過點擊現有的活動進行
  • 活動消息以列表形式顯示
  • 可以選擇查詢內容來查詢相關活動

3.8 人員管理界面

人員管理界面:

  • 在管理主界面可以通過點擊人員管理跳轉到人員管理界面
  • 人員管理界面顯示部門的所有人員並顯示部分信息

3.9 請假管理界面

請假管理界面:

我的請假:

請假申請:

  • 在管理主界面可以通過點擊請假管理跳轉到請假管理界面
  • 管理主界面有我的請假、申請請假兩個選項
  • 我的請假界面顯示自己已經提交的所有請假
  • 申請請假界面需要填寫請假活動和請假原因,學號姓名自動獲取

3.10 審批管理界面

由於該模塊目前在美化界面,僅先展示部分

審批管理:

審批部門相關:

審批人員相關:

  • 在管理主界面可以通過點擊審批管理跳轉到審批管理界面
  • 審批管理界面下有部門相關、活動相關、人員相關、請假相關 (部分界面待完善)
  • 部門相關審批界面下包含新增部門、撤銷部門、修改部門的申請
  • 人員相關審批界面分為職位變動、干事納新

3.11 考核管理界面

由於該模塊目前在美化界面,僅先展示部分

考核管理列表:

  • 考核的信息會以列表形式展示

3.12 通知管理界面

通知管理:

通知具體內容:

通知分類:

請假通知:

  • 在管理主界面可以通過點擊通知管理跳轉到通知管理界面
  • 通知界面可以發布通知、撤銷通知、查看通知
  • 通知顯示時會顯示通知的分類
  • 查看通知后可以點擊具體通知查看通知內容

四、小程序端原型展示

4.1 前言

 所有null或者為XX的數據或者為空的部分,根據后端獲取的數據可以自動填充,大多數添加、刪除、修改界面類似,就不重復給出了

4.2 登錄界面和重置密碼

登錄界面:

重置密碼界面:

  • 登錄界面輸入學號和密碼進行登錄
  • 登錄按鈕下方有注冊和重置密碼功能
  • 重置密碼只需輸入學號后即可重置,重置的密碼是默認的(仿照學校設置)

4.3 注冊界面

注冊界面:

選擇分院:

選擇分院成功:

  • 注冊界面點擊分院欄處的箭頭會彈出選擇框
  • 注冊界面點擊部門欄處的箭頭會彈出選擇框

4.4登陸后主界面

主界面:

點擊主界面的學號姓名欄:

點擊部門欄(該界面只讀,不可修改,修改入口從管理->人員管理進入):

點擊審批欄

選擇任意審批

  • 登錄后可以看到用戶主界面
  • 點擊主界面的學號姓名欄可以進入個人信息界面,可以進行信息修改和密碼修改
  • 點擊部門欄可以查看所屬部門的信息
  • 點擊審批欄可以查看提交的申請的審批情況
  • 選擇任意審批可查看審批進度
  • 點擊設置(退出登錄后回到登錄界面):

4.5管理主界面

管理主界面

  • 點擊下方導航欄進入管理主界面

4.6部門管理

部門管理界面:

部門一覽:

搜索部門相關信息:

搜索結果:

  • 在管理主界面點擊部門管理進入部門管理界面
  • 部門一覽,點擊該部門,折疊面板顯示詳細信息(根據后台實時獲取部門名,解釋:目前僅是測試所以部門名有點奇怪
  • 可以搜索部門相關信息

4.7 活動管理

活動管理主界面:

添加活動:

選擇開始(結束)時間:

  • 從管理主界面點擊活動管理進入活動管理主界面
  • 點擊添加活動模塊可以進行活動的添加
  • 活動添加部分可以自己選擇活動開始和結束的時間

4.8 人員管理

人員管理界面:

左滑右滑功能展示:

  • 從管理主界面點擊活動管理進入人員管理主界面(管理自己所屬部門,且需要用戶的權限)
  • 滑動單元格實現左滑職位調整,右滑刪除成員

4.9 考評管理

考評管理:

  • 從管理主界面點擊活動管理進入考評管理
  • 可以點擊下方的評分星來評分

4.10 審批管理

審批管理:

駁回:

  • 從管理主界面點擊活動管理進入審批管理
  • 滑動單元格實現左滑同意,右滑駁回

4.11 聊天界面

聊天界面

查看某用戶

  • 在主界面下方導航欄點擊消息,顯示聊天的用戶
  • 點擊某用戶可以查看用戶信息

五、分工與總結

5.1 下周目標

 后端——王樟:
 完成請假管理、審核管理相關的API

 WEB端——林型雙:
 進一步提出接口需求,完善活動管理相關內容

 小程序端——王志偉:
 完成請假管理相關內容

 APP端——朱文建、黃晨覺、張雅慧:
 UI全部結合完成並實現活動管理相關內容

5.2 分工

學號 姓名 分工
31702283 王樟 后端設計與開發(java)、Druid數據池
31703178 林型雙 網頁前端設計開發(web)
31701424 王志偉 微信小程序開發及小程序前端設計
31701090 朱文建 App開發、軟件測試(Android)、部分UI設計、APP架構
31701072 黃晨覺 App開發、軟件測試(Android)、部分UI設計、文檔博客撰寫
31701066 張雅慧 原型設計、前端總設計(Android)、UI優化

5.3 總結

 1.匯總了上階段進度,項目組總體實現了界面設計
 2.確定了下階段任務,實現各個接口同步推進


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM