Giao diện từng chức năng

Một phần của tài liệu Xây dựng website thi trắc nghiệm trực tuyến (Trang 38 - 52)

PHẦN III: XÂY DỰNG CHƯƠNG TRÌNH

2. Giao diện từng chức năng

2.1.Sinh viên đăng nhập:

Hình 2: Sinh viên đăng nhập Đặc tả:

- Có 2 textbox để sinh viên nhập mã sinh viên, mật khẩu để sinh viên đăng nhập vào hệ thống thi.

- Có 2 button để đăng nhập hoặc thoát khỏi hệ thống.

Mô tả:

- Khi sinh viên vào website và bấm vào nút đăng nhập trên giao diện dành cho sinh viên

Mô tả điều kiện ràng buộc:

- Mã sinh viên và mật khẩu phải tồn tại trong cở sở dữ liệu

- Ngày sinh viên vào thi phải đúng với ngày thi do giáo viên quy định - Mỗi sinh viên chỉ được đăng nhập thi 1 lần

Giá trị đúng:

- Nếu có dữ liệu sẽ đăng nhập thành công Giá trị sai:

- Nếu không có dữ liệu sẽ báo lỗi

2.2.Giao diện bắt đầu thi:

Hình 3: Bắt đầu thi Đặc tả:

- Bên trên có logo và tên trường

- Bên trái là thông tin của sinh viên và có lưu ý với chữ màu đỏ - Có nút thoát để thoát khỏi hệ thống thi.

- Bên phải hiển thị học phần thi, tên môn học, số chỉ, ngày thi, thời gian thi và nút bắt đầu thi.

Mô tả:

- Khi sinh viên vào website đăng nhập thành công, xuất hiện giao diện trên, nếu bấm vào nút bắt đầu thì bài thi sẽ xuất hiện, và mỗi sinh viên chỉ được thi 1 lần

2.3.Thực hiện bài thi:

Hình 4: Sinh viên thực hiện bài thi Đặc tả:

- Bên trên có logo và tên trường - Bên trái là câu hỏi đề thi.

- Bên phải hiển đồng hồ đếm ngược, và nút finish.

Mô tả:

- Hiển thị thông tin bài thi Mô tả điều kiện ràng buộc:

- Một học phần có 1 hoặc nhiều bộ đề thi

- Khi sinh viên vào trang này thì sẽ random các đề thi trong học phần đó

- Sẽ có phần phân trang cho sinh viên dễ xem bài thi.

- Khi chọn số trang thì nó sẻ hiển thị tới vùng hiển thị của trang đó - Khi sinh viên làm bài xong có thể nhấn nút hoàn thành bài thi để thoát ra ngoài tới form hiển thị điểm

- Nếu hết thời gian thì hệ thống tự động load ra form hiển thị điểm Giá trị đúng:

- Nếu có dữ liệu sẽ hiển thị bài thi Giá trị sai:

- Nếu không có dữ liệu sẽ báo lỗi 2.4.Kết quả sau khi thi:

Hình 5: Kết quả thi Đặc tả:

- Bên trên có logo và tên trường

- Bên trái là thông tin của sinh viên và có lưu ý với chữ màu đỏ - Có nút thoát để thoát khỏi hệ thống thi.

- Bên phải hiển thị học phần thi, tên môn học, điểm, ngày thi, thời gian thi

2.5.Đăng nhập quản trị:

Hình 6: Đăng nhập quản trị Đặc tả:

- Có 2 textbox để giáo viên, quản trị nhập mã sinh viên, mật khẩu để đăng nhập vào hệ thống quản trị.

- Có 1 button để đăng nhập hệ thống.

Mô tả:

- Khi giáo viên, quản trị vào website và bấm vào nút đăng nhập trên giao diện.

Mô tả điều kiện ràng buộc:

- Mã giáo viên, quản trị và mật khẩu phải tồn tại trong cở sở dữ liệu Giá trị đúng:

- Nếu có dữ liệu sẽ đăng nhập thành công Giá trị sai:

- Nếu không có dữ liệu sẽ báo lỗi

