Xây dựng website để tổ chức các cuộc thi trực tuyến cho sinh viên tdc

LỜI CÁMỦY ƠN BAN NHÂN DÂN TP.HCM TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THỦ ĐỨC KHOA CÔNG NGHỆ THÔNG TIN NGHIÊN CỨU KHOA HỌC NĂM HỌC 2020 -2021 Tên đề tài: Xây dựng website để tổ chức thi trực tuyến cho sinh viên TDC GIẢNG VIÊN HƯỚNG DẨN (Ký, Ghi rõ họ tên) TÁC GIẢ/ CHỦ NHIỆM ĐỀ TÀI (Ký, Ghi rõ họ tên) Bùi Thị Phương Thảo Thảo Trần Minh Phúc TRƯỞNG KHOA (Ký, Ghi rõ họ tên) Lê Diên Tâm Tp Hồ Chí Minh, ngày 02 tháng 06 năm 2021 I Lời xin chân thành cám ơn Trường Cao Đẳng Công Nghệ Thủ Đức, Khoa Công nghệ thông tin, cô Bùi Thị Phương Thảo tạo điểu kiện, tận tâm hướng dẫn, truyền đạt kiến thức cho em thêm ý kiến, nhận xét để giúp em hoàn thành Đề tài Nghiên Cứu Khoa Học(NCKH) với tên đề tài “Phát triển ứng dụng web thi trực tuyến ” Em phát triển ứng dụng từ tháng 01 năm 2021 sau có ý tưởng ứng dụng đăng ký thực đề tài NCKH với Khoa Công nghệ thông tin Sau đăng ký đề tài trình bày ý tưởng ra, em thầy ủng hộ tin tưởng đề tài Và em bắt đầu phát triển, cài đặt testing toàn hệ thống tháng 7/2021 Cuối cùng, lần xin gửi lời cám ơn chân thành tới Trường Cao Đẳng Công Nghệ Thủ Đức, Khoa Công Nghệ Thông Tin Cô Bùi Thị Phương Thảo Kính chúc Thầy Cơ có sức khỏe thành cơng nghiệp! Em xin chân thành cám ơn! Sinh viên Trần Minh Phúc II MỤC LỤC PHẦN PHẦN MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Mục đích đề tài 1.3 Phạm vi nghiên cứu 1.4 Định hướng phát triển đề tài 1.5 Các phần mềm có trước 1.6 Nội dung nghiên cứu PHẦN ĐỀ TÀI CÁC CÔNG NGHỆ, KỸ THUẬT SỬ DỤNG TRONG 2.1 Các công nghệ kỹ thuật áp dụng 2.2 Những ưu điểm lý áp dụng công nghệ PHẦN ĐẶC TẢ YÊU CẦU PHẦN MỀM 3.1 Mô tả yêu cầu 3.2 Mục tiêu hệ thống 3.3 Phạm vi hệ thống 3.4 Người dùng 3.4.1 Chức quản trị viên 3.4.2 Chức người dùng 3.5 Lấy yêu cầu phần mềm 3.5.1 Quy trình nghiệp vụ 3.6 Yêu cầu khác 26 3.6.1 Tính linh hoạt 26 3.6.2 Tính bảo mật 26 3.7 Chức hệ thống 26 3.7.1 Sơ đồ Usecase 26 3.7.2 Mô tả Usecase 27 3.7.3 Yêu cầu chức 28 PHẦN KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 40 4.1 Kiến thức học 40 4.2 Hạn chế phần mềm 40 III 4.3 Hướng phát triển 40 4.4 Kết luận 40 IV DANH MỤC HÌNH Hình Trang quản lý Users .29 Hình 2: Form chỉnh sửa user .29 Hình 3: Trang quản lý user allow .30 Hình 4: Form thêm username allow 30 Hình 5: Form thêm user-allow filr CSV/Excel 31 Hình 6: Trang quản lý chủ đề 32 Hình 7: Form thêm chủ đề 32 Hình 8: Trang quản lý đề thi 33 Hình 9: Form thêm đề thi 33 Hình 10: Trang quản lý thi .34 Hình 11: Form thêm thi 35 Hình 12: Trang xem kết thi 35 Hình 13: Trang xem câu hỏi tự luận chưa chấm 36 V DANH MỤC SƠ ĐỒ Sơ đồ 1: Quy trình thêm tài khoản hợp lệ Sơ đồ 2: Quy trình thêm danh sách tài khoản hợp lệ file CSV/Excel Sơ đồ 3: Quy trình chỉnh sửa thơng tin tài khoản người dùng Sơ đồ 4: Quy trình thêm chủ đề cho hệ thống .10 Sơ đồ 5: Quy trình thêm đề thi cho hệ thống 11 Sơ đồ 6: Quy trình thêm đề thi file CSV/Excel .13 Sơ đồ 7: Quy trình thêm thi 15 Sơ đồ 8: Quy trình thêm viết .16 Sơ đồ 9: Quy trình xem phản ánh xác nhận xem phản hồi người dùng 18 Sơ đồ 10: Quy trình cập nhật thơng tin ứng dụng 19 Sơ đồ 11: Quy trình tham gia nộp thi 21 Sơ đồ 12: Quy trình thêm bình luận cho thi 24 Sơ đồ 13: Quy trình chỉnh sửa thông tin cá nhân 25 Sơ đồ 14: Usecase hệ thống .27 VI PHẦN PHẦN MỞ ĐẦU 1.1 Tính cấp thiết đề tài - Thi trắc nghiệm trực tuyến quen thuộc với giáo viên học sinh năm gần đây, thông qua thi mà thầy cho học sinh, sinh viên củng cố lại kiến thức làm toán câu hỏi dạng trắc nghiệm tự luận, bên đồn nhóm tổ chức kiện trường tạo sân chơi bổ ích, thí sinh tham gia vào thi có kết cho tìm người đạt điểm, thời gian làm tốt thi - Hiện có trang thi trực tuyến myaloha, hocmai, moon, tuyensinh247, đa số trang web thường tính phí chức cao giới hạn quyền truy cập, người quản trị quản lý số lượng người dùng có ứng dụng truy xuất thơng tin người dùng - Và với đề tài này, ta giải được: o Tạo thi trực tuyến với chủ đề số lượng câu hỏi tuỳ ý, khơng bị tính thêm chi phí o Quản lý thơng tin nội người dùng, người dùng đăng ký quản trị viên cho phép o Thêm lưu trữ đề bài, thi kết thi thí sinh linh hoạt theo dạng file excel - Đó lý do, em thực đề tài “Phát triển ứng dụng web Thi Trực Tuyến” 1.2 Mục đích đề tài - Nghiên cứu giải pháp tạo thi tuỳ ý mà khơng thêm phí, dễ dàng việc quản lý thông tin người dùng thao tác, giao diện người dùng tối ưu hoá 1.3 Phạm vi nghiên cứu - Phạm vi nghiên cứu công nghệ phát triển website gồm: o Frontend: VueJS + Vuetifyjs o Backend: Laravel o Database: MySQL 1.4 Định hướng phát triển đề tài - Ứng dụng định hướng phát triển theo giai đoạn sau: o Giai đoạn A, phát triển hệ thống giao diện liệu cứng đặt sẵn o Giai đoạn B, bắt đầu phát triển chức bên phía quản trị viên, thêm xố sửa liệu lưu vào database o Giai đoạn C, chuyển qua xây dựng cho phía người dùng, truy xuất liệu quản trị viên tạo phát triển thêm chức o Giai đoạn D, vận hành bảo trì hệ thống 1.5 Các phần mềm có trước - Hiện tại, trường có web dạng thi trắc nghiệm bên đoàn sử dụng web https://myaloha.vn để tổ chức thi, tạo sân chơi cho sinh viên, lại cịn gặp nhiều khó khăn việc tạo quản lý thông tin thi, chức cịn bị tính phí 1.6 Nội dung nghiên cứu - Sử dụng VueJS + Vuetifyjs để tạo frontend riêng biệt không phụ thuộc vào server - Dựng server API Laravel để giao tiếp với phía frontend - Tạo bảng sở liệu lưu trữ liên kết quan hệ với PHẦN CÁC CÔNG NGHỆ, KỸ THUẬT SỬ DỤNG TRONG ĐỀ TÀI 2.1 Các công nghệ kỹ thuật áp dụng - Sử dụng VueJS tạo giao diện cho ứng dụng, linh hoạt trình truy xuất liệu - Dựa vào tài nguyên có sẵn từ Laravel tạo route truy xuất đến page API - MySQL dạng sở liệu dạng bảng, cần phải thiết lập mối quan hệ bảng với theo logic 2.2 Những ưu điểm lý áp dụng công nghệ - Với việc dụng VueJS kết hợp với Vuetifyjs để dựng riêng Frontend ta tạo độc lập Frontend Backend khiến sau việc thay đổi thực đơn giản Trang web nhẹ, tốc độ xử lý cực nhanh Render, xử lý Javascript, dung lượng tải thấp, giúp tốc độ tải trang nhanh - Laravel thường phát triển ngôn ngữ PHP, thân thiện dễ phát triển Nguồn tài ngun có sẵn vơ phong phú, đa dạng tài liệu giúp thân thiện với lập trình viên di chuyển Database dễ dàng - MySQL sở liệu tốc độ cao, ổn định, dễ sử dụng hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh, hỗ trợ nhiều chức SQL mong chờ từ hệ quản trị sở liệu quan hệ trực tiếp lẫn gián tiếp PHẦN ĐẶC TẢ YÊU CẦU PHẦN MỀM 3.1 Mô tả yêu cầu - Yêu cầu toán xây dựng trang web tổ chức thi người dùng tham gia vào thi, kết làm trả phía quản trị viên người dùng - Thơng báo có liệu - Giao diện thân thiện, dễ dùng xử lý nhanh 3.2 Mục tiêu hệ thống - Đáp ứng yêu cầu giáo viên thí sinh thực thi kiểm tra Có thể tiến hành kiểm tra học trình, tạo nhiều dạng câu hỏi trắc nghiệm dạng mặc định trắc nghiệm, hình ảnh, âm thanh, video câu hỏi dạng tự tự luận 3.3 Phạm vi hệ thống - Ứng dụng giao cho phía đồn vận hành phát triển, q trình vận hành đơi với bảo trì 3.4 Người dùng 3.4.1 Chức quản trị viên - Danh sách sinh viên: o Chỉnh sửa xoá tài khoản người dùng có - Danh sách tài khoản cho phép đăng ký vận hành hệ thống o Thêm, xoá - Các thi: o Thêm, xoá, sửa xem kết thi - Đề thi: o Thêm, xoá, sửa tạo đề cách nhập file csv, excel - Bài viết, Chủ đề, Thông tin hệ thống: o Thêm, xoá sửa - Và quản trị viên người dùng nên tham gia vào thi, có quyền chức người dùng UC-AD-07 Xem xác nhận thông tin Cho phép Actor xem xác nhận phản hồi người dùng UC-AD-08 thông tin phản hồi người dùng Cập nhật thơng tin ứng Cho phép Actor cập nhật thông tin ứng dụng dụng 3.7.3 Yêu cầu chức UC-AD-01: Xoá sửa tài khoản user Tên Xoá sửa tài khoản user Mã UC-AD-01 Mơ tả Cho phép Actor chỉnh sửa thông tin tài khoản chức vụ tài khoản Actor Admin Trigger Actor mở trang quan-tri-vien/tai-khoan Pre-condition Đăng nhập quyền admin Post condition Thông tin người dùng khác bị sửa xóa Basic Flow Người dùng đăng nhập vào hệ thống Hệ thống kiểm tra quyền admin Hệ thống xác thực quyền admin cho phép người dùng vào trang admin Chọn thông tin tài khoản user muốn chỉnh sửa xoá user Exception Flow Người dùng đăng nhập vào hệ thống Hệ thống kiểm tra quyền admin Hệ thống xác thực người dùng admin đưa trang chủ 28 Hình Trang quản lý Users Hình 2: Form chỉnh sửa user UC-AD-02: Tên Thêm, xố, sửa username Mã UC-AD-02 access Mơ tả Cho phép Actor có quyền thêm xố sửa thơng tin username access Actor Admin Trigger Actor mở trang quan-tri-vien/ username- allow Pre-condition Đăng nhập quyền admin Post condition Thông tin người dùng khác bị sửa xóa Basic Flow Người dùng đăng nhập vào hệ thống Hệ thống kiểm tra quyền admin 29 Hệ thống xác thực quyền admin cho phép người dùng vào trang admin Chọn thông tin tài khoản user-allow muốn chỉnh sửa xoá Exception Flow Người dùng đăng nhập vào hệ thống Hệ thống kiểm tra quyền admin Hệ thống xác thực người dùng admin đưa trang chủ Hình 3: Trang quản lý user allow Hình 4: Form thêm username allow 30 Hình 5: Form thêm user-allow filr CSV/Excel UC-AD-03: Tên Thêm, xố, sửa chủ đề Mơ tả Cho phép Actor thêm, xoá, sửa chủ đề Actor Admin Mã Trigger UC-AD-03 Actor mở trang quan-tri-vien/ chu-de Pre-condition Đăng nhập quyền admin Post condition Thông tin chủ đề thêm, cập nhật xoá Basic Flow Người dùng đăng nhập vào hệ thống Hệ thống kiểm tra quyền admin Hệ thống xác thực quyền admin cho phép người dùng vào trang admin Người dùng xem danh sách chủ đề, chỉnh sửa xóa chủ đề Exception Flow Người dùng đăng nhập vào hệ thống Hệ thống kiểm tra quyền admin 10 Hệ thống xác thực người dùng admin đưa trang chủ 31 Hình 6: Trang quản lý chủ đề Hình 7: Form thêm chủ đề UC-AD-04: Thêm, xoá, sửa đề thi Tên Thêm, xoá, sửa đề thi Mơ tả Cho phép Actor thêm, xố, sửa đề thi Actor Admin Mã Trigger UC-AD-04 Actor mở trang quan-tri-vien/de-thi Pre-condition Đăng nhập quyền admin Post condition Thơng tin đề thi thêm, cập nhật xố Basic Flow 11 Người dùng đăng nhập vào hệ thống 32 12 Hệ thống kiểm tra quyền admin 13 Hệ thống xác thực quyền admin cho phép người dùng vào trang admin 14 Người dùng xem danh sách đề thi, chỉnh sửa xóa chủ đề Exception Flow 15 Người dùng đăng nhập vào hệ thống 16 Hệ thống kiểm tra quyền admin 17 Hệ thống xác thực người dùng admin đưa trang chủ Hình 8: Trang quản lý đề thi Hình 9: Form thêm đề thi 33 UC-AD-05: Thêm, xoá, sửa thêm xuất kết thi Tên Thêm, xoá, sửa thêm Mã UC-AD-05 xuất kết thi Mô tả Cho phép Actor thêm, xố, sửa thêm xuất kết thi Actor Admin Trigger Actor mở trang quan-tri-vien/cuoc-thi Pre-condition Đăng nhập quyền admin Post condition Thông tin thi thêm, cập nhật xoá Basic Flow 18 Người dùng đăng nhập vào hệ thống 19 Hệ thống kiểm tra quyền admin 20 Hệ thống xác thực quyền admin cho phép người dùng vào trang admin 21 Người dùng xem danh sách thi, chỉnh sửa xóa chủ đề Exception Flow 22 Người dùng đăng nhập vào hệ thống 23 Hệ thống kiểm tra quyền admin 24 Hệ thống xác thực người dùng admin đưa trang chủ Hình 10: Trang quản lý thi 34 Hình 11: Form thêm thi Hình 12: Trang xem kết thi 35 Hình 13: Trang xem câu hỏi tự luận chưa chấm UC-AD-06: Thêm xoá sửa viết Tên Mơ tả Actor Thêm xố sửa viết Mã UC-AD-06 Cho phép Actor thêm xố sửa viết Admin Trigger Actor mở trang quan-tri-vien/bai-viet Pre-condition Đăng nhập quyền admin Post condition Thông tin viết thêm, cập nhật xoá Basic Flow 25 Người dùng đăng nhập vào hệ thống 26 Hệ thống kiểm tra quyền admin 27 Hệ thống xác thực quyền admin cho phép người dùng vào trang admin 28 Người dùng xem danh sách viết, chỉnh sửa xóa viết Exception Flow 29 Người dùng đăng nhập vào hệ thống 30 Hệ thống kiểm tra quyền admin 31 Hệ thống xác thực người dùng admin đưa trang chủ 36 Hình 14: Trang quản lý viết Hình 15: Form thêm viết UC-AD-07: Xem xác nhận thông tin phản hồi người dùng Tên Mô tả Actor Pre-condition Post condition Basic Flow Xem xác nhận thông tin Mã UC-AD-0 phản hồi người dùng Cho phép Actor xem xác nhận thông tin phản hồi người dùng Admin Trigger Actor mở trang quan-tri-vien/phan-hoi Đăng nhập quyền admin Thông tin phản hồi cập nhật xoá 32 Người dùng đăng nhập vào hệ thống 33 Hệ thống kiểm tra quyền admin 37 34 Hệ thống xác thực quyền admin cho phép người dùng vào trang admin 35 Người dùng xem danh sách phản hồi, xem xóa phản hồi Exception Flow 36 Người dùng đăng nhập vào hệ thống 37 Hệ thống kiểm tra quyền admin 38 Hệ thống xác thực người dùng admin đưa trang chủ Hình 16: Trang quản lý thông tin phản hồi người dùng UC-AD-08: Cập nhật thông tin ứng dụng Cập nhật thông tin ứng Mã UC-AD-08 dụng Mơ tả Cho phép Actor cập nhật thông tin ứng dụng Actor Admin Trigger Actor mở trang quan-tri-vien/ thong-tin-ve-tdctest Pre-condition Đăng nhập quyền admin Post condition Thông tin ứng dụng cập nhật Basic Flow 39 Người dùng đăng nhập vào hệ thống 40 Hệ thống kiểm tra quyền admin 41 Hệ thống xác thực quyền admin cho phép người dùng vào trang admin 42 Người dùng xem thông tin ứng dụng cập nhật lại Exception Flow 43 Người dùng đăng nhập vào hệ thống 44 Hệ thống kiểm tra quyền admin 45 Hệ thống xác thực người dùng admin đưa trang chủ Tên 38 Hình 17: Form cập nhập thơng tin ứng dụng Hình 18: Form cập nhật thông tin giới thiệu ứng dụng 39 PHẦN KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kiến thức học - Hiểu sâu VueJS khả tối ưu xử lý phía giao diện người dùng - Biết kết hợp VueJS với VuetifyJS để hỗ trợ cho phần giao diện - Hiểu thêm Laravel, biết thiết lập môi trường serve xử lý liên kết bảng với - Thêm kiến thức middware API 4.2 Hạn chế phần mềm - Chưa có nhiều phương thức đăng nhập - Vẫn chưa có xử lý mang tính bảo mật cao - Hệ thống xử lý chậm nhiều người thao tác project lúc - Có thể xảy lỗi vài trường hợp đặc biệt chưa có nhiều thời gian để test 4.3 Hướng phát triển - Trong tương lai, em phát triển thêm khả bảo mật, tối ưu khả xử lý Frontend, thêm các dạng câu hỏi khác trắc nghiệm sai, tự luận có dạng trắc nghiệm trắc nghiệm ghép hợp 4.4 Kết luận Thi trắc nghiệm trực tuyến quen thuộc với học sinh, sinh viên thông qua thi Giải Toán internet, thi Tiếng Anh internet giáo dục phát động, hay qua trang mạng dạy luyện thi online myaloha, hocmai, moon, tuyensinh247, chí trang thi trắc nghiệm trực tuyến online giáo viên tự phát triển Cuộc thi trực tuyến hệ thống phần mềm tổ chức thi Hệ thống áp dụng cho tất đơn vị đào tạo bao gồm trường 40 học từ sở đến đại học, trung tâm giáo dục, dạy nghề, sở luyện thi … Cũng sử dụng hệ thống cho cá nhân việc biên tập ngân hàng câu hỏi tạo đề thi Hệ thống hoạt động môi trường Web theo mơ hình client-server Với thời gian gần tháng phát triển, dù bị chia phối công việc công ty việc học, em cố gắng để dựng hệ thống tốt Trong q trình làm hồn thiện em khơng có nhiều trường hợp test, nên lỗi xuất trường hợp mà em chưa ràng buộc được, em mong nhận đóng góp ý kiến từ Q Thầy Cơ để em hồn thiện hệ thống Em xin chân thành cám ơn! 41 TÀI LIỆU THAM KHẢO https://vuejs.org/ https://laravel.com/docs/8.x https://vuetifyjs.com/ 42