Đang tải... (xem toàn văn)
(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến(Đồ án tốt nghiệp) Xây dựng website và ứng dụng mobile dạy học trực tuyến
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH 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 XÂY DỰNG WEBSITE VÀ ỨNG DỤNG MOBILE DẠY HỌC TRỰC TUYẾN SVTH: TRẦN NGỌC HÙNG MSSV: 17110157 SVTH: CHÂU HUỲNH PHƯỚC TỒN MSSV: 17110240 Khóa: K17 Ngành: CƠNG NGHỆ PHẦN MỀM GVHD: TS LÊ VĂN VINH TP Hồ Chí Minh, tháng 07 năm 2021 Khóa Luận Tốt Nghiệp LỜI CẢM ƠN Qua đề tài chúng em có thêm kiến thức phần mềm kỹ nghiệp vụ để xây dựng website ứng dụng di động chuyên nghiệp áp dụng kinh doanh dịch vụ dạy học trực tuyến Chúng em xin chân thành gửi lời cảm ơn đến người hỗ trợ, giúp đỡ chúng em nhiều thời gian qua thực đề tài Đầu tiên chúng em xin gửi lời cảm ơn tới Thầy Cô trường Đại Học Sư Phạm Kỹ Thuật TP.Hồ Chí Minh, đặc biệt Thầy Cô Khoa Công Nghệ Thông Tin Khoa Đào Tạo Chất Lượng Cao, nhiệt tình giảng dạy, trau dồi, vun đắp kiến thức cho chúng em nhiều năm ngồi ghế nhà trường Đặc biệt chúng em chân thành cảm ơn Thầy Lê Văn Vinh thời gian qua cung cấp cho chúng em kiến thức tài liệu hữu ích hướng dẫn chi tiết q trình chúng em làm để tài Thầy ln giải đáp tận tình vướng mắc chúng em gặp phải Và chúng em xin gửi lời cảm ơn đến bạn bè lớp - người bạn chia sẻ, trao đổi kiến thức với chúng em Trong phạm vi khả cho phép, chúng em cố gắng để hoàn thành đề tài cách tốt Tuy nhiên tránh khỏi nhiều thiếu sót, chúng em kính mong nhận cảm thơng ý kiến đóng góp q thầy cô bạn Sinh viên thực Trần Ngọc Hùng Châu Huỳnh Phước Toàn Khoa ĐT CLC – ĐH SPKT TP.HCM |I 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 toá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ử toá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 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, toá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 tố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 S K L 0 ...Khóa Luận Tốt Nghiệp LỜI CẢM ƠN Qua đề tài chúng em có thêm kiến thức phần mềm kỹ nghiệp vụ để xây dựng website ứng dụng di động chuyên nghiệp áp dụng kinh doanh dịch vụ dạy học trực tuyến Chúng... cho thân, dẫn đến việc hệ thống website ứng dụng dạy học online chúng em đời 1.3.2 Phạm vi nghiên cứu Ứng dụng dành cho người làm sinh viên học sinh tham gia khóa học thức, người ln bận rộn với... framework Javascript mã nguồn mở sử dụng để xây dựng ứng dụng web HTML, Javascript lựa chọn cho lập trình viên phát triển ứng dụng cho thiết bị di động Angular 10 đưa vào tháng năm 2020 nhằm thay AngularJS