2.6.Giao diện quản lý của quản trị:

Hình 7: Quản lý các danh mục Đặc tả:

- Bên trên có logo và tên trường

- Bên trái là thông tin về các danh mục

- Bên phải hiển thị nội dung của từng danh mục khi được chọn.

Mô tả:

- Khi quản trị vào website đăng nhập thành công, xuất hiện giao diện trên,

2.7.Giao diện quản lý học kỳ :

Hình 8: Quản lý học kỳ Quản trị tạo hoặc thay đổi thông tin học kỳ

Trên giao diện quản lý học kỳ, quản trị viên chọn thay đổi thông tin một học kỳ nào đó hoặc tạo mới một học kỳ.

Hệ thống hiển thị giao diện nhập thông tin học kỳ. Nếu là chức năng thay đổi thông tin học kỳ, hệ thống sẽ hiển thị thông tin của học kỳ được chọn.

Quản trị viên nhập các thông tin

Hệ thống xác nhận lại yêu cầu và dữ liệu vào. Hệ thống lưu thông tin.

Hiển thị thông báo.

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý học kỳ

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

2.8.Giao diện quản lý môn học:

Hình 9: Quản lý môn học Quản trị viên tạo hoặc thay đổi thông tin môn học

Trên giao diện quản lý môn học, quản trị viên chọn thay đổi thông tin một môn học nào đó hoặc tạo mới một môn học hoặc xóa một môn học nào đó.

Hệ thống hiển thị giao diện nhập thông tin môn học. Nếu là chức năng thay đổi thông tin môn học, hệ thống sẽ hiển thị thông tin của môn học được chọn.

Quản trị viên nhập các thông tin, sau đó chọn chức năng lưu thông tin.

Hệ thống xác nhận lại yêu cầu và dữ liệu vào. Hệ thống lưu thông tin Hiển thị thông báo

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý môn học

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

2.9.Giao diện quản lý học phần:

Hình 10: Quản lý học phần Quản trị viên tạo hoặc thay đổi thông tin học phần

Trên giao diện quản lý học phần của môn học, quản trị viên chọn thay đổi thông tin một học phần nào đó hoặc tạo mới một học phần hoặc xóa một học phần nào đó.

Hệ thống hiển thị giao diện nhập thông tin học phần. Nếu là chức năng thay đổi thông tin học phần, hệ thống sẽ hiển thị thông tin của học phần được chọn

Quản trị viên nhập các thông tin, sau đó chọn chức năng lưu thông tin Hệ thống xác nhận lại yêu cầu và dữ liệu vào. Hệ thống lưu thông tin Hiển thị thông báo

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý học phần

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

2.10.Giao diện quản lý đề thi:

Hình 11: Quản lý đề thi Quản trị viên tạo hoặc thay đổi thông tin bộ đề thi

Trên giao diện quản lý đề thi, quản trị viên chọn thay đổi thông tin một đề thi nào đó hoặc tạo mới thông tin một bộ đề thi.

Hệ thống hiển thị giao diện nhập thông tin đề thi. Nếu là chức năng thay đổi thông tin đề thi, hệ thống sẽ hiển thị thông tin của đề thi được chọn.

Quản trị viên nhập các thông tin.

Hệ thống xác nhận lại yêu cầu và dữ liệu vào. Hệ thống lưu thông tin Hiển thị thông báo

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý đề thi Kết thúc Use Case

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

2.11.Giao diện quản lý câu hỏi:

Hình 12: Quản lý câu hỏi

Quản trị viên tạo hoặc thay đổi thông tin câu hỏi trong bộ đề thi.

Trên giao diện quản lý câu hỏi, quản trị viên chọn thay đổi thông tin một câu hỏi nào đó hoặc tạo mới thông tin một câu hỏi.

Hệ thống hiển thị giao diện nhập thông tin câu hỏi. Nếu là chức năng thay đổi thông tin câu hỏi, hệ thống sẽ hiển thị thông tin của câu hỏi được chọn.

Quản trị viên nhập các thông tin.

