SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Kịch bản xem lịch sử kiểm tra
Tên ca sử dụng Tác nhân chính Tiền điều kiện Đảm bảo thành cơng Đảm bảo tối thiểu Kích hoạt
Chuỗi sự kiện chính:
1. Trên màn hình chính sinh viên chọn chức năng xem lịch kiểm tra
2. Hệ thống hiển thị danh sách các bài kiểm tra đã làm
3. Sinh viên click bài kiểm tra muốn xem chi tiết
4. Hệ thống hiển thị chi tiết các câu hỏi và đáp án lựa chọn của sinh viên Ngoại lệ:
SVTH: Hồ Quốc Cường – D17CNPM5
2.6 Biểu đồ lớp phân tích
Hình 9: Biểu đồ lớp phân tích
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 2: Phân tích hệ thống
2.7 Kết luận
Trong chương 2 của đồ án đã trình bày các bước phân tích phân tích hệ thống website luyện thi trắc nghiệm trực tuyến. Nội dung chính trình bày về các tác nhân của hệ thống, các ca sử dụng đã được xác định và mơ tả rõ ràng. Có các biểu đồ UML liên quan như: xây dựng biểu đồ ca sử dụng tổng quát, phân rã các biểu đồ ca và biểu đồ lớp phân tích hệ thống. Xây dựng được các kịch bản ứng với chức năng của hệ thống.
Chương tiếp theo sẽ đi sâu vào phân tích hệ thống website luyện thi trắc nghiệm trực tuyến.
SVTH: Hồ Quốc Cường – D17CNPM5
CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 3.1 Biểu đồ tuần tự các usecase
3.1.1 Biểu đồ tuần tự chức năng đăng nhập
Hình 10: Sơ đồ tuần tự chức năng đăng nhập 3.1.2 Biểu đồ tuần tự chức năng chỉnh sửa thông tin cá nhân nhập 3.1.2 Biểu đồ tuần tự chức năng chỉnh sửa thơng tin cá nhân
Hình 11: Biểu đồ tuần tự chức năng chỉnh sửa thông tin cá nhân
3.1.3 Biểu đồ tuần tự chức năng thêm câu hỏi
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống
Hình 12: Sơ đồ tuần tự chức năng thêm câu hỏi 3.1.4 Biểu đồ tuần tự chức năng Import câu hỏi từ file excel hỏi 3.1.4 Biểu đồ tuần tự chức năng Import câu hỏi từ file excel
Hình 13: Sơ đồ tuần tự chức năng import câu hỏi từ file excel 3.1.5 Biểu đồ tuần tự chức năng Sửa câu hỏi excel 3.1.5 Biểu đồ tuần tự chức năng Sửa câu hỏi
SVTH: Hồ Quốc Cường – D17CNPM5
Hình 14: Biểu đồ tuần tự chức năng sửa câu hỏi 3.1.6 Biểu đồ tuần tự chức năng xóa câu hỏi hỏi 3.1.6 Biểu đồ tuần tự chức năng xóa câu hỏi
Hình 15: Biểu đồ tuần tự chức năng xóa câu hỏi
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống 3.1.7 Biểu đồ tuần tự chức năng Tìm kiếm câu hỏi
Hình 16: Biểu đồ tuần tự chức năng Tìm kiếm câu hỏi 3.1.8 Biểu đồ tuần tự chức năng Thêm đề kiểm tra hỏi 3.1.8 Biểu đồ tuần tự chức năng Thêm đề kiểm tra
Hình 17: Biểu đồ tuần tự chức năng thêm đề kiểm tra
SVTH: Hồ Quốc Cường – D17CNPM5
3.1.9 Biểu đồ tuần tự chức năng sửa đề kiểm tra
Hình 18: Biểu đồ tuần tự chức năng sửa đề kiểm tra 3.1.10 Biểu đồ tuần tự chức năng xóa đề kiểm tra tra 3.1.10 Biểu đồ tuần tự chức năng xóa đề kiểm tra
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống
Hình 19: Biểu đồ tuần tự chức năng xóa đề kiểm tra 3.1.11 Biểu đồ tuần tự chức năng Tìm kiếm đề kiểm tra tra 3.1.11 Biểu đồ tuần tự chức năng Tìm kiếm đề kiểm tra
Hình 20: Biểu đồ tuần tự chức năng tìm kiếm đề kiểm tra 3.1.12 Biểu đồ tuần tự chức năng Giao đề kiểm tra cho lớp học tra 3.1.12 Biểu đồ tuần tự chức năng Giao đề kiểm tra cho lớp học
SVTH: Hồ Quốc Cường – D17CNPM5
Hình 21: Biểu đồ tuần tự chức năng giao đề cho lớp học 3.1.13 Biểu đồ tuần tự chức năng xóa đề thi của lớp học học 3.1.13 Biểu đồ tuần tự chức năng xóa đề thi của lớp học
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống
Hình 22: Biểu đồ tuần tự chức năng xóa đề thi của lớp học
3.1.14 Biểu đồ tuần tự chức năng thêm sinh viên
SVTH: Hồ Quốc Cường – D17CNPM5
Hình 23: Biểu đồ tuần tự thêm sinh viên
3.1.15 Biểu đồ tuần tự chức năng xóa sinh viên
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống
Hình 24: Biểu đồ tuần tự chức năng xóa sinh viên 3.1.16 Biểu đồ tuần tự chức năng tìm kiếm sinh viên viên 3.1.16 Biểu đồ tuần tự chức năng tìm kiếm sinh viên
Hình 25: Biểu đồ tuần tự chức năng tìm kiếm sinh viên 3.1.17 Biều đồ tuần tự chức năng thêm lớp học viên 3.1.17 Biều đồ tuần tự chức năng thêm lớp học
SVTH: Hồ Quốc Cường – D17CNPM5
Hình 26: Biểu đồ tuần tự chức năng thêm lớp học 3.1.18 Biểu đồ tuần tự chức năng sửa lớp học học 3.1.18 Biểu đồ tuần tự chức năng sửa lớp học
Hình 27: Biểu đồ tuần tự chức năng sửa lớp học
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống 3.1.19 Biểu đồ tuần tự chức năng xóa lớp học
Hình 28: Biểu đồ tuần tự chức năng xóa lớp học 3.1.20 Biểu đồ tuần tự chức năng tìm kiếm lớp học học 3.1.20 Biểu đồ tuần tự chức năng tìm kiếm lớp học
Hình 29: Biểu đồ tuần tự chức năng tìm kiếm lớp học
SVTH: Hồ Quốc Cường – D17CNPM5
3.1.21 Biểu đồ tuần tự chức năng thêm sinh viên vào lớp học
Hình 30: Biểu đồ tuần tự chức năng thêm sinh viên vào lớp học 3.1.22 Biểu đồ tuần tự chức năng xóa sinh viên của lớp học học 3.1.22 Biểu đồ tuần tự chức năng xóa sinh viên của lớp học
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống
Hình 31: Biểu đồ tuần tự chức năng xóa sinh viên của lớp học 3.1.23 Biểu đồ tuần tự chức năng làm bài kiểm tra học 3.1.23 Biểu đồ tuần tự chức năng làm bài kiểm tra
Hình 32: Biểu đồ tuần tự chức năng làm bài kiểm tra 3.1.24 Biểu đồ tuần tự chức năng xem lịch sử kiểm tra tra 3.1.24 Biểu đồ tuần tự chức năng xem lịch sử kiểm tra
SVTH: Hồ Quốc Cường – D17CNPM5
Hình 33: Biểu đồ tuần tự chức năng xem lịch sử kiểm tra
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống
3.2 Sơ đồ lớp thiết kế
Hình 34: Biểu đồ lớp phân tích
SVTH: Hồ Quốc Cường – D17CNPM5
3.3 Lược đồ cơ sở dữ liệu
Hình 35: Lược đồ cơ sở dữ liệu
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 3: Thiết kế hệ thống
3.4 Mô tả các bảng cơ sở dữ liệu
- Các bảng trong cơ sở dữ liệu
TT Tên bảng 1 User 2 Subject 3 Course 4 Question 5 Answer 6 Exam 7 Detail_Exam 8 Role 9 Exam_Course 10 Detail_Course 11 Result_Test
Bảng 26: Mô tả tổng quát các bảng trong cơ sở dữ liệu
- Mô tả bảng dữ liệu trong hệ thống
TT Tên cột 1 user_id 2 date_of_birth 3 email 4 full_name 5 username 6 password 7 tel 8 status 9 gender 10 address 11 role_id TT Tên cột 1 role_id 2 role_code 3 description TT Tên cột 1 course_id 2 name SVTH: Hồ Quốc Cường – D17CNPM5
3 start_date 4 end_date 5 date_of_week 6 number_student 7 activate 8 subject_id TT Tên cột 1 subject_id 2 subject_name 3 subject_code TT Tên cột 1 question_id 2 question_content 3 question_level 4 question_type 5 subject_id TT Tên cột 1 answer_id 2 answer_content 3 is_correct 4 question_id TT Tên cột 1 exam_id 2 exam_code 3 status 4 exam_name 5 limit_time 6 number_question 7 number_easy 8 number_normal 9 number_diffcult 10 time_start 11 time_finish SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học 12 subject_id TT Tên cột 1 detail_exam_id 2 exam_id 4 question_id TT Tên cột 1 exam_course_id 2 course_id 3 exam_id TT Tên cột 1 detail_course_id 2 user_id 3 course_id TT Tên cột 1 result_test _id 2 user_id 3 exam_id 3.5 Kết luận
Trong chương này của hệ thống đã thực hiện bước thiết kế hệ thống website luyện thi trắc nghiệm trực tuyến. Tập trung xây dựng các biểu đồ tuần tự các chức năng của hệ thống, biểu đồ lớp thiết kết, lược đồ cơ sở dữ liệu và mơ tả chi tiết các bảng có trong cơ sở dự liệu.
Chương tiếp theo sẽ tập trung cài đặt các chức năng của hệ thống website luyện thi trắc nghiệm trực tuyến và kiểm thử các chức năng.
SVTH: Hồ Quốc Cường – D17CNPM5
CHƯƠNG 4: XÂY DỰNG VÀ KIỂM THỬ HỆ THỐNG 4.1 Kiến trúc hệ thống
- Trong đồ án này, em đã sử dụng kiến trúc MVC để xây dựng hệ thống website luyện thi trắc nghiệm trực tuyến.
- MVC viết tắt của Model – Views - Controllers. là một kiến trúc phần mềm hay mơ hình thiết kế được sử dụng trong kỹ thuật phần mềm. Kiến trúc MVC giúp cho các lập trình viên tách ứng dụng ra 3 thành phần khác nhau Model, View và Controller. Mỗi thành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác.
Hình 36: Kiến trúc MVC
- Model là thành phần chứa tất cả các nghiệp vụ logic, phương thức xử lý, truy xuất database, đối tượng mô tả dữ liệu như các Class, hàm xử lý...
- View đảm nhận vai trị hiển thị thơng tin, tương tác với người dùng, nơi chứa tất cả các đối tượng GUI như textbox, images...
- Controller giữ nhiệm vụ nhận điều hướng các yêu cầu từ người dùng và gọi đúng những phương thức xử lý.
- Khi sử dụng kiến trúc MVC sẽ mang lại các lợi ích sau:
• Tạo mơ hình chuẩn cho dự án, giúp cho việc tiếp cận với ứng dụng dễ dàng.
• Trình tự xử lý rõ ràng, nhiệm vụ riêng biệt, độc lập với các thành phần khác và các thành phần có thể tương tác được với nhau.
• Quy hoạch các thành phần riêng biệt giúp cho quá trình phát triển, quản lý, vận hành, bảo trì ứng dụng thuận lợi hơn, đồng thời dễ dàng kiểm soát được luồng xử lý của ứng dụng.
• Mơ hình triển khai rõ ràng, mạch lạc, xử lý nghiệp vụ tốt, dễ dàng triển khai các ứng dụng vừa.
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 4: Xây dựng và kiểm thử hệ thống
4.2 Một số giao diện của hệ thống
Hình 37: Giao diện danh sách câu hỏi
Giáo viên có thể xem danh sách các câu hỏi trong ngân hàng câu hỏi, danh sách câu hỏi có sử dụng phân trang. Trên màn hình danh sách câu hỏi, giáo viên có thể tìm kiếm câu hỏi theo nội dung câu hỏi. Giáo viên có thể chỉnh sửa hoặc xóa các câu hỏi bất kì bằng cách nhấn vào các nút tùy chọn. Khi giáo viên muốn thêm 1 câu hỏi mới có thể click vào nút “Add Question” và giao diện chi tiết câu hỏi sẽ hiện ra. Nếu giáo viên muốn import nhiều câu hỏi thì có thể chọn chức năng “Import câu hỏi từ file excel” thì hệ thống sẽ chuyển hướng đến giao diện import file excel.
SVTH: Hồ Quốc Cường – D17CNPM5
Hình 38: Giao diện import câu hỏi từ file excel
Tại giao diện Import câu hỏi từ file excel này, giáo viên sẽ chọn 1 file excel có các câu hỏi đã chuẩn bị từ trước, sau đó chọn mơn học tương ứng và click nút UPLOAD. Hệ thống sẽ lưu các câu hỏi trong file excel vào cơ sở dữ liệu và thơng báo có bao nhiêu câu hỏi được import thành cơng.
Hình 39: Giao diện chi tiết câu hỏi
Giao diện “chi tiết câu hỏi” sẽ hiển thị thông tin câu hỏi khi giáo viên chọn chức năng chỉnh sửa câu hỏi hoặc thêm mới câu hỏi. Sau khi nhập hoặc chỉnh sửa thông tin của câu hỏi thì click “Lưu thay đổi” hệ thống sẽ lưu lại câu hỏi. Giáo viên có thể chọn “Hủy” để quay trở về trang danh sách câu hỏi
Hình 40: Giao diện danh sách đề kiểm tra
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 4: Xây dựng và kiểm thử hệ thống Giáo viên có thể xem danh sách các đề kiểm tra đã tạo, danh sách đề kiểm tra có sử dụng phân trang. Trên màn hình danh sách đề kiểm tra, giáo viên có thể tìm kiếm đề kiểm tra theo tên. Giáo viên có thể chỉnh sửa hoặc xóa đề kiểm tra kiểm bất kì bằng cách nhấn vào các nút tùy chọn. Khi giáo viên muốn thêm 1 đề kiểm tra mới có thể click vào nút “Thêm đề thi” và giao diện chi tiết đề kiểm tra sẽ hiện ra. Nếu giáo viên muốn giao đề kiểm tra cho lớp học có thể click vào nút “+”.
Hình 41: Giao diện chi tiết đề kiểm tra
Tại giao diện “chi tiết đề kiểm tra”, giáo viên có thể random các câu hỏi theo môn học cho đề kiểm tra hoặc thêm từng câu hỏi, có thể xóa câu hỏi trong đề kiểm tra. Sau khi chọn được bộ câu hỏi, giáo viên, nhập thông tin về thời gian, tên của đề kiểm tra và chọn tạo đề thi thì hệ thống sẽ kiểm tra thông tin và lưu đề kiểm tra vào cơ sở dữ liệu.
SVTH: Hồ Quốc Cường – D17CNPM5
Hình 42: Giao diện danh sách lớp học
Giáo viên có thể xem danh sách các lớp học đã tạo, danh sách lớp học có sử dụng phân trang. Trên màn hình danh sách lớp học, giáo viên có thể tìm kiếm lớp học theo tên lớp. Giáo viên có thể chỉnh sửa hoặc xóa lớp học bất kỳ bằng cách nhấn vào các nút tùy chọn. Khi giáo viên muốn thêm 1 lớp học mới có thể click vào nút “Thêm lớp học” và giao diện “chi tiết thơng tin lớp học” sẽ hiện ra.
Hình 43: Giao diện chi tiết thơng tin lớp học
Giao diện “chi tiết thông tin lớp học” sẽ hiển thị thông tin của lớp học khi giáo viên chọn chức năng chỉnh sửa hoặc thêm mới lớp học. Sau khi nhập hoặc chỉnh sửa thơng tin của lớp học thì click “Lưu thay đổi” hệ thống sẽ lưu lại lớp học. Giáo viên có thể chọn “Hủy” để quay trở về trang danh sách lớp học.
SVTH: Hồ Quốc Cường – D17CNPM5
Đồ án tốt nghiệp Đại học Chương 4: Xây dựng và kiểm thử hệ thống
Hình 44: Giao diện danh sách sinh viên của lớp học
Giáo viên có thể xem danh sách sinh viên theo lớp học, danh sách sinh viên theo lớp học có sử dụng phân trang. Trên màn hình danh sách sinh viên theo lớp học, giáo viên có thể chọn các lớp học muốn xem hoặc tìm kiếm sinh viên theo tên. Giáo viên có thể xóa sinh viên bất kỳ khỏi lớp học bằng cách nhấn vào nút tùy chọn. Khi giáo viên muốn thêm 1 sinh viên vào lớp học đã chọn có thể click vào nút “Thêm sinh viên” và giao diện “thêm sinh viên vào lớp học” sẽ hiện ra.