Xây dựng website và ứng dụng mobile dạy học trực tuyến đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Khóa Luận Tốt Nghiệp MỤC LỤC LỜI CẢM ƠN I MỤC LỤC II DANH MỤC HÌNH VẼ VII DANH MỤC BẢNG BIỂU X CHƯƠNG 1: MỞ ĐẦU 1.1 Lý chọn đề tài 1.2 Mục tiêu đề tài 1.3 Đối tượng phạm vi nghiên cứu 1.3.1 Đối tượng 1.3.2 Phạm vi nghiên cứu 1.4 Kết dự kiến đạt 1.4.1 Phía người dùng 1.4.2 Phía người quản trị .3 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Tổng quan ASP.NET Core 2.1.1 Lịch sử phát triển 2.1.2 Một số khái niệm 2.1.3 Ưu điểm ASP.NET Core .5 2.1.4 Cải tiến ASP.NET Core .5 2.2 Tổng quan Restful API 2.2.1 Restful gì? .5 2.2.2 Nguyên tắc Restful API .6 2.2.3 Các ràng buộc REST 2.3 Cài đặt môi trường ASP.NET Core 2.3.1 Giới thiệu chung công cụ cho ASP.NET Core .7 2.3.2 Cài đặt ASP.NET Core SDK Windows 2.3.3 Cài đặt ASP.NET Core SDK với Visual Studio 2019 .8 Khoa ĐT CLC – ĐH SPKT TP.HCM | II Khóa Luận Tốt Nghiệp 2.4 Tổng quan Angular 10 2.5 Môi trường phát triển Angular 10 2.6 Kiến trúc Angular .9 2.6.1 Module 2.6.2 Component 2.6.3 Templates 2.6.4 Metadatas 10 2.6.5 Data Binding 10 2.6.6 Services 10 2.6.7 Directives 10 2.6.8 Dependency Injection .10 2.7 Cài đặt môi trường Angular 10 .11 2.7.1 Cài đặt Node Windows .11 2.7.2 Cài đặt Typescript Angular 11 2.8 Tổng quan React Native 11 2.9 Môi trường phát triển React Native 12 2.10 Kiến trúc React Native 12 2.10.1 Component .12 2.10.1.1 Functional (Stateless) Components .12 2.10.2 Component .12 2.10.3 Props .13 2.10.3 State 13 2.10.4 Hook .13 2.10.5 Effect Hook 13 2.10.6 Life Circle .13 2.11 Cài đặt môi trường React native 14 CHƯƠNG 3: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 15 3.1 Khảo sát trạng 15 3.1.1 Khảo sát nhu cầu người dùng 15 Khoa ĐT CLC – ĐH SPKT TP.HCM | III Khóa Luận Tốt Nghiệp 3.1.2 Khảo sát phần mềm 15 3.1.3 Tổng kết sau khảo sát 18 3.2 Xác định yêu cầu 19 3.2.1 Lược đồ usecase .19 3.2.2 Bảng Requirement dành cho Usecase 22 3.2.3 Đặc tả Usecase 26 CHƯƠNG 4: THIẾT KẾ ỨNG DỤNG 73 4.1 Thiết kế liệu .73 4.1.1 Sơ đồ thiết kế liệu (Database Diagram) 73 4.1.2 Mô tả sơ đồ thiết kế liệu 73 4.1.3 Các ràng buộc toàn vẹn 81 4.2 Sơ đồ 87 4.3 Sơ đồ ERD 98 4.4 Sơ đồ Class Diagram 99 4.5 Application Architecture 100 4.6 Thiết kế giao diện 101 4.6.1 SCP001 Trang chủ chưa đăng nhập .101 4.6.2 SCP002 Trang đăng ký 102 4.6.3 SCP003 Trang đăng nhập .105 4.6.4 SCP004 Trang chủ với quyền học viên 107 4.6.5 SCP005 Trang đăng ký giảng viên 108 4.6.6 SCP006 Trang chủ với quyền giảng viên .110 4.6.7 SCP007 Trang tạo khóa học 112 4.6.8 SCP008 Trang tạo thông tin chi tiết khóa học .113 4.6.9 SCP009 Trang quản lý câu hỏi (Questionpool) 126 4.6.10 SCP010 Trang chi tiết câu hỏi (Questionpool Detail Page) 131 4.611 SCP011 Trang tạo đề thi (Create Exam Page) 135 4.6.12 SCP012 Trang quản lý khóa học xuất (Manage Publish Course Page) 138 4.6.13 SCP013 Trang lớp học trực tuyến (Online Class) 141 Khoa ĐT CLC – ĐH SPKT TP.HCM | IV Khóa Luận Tốt Nghiệp 4.6.14 SCP014 Trang danh mục khóa học (Category) 143 4.6.15 SCP015 Trang chi tiết giỏ hàng (Cart Detail) 148 4.6.16 SCP016 Trang chi tiết giảng khóa học (Course Detail) 150 4.6.17 SCP017 Trang lịch sử toán (Invoice History) 153 4.6.18 SCP018 Trang thông tin cá nhân (Profile) 160 4.6.19 SCP019 Trang thông tin giảng viên (Instructor Profile) 162 4.6.20 SCP020 Trang khóa học đăng ký (My Course) 165 4.6.21 SCP021 Trang chủ với quyền quản trị viên 169 4.6.22 SCP022 Trang quản lý tài khoản người dùng 173 4.6.23 SCP023 Trang quản lý khóa học 177 4.6.24 SCP024 Trang quản lý thu nhập giảng viên 181 4.6.25 SCPM001 Trang đăng nhập (Login Page) (Mobile) 186 4.6.26 SCPM002 Trang đăng ký tài khoản (Register Page) (Mobile) 188 4.6.27 SCPM003 Trang chủ (Home Page) (Mobile) 191 4.6.28 SCPM004 Trang chi tiết khóa học (CourseDetail Page) (Mobile) 193 4.6.29 SCPM005 Trang tìm kiếm khóa học (Search Page) (Mobile) .196 4.6.30 SCPM006 Trang chi tiết khóa học tìm kiếm (Search Course Detail Page) (Mobile) 199 4.6.31 SCPM007 Trang danh sách khóa học đăng ký (My Course Page) (Mobile) 202 4.6.32 SCPM008 Trang nội dung khóa học (Course Content Page) (Mobile) 204 4.6.33 SCPM009 Trang chi tiết giảng (Course Content Page) (Mobile) 207 4.6.34 SCPM010 Trang thi (Exam Page) (Mobile) 209 4.6.35 SCPM011 Trang kết thi (Exam Result Page) (Mobile) 212 4.6.36 SCPM012 Trang thông tin tài khoản (Account Page) (Mobile) 215 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 217 5.1 Cài đặt ứng dụng 217 5.2 System Architecture 218 5.3 Kiểm thử phần mềm .218 Khoa ĐT CLC – ĐH SPKT TP.HCM |V Khóa Luận Tốt Nghiệp CHƯƠNG 6: KẾT LUẬN 222 6.1 Kết đạt 222 6.1.1 Kiến thức tìm hiểu 222 6.1.2 Về chương trình xây dựng 222 6.1.3 Ưu khuyết điểm 222 6.2 Hướng phát triển 223 TÀI LIỆU THAM KHẢO 224 Khoa ĐT CLC – ĐH SPKT TP.HCM | VI Khóa Luận Tốt Nghiệp DANH MỤC HÌNH VẼ Chương 3: Hình 3.1 Khảo sát trang Udemy .15 Hình 3.2 Khảo sát trang Coursera 16 Hình 3.3 Khảo sát trang SkillShare 17 Hình 3.4 Sơ đồ use case tổng quát (Web) 19 Hình 3.5 Sơ đồ use case actor User (Web) .20 Hình 3.6: Sơ đồ Usecase actor User (Mobile) 21 Hình 3.7 Sơ đồ Usecase actor Admin (Web) 22 Hình 3.8 Sơ đồ use case xem thơng tin khóa học .32 Hình 3.9 Sơ đồ use case quản lý khóa học .40 Hình 3.10 Sơ đồ use case bình luận 45 Hình 3.11 Sơ đồ use case quản lý tài khoản hệ thống .58 Chương 4: Hình 4.1 Sơ đồ thiết kế liệu 73 Hình 4.2 Sequence Đăng nhập hệ thống 87 Hình 4.3 Sequence Đăng ký tài khoản .88 Hình 4.4 Sequence Tạo nội dung khóa học 89 Hình 4.5 Sequence Tạo nội dung chương 89 Hình 4.6 Sequence Tạo nội dung chủ đề 90 Hình 4.7 Sequence Tạo nội dung học 90 Hình 4.8 Sequence Mua khóa học 91 Hình 4.9 Sequence Thanh tốn 91 Hình 4.10 Sequence Tìm kiếm 92 Hình 4.11 Sequence Quản lí câu hỏi 92 Hình 4.12 Sequence Thực thi .93 Hình 4.13 Sequence Quản lí câu hỏi 93 Hình 4.14 Sequence Tạo đề thi .94 Hình 4.15 Sequence Chỉnh sửa/ xóa đề thi .94 Hình 4.16 Sequence Đăng bình luận 95 Hình 4.17: Sequene Đăng ký trở thành giảng viên 95 Hình 4.18: Sequence Quản lý tài khoản 96 Hình 4.19: Sequence Quản lý khóa học 96 Hình 4.20: Sequence Thống kê số dư tài khoản giảng viên .97 Hình 4.21 Sơ đồ ERD .98 Hình 4.22 Sơ đồ Class Diagaram .99 Hình 4.23 Sơ đồ Application Architecture .100 Khoa ĐT CLC – ĐH SPKT TP.HCM | VII Khóa Luận Tốt Nghiệp Hình 4.24 Giao diện trang chủ chưa đăng nhập (1) .101 Hình 4.25 Giao diện trang chủ chưa đăng nhập (2) .101 Hình 4.26 Giao diện trang đăng ký (1) 102 Hình 4.27 Giao diện trang đăng ký (2) 103 Hình 4.28 Giao diện trang đăng nhập .105 Hình 4.29 Giao diện trang chủ với quyền học viên 107 Hình 4.30 Giao diện trang đăng ký giảng viên .108 Hình 4.31 Giao diện trang chủ với quyền giảng viên 110 Hình 4.32 Giao diện trang tạo khóa học 112 Hình 4.33 Giao diện trang tạo thơng tin chi tiết khóa học (1) 113 Hình 4.34 Giao diện trang tạo thơng tin chi tiết khóa học (2) 114 Hình 4.35 Giao diện trang tạo thơng tin chi tiết khóa học (3) 115 Hình 4.36 Giao diện trang tạo thơng tin chi tiết khóa học (4) 116 Hình 4.37 Giao diện trang tạo thơng tin chi tiết khóa học (5) 116 Hình 4.38 Giao diện trang tạo thơng tin chi tiết khóa học (6) 117 Hình 4.39 Giao diện trang quản lý câu hỏi (1) 126 Hình 4.40 Giao diện trang quản lý câu hỏi (2) 126 Hình 4.41 Giao diện trang quản lý câu hỏi (3) 127 Hình 4.42 Giao diện trang chi tiết câu hỏi (1) 131 Hình 4.43 Giao diện trang chi tiết câu hỏi (2) 131 Hình 4.44 Giao diện trang tạo đề thi (1) 135 Hình 4.45 Giao diện trang tạo đề thi (2) 136 Hình 4.46 Giao diện trang quản lý khóa học xuất 138 Hình 4.47 Giao diện trang lớp học trực tuyến 141 Hình 4.48 Giao diện trang danh mục khóa học (1) 143 Hình 4.49 Giao diện trang danh mục khóa học (2) 144 Hình 4.50 Giao diện trang chi tiết giỏ hàng 148 Hình 4.51 Giao diện trang chi tiết giảng khóa học 150 Hình 4.52 Giao diện trang lịch sử tốn (1) 153 Hình 4.53 Giao diện trang lịch sử toán (2) 154 Hình 4.54 Giao diện trang thông tin cá nhân 160 Hình 4.55 Giao diện trang thơng tin giảng viên .162 Hình 4.56 Giao diện trang khóa học đăng ký (1) 165 Hình 4.57 Giao diện trang khóa học đăng ký (2) 166 Hình 4.58 Giao diện trang chủ với quyền quản trị viên (1) 169 Hình 4.59 Giao diện trang chủ với quyền quản trị viên (2) 169 Hình 4.60 Giao diện trang quản lý tài khoản người dùng 173 Hình 4.61 Giao diện trang quản lý khóa học 177 Khoa ĐT CLC – ĐH SPKT TP.HCM | VIII Khóa Luận Tốt Nghiệp Hình 4.62 Giao diện trang quản lý thu nhập giảng viên .181 Hình 4.63 Giao diện trang đăng nhập .186 Hình 4.64 Giao diện trang đăng ký tài khoản (1) 188 Hình 4.65 Giao diện trang đăng ký tài khoản (2) 189 Hình 4.66 Giao diện trang chủ .191 Hình 4.67 Giao diện chi tiết khóa học 193 Hình 4.68 Giao diện trang tìm kiếm khóa học .196 Hình 4.69 Giao diện trang chi tiết khóa học tìm kiếm 199 Hình 4.70 Giao diện trang danh sách khóa học đăng ký 202 Hình 4.71 Giao diện trang nội dung khóa học .204 Hình 4.72 Giao diện trang chi tiết giảng 207 Hình 4.73 Giao diện trang thi 209 Hình 4.74 Giao diện trang kết thi – Pass 212 Hình 4.75 Giao diện trang kết thi – Fail 213 Hình 4.76 Giao diện trang thông tin tài khoản .215 Chương 5: Hình 5.1: Sơ đồ System Architecture .218 Khoa ĐT CLC – ĐH SPKT TP.HCM | IX Khóa Luận Tốt Nghiệp DANH MỤC BẢNG BIỂU Chương Bảng 3.1: Bảng yêu cầu dành cho Usecase Desktop 22 Bảng 3.2: Bảng yêu cầu danh cho Usecase Mobile 25 Bảng 3.3: Đặc tả Usecase Đăng ký 26 Bảng 3.4: Đặc tả Usecase Đăng nhập .27 Bảng 3.5: Đặc tả Usecase Đăng xuất 29 Bảng 3.6: Đặc tả Usecase Tìm kiếm khóa học 30 Bảng 3.7: Đặc tả Usecase Xem thơng tin khóa học 32 Bảng 3.8: Đặc tả Usecase Đăng ký khóa học 33 Bảng 3.9: Đặc tả Usecase Xem chi tiết khóa học .34 Bảng 3.10: Đặc tả Usecase Xem học 36 Bảng 3.11: Đặc tả Usecase Thanh toán .38 Bảng 3.12: Đặc tả Usecase Quản lý khóa học 40 Bảng 3.13: Đặc tả Usecase Tạo nội dung học .41 Bảng 3.14: Đặc tả Usecase Tạo Quiz 43 Bảng 3.15: Đặc tả Usecase Bình luận .45 Bảng 3.16: Đậc tả Usecase Chỉnh sửa nội dung bình luận .46 Bảng 3.17: Đặc tả Usecase Xóa bình luận 48 Bảng 3.18: Đặc tả Usecase Trở thành giảng viên .49 Bảng 3.19: Đặc tả Usecase Tạo phòng học trực tuyến .50 Bảng 3.20: Đặc tả Usecase Thực Quiz 52 Bảng 3.21: Đặc tả Usecase Xem lịch sử thực Quiz 53 Bảng 3.22: Đặc tả Usecase Đánh giá khóa học .54 Bảng 3.23: Đặc tả Usecase Xem thơng tin hóa đơn 55 Bảng 3.24: Đặc tả Usecase Quản lý số dư giảng viên 56 Bảng 3.25: Đặc tả Usecase Quản lý tài khoản hệ thống 58 Bảng 3.26: Đậc tả Usecase Kích hoạt tài khoản bị vơ hiệu hóa .59 Bảng 3.27: Đặc tả Uscase Vơ hiệu hóa tài khoản hoạt đông 60 Bảng 3.28: Đặc tả Usecase mobile Đăng ký .62 Bảng 3.29: Đặc tả Usecase mobile Đăng nhập 64 Bảng 3.30: Đặc tả Usecase mobile Đăng xuất 65 Bảng 3.31: Đặc tả Usecase mobile Tìm kiếm khóa học 66 Bảng 3.32: Đặc tả Usecase mobile Xem thơng tin khóa học 67 Bảng 3.33: Đặc tả Usecase mobile Xem thông tin chi tiết khóa học 68 Bảng 3.34: Đặc tả Usecase mobile Xem học 70 Bảng 3.35: Đặc tả Usecase mobile Thanh toán 71 Khoa ĐT CLC – ĐH SPKT TP.HCM |X Khóa Luận Tốt Nghiệp Chương 4: Bảng 4.1: Bảng Users 73 Bảng 4.2: Bảng Accounts 74 Bảng 4.3: Bảng AccountInCourse 75 Bảng 4.4: Bảng Courses 75 Bảng 4.5: Bảng Topic .76 Bảng 4.6: Bảng SubTopic 76 Bảng 4.7: Bảng Lesson .76 Bảng 4.8: Bảng AccountInLesson 77 Bảng 4.9: Bảng Comment 77 Bảng 4.10: Bảng SubComment 78 Bảng 4.11: Bảng QuestionPool 78 Bảng 4.12: Bảng Quiz .79 Bảng 4.13: Bảng Choice 79 Bảng 4.14: Bảng ExamQuiz 80 Bảng 4.15: Ràng buộc đánh giá khóa học 82 Bảng 4.16: Ràng buộc thông tin tài khoản 82 Bảng 4.17: Bảng ràng buộc khóa học 83 Bảng 4.18: Ràng buộc nội dung chương 84 Bảng 4.19: Ràng buộc nội dung chủ đề .84 Bảng 4.20: Ràng buộc danh sách giỏ hàng, hóa đơn 84 Bảng 4.21: Ràng buộc nội dung câu hỏi 85 Bảng 4.22: Ràng buộc nội dung câu hỏi 85 Bảng 4.23: Ràng buộc đề thi 85 Bảng 4.24: Ràng buộc nội dung bình luận 86 Bảng 4.25: Bảng mơ tả hình trang chủ chưa đăng nhập 101 Bảng 4.26: Bảng mơ tả hình trang đăng ký .103 Bảng 4.27: Bảng mô tả hình trang đăng nhập 105 Bảng 4.28: Bảng mơ tả hình trang chủ với quyền học viên 107 Bảng 4.29: Bảng mơ tả hình trang đăng ký giảng viên 108 Bảng 4.30: Bảng mô tả hình trang chủ với quyền giảng viên 110 Bảng 4.31: Bảng mơ tả hình trang tạo khóa học .112 Bảng 4.32: Bảng mơ tả hình trang tạo thơng tin chi tiết khóa học 117 Bảng 4.33: Bảng mơ tả hình trang quản lý câu hỏi 127 Bảng 4.34: Bảng mô tả hình trang chi tiết câu hỏi .132 Bảng 4.35: Bảng mô tả hình trang tạo đề thi 136 Bảng 4.36: Bảng mơ tả hình trang quản lý khóa học xuất .138 Bảng 4.37: Bảng mơ tả hình trang lớp học trực tuyến 141 Khoa ĐT CLC – ĐH SPKT TP.HCM | XI Khóa Luận Tốt Nghiệp ) Nút thông tin tài khoản (Account) Khoa ĐT CLC – ĐH SPKT TP.HCM Touchable Opacity Khi chạm chuyển đến hình SCPM012 | 211 Khóa Luận Tốt Nghiệp 4.6.35 SCPM011 Trang kết thi (Exam Result Page) (Mobile) Hình 4.74 Giao diện trang kết thi – Pass Khoa ĐT CLC – ĐH SPKT TP.HCM | 212 Khóa Luận Tốt Nghiệp Hình 4.75 Giao diện trang kết thi – Fail Khoa ĐT CLC – ĐH SPKT TP.HCM | 213 Khóa Luận Tốt Nghiệp Bảng 4.59: Bảng mơ tả hình di động trang kết thi No Name Required Nhãn điểm số thi Label Nút lưu kết thi Touchable Opacity Khi chạm trở hình trang chủ SCPM003 Nút trang chủ (Home) Touchable Opacity Khi chạm chuyển đến hình SCPM003 Nút tìm kiếm khóa học (Search) Touchable Opacity Khi chạm chuyển đến hình SCPM005 Nút danh sách khóa học đăng ký (MyCourse ) Touchable Opacity Khi chạm chuyển đến hình SCPM007 Nút thông tin tài khoản (Account) Touchable Opacity Khi chạm chuyển đến hình SCPM012 Khoa ĐT CLC – ĐH SPKT TP.HCM Type Reference Note | 214 Khóa Luận Tốt Nghiệp 4.6.36 SCPM012 Trang thơng tin tài khoản (Account Page) (Mobile) Hình 4.76 Giao diện trang thơng tin tài khoản Khoa ĐT CLC – ĐH SPKT TP.HCM | 215 Khóa Luận Tốt Nghiệp Bảng 4.60: Bảng mơ tả hình di động trang thơng tin tài khoản No Name Required Type Reference Ảnh đại điện người dung Image Data từ API Nhãn tên người dùng Label Data từ API Nhãn email người dùng Label Data từ API Đăng xuất tài khoản Touchable Opacity Khi chạm chuyển đến hình SCPM001 Nút trang chủ (Home) Touchable Opacity Khi chạm chuyển đến hình SCPM003 Nút tìm kiếm khóa học (Search) Touchable Opacity Khi chạm chuyển đến hình SCPM005 Nút danh sách khóa học đăng ký (MyCourse ) Touchable Opacity Khi chạm chuyển đến hình SCPM007 Nút thông tin tài khoản (Account) Touchable Opacity Khi chạm chuyển đến hình SCPM012 Khoa ĐT CLC – ĐH SPKT TP.HCM Note | 216 Khóa Luận Tốt Nghiệp CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 5.1 Cài đặt ứng dụng ● Máy phải có cài đặt npm ● Máy có cài đặt NodeJS ● Máy phải cài đặt Angular ● Máy phải có visual studio visual studio code ● Máy phải có android studio ● Máy phải có react native Các bước cài đặt Bước 1: Clone download project từ link github: ● https://github.com/PhuocToan99/Khoa-Luan-Tot-Nghiep Bước 2: Thư mục tải có mục nhỏ bên trong: ● doneBack: file back-end bao gồm API ● doneBackPaypal: file back-end để hổ trợ toán paypal cho điện thoại ● doneWeb: file front-end web để hiển thị nội dung trang web ● doneMobile: file front-end điện thoại để hiển thị nội dung trang mobile Bước 3: Mở file doneBack Visual Studio sau đổi ConnectionString thành local SqlServer máy thân Xuống terminal Package Manager Console gõ “updatedatabase” Cuối cùng, chạy chương trình Bước 4: Mở file doneBackPaypal Visual Studio Code sau mở cửa sổ Command Line gõ “npm i” để cập nhật package Sau update package xong gõ “nodemon app.js” để chạy chương trình Bước 5: Mở file doneWeb Visual Studio Code sau mở cửa sổ Command Line gõ “npm i” để cập nhật package Sau update package xong gõ “ng serve” để chạy chương trình Khi chạy xong chương trình, mở browser lên gõ vào url “localhost:4200” để vào trang web thực tính trang web Bước 6: Mở file doneMobile Visual Studio Code sau mở cửa sổ Command Line gõ “npm i” để cập nhật package Sau update package xong gõ “npm run android” để chạy chương trình Khi chạy xong chương trình, tự động kết nối với android studio để lên giả lập điện thoại Đợi metro build xong sử dụng bình thường Khoa ĐT CLC – ĐH SPKT TP.HCM | 217 Khóa Luận Tốt Nghiệp 5.2 System Architecture Hình 5.1: Sơ đồ System Architecture 5.3 Kiểm thử phần mềm Bảng 5.1: Bảng kiểm thử phần mềm ID Test Case Description Khoa ĐT CLC – ĐH SPKT TP.HCM Expected Output Result | 218 Khóa Luận Tốt Nghiệp TC_01 Chức đăng ký Người dùng đăng ký tài khoản thành công, trường hợp thất bại báo lỗi Pass TC_02 Chức đăng nhập Người dùng đăng nhập thành công với quyền tương ứng, trường hợp thất bại báo lỗi Pass TC_03 Chức đăng xuất Người dùng đăng xuất thành công, trường hợp thất bại báo lỗi Pass TC_04 Chức tìm kiếm Người dùng tìm kiếm thành công, trường hợp thất bại báo lỗi Pass TC_05 Đăng ký khóa học Người dùng đăng ký thành công, trường hợp thất bại báo lỗi Pass TC_06 Xem chi tiết khóa học Người dùng xem chi tiết Pass thành công, trường hợp thất bại báo lỗi TC_07 Xem học Người dùng xem học thành công, trường hợp thất bại báo lỗi TC_08 Xem chi tiết học Người dùng xem chi tiết Pass học thành công, trường hợp thất bại báo lỗi TC_09 Thanh toán Người dùng tốn thành cơng, trường hợp thất bại báo lỗi Pass TC_10 Quản lý nội dung khóa học Giảng viên quyền thêm/xóa/sửa/vơ hiệu hóa/kích hoạt khóa học Pass TC_11 Bình luận Người dùng bình luận Pass Khoa ĐT CLC – ĐH SPKT TP.HCM Pass | 219 Khóa Luận Tốt Nghiệp thành cơng, trường hợp thất bại báo lỗi TC_12 Chỉnh sửa bình luận Người dùng chỉnh sửa bình luận thành cơng, trường hợp thất bại báo lỗi Pass TC_13 Xóa bình luận Người dùng xóa bình luận thành cơng, trường hợp thất bại báo lỗi Pass TC_14 Trở thành giảng viên Người dùng chuyển quyền thành giảng viên thành công, trường hợp thất bại báo lỗi Pass TC_15 Tạo phòng học online Người dùng tạo phòng học thành công, trường hợp thất bại báo lỗi Pass TC_16 Quản lý số dư giảng viên Quản trị viên xem số dư giảng viên thành cơng, trường hợp thất bại báo lỗi Pass TC_17 Quản lý tài khoản trang web Quản trị viên quản lý tài Pass khoản trang web thành công, trường hợp thất bại báo lỗi TC_18 Kích hoạt tài khoản bị vơ hiệu hóa Quản trị viên kích hoạt tài khoản bị vơ hiệu hóa thành cơng, trường hợp thất bại báo lỗi Pass TC_19 Vơ hiệu hóa tài khoản vi phạm Quản trị viên vơ hiệu hóa tài khoản vi phạm thành công, trường hợp thất bại báo lỗi Pass TC_20 Quản lý câu hỏi Giảng viên quyền thêm/xóa/sửa/vơ hiệu Pass Khoa ĐT CLC – ĐH SPKT TP.HCM | 220 Khóa Luận Tốt Nghiệp hóa/kích hoạt câu hỏi, kế thừa câu hỏi TC_21 Quản lí đề thi Giảng viên quyền thêm/xóa/sửa/vơ hiệu hóa/kích hoạt TC_22 Xem thơng tin hóa đơn Người dùng xem Pass hóa đơn khóa học mua Giảng viên xem hóa đơn khóa học mua Khoa ĐT CLC – ĐH SPKT TP.HCM Pass | 221 Khóa Luận Tốt Nghiệp CHƯƠNG 6: KẾT LUẬN 6.1 Kết đạt Sau thời gian nghiên cứu thực đề tài: “Xây dựng ứng dụng website ứng dụng mobile dạy học trực tuyến” cơng nghệ tìm hiểu ASP.NET Core, Angular 10 React Native nhóm đạt kết sau: 6.1.1 Kiến thức tìm hiểu Nắm bắt công nghệ ASP.NET Core Angular 10, React Native, áp dụng vào khóa luận tốt nghiệp nhiên thời gian khả thành viên nhóm có hạn nên số phần cịn chưa hiểu rõ 6.1.2 Về chương trình xây dựng Xây dựng hoàn chỉnh phần mềm với chức : ● Xây dựng xong service dạy học online: hiển thị, thêm, sửa xóa, đăng ký khóa học, tốn ● Xây dựng chức website dạy học online ● Xây dựng mobile app hỗ trợ người dùng học online ● Áp dụng công nghệ sử dụng nhiều vào khóa luận tốt nghiệp 6.1.3 Ưu khuyết điểm Ưu điểm: ● Thiết kế giao diện Web đẹp mắt thân thiện ● Khi giảng viên quản lý khóa học có chức preview khiến cho việc tạo, chỉnh sửa khóa học dễ dàng tránh sai sót ● Có kiểm tra ơn tập sau học ● Cho phép người dùng đánh giá khóa học, bình luận góp ý để có lựa chọn xây dựng khóa học khách quan ● Cho phép người dùng học thử số topic trước đăng ký ● Có hỗ trợ App điện thoại cho người dùng Khuyết điểm: ● Chưa phát triển thêm chức mục tiêu đề tài Khoa ĐT CLC – ĐH SPKT TP.HCM | 222 Khóa Luận Tốt Nghiệp ● Chưa tích hợp nhiều cổng toán 6.2 Hướng phát triển ● Phát triển thêm chức ● Tối ưu hóa trang web ● Deploy trang web ● Bảo mật trang web ● Tối ưu hóa cho điện thoại Khoa ĐT CLC – ĐH SPKT TP.HCM | 223 Khóa Luận Tốt Nghiệp TÀI LIỆU THAM KHẢO [1] Nội dung: Tìm hiểu khái niệm hình thức dạy học online Link: https://hnue.edu.vn/ [2] Nội dung: Tìm hiểu ASP.NET Core Link: https://netcore.vn/bai-viet/tong-quan-ve-aspnet-core [3] Nội dung: Tìm hiểu RESTFUL API Link: https://viblo.asia/p/tim-hieu-ve-restful-bWrZnLvQ5xw [4] Nội dung: Tìm hiểu cách cài đặt mơi trường công cụ hỗ trợ ASP.NET Core Link: https://tuhocict.com/cai-dat-moi-truong-va-cong-cu-cho-aspnet-core/ [5] Nội dung: Tìm hiểu Angular 10 Link: https://angular.io/docs [6] Nội dung: Tìm hiểu cài đặt NodeJs Link: https://o7planning.org/vi/11921/huong-dan-cai-dat-nodejs-tren-windows [7] Nội dung: Tìm hiểu React Native Link:https://viblo.asia/p/react-native-nhung-khai-niem-co-ban-can-biet-khi-bat-dau4dbZNq1mKYM [8] Nội dung: Tìm hiểu khác đặc tính class func component Link:https://viblo.asia/p/react-js-hieu-ve-functional-va-class-componentsQbq5QpkRlD8 [9] Nội dung: Tìm hiểu State Props Khoa ĐT CLC – ĐH SPKT TP.HCM | 224 Khóa Luận Tốt Nghiệp Link:https://viblo.asia/p/component-state-va-props-trong-react-nativeEb85oM34Z2G [10] Nội dung: Tìm hiểu lifecycle React Native Link: https://viblo.asia/p/react-native-lifecycle-gAm5yXY8ldb Khoa ĐT CLC – ĐH SPKT TP.HCM | 225 ... Usecase mobile Xem thông tin khóa học 67 Bảng 3.33: Đặc tả Usecase mobile Xem thơng tin chi tiết khóa học 68 Bảng 3.34: Đặc tả Usecase mobile Xem học 70 Bảng 3.35: Đặc tả Usecase mobile. .. cận đến người, học sinh sinh viên mà hướng đến đối tượng mong muốn cập nhật kiến thức, kĩ [1] 1.2 Mục tiêu đề tài Đề tài thực xây dựng hệ thống website dạy học, vận dụng tốt công nghệ RESTful API,... 1.4.1.2 Phía người dạy Cho phép người dạy đăng ký, đăng nhập vào website để: ● Xem/chỉnh sửa thông tin cá nhân Khoa ĐT CLC – ĐH SPKT TP.HCM |2 Khóa Luận Tốt Nghiệp ● Quản lý khóa học ● Quản lý câu