Đồ án phát triển hệ thống quản lý các khóa học trực tuyến

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN Đề tài: PHÁT TRIỂN HỆ THỐNG QUẢN LÝ CÁC KHÓA HỌC TRỰC TUYẾN Giảng viên hướng dẫn: TS Nguyễn Trịnh Đông Sinh viên thực hiện: Hồng Trường Vinh 20522157 Trần Quốc Thắng 20521904 Thành phố Hồ Chí Minh 2023 LỜI CẢM ƠN Để thực tốt đề tài này, với tất kính trọng, nhóm em xin kính gửi lời cảm ơn đến thầy Nguyễn Trịnh Đông trực tiếp giảng dạy, truyền đạt hỗ trợ cho nhóm q trình nghiên cứu để nhóm em hồn thành đề tài Trong trình thực hiện, trình làm báo cáo, chúng em khó tránh khỏi sai sót, nhóm em hi vọng thầy bỏ qua chúng em mong nhận ý kiến đóng góp thầy để học thêm nhiều kinh nghiệm để hoàn thành tốt đồ án lần sau Một lần nhóm em xin chân thành cảm ơn thầy Chúng em xin chân thành cảm ơn! Nhóm nghiên cứu Hồng Trường Vinh – Trần Quốc Thắng TP Hồ Chí Minh, 2023 MỤC LỤC Chương GIỚI THIỆU CHUNG 12 1.1 Lý chọn đề tài 12 1.2 Mục đích: 13 1.3 Đối tượng 14 1.4 Phạm vi nghiên cứu 15 Chương TỔNG QUAN .16 2.1 Hiện trạng: 16 2.2 Giải vấn đề: 17 Chương CƠ SỞ LÝ THUYẾT 18 3.1 Công nghệ ASP.NET: 18 3.2 Công nghệ SQL Server 20 3.3 Công cụ Visual Studio 21 3.4 Công cụ Github 23 3.5 Công cụ Draw.IO 24 Chương THIẾT KẾ HỆ THỐNG: 26 4.1 Kiến trúc hệ thống: 26 4.1.1 Sơ đồ kiến trúc: .26 4.1.2 Mô tả hệ thống: .26 4.2 Phân tích yêu cầu: 27 4.3 Thiết kế hệ thống: 30 4.3.1 Sơ đồ use case: 30 4.3.2 Danh sách actor: 32 4.3.3 Đặc tả Use Case: .33 4.3.3.1 Đăng nhập 33 4.3.3.2 Đăng xuất 34 4.3.3.3 Đăng ký 35 4.3.3.4 Xem tồn khóa học 36 4.3.3.5 Xem thơng tin khóa học 37 4.3.3.6 Mua khóa học 38 4.3.3.7 Xem danh mục khóa học mua 39 4.3.3.8 Xóa khóa học khỏi giỏ hàng 40 4.3.3.9 Xem giảng 40 4.3.3.10 Download tài liệu giảng 41 4.3.3.11 Comment giảng cho người chủ khóa học 42 4.3.3.12 Xem thông tin cá nhân 43 4.3.3.13 Chỉnh sửa thông tin người dùng 44 4.3.3.14 Người dùng đổi mật 44 4.3.3.15 Thêm khóa học 45 4.3.3.16 Đăng xuất khỏi hệ thống 46 4.3.3.17 Cập nhật (chỉnh sửa) thơng tin khóa học 47 4.3.3.18 Thêm giảng 48 4.3.3.19 Chỉnh sửa (cập nhật) giảng 49 4.3.3.20 Xóa giảng 49 4.3.3.21 Người dùng xóa khóa học 50 4.3.3.22 Reset mật khẩu/ Quên mật 51 4.3.3.23 Tìm kiếm khóa học/ giảng 52 4.3.3.24 Làm kiểm tra 53 4.3.3.25 Xem thành tích học tập 54 4.3.4 Sơ đồ 55 4.3.4.1 Sơ đồ đăng nhập 55 4.3.4.2 Sơ đồ xem giảng 56 4.3.4.3 Sơ đồ thêm video vào khóa học 56 4.3.4.4 Sơ đồ sửa thông tin khóa học 57 4.3.4.5 Sơ đồ sửa thông tin cá nhân 57 4.3.4.6 Sơ đồ đăng xuất 58 4.3.4.7 Sơ đồ thêm file vào khóa học 59 4.3.4.8 Sơ đồ làm kiểm tra 59 Chương THIẾT KẾ DỮ LIỆU: 60 5.1 Sơ đồ logic: 60 5.2 Mô tả bảng liệu: 60 5.2.1 ProductCategory 60 5.2.2 Product 62 5.2.3 Exam .63 5.2.4 Result .65 5.2.5 Question 66 5.2.6 Comment 67 5.2.7 WishProduct 68 5.2.8 User 68 5.2.9 Role 70 5.2.10 User_Role 70 5.2.11 Permission .71 5.2.12 Role_Per 72 5.2.13 CourseVideo 72 5.2.14 CourseDocument 73 Chương TRIỂN KHAI ỨNG DỤNG 74 6.1 Danh sách hình: 74 6.2 Thiết kế hình: 76 6.2.1 Màn hình Dashboard: 76 6.2.2 Màn hình Quản người dùng: 77 6.2.3 Màn hình Quản lý khóa học: 78 6.2.4 Màn hình Quản lý kiểm tra: 79 6.2.5 Màn hình Quản lý câu hỏi: .80 6.2.6 Màn hình Quản lý quyền nhóm người dùng Technical Admin: 81 6.2.7 Màn hình Trang chủ website: 81 6.2.8 Màn hình Xem thơng tin khóa học: 82 6.2.9 Màn hình Đăng nhập: 83 6.2.10 Màn hình Tìm kiếm khóa học: 83 6.2.11 Màn hình Giỏ hàng: 84 6.2.12 Màn hình Các khóa học mua: 84 6.2.13 Màn hình Kết học tập: 85 6.2.14 Màn hình Các kiểm tra: 85 6.2.15 Màn hình Làm kiểm tra: 86 6.2.16 Màn hình Quản lý thông tin cá nhân: 87 6.2.17 Màn hình Danh sách khóa học tạo: 87 6.2.18 Màn hình Quản lý khóa học tạo: 88 Chương TỔNG KẾT 89 7.1 Kết luận: 89 7.1.1 Kết đạt được: 89 7.1.2 Ưu điểm: 90 7.2 Nhược điểm: 91 7.3 Hướng phát triển: 91 TÀI LIỆU THAM KHẢO 92 PHỤ LỤC HÌNH Hình 3-1 Công nghệ NET (nguồn Internet) 18 Hình 3-2 SQL Server (Nguồn internet) 20 Hình 3-3 Visual Studio (Nguồn Internet) 22 Hình 3-4 Github (Nguồn internet) 24 Hình 3-5 Draw.io (Nguồn Internet) 25 Hình 4-1 Kiến trúc hệ thống MVC 26 Hình 4-2 Sơ đồ UseCase phía Admin .31 Hình 4-3 Sơ đồ UseCase phía Learner 32 Hình 4-4 Sơ đồ đăng nhập 55 Hình 4-5 Sơ đồ xem giảng 56 Hình 4-6 Sơ đồ thêm video vào khóa học 56 Hình 4-7 Sơ đồ sửa thơng tin khóa học 57 Hình 4-8 Sơ đồ sửa thông tin cá nhân 57 Hình 4-9 Sơ đồ đăng xuất .58 Hình 4-10 Sơ đồ thêm file vào khóa học 59 Hình 4-11 Sơ đồ làm kiểm tra 59 Hình 5-1 Sơ đồ logic 60 Hình 6-1 Màn hình Dashboard 76 Hình 6-2 Màn hình Quản lý người dùng 77 Hình 6-3 Màn hình Quản lý khóa học .78 Hình 6-4 Màn hình Quản lý kiểm tra 79 Hình 6-5 Màn hình Quản lý câu hỏi 80 Hình 6-6 Màn hình Phân quyền nhóm người dùng 81 Hình 6-7 Màn hình Trang chủ website .82 Hình 6-8 Màn hình Xem thơng tin khóa học 82 Hình 6-9 Màn hình Đăng nhập 83 Hình 6-10 Màn tìm kiếm khóa học .83 Hình 6-11 Màn hình Giỏ hàng 84 Hình 6-12 Màn hình Các khóa học mua 84 Hình 6-13 Màn hình xem kết làm kiểm tra 85 Hình 6-14 Màn hình kiểm tra .85 Hình 6-15 Màn hình chuẩn bị làm kiểm tra 86 Hình 6-16 Màn hình Quản lý thơng tin cá nhân .87 Hình 6-17 Màn hình Danh sách khóa học tạo 87 Hình 6-18 Màn hình Bộ lọc sản phẩm 88 PHỤ LỤC BẢNG Bả ng 1-1 Nhóm đối tượng sử dụng hệ thống 15 Bả ng 1-2 Phạm vi nghiên cứu 16 Bả ng 4-1 Danh sách actor 33 Bả ng 4-2 Use case đăng nhập 34 Bả ng 4-3 Use case đăng xuất 35 Bả ng 4-4 Use case đăng ký 36 Bả ng 4-5 Use case xem tồn khóa học 37 Bả ng 4-6 Use case xem thơng tin khóa học 38 Bả ng 4-7 Use case mua khóa học 39 Bả ng 4-8 Use case xem khóa học mua 39 Bả ng 4-9 Use case xóa khóa học khỏi giỏ hàng 40 Bả ng 4-10 Use case xem giảng 41 Bả ng 4-11 Use case dowload file giảng 42 Bả ng 4-12 Use case bình luận khóa học 43 Bả ng 4-13 Use case sửa thông tin người dùng 44 Bả ng 4-14 Use case người dùng đổi mật 45 Bả ng 4-15 Use case Thêm khóa học 46 Bả ng 4-16 Use case đăng xuất khỏi hệ thống 47 Bả ng 4-17 Use case cập nhật thơng tin khóa học 48 Bả ng 4-18 Use case thêm giảng 48 Bả ng 4-19 Use case chỉnh sửa giảng 49 Bả ng 4-20 Use case xóa giảng 50 Bả ng 4-21 Use case xóa khóa học 51 Bả ng 4-22 Use case reset mật 52 Bả ng 4-23 Use case tìm kiếm khóa học 53 Bả ng 4-24 Use case làm kiểm tra 54 6.2.3 Màn hình Quản lý khóa học: Hình 6-3 Màn hình Quản lý khóa học - Sau truy cập trang quản lý khóa học, người dùng thấy bảng chứa thơng tin chi tiết khóa học - Người dùng thêm, xem, chỉnh sửa, xóa khóa học 78 6.2.4 Màn hình Quản lý kiểm tra: Hình 6-4 Màn hình Quản lý kiểm tra - Sau truy cập trang quản lý kiểm tra, người dùng thấy bảng chứa thông tin chi tiết kiểm tra - Người dùng thêm, xem, chỉnh sửa, xóa kiểm tra 79 6.2.5 Màn hình Quản lý câu hỏi: Hình 6-5 Màn hình Quản lý câu hỏi - Sau truy cập trang quản lý câu hỏi, người dùng thấy bảng chứa thông tin chi tiết câu hỏi - Người dùng thêm, xem, chỉnh sửa, xóa câu hỏi 80 6.2.6 Màn hình Quản lý quyền nhóm người dùng Technical Admin: Hình 6-6 Màn hình Phân quyền nhóm người dùng - Sau truy cập trang phân quyền, hệ thống hiển thị bảng danh sách nhóm người dùng chi tiết quyền nhóm người dùng - Technical Admin thêm bớt quyền nhóm người dùng khác 6.2.7 Màn hình Trang chủ website: 81 Hình 6-7 Màn hình Trang chủ website - Người dùng xem thông tin web site bao gồm số khóa học, số học viên, khóa học phổ biến nhất, … 6.2.8 Màn hình Xem thơng tin khóa học: Hình 6-8 Màn hình Xem thơng tin khóa học - Người dùng bấm vào khóa học để xem thơng tin khóa học : mơ tả khóa học, người tạo khóa học, comment, số video, số file, … 82 6.2.9 Màn hình Đăng nhập: Hình 6-9 Màn hình Đăng nhập - Người dùng sử dụng tài khoản đăng nhập mật để đăng nhập vào hệ thống 6.2.10 Màn hình Tìm kiếm khóa học: Hình 6-10 Màn tìm kiếm khóa học 83 - Người dùng nhập từ khóa vào tìm kiếm để tìm kiếm khóa học theo tên 6.2.11 Màn hình Giỏ hàng: Hình 6-11 Màn hình Giỏ hàng - Trang giỏ hàng hiển thị danh sách khóa học mà người dùng thêm vào giỏ 6.2.12 Màn hình Các khóa học mua: Hình 6-12 Màn hình Các khóa học mua 84 - Người dùng xem danh sách khóa học mua 6.2.13 Màn hình Kết học tập: Hình 6-13 Màn hình xem kết làm kiểm tra - Người dùng xem kết kiểm tra làm 6.2.14 Màn hình Các kiểm tra: Hình 6-14 Màn hình kiểm tra 85 - Người dùng tìm kiếm kiểm tra hệ thống 6.2.15 Màn hình Làm kiểm tra: Hình 6-15 Màn hình chuẩn bị làm kiểm tra - Người dùng xem thông tim kiểm tra sau vào làm kiểm tra 86 6.2.16 Màn hình Quản lý thơng tin cá nhân: Hình 6-16 Màn hình Quản lý thơng tin cá nhân - Người dùng xem sửa thông tin cá nhân 6.2.17 Màn hình Danh sách khóa học tạo: Hình 6-17 Màn hình Danh sách khóa học tạo 87 - Trong trang danh sách khóa học tạo thơng tin khóa học mà người dùng tạo 6.2.18 Màn hình Quản lý khóa học tạo: Hình 6-18 Màn hình Bộ lọc sản phẩm - Người dùng thêm video, file vào khóa học 88 Chương TỔNG KẾT 7.1 Kết luận: 7.1.1 Kết đạt được: Ở góc độ lập trình viên chúng em học được:  Kiến thức phát triển phần mềm thiết kế ứng dụng web  Kỹ lập trình, xây dựng chức E-Learning, bao gồm cách xây dựng hệ thống quản lý người dùng, hệ thống quản lý khóa học, tiện ích hỗ trợ khác  Việc tích hợp hệ thống toán xử lý vấn đề bảo mật liên quan  Sử dụng ngơn ngữ lập trình JavaScript, HTML/CSS, framework ASP.Net Framework Razor Pages, Boostrap, để xây dựng giao diện cho khóa học trực tuyến  Tích hợp cơng nghệ tiện ích, chẳng hạn cơng cụ tạo trang web, trình phát video, hệ thống đánh giá kết học tập  Sử dụng công cụ phát triển để xây dựng, kiểm thử triển khai hệ thống Ở góc độ giáo dục chúng em học được:  Hiểu rõ kiến thức nhu cầu học tập học sinh/ sinh viên/ người học để xây dựng khóa học trực tuyến hiệu  Thiết kế triển khai chương trình học tập hấp dẫn phù hợp với mục tiêu đối tượng học tập  Đánh giá phân tích kết học tập người học, từ cải thiện quy trình đào tạo tăng cường hiệu cho người học  Cách xây dựng thực hành, tập để người học tiếp cận với nội dung học cách thực tế nâng cao kỹ 89  Các giải pháp phân tích liệu để theo dõi kết học tập người học, nâng cao hiệu đào tạo thông qua việc phân tích liệu đưa chiến lược cải tiến  Sử dụng “tiền” để tăng tính đa dạng khóa học, đồng thời thúc đẩy việc chia sẻ biên soạn tổng kết lại giảng người dùng để thu phí đồng thời thúc đẩy việc học người dùng chịu chi mua khóa học có phí  Những kỹ kiến thức quan trọng để xây dựng hệ thống E-Learning hiệu Nếu bạn làm đồ án với góc độ lập trình viên góc độ giáo dục, chúng em có hội học hỏi kiến thức công nghệ ngành giáo dục, nâng cao kỹ đề cập 7.1.2 Ưu điểm:  Giao diện đơn giản, dễ dùng thân thiện với người dùng, tạo cảm giác hứng thú với việc học tập  Tương tự với tảng mạng xã hội, hệ thống chúng em cho phép người kiếm tiền họ chịu đầu tư chất xám để xây dựng khóa học thân để chia sẻ  Website đảm bảo Responsive thân thiện với thiết bị phổ biến máy tính, máy tính bảng, đặc biệt điện thoại có trải nghiệm tốt  Bên cạnh khóa học có phí cung cấp nhiều khóa học miễn phí chất lượng cho bạn (tương lai có voucher giảm giá cho học sinh, sinh viên, miễn phí nhiều khóa học để thúc đẩy hệ thống phát triển hơn)  Có hệ thống kiểm tra tập trung tương đối chất lượng để đánh giá lực người học từ gợi ý khóa học mà họ nên học 90 7.2 Nhược điểm:  Chưa có nút back hỗ trợ người dùng chuyển trang trước  Phần toán chưa liên kết với tảng phổ biến Paypal, VnPay, Momo, để tạo tiện lợi cho người sử dụng  Phần trình bày video, đính kèm tài liệu khóa học chưa thật tốt  Chất lượng kiểm tra website chưa thật tốt 7.3 Hướng phát triển:  Trong tương lai, website hoàn thiện chức như:  Chức phịng học trực tuyến, giúp cho người tương tác với thời gian thực học/khóa học  Xây dựng thêm đối tượng tham gia vào hệ thống quyền kiểm duyệt, quyền đăng viết, …  Xây dựng thêm chức trò chuyện trực tuyến, gửi bình luận giảng/khóa học, …  Xây dựng giao diện bắt mắt, thân thiện với người sử dụng  Khắc phục tình trạng ngủ server để tối ưu trải nghiệm người dùng truy cập trang  Hỗ trợ chức cá nhân hóa kiểm tra  Mở rộng phát triển hệ thống mobile  Tích hợp nhiều phương thức toán bảo mật  Tuyển nhân đảm nhiệm việc kiểm duyệt kiểm tra chất lượng 91 TÀI LIỆU THAM KHẢO  NET toàn tập tác giả Dương Quang Thiện  Lập trình web với ASP.NET giảng viên trường Nguyễn Minh Đạo – giảng viên trường Đại học Sư phạm kỹ thuật TP.HCM  Pro ASP.NET MVC Adam Freeman Steve Sanderson  Khóa học lập trình ASP.NET HowKteam.com URL: Giới thiệu tổng quan cơng nghệ Web ASP.Net MVC | How Kteam  ASP.NET documentation Microsoft URL: ASP.NET documentation | Microsoft Docs  Migration Documentation Microsoft URL: Migrations Overview - EF Core | Microsoft Docs  ASP.NET MVC URL: ASP.NET MVC | DAMMIO 92