【軟件工程】02組軟件工程組隊項目——課程管理小助手界面設計文檔
一、 登錄界面
1、界面布局說明:
登錄界面
圖 1 登錄界面
2、使用界面說明
說明:在選擇菜單區域進行選擇後會在子界面區域顯示對應子界面。
圖2 使用界面
3、登錄界面設計
說明:打開系統所看見的第一個界面。
表1 登錄界面設計
信息類型
信息內容
控件類型
備註
輸入信息
用戶名
文本輸入框
輸入信息
密碼
文本輸入框
輸入信息
角色
可選下拉欄
有學生,教師,管理員三種身份
人機交互
登錄
按鈕
若用戶名,密碼正確,且與角色對應,將跳至對應角色的菜單中。
若不正確,將報錯
人機交互
退出
按鈕
點擊將退出程序
二、 管理員界面設計
1、管理員界面說明
說明:管理員角色使用的界面,通過點擊選項可以在界面右側打開對應子界面,子界面包括添加管理員信息子界面,修改管理員信息子界面,添加學生信息子界面,改學生信息子界面,添加教師信息子界面,修改教師信息子界面。
表2 管理員界面設計
信息類型
信息內容
控件類型
備註
人機交互
用戶管理
按鈕
打開用戶管理二級菜單
人機交互
管理員信息管理
按鈕
打開管理員信息管理三級菜單
人機交互
添加管理員信息
按鈕
在右側panel上打開添加管理員信息子界面
人機交互
修改管理員信息
按鈕
在右側panel上打開修改管理員信息子界面
人機交互
學生信息管理
按鈕
打開學生信息管理三級菜單
人機交互
添加學生信息
按鈕
在右側panel上打開添加學生信息子界面
人機交互
修改學生信息
按鈕
在右側panel上打開修改學生信息子界面
人機交互
教師信息管理
按鈕
打開教師信息管理三級菜單
人機交互
添加教師信息
按鈕
在右側panel上打開添加教師信息子界面
人機交互
修改教師信息
按鈕
在右側panel上打開修改教師信息子界面
人機交互
課程管理
按鈕
打開課程管理二級菜單
人機交互
審核課程
按鈕
在右側panel上打開審核課程子界面
人機交互
修改密碼
按鈕
在右側panel上打開修改密碼子界面
人機交互
關於
按鈕
打開關於子界面
人機交互
退出系統
按鈕
結束程序
2、子界面說明
2.1添加管理員信息子界面
表3 添加管理員信息子界面
信息類型
信息內容
控件類型
備註
輸入信息
用戶名
文本輸入框
輸入信息
密碼
文本輸入框
輸入信息
驗證密碼
文本輸入框
需與密碼保持一致,一確保密碼輸入爭取
人機交互
添加
按鈕
若各項輸入均正確,添加用戶進入數據庫,並將角色設為管理員
人機交互
取消
按鈕
結束此次添加
2.2修改管理員信息子界面
表4 修改管理員信息子界面
信息類型
信息內容
控件類型
備註
輸出信息
管理員信息
表格
顯示已有的管理員信息,可以點選
輸出信息
用戶ID
文本標簽
顯示被選擇的管理員ID
輸入信息
用戶名
文本輸入框
初始顯示被選擇的管理員用戶名,可以修改
輸入信息
密碼
文本輸入框
初始顯示被選擇的管理員密碼,可以修改
人機交互
修改
按鈕
將已選中的管理員信息修改為輸入信息
人機交互
取消
按鈕
結束此次修改
2.3添加學生信息子界面
表5 添加學生信息子界面
信息類型
信息內容
控件類型
備註
輸入信息
學生姓名
文本輸入框
輸入信息
學號
文本輸入框
輸入信息
密碼
文本輸入框
輸入信息
年級
文本輸入框
輸入信息
專業
文本輸入框
輸入信息
性別
單選框
輸入信息
出生日期
日期選擇框
輸入信息
籍貫
文本輸入框
人機交互
添加
按鈕
若各項輸入均正確,添加用戶進入數據庫,並將角色設為學生
人機交互
取消
按鈕
結束此次添加
2.3修改學生信息子界面
表6 修改學生信息子界面
信息類型
信息內容
控件類型
備註
輸出信息
學生信息
表格
顯示已有的學生信息,可以點選
輸出信息
用戶ID
文本標簽
顯示被選擇的學生ID
輸入信息
學生姓名
文本輸入框
初始顯示被選擇的學生姓名,可以修改
輸入信息
學號
文本輸入框
初始顯示被選擇的學生學號,可以修改
輸入信息
密碼
文本輸入框
初始顯示被選擇的學生密碼,可以修改
輸入信息
年級
文本輸入框
初始顯示被選擇的學生年級,可以修改
輸入信息
專業
文本輸入框
初始顯示被選擇的學生專業,可以修改
輸入信息
性別
單選框
初始顯示被選擇的學生性別,可以修改
輸入信息
出生日期
日期選擇框
初始顯示被選擇的學生出生日期,可以修改
輸入信息
籍貫
文本輸入框
初始顯示被選擇的學生籍貫,可以修改
人機交互
修改
按鈕
將已選中的學生信息修改為輸入信息
人機交互
取消
按鈕
結束此次修改
2.4添加教師信息子界面
表7 添加教師信息子界面
信息類型
信息內容
控件類型
備註
輸入信息
教師姓名
文本輸入框
輸入信息
用戶名
文本輸入框
輸入信息
密碼
文本輸入框
輸入信息
文本輸入框
輸入信息
所在院系
文本輸入框
輸入信息
性別
單選框
人機交互
添加
按鈕
若各項輸入均正確,添加用戶進入數據庫,並將角色設為教師
人機交互
取消
按鈕
結束此次添加
2.5修改教師信息子界面
表8 修改教師信息子界面
信息類型
信息內容
控件類型
備註
輸出信息
教師信息
表格
顯示已有的教師信息,可以點選
輸入信息
教師姓名
文本輸入框
初始顯示被選擇的教師姓名,可以修改
輸入信息
用戶名
文本輸入框
初始顯示被選擇的教師用戶名,可以修改
輸入信息
密碼
文本輸入框
初始顯示被選擇的教師密碼,可以修改
輸入信息
文本輸入框
初始顯示被選擇的教師Email,可以修改
輸入信息
所在院系
文本輸入框
初始顯示被選擇的教師所在院系,可以修改
輸入信息
性別
單選框
初始顯示被選擇的教師性別,可以修改
人機交互
修改
按鈕
將已選中的教師信息修改為輸入信息
人機交互
取消
按鈕
結束此次修改
2.6課程管理界面
表9 課程管理界面
信息類型
信息內容
控件類型
備註
輸入信息
課程名稱
文本輸入框
輸入信息
上課周次
文本輸入框
輸入信息
課程簡介
文本輸入框
人機交互
添加
按鈕
添加該課程到系統中,經由管理員審核
人機交互
取消
按鈕
結束此次添加操作
2.7修改密碼
表10 修改密碼界面
信息類型
信息內容
控件類型
備註
輸入信息
用戶名
文本輸入框
輸入信息
原密碼
文本輸入框
輸入信息
新密碼
文本輸入框
人機交互
修改
按鈕
若各項輸入均正確,修改用戶賬號密碼,並將修改後的密碼存入數據庫
人機交互
取消
按鈕
結束此次添加操作
2.8關於
表11 關於界面
信息類型
信息內容
控件類型
備註
輸出信息
系統相關
文本標簽
包含軟件相關內容,如版本號,制作人員等,供用戶閱讀
人機交互
關閉
按鈕
關閉當前頁面,返回上一級
三、 學生界面設計
1、學生界面設計
表13 學生界面設計
信息類型
信息內容
控件類型
備註
輸入信息
無
輸出信息
無
人機交互
課程管理
按鈕
打開課程管理二級菜單
人機交互
選擇/退選課程
按鈕
展示已選課表、待加入課程
人機交互
查詢課程
按鈕
展示課表、可選擇課程
人機交互
成績管理
按鈕
打開成績管理二級菜單
人機交互
我的成績單
按鈕
顯示已選課程成績單
人機交互
修改密碼
按鈕
跳轉賬戶管理界面改密碼
人機交互
關於
按鈕
展示軟件版本信息
人機交互
退出系統
按鈕
關閉系統
四、 教師界面設計
1、教師界面設計
表14 教師界面設計
信息類型
信息內容
控件類型
備註
輸出信息
無
輸入信息
無
人機交互
課程管理
按鈕
打開課程管理二級菜單
人機交互
開設課程
按鈕
開設一門新課程
人機交互
查詢課程
按鈕
展示已有課程
人機交互
成績管理
按鈕
打開成績管理二級菜單
人機交互
錄入成績
按鈕
輸入學生考試成績
人機交互
修改成績
按鈕
修改學生考試成績
人機交互
查詢成績
按鈕
展示開設課程成績單
人機交互
修改密碼
按鈕
跳轉賬戶管理界面改密碼
人機交互
關於
按鈕
展示相關信息
人機交互
退出系統
按鈕
關閉系統
【軟件工程】02組軟件工程組隊項目——課程管理小助手界面設計文檔