Phân tích, cài đặt module quản trị hệ thống, quản lý giáo viên, sinh viên và phụ huynh trong hệ thống hỗ trợ học và thi trực tuyến

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NHA TRANG KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP PHÂN TÍCH, CÀI ĐẶT MODULE QUẢN TRỊ HỆ THỐNG, QUẢN LÝ GIÁO VIÊN, SINH VIÊN VÀ PHỤ HUYNH TRONG HỆ THỐNG HỖ TRỢ HỌC VÀ THI TRỰC TUYẾN Giảng viên hướng dẫn: TS Đinh Đồng Lưỡng Sinh viên thực hiện: Trần Tất Thắng Mã số sinh viên: 56136297 Khánh Hoà - 2018 TRƯỜNG ĐẠI HỌC NHA TRANG KHOA CÔNG NGHỆ THƠNG TIN ĐỒ ÁN TỐT NGHIỆP PHÂN TÍCH, CÀI ĐẶT MODULE QUẢN TRỊ HỆ THỐNG, QUẢN LÝ GIÁO VIÊN, SINH VIÊN VÀ PHỤ HUYNH TRONG HỆ THỐNG HỖ TRỢ HỌC VÀ THI TRỰC TUYẾN GVHD: TS Đinh Đồng Lưỡng SVTH: Trần Tất Thắng MSSV: 56136297 Khánh Hoà, tháng 7/2018 TRƯỜNG ĐẠI HỌC NHA TRANG Khoa/viện:Khoa Công nghệ Thông tin PHIẾU THEO DÕI TIẾN ĐỘ VÀ ĐÁNH GIÁ ĐỀ TÀI / KHÓA LUẬN TỐT NGHIỆP (Dùng cho CBHD nộp báo cáo ĐA/KLTN sinh viên) Tên đê tài: Xây dựng hệ thống hỗ trợ học tập thi trực tuyến Giảng viên hướng dẫn: Ts Đinh Đồng Lưỡng Sinh viên hướng dẫn: Trần Tất Thắng MSSV: 56136297 Khóa: Khóa 56 Ngành: Cơng nghệ thơng tin Lần KT Ngày Nội dung 31/3/2018 Khảo sát hệ thống 28/4/2018 Thiết kế sở liệu Nhận xét GVHD Kiểm tra tiến độ Trưởng BM Đánh giá cơng việc hồn thành:……%: Ngày kiểm tra: …………… ……… Được tiếp tục:  Không tiếp tục:  26/5/2018 23/6/2018 Ký tên ……………….…… Lập trình giao diện chức chương trình Hồn thiện chương trình Viết báo cáo tổng kết Nhận xét chung (sau sinh viên hồn thành ĐA/KL): ………………………………………………………………………………………… …………………………………………………………………………………….…… ………………………………………………………………………………………… Điểm hình thưc:……/10 Điểm nội dung: ./10 Điểm tổng kết:………/10 Đồng ý cho sinh viên: Được bảo vệ:  Không bảo vệ:  Khánh Hòa, ngày…….tháng…….năm 2018 Cán hướng dẫn (Ký ghi rõ họ tên) i CAM ĐOAN CỦA SINH VIÊN Tơi xin cam đoan cơng trình nghiên cứu nhóm tơi hướng dẫn khoa học TS Đinh Đồng Lưỡng Các nội dung nghiên cứu, kết đề tài trung thực chưa cơng bố hình thức trước Những nội dung phần khảo sát, phân tích, nhận xét đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngoài ra, đồ án cịn tham khảo phần mềm nhóm tác giả khác có trích dẫn thích nguồn gốc Nếu phát có gian lận tơi xin hồn tồn chịu trách nhiệm nội dung đồ án Trường Đại học Nha Trang không liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) Nha Trang, tháng năm 2018 Sinh viên Trần Tất Thắng ii LỜI CẢM ƠN Trên thực tế khơng có thành cơng mà khơng gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập giảng đường đại học đến nay, em nhận nhiều quan tâm, giúp đỡ quý thầy cơ, gia đình bạn bè Với lịng biết ơn sâu sắc nhất, em xin gửi đến quý thầy cô Khoa Công nghệ Thông tin – Trường Đại học Nha Trang với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Và đặc biệt học kì này, khoa tổ chức cho chúng em tiếp cận với mơn học mà theo em hữu ích sinh viên, Đồ án tốt nghiệp Em xin chân thành cảm ơn thầy Đinh Đồng Lưỡng tận tình hướng dẫn em qua buổi thảo luận tính tự học khả tự nghiên cứu Nếu khơng có lời hướng dẫn, dạy bảo thầy em nghĩ báo cáo em khó hồn thiện Một lần nữa, em xin chân thành cảm ơn thầy Đồ án môn học thuật khoảng thời gian ngắn Bước đầu vào thực thế, tìm hiểu cơng nghệ mới, kiến thức áp dụng kiến thức tìm hiểu vào thực tế Do vậy, khơng tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp quý báo quý thầy cô bạn học lớp để kiến thức em hoàn thiện Lời cảm ơn thầy Đinh Đồng Lưỡng Sau cùng, em xin kính chúc quý thầy cô khoa Công nghệ Thông tin ban giám hiệu trường Đại học Nha Trang thật dồi sức khỏe, niềm tin để tiếp tục thực sử mệnh cao đẹp truyền đạt kiến thức cho hệ mai sau Nha Trang, tháng năm 2018 Sinh viên Trần Tất Thắng iii MỤC LỤC PHIẾU THEO DÕI TIẾN ĐỘ VÀ ĐÁNH GIÁ ĐỀ TÀI/KHOÁ LUẬN TỐT NGHIỆP i CAM ĐOAN CỦA SINH VIÊN ii LỜI CẢM ƠN iii MỤC LỤC .iv DANH SÁCH HÌNH VẼ vii DANH SÁCH BẢNG BIỂU viii DANH SÁCH CÁC TỪ VIẾT TẮT ix PHẦN MỞ ĐẦU CHƯƠNG 1: TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU .3 1.1 Đặt vấn đề 1.2 Lý chọn đề tài 1.3 Xác định yêu cầu đề tài 1.4 Phương pháp nghiên cứu 1.5 Ý nghĩa khoa học thực tiễn 1.6 Cấu trúc báo cáo CHƯƠNG 2: HỆ THỐNG GIÁO DỤC TRỰC TUYẾN (E-LEARNING) VÀ CÔNG NGHỆ HỖ TRỢ .8 2.1 Tổng quan E-learning 2.1.1 Định nghĩa: 2.1.2 Tình hình phát triển ứng dụng E-Learning 2.1.3 Lợi ích hạn chế E-learning: 12 2.2 Phân tích số hệ thống E-learning 14 2.3 Công nghệ hỗ trợ 16 2.3.1 Công nghệ Meteor 16 iv 2.3.2 Tìm hiểu MongoDB .20 2.3.3 Tìm hiểu React mơ hình Redux .22 2.3.4 Tìm hiểu Webpack .24 2.3.5 Tìm hiểu Next.js 24 2.3.6 Tìm hiểu thư viện giao diện Ant Design 25 2.4 Tìm hiểu cơng nghệ AI xử lý ảnh ứng dụng hệ thống 26 2.4.1 Thư viện OpenCV 26 2.4.2 Thư viện học máy Sklearn .27 2.5 Cấu hình hệ thống, triển khai hệ thống lên Server 28 2.5.1 Giới thiệu Nginx 28 2.5.2 Cách cài đặt Nginx server Ubuntu 16.04 .29 2.5.3 Cấu hình Hosting Domain cho Nginx .30 CHƯƠNG 3: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 32 3.1 Khảo sát nhu cầu đối tượng sử dụng 32 3.1.1 Đối tượng giáo viên 32 3.1.2 Đối tượng sinh viên 33 3.1.3 Đối tượng phụ huynh .33 3.2 Khảo sát phần mềm TuiElearning 33 3.3 Thiết kế sở liệu .34 3.3.1 Đặc tả hệ thống .34 3.3.2 Sơ đồ phân rã chức 35 3.3.3 Sơ đồ lớp chức quản lý khoá học .36 3.3.4 Sơ đồ lớp chức phân quyền 40 CHƯƠNG 4: CÀI ĐẶT HỆ THỐNG VÀ KẾT QUẢ ĐẠT ĐƯỢC 43 4.1 Cài đặt Module quản lý khoá học 43 4.1.1 Quản lý danh mục khoá học 43 4.1.2 Quản lý khoá học .44 v 4.2 Cài đặt chức phân quyền hệ thống 52 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN TOÀN HỆ THỐNG 56 5.1 Kết luận đồ án 56 5.2 Hướng phát triển 57 DANH MỤC TÀI LIỆU THAM KHẢO 58 PHỤ LỤC A: TÀI LIỆU HƯỚNG DẪN SỬ DỤNG 59 vi DANH SÁCH HÌNH VẼ Hình 2.1 Top 10 trang edTech Việt Nam theo lượng truy cập .12 Hình 2.2 Lưu trữ ghi MongoDB .20 Hình 2.3 Mơ tả cấu trúc liệu MongoDB 21 Hình 2.4 Mơ tả Redux .23 Hình 2.5 Nguyên lý hoạt động Redux 23 Hình 2.6 Kiến trúc thư viện OpenCV 26 Hình 2.7 Giao diện khởi động sau cài đặt Nginx trình duyệt 29 Hình 3.1 Sơ đồ phân rã chức .35 Hình 3.2 Sơ đồ lớp chức quản lý khoá học 36 Hình 3.3 Sơ đồ lớp chức phân quyền 41 Hình 4.1 Giao diện quản lý danh mục khoá học sau cài đặt 44 Hình 4.2 Giao diện thêm hiệu chỉnh khoá học .45 Hình 4.3 Giao diện hiển thị danh sách khoá học 45 Hình 4.4 Giao diện tham gia khố học 46 Hình 4.5 Giao diện gởi lời mời truy cập khoá học .47 Hình 4.6 Giao diện xác nhận yêu cầu tham gia khoá học 47 Hình 4.7 Giao diện thêm, sửa viết diễn đàn 48 Hình 4.8 Giao diện trả lời viết diễn đàn 48 Hình 4.9 Giao diện thêm, sửa học khố học 49 Hình 4.10 Giao diện học khoá học 49 Hình 4.11 Giao diện tạo tập khoá học 50 Hình 4.12 Danh sách tập tình trạng nộp sinh viên 50 Hình 4.13 Giao diện nộp tập sinh viên 50 Hình 4.14 Quản lý thành viên có khoá học 51 Hình 4.15 Giao diện thời khố biểu khố học 51 Hình 4.16 Giao diện tạo kiện thời khoá biểu khoá học 52 Hình 4.17 Danh sách quyền có hệ thống tình trạng .53 Hình 4.18 Danh sách hồ sơ phân quyền hệ thống .53 Hình 4.19 Danh sách tài khoản có hệ thống 54 Hình 4.20 Giao diện xác nhận hồ sơ giáo viên quản trị viên 54 vii Hình 11 Giao diện tạo kì thi giáo viên – Sau kì thi tạo, sinh viên tham gia, trước tham gia vào kì thi sinh viên phải cập nhật liệu ảnh Để cập nhật ảnh sinh viên cần phải vào phần cài đặt “Tài khoản”, chọn thẻ “Cập nhật ảnh” sau bấm vào nút Chụp ảnh làm theo hướng dẫn 30 giây Hình 12 Chụp ảnh trước thi Sau cập nhật xong ảnh sinh viên tham gia vào kì thi, có hình thức tham gia: gửi yêu cầu đến giáo viên chờ giáo viên xác nhận nhập mã kì thi giáo 64 viên cung cấp để tham gia vào kì thi Phần danh sách bảng điểm hiển thị kết sinh viên tham gia kì thi Hình 13 Giao diện tham gia vào kì thi Sau tham gia vào kì thi, sinh viên chuyển đến giao diện trước bắt đầu thi: giao diện gồm phần bên trái chưa thông tin giao diện tham gia vào kỳ thi bên phải hiển thị danh sách sinh viên tham gia vào kì thi Sau nhấp vào nút “Click để bắt đầu thi” sinh viên chuyển đến giao diện kì thi tiến hành tính làm thi Sau làm xong, sinh viên trả giao diện lần để xem kết sinh viên khác Sinh viên nhấp vào ảnh đại diện để xem kết q trình giám sát gian lận thơng qua camera AI lúc thi Hình 14 Giao diện trước bắt đầu thi 65 Hình 15 Giao diện kết nhận dạng thí sinh kì thi Sau nhấp vào nút lệnh bắt đầu thi giao diện chương trình chuyển sang phần bắt đầu thi Ở giao diện hiển thị câu hỏi có hỗ trợ tính gắn cờ nháp hỗ trợ sinh viên q trình thi, ngồi giao diện camera máy bật ngẫu nhiên ghi nhập lại hình ảnh thí sinh tham gia dự thi sau nhận dạng gửi kết máy chủ Hình 16 Giao diện bắt đầu thi 66 Sau kết thúc kì thi cách chọn vào nút lệnh Nộp hết thời gian, sinh viên đưa giao diện trước bắt đầu thi Ở giao diện sinh viên nhấp vào bảng điểm bên phải để xem kết nhận dạng Giao diện thống kê câu hỏi thể dạng biểu đồ hình cột thể tỉ lệ trả lời câu hỏi đề kì thi Giao diện thể kì thi Hình 17 Giao diện thống kê câu hỏi đề thi kì thi  Các chức quản lý môn học: Diễn đàn: Trao đổi kiến thức thành viên lớp Bài học: Bài giảng môn học Bài tập: Tất tập môn học Thành viên: Danh sách thành viên mơn học Kì thi: Tất kì thi có mơn học Sự kiện: Các kiện diễn môn học (Lịch thi, thơng báo) Quản lý khố học: Xác nhận cho sinh viên tham gia vào khoá học giáo viên Khố học tơi: Truy cập nhanh đến khố học mà người dùng tham gia  Hướng dẫn đăng câu hỏi lên diễn đàn: 67 Bạn nhập nội dung cần đăng lên diễn đính kèm thêm file ảnh, video nút “Thêm câu hỏi” để hồn thành Hình 18 Đăng diễn đàn Sau đăng thành cơng, thành viên khố học thấy viết bình luận, trả lời câu hỏi diễn đàn Hình 19 Trả lời diễn đàn  Hướng dẫn đăng học: Giáo viên chọn vào mục học khoá học để truy cập đến trang đăng học Trong lúc tạo học có đính kèm tệp học chủ đề Sau click vào 68 nút “Thêm mới” để hoàn thành việc đăng học Chỉ có giáo viên phép đăng học Hình 20 Thêm học Hình 21 Xem nội dung học sinh viên  Hướng dẫn đăng tập: Chỉ người dùng có chức đăng tập sử dụng chức Giáo viên đính kèm tệp để gởi cho sinh viên Sau đăng tập thành công, sinh viên khố học nộp việc chọn tệp tập cần nộp, nhập nội dung trả lời chọn vào nút “Xác nhận”, sinh viên xem tập nộp sinh viên khác 69 Hình 22 Tạo tập Hình 23 Nộp tập sinh viên Hình 24 Xem nội dung tập sinh viên nộp 70  Quản lý thành viên có khố học: Để xem danh sách thành viên có khoá học, người dùng chọn vào nút thành viên khố học vai trị thành viên có khố học, có giáo viên có quyền định sinh viên trở thành trợ giảng, giáo viên xố khỏi lớp học Hình 25 Quản lý thành viên khoá học giáo viên Giáo viên sinh viên gởi lời mời tham gia khố học thơng qua địa email, để dùng chức người dùng cần nhập vào địa email “Nhập email”, sau nhập nội dung lời mời chọn nút “Gởi lời mời”, hệ thống tự động gởi lời mời chứa địa truy cập khoá học tới địa email nhập Sau sinh viên nhận lời mời tham gia khoá học qua địa email tiến hành truy cập theo hướng dẫn, sinh viên chuyển đến trang xác nhận vào khoá học Sinh viên chọn nút “Gửi yêu cầu” để giáo viên xác nhận sinh viên truy cập vào khoá học, sinh viên cung cấp mã khoá học, sinh viên cần nhập vào mã khoá học chọn nút “Tham gia” để truy cập vào khố học mà khơng cần xác nhận giáo viên 71 Hình 26 Sinh viên truy cập vào khố học thơng qua lời mời từ email hệ thống Những yêu cầu tham gia khoá học sinh viên giáo viên quản lý qua chức “quản lý khố học” có cơng cụ hệ thống Tại giáo viên xác nhận cho sinh viên phép tham gia khoá học huỷ yêu cầu tham gia khoá học sinh viên Hình 27 Xác nhận thành viên tham gia khoá học giáo viên  Chức thời khoá biểu khoá học: Chức thời khoá biểu khoá học giúp cho giáo viên tạo kiện lịch thi, lịch kiểm tra nhằm thông báo, nhắc nhở cho sinh viên kiện diễn khố học để sinh viên có chuẩn bị trước Giáo viên cung cấp cho sinh viên thời gian giảng dạy mơn khố học để sinh viên nắm bắt lịch học kịp thời 72 Hình 28 Thời khố biểu khố học Để tạo thời khố biểu, thơng báo, kiện khố học giáo viên chọn vào nút “tạo mới”, giáo viên tiến hành nhập nội dung theo yêu cầu biểu mẫu kiện, sau nhập xong giáo viên chọn vào nút “Tạo” Hệ thống tự động hiển thị kiện lên hệ thống, lúc giáo viên sinh viên có khố học thấy kiện truy cập chức thời khố biểu Hình 29 Tạo kiện thời khoá biểu Để chỉnh sửa kiện giáo viên tiến hành click chuột vào kiện có thời khố biểu, biểu mẫu cập nhật kiện tự động 73 Hình 30 Chọn kiện để cập nhật thời khoá biểu Sau chọn xong, biểu mẫu cập nhật kiện lên, giáo viên tiến hành nhập lại thông tin cần thay đổi chọn vào nút lưu để cập nhật, nút xoá để xoá kiện khỏi khoá học, nút trở để quay trạng thái lúc chưa cập nhật Hình 31 Cập nhật kiện thời khố biểu Đối với người dùng có vai trị quản trị viên: Quản trị viên có tồn quyền hệ thống, chức giáo viên hỗ trợ cho nhóm người dùng có vai trị quản trị viên Quản trị viên có thêm chức quản lý danh mục khoá học, phân quyền cho người dùng xác nhận hồ sơ người dùng 74 Hình 32 Các chức quản trị viên sử dụng  Quản lý danh mục khoá học: Chỉ quản trị viên bổ sung cập nhật danh mục có khố học, để truy cập vào danh mục khoá học, quản trị viên truy cập vào mục “danh mục khố học” có cơng cụ, trang quản trị viên cập nhật thêm xoá sửa danh mục có hệ thống Mỗi danh mục có mã (code) định mã quản trị viên tạo Để tạo danh mục mới, quản trị viên tiến hành nhập nội dung theo yêu cầu chọn vào nút “Thêm thể loại”, hệ thống tự động cập nhật vào danh mục Hình 33 Quản lý danh mục có hệ thống  Phân quyền cho nhóm người dùng: 75 Chức phân quyền có quản trị viên sử dụng, giao diện quản lý phân quyền có tab chính:  Người dùng: Liệt kê tồn người dùng có hệ thống vai trị người dùng hệ thống (quản trị viên, giáo viên, phụ huynh,…), quản trị viên kích hoạt tài khoản người dùng (xác nhận tài khoản hoạt động hệ thống với vai trò tương ứng) Hình 34 Danh sách tài khoản người dùng có hệ thống  Hồ sơ phân quyền: Liệt kê tất hồ sơ có quyền hạn sử dụng chức khoá học tương ứng với nhóm hồ sơ Để tiến hành cấp quyền sử dụng chức khoá học cho hồ sơ, quản trị viên thực chọn checkbox tương ứng với quyền muốn cung cấp, huỷ chọn muốn xố quyền khỏi hồ sơ Hình 35 Cấp quyền cho hồ sơ có hệ thống 76  Danh sách quyền: Liệt kê tất quyền hệ thống có tình trạng quyền Để kích hoạt quyền có hệ thống, quản trị viên chọn vào nút “Kích hoạt” phần hành động, “Ngưng kích hoạt” để tắt quyền khơng cho phép hoạt động Hình 36 Danh sách quyền chức phân quyền  Chức cài đặt: Quản trị viên tiến hành xác nhận hồ sơ gởi yêu cầu lên hệ thống, quản trị viên chọn vào nút “xác nhận” để thông qua yêu cầu, từ chối để xố u cầu gởi lên Hình 37 Chức cài đặt Đối với người dùng có vai trò phụ huynh: Khi phụ huynh gởi yêu cầu xác nhận lên hệ thống, quản trị viên tiến hành xác nhận thông tin phép phụ huynh có quyền truy cập vào xem thơng tin sinh viên Phụ huynh có chức xem thơng tin sinh viên tham gia khoá học, để truy cập vào chức này, từ giao diện hệ thống phụ huynh rê chuột vào công cụ tài khoản, chọn vào chức “phụ huynh” 77 Hình 38 Truy cập vào chức quản lý sinh viên phụ huynh Tại phụ huynh theo dõi sinh viên tham gia vào khoá học nào, đồng thời xem kết thi sinh viên khố học Hình 39 Danh sách khố học sinh viên tham gia Hình 40 Kết thi sinh viên 78 ...TRƯỜNG ĐẠI HỌC NHA TRANG KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP PHÂN TÍCH, CÀI ĐẶT MODULE QUẢN TRỊ HỆ THỐNG, QUẢN LÝ GIÁO VIÊN, SINH VIÊN VÀ PHỤ HUYNH TRONG HỆ THỐNG HỖ TRỢ HỌC VÀ THI TRỰC TUYẾN... phân tích, thi? ??t kế sở liệu Hệ thống chia thành module mô tả công việc thành viên:  Mơ-đun 1: Thực chức phân tích, cài đặt phần quản trị hệ thống, cài đặt phần quản lý giáo viên, sinh viên phụ. .. hỗ trợ phụ huynh gồm xem kết học tập, thời khóa biểu sinh viên  Mô-đun 2: Thực việc phân tích, cài đặt phần quản lý đề tổ chức thi trực tuyến hỗ trợ học thi trực tuyến, chi tiết gồm: (Sinh viên