Hệ thống xác nhận lại yêu cầu và dữ liệu vào. Hệ thống lưu thông tin Hiển thị thông báo

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý câu hỏi

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

2.12.Giao diện quản lý phương án trả lời:

Hình 13: Quản lý phương án trả lời

Quản trị viên tạo hoặc thay đổi thông tin phương án trả lời trong câu hỏi.

Trên giao diện quản lý phương án trả lời, quản trị viên chọn thay đổi thông tin một phương án trả lời nào đó hoặc tạo mới thông tin một phương án trả lời cho câu hỏi nào đó.

Quản trị viên nhập các thông tin.

Hệ thống xác nhận lại yêu cầu và dữ liệu vào. Hệ thống lưu thông tin Hiển thị thông báo

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

 Luồng rẽ nhánh thứ hai:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

2.13.Giao diện quản lý sinh viên:

Hình 14: Quản lý sinh viên

Quản trị viên tạo hoặc thay đổi thông tin một sinh viên.

Trên giao diện quản lý sinh viên, quản trị viên chọn thay đổi thông tin một sinh viên nào đó hoặc tạo mới thông tin một sinh viên.

Hệ thống hiển thị giao diện nhập thông tin sinh viên. Nếu là chức năng thay đổi thông tin sinh viên, hệ thống sẽ hiển thị thông tin của sinh viên được chọn

Quản trị viên nhập các thông tin.

Hệ thống xác nhận lại yêu cầu và dữ liệu vào.

Hệ thống lưu thông tin Hiển thị thông báo

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý sinh viên

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ.

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý

 Trường hợp xóa thông tin 1 sinh viên

Trên giao diện quản lý sinh viên, quản trị viên chọn xóa thông tin một sinh viên.

Hệ thống hiển thị giao diện thông tin sinh viên.

Quản trị viên xác nhận lại yêu cầu

Hệ thống thực hiện xóa thông tin học sinh, xóa toàn bộ điểm, các bài thi đã có trong thời gian trước của học sinh

2.14.Giao diện quản lý quản trị:

Hình 15: Quản lý quản trị

Quản trị viên tạo hoặc thay đổi thông tin một quản trị

Trên giao diện quản lý quản trị viên, quản trị viên chọn thay đổi thông tin một quản trị viên nào đó hoặc tạo mới thông tin một quản trị viên.

Hệ thống hiển thị giao diện nhập thông tin quản trị viên. Nếu là chức năng thay đổi thông tin, hệ thống sẽ hiển thị thông tin của sinh viên được chọn

Quản trị viên nhập các thông tin.

Hệ thống xác nhận lại yêu cầu và dữ liệu vào.

Hệ thống lưu thông tin

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý quản trị viên

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ.

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

2.15. Giao diện quản lý sinh viên đăng kí thi học phần:

Hình 16: Sinh viên đăng kí thi học phần Quản trị viên tạo hoặc thay đổi thông tin một SVĐKHP.

Trên giao diện quản lý SVĐKHP, quản trị viên chọn thay đổi thông tin một sinh viên nào đó hoặc tạo mới.

Hệ thống hiển thị giao diện nhập thông tin. Nếu là chức năng thay đổi thông tin, hệ thống sẽ hiển thị thông tin của quản trị được chọn

Quản trị viên nhập các thông tin.

Hệ thống xác nhận lại yêu cầu và dữ liệu vào. Hệ thống lưu thông tin

 Luồng rẽ nhánh thứ nhất:

Quản trị viên hủy yêu cầu

Hệ thống hiển thị giao diện quản lý sinh viên đăng kí học phần

 Luồng rẽ nhánh thứ hai:

Thông tin nhập vào không hợp lệ.

Hệ thống từ chối lưu thông tin, hiển thị thông báo

 Luồng rẽ nhánh thứ ba:

Hệ thống có lỗi trong quá trình xử lý Hiển thị thông báo

 Xuất Bảng Điểm

Một phần của tài liệu Xây dựng website thi trắc nghiệm trực tuyến (Trang 38 - 52)

Tải bản đầy đủ (PDF)

(58 trang)