Tìm hiểu và xây dựng website bán khóa học với vuejs và laravel

Khóa luận tốt nghiệp – Website bán khóa học MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH MỤC CÁC CHỮ VIẾT TẮT vi DANH MỤC CÁC BẢNG BIỂU vii DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ ix LỜI MỞ ĐẦU xii CHƯƠNG 1: TỔNG QUAN 1.1 Tổng quan REST RESTful API 1.1.1 Định nghĩa 1.1.2 Cách thức hoạt động REST RESTful API 1.1.3 Ưu nhược điểm sử dụng REST, RESTful API 1.2 Tổng quan framework Vuejs 1.2.1 Giới thiệu framework Vuejs 1.2.2 Cách thức hoạt động, ứng dụng thực tiễn Vuejs 1.2.3 Ưu nhược điểm sử dụng Vuejs 1.3 Tổng quan framework Laravel 1.3.1 Giới thiệu framework Laravel 1.3.2 Cách thức hoạt động, ứng dụng thực tiễn Vuejs 1.3.3 Ưu nhược điểm sử dụng framework Laravel 10 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT HIỆN TRẠNG 12 2.1 Khảo sát trạng 12 2.1.1 Trang web https://www.udemy.com/ 12 2.1.2 Trang web https://www.coursera.org/ 16 2.1.3 Trang web https://unica.vn/ 19 CHƯƠNG 3: TIẾP NHẬN YÊU CẦU, PHÂN TÍCH VÀ MƠ HÌNH HĨA U CẦU 25 3.1 Phân tích yêu cầu đề tài 25 ii Khóa luận tốt nghiệp – Website bán khóa học 3.1.1 Tên đề tài: Tìm hiểu xây dựng website bán khóa học với Vuejs Laravel 25 3.1.2 Chức website: 25 3.1.3 Yêu cầu đặt 26 3.2 Usecase Diagram 28 3.2.1 Usecase Tổng quát 28 3.2.2 Usecase Instructor 29 3.2.3 Usecase User 30 3.2.4 Usecase Guest 30 3.2.5 Usecase Admin 31 3.3 Class diagram 31 3.4 Sequence diagram 32 3.4.1 Chức đăng học 32 3.4.2 Chức chọn phương thức toán 32 3.4.3 Chức tạo thông báo cho học viên 33 3.5 Mô tả chi tiết Usecase 33 3.5.1 Guest 33 3.5.2 User 41 3.5.3 Instructor 45 3.5.4 Admin 49 CHƯƠNG 4: THIẾT KẾ DỮ LIỆU 54 4.1 Thiết kế sở liệu 54 4.2 Mô tả sở liệu 54 CHƯƠNG 5: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 62 5.1 Sơ đồ luồng hình 62 5.1.1 Sơ đồ luồng hình phía Guest 62 5.1.2 Sơ đồ luồng hình phía User 62 5.1.3 Sơ đồ luồng hình phía Instructor 64 5.1.4 Sơ đồ luồng hình phía Admin 65 5.2 Đặc tả thiết kế giao diện xử lý 67 5.2.1 Màn hình Tương tác chatbot 67 iii Khóa luận tốt nghiệp – Website bán khóa học 5.2.2 Màn hình Tìm kiếm 68 5.2.3 Màn hình Đăng nhập 69 5.2.4 Màn hình Đăng ký 70 5.2.5 Màn hình Về trang chủ 71 5.2.6 Màn hình Xem thơng tin người hướng dẫn 73 5.2.7 Màn hình Xem khóa học 75 5.2.8 Màn hình Quản lý giỏ hàng 79 5.2.9 Màn hình Cập nhật thơng tin cá nhân 80 5.2.10 Màn hình Danh sách khóa học tham gia 81 5.2.11 Màn hình Quản lý nội dung khóa học 82 5.2.12 Màn hình Tải lên video tài liệu giảng 84 5.2.13 Màn hình Đăng nhập admin 85 5.2.14 Màn hình Quản lý tài khoản 86 5.2.15 Màn hình Quản lý thơng tin thể loại 87 5.2.16 Màn hình Quản lý thơng tin lĩnh vực 88 5.2.17 Màn hình Quản lý kịch chatbot 89 5.2.18 Màn hình Quản lý thống kê doanh thu 92 5.2.19 Màn hình Học khóa học 93 CHƯƠNG 6: CÀI ĐẶT VÀ KIỂM THỬ 97 6.1 Cài đặt 97 6.2 Kiểm thử trang web 100 6.2.1 Kiểm thử chức Đăng nhập 100 6.2.2 Kiểm thử chức Đăng ký 101 6.2.3 Kiểm thử chức Tìm kiếm thơng tin 102 6.2.4 Kiểm thử chức Quản lý giỏ hàng 103 6.2.5 Kiểm thử chức Quản lý danh sách yêu thích 104 6.2.6 Kiểm thử chức Xem chi tiết khóa học 106 6.2.7 Kiểm thử chức Quản lý thông tin cá nhân 107 6.2.8 Kiểm thử chức Học khóa học 109 6.2.9 Kiểm thử chức Quản lý khóa học 110 CHƯƠNG 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 111 iv Khóa luận tốt nghiệp – Website bán khóa học 7.1 Kết luận 111 7.2 Hướng phát triển đề tài 111 v Khóa luận tốt nghiệp – Website bán khóa học DANH MỤC CÁC CHỮ VIẾT TẮT REST : REpresentational State Transfer API : Application Programming Interface BM: Biểu mẫu QD: Quy định vi Khóa luận tốt nghiệp – Website bán khóa học DANH MỤC CÁC BẢNG BIỂU Bảng 1: Bảng diễn giải thành phần RESTful API Bảng 2: Bảng so sánh ưu nhược điểm sử dụng REST RESTful API Bảng 3: Bảng so sánh ưu nhược điểm sử dụng Vuejs Bảng 4: Bảng so sánh ưu nhược điểm Laravel 11 Bảng 1: Bảng thống kê nghiệp vụ quy định đối tượng Guest 33 Bảng 2: Bảng thống kê quy định cho nghiệp vụ đối tượng Guest 36 Bảng 3: Thống kê nghiệp vụ quy định cho đối tượng User 42 Bảng 4: Bảng thống kê quy định cho nghiệp vụ đối tượng User 44 Bảng 5: Bảng thống kê nghiệp vụ Instructor 46 Bảng 6: Bảng thống kê quy định nghiệp vụ Instructor 47 Bảng 7: Bảng thống kê nghiệp vụ Admin 49 Bảng 8: Bảng thống kê quy định cho nghiệp vụ Admin .50 Bảng 1: Bảng Admin 54 Bảng 2: Bảng Admin_type 55 Bảng 3: Bảng answer_bot 55 Bảng 4: Bảng category 55 Bảng 5: Bảng course_like 55 Bảng 6: Bảng course_comment 56 Bảng 7: Bảng course_annoucement 56 Bảng 8: Bảng cart 56 Bảng 9: Bảng user 57 Bảng 10: Bảng usercard 57 Bảng 11: Bảng lesson_comment 58 Bảng 12: Bảng lesson 58 Bảng 13: Bảng moneytype 58 Bảng 14: Bảng message_bot 59 Bảng 15: Bảng type_question_bot 59 Bảng 16: Bảng topic_course 59 Bảng 17: Bảng topic 59 Bảng 18: Bảng student_course 60 Bảng 19: Bảng instructor_course 60 Bảng 20: Bảng pricetier 60 Bảng 21: Bảng what_learn_instructor_course 61 Bảng 1: Sơ đồ luồng hình phía Guest 62 Bảng 2: Sơ đồ luồng hình phía User 63 Bảng 3: Sơ đồ luồng hình phía Instructor 65 Bảng 4: Sơ đồ luồng hình phía Admin 66 Bảng 5: Mơ tả Màn hình Tương tác chatbot 67 Bảng 6: Mơ tả Màn hình Tìm kiếm 69 vii Khóa luận tốt nghiệp – Website bán khóa học Bảng 7: Mơ tả Màn hình Đăng nhập 70 Bảng 8: Mô tả Màn hình Đăng ký 71 Bảng 9: Mô tả Màn hình Về trang chủ 73 Bảng 10: Mô tả Màn hình Xem thơng tin người hướng dẫn 74 Bảng 11: Mơ tả Màn hình Xem khóa học 78 Bảng 12: Mơ tả Màn hình Quản lý giỏ hàng 80 Bảng 13: Mơ tà Màn hình Cập nhật thơng tin cá nhân 81 Bảng 14: Mơ tả Màn hình Danh sách khóa học tham gia 82 Bảng 15: Mơ tả Màn hình Quản lý nội dung khóa học 83 Bảng 16: Mơ tả hình Tải lên video tài liệu giảng 84 Bảng 17: Mơ tả Màn hình Đăng nhập 85 Bảng 18: Mô tả Màn hình Quản lý tài khoản 86 Bảng 19: Mô tả hình Quản lý thơng tin thể loại 88 Bảng 20: Mô tả Màn hình Quản lý thơng tin lĩnh vực 89 Bảng 21: Mô tả Màn hình Quản lý kịch chatbot 92 Bảng 23: Mô tả Màn hình Quản lý thống kê doanh thu 93 Bảng 25: Mô tả Màn hình Học khóa học 96 Bảng 1: Kiểm thử chức đăng nhập 101 Bảng 2: Kiểm thử chức đăng ký 102 Bảng 3: Kiểm thử chức tìm kiếm 103 Bảng 4: Kiểm thử chức quản lý giỏ hàng 104 Bảng 5: Kiểm thử chức quản lý danh sách yêu thích 105 Bảng 6: Kiểm thử chức xem chi tiết khóa học 107 Bảng 7: Kiểm thử chức quản lý thông tin cá nhân 109 Bảng 8: Kiểm thử chức học khóa học 109 Bảng 9: Kiểm thử chức quản lý khóa học 110 viii Khóa luận tốt nghiệp – Website bán khóa học DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ Hình 1: Giới thiệu REST API Hình 2: Cách thức hoạt động RESTful API Hình 3: Mơ hình áp dụng Vuejs Hình 4: Tỉ lệ download npm vủa vuejs framework js khác Hình 5: Khảo sát web framework yêu thích 2019 Hình 6: Mơ hình MVC áp dụng Laravel Hình 7: Tỉ lệ framework Laravel framework khác ngôn ngữ PHP Hình 1: Trang web Udemy-1 12 Hình 2: Trang web Udemy-2 13 Hình 3: Trang web Udemy-3 14 Hình 4: Trang web Udemy-4 15 Hình 5: Trang web Udemy-5 15 Hình 6: Trang web Coursera-1 16 Hình 7: Trang web Coursera-2 17 Hình 8: Trang web Coursera-3 17 Hình 9: Trang web Coursera-4 18 Hình 10: Trang web Course-5 18 Hình 11: Trang web Course-6 19 Hình 12: Trang web Unica-1 20 Hình 13: Trang web Unica-2 20 Hình 14: Trang web Unica-3 21 Hình 15: Trang web Unica-4 22 Hình 16: Trang web Unica-5 22 Hình 17: Trang web Unica-6 23 Hình 18: : Trang web Unica-7 23 Hình 19: : Trang web Unica-8 24 Hình 20: Trang web Unica-1-9 24 Hình 1: Usecase diagram tổng quát 28 Hình 2: Usecase diagram Instructor 29 Hình 3: Usecase diagram User 30 Hình 4: Usecase diagram Guest 30 Hình 5: Usecase diagram Admin 31 Hình 6: Class diagram hệ thống 31 Hình 7: Sequence diagram chức đăng học 32 Hình 8: Sequence diagram cho chức toán 32 Hình 9: sequence diagram cho chức tạo thơng báo cho học viên 33 Hình 10: Biểu mẫu tương tác chatbot 36 Hình 11: Biểu mẫu Tìm kiếm 37 ix Khóa luận tốt nghiệp – Website bán khóa học Hình 12: Biểu mẫu Đăng nhập 37 Hình 13: Biểu mẫu Đăng kí 38 Hình 14: Biểu mẫu Về trang chủ-1 38 Hình 15: Biểu mẫu Về trang chủ-2 39 Hình 16: Biểu mẫu Xem Khóa học 39 Hình 17: Biểu mẫu Xem thông tin người hướng dẫn-1 40 Hình 18: Biểu mẫu Xem thơng tin người hướng dẫn-2 40 Hình 19: Biểu mẫu Xem thơng tin người hướng dẫn-3 41 Hình 20: Biểu mẫu Cập nhật thông tin cá nhân 44 Hình 21: Biểu mẫu Danh sách khóa học tham gia 45 Hình 22: Biểu mẫu Quản lý nội dung khóa học-1 47 Hình 23: Biểu mẫu Quản lý nội dung khóa học-2 48 Hình 24: Biểu mẫu Tải lên video tài liệu giảng 48 Hình 25: Biểu mẫu đăng nhập Admin 51 Hình 26: Biểu mẫu quản lý tài khoản 51 Hình 27: Biểu mẫu quản lý thông tin thể loại 52 Hình 28: Biểu mẫu quản lý thể loại 52 Hình 29: Biểu mẫu quản lý kịch chatbot 53 Hình 30: Biểu mẫu quản lý thống kê 53 Hình 1: Thiết kế sở liệu 54 Hình 1: Hình sơ đồ luồng hình phía Guest 62 Hình 2: Hình sơ đồ luồng hình phía User 64 Hình 3: Hình sơ đồ luồng hình phía Instructor 65 Hình 4: Hình sơ đồ luồng hình phía Admin 66 Hình 5: Màn hình Tương tác chatbot 67 Hình 6: Màn hình Tìm kiếm 68 Hình 7:Màn hình Đăng nhập 69 Hình 8: Màn hình Đăng ký 70 Hình 9: Màn hình Về trang chủ-1 71 Hình 10: Màn hình Về trang chủ-2 72 Hình 11: Màn hình Xem thơng tin người hướng dẫn 73 Hình 12: Màn hình Xem khóa học-1 75 Hình 13: Màn hình Xem khóa học-2 75 Hình 14: Màn hình Xem khóa học-3 76 Hình 15: Màn hình Quản lý giỏ hàng 79 Hình 16: Màn hình Cập nhật thơng tin cá nhân 80 Hình 17: Màn hình Danh sách khóa học tham gia 81 Hình 18: Màn hình Quản lý nội dung khóa học-1 82 Hình 19: Màn hình Quản lý nội dung khóa học-2 83 Hình 20: Màn hình Tải lên video tài liệu giảng 84 x Khóa luận tốt nghiệp – Website bán khóa học Hình 21: Màn hình đăng nhập 85 Hình 22: Màn hình Quản lý tài khoản 86 Hình 23: Màn hình Quản lý thơng tin thể loại 87 Hình 24: Màn hình Quản lý thơng tin lĩnh vực 88 Hình 25: Màn hình Quản lý kịch chatbot-1 89 Hình 26: Màn hình Quản lý kịch chatbot-2 90 Hình 28: Màn hình Quản lý thống kê doanh thu 92 Hình 30: Màn hình Học khóa học-1 93 Hình 31: Màn hình Học khóa học-2 94 Hình 32: Màn hình Học khóa học-3 94 Hình 33: Màn hình Học khóa học-4 94 Hình 1: Npm install KLTN-Server 98 Hình 2: Npm install KLTN-Client 98 Hình 3: Cài đặt cho Xampp 99 Hình 4: Kết 99 xi Khóa luận tốt nghiệp – Website bán khóa học Hình 3: Cài đặt cho Xampp Bước 7: import database vào mysql Bước 8: mở trình duyệt vào vào dường dẫn http://localhost:8081/ Kết sau: Hình 4: Kết 99 Khóa luận tốt nghiệp – Website bán khóa học 6.2 Kiểm thử trang web 6.2.1 Kiểm thử chức Đăng nhập STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên giao diện - TH1: Nếu tài khoản Giống kết đắn đăng nhập: mật trùng khớp với mong trường Nhập tài khoản liệu database đưa đợi nhập Nhập mật người dùng tới trang chủ Nhấn button “Đăng nhập” - TH2: Nếu mật tài khoản sai, thông báo: “Tài khoản mật khơng đúng” Kiểm tra tính Nhấn vào nút + TH1: Nếu chưa có tài Giống kết đắn “Login with khoản, Server tự động mong việc đăng Facebook” hay tạo tài khoản đợi nhập tài “Login with thông tin nhận từ tài khoản mạng Google” để đăng khoản mạng xã hội xã hội nhập tài khoản chuyển người dùng tới trang chủ + TH2: Nếu có tài khoản trước server chuyển người dùng tới trang chủ Kiểm tra Trên giao diện + TH1: Các ô textbox tài Giống kết chức Đăng nhập khoản, mật bị xóa mong đóng form Nhập tài khoản trống đợi Nhập mật Nhấn button “X” bên 100 Khóa luận tốt nghiệp – Website bán khóa học phải form bấm khỏi pham vi form Bảng 1: Kiểm thử chức đăng nhập 6.2.2 Kiểm thử chức Đăng ký STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên giao diện - TH1: Nếu tài khoản Giống kết đắn đăng nhập: mật trùng nhập khớp mong trường Nhập tên với liệu database đợi nhập Nhập tài khoản thơng báo “Đã có tài Nhập mật khoản tồn tại” Nhấn button “Đăng ký” - TH2: Nếu tài khoản nhập vào email xuất cảnh báo lỗi “Tài khoản phải email” -TH3: Nếu mật không bao gồm chữ thường, hoa, kí tự đặc biệt tối thiểu kí tự Sẽ khơng cho phép bấm nút đắng ký - TH4: Nếu nhập mật định dạng để trống trường hay trường tên tài khoản Sẽ 101 Khóa luận tốt nghiệp – Website bán khóa học cảnh báo lỗi không bỏ trống Kiểm tra Trên giao diện + TH1: Các ô textbox tài Giống kết chức Đăng nhập khoản, mật bị xóa mong đóng form Nhập tên trống đợi Nhập tài khoản Nhập mật Nhấn button “X” bên phải form bấm khỏi pham vi form Bảng 2: Kiểm thử chức đăng ký 6.2.3 Kiểm thử chức Tìm kiếm thông tin STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên tìm - TH1: Khi trường nhập Giống kết đắn kiếm: tìm kiếm khơng có nội mong trường Nhập nội dung dung Bấm enter đợi nhập trả cần tìm nhấn nút tìm kiếm trả kết Nhấn button danh sách tất khóa “Tìm kiếm” học bấm nút Enter Kiểm tra Trên giao tìm + TH1: Khi nhấn vào Giống kết chức kiếm: radio button danh mong lọc kết Nhấn vào mũi sách kết lọc đợi tên để mở trộng Và kết 102 Khóa luận tốt nghiệp – Website bán khóa học mục danh sách có đặc tính “Danh mục”, giống giá trị radio “Chủ đề”, “Sao” button chọn Mỗi radio button + TH2: Chọn nhiều radio giá trị button nhiều danh mục Nhấn vào radio Danh sách kết button kết thỏa tất cá giá trị Bảng 3: Kiểm thử chức tìm kiếm 6.2.4 Kiểm thử chức Quản lý giỏ hàng STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên hình - TH1: Khi nhấn vào Giống kết thêm trang chủ: button “Thêm vào giỏ mong vào giỏ hàng Đưa trỏ chuột hàng” icon “giỏ hàng” đợi vào khóa học phía góc phải quick hình tự động cập view khóa học nhật số lượng Thơng báo Nhấn button “Đã thêm khóa học vào “Thêm vào giỏ giỏ hàng” hàng” quick - TH2: Khi nhấn vào view button “Thêm giỏ hàng” Nếu giỏ hàng tồn khóa học Sẽ thơng báo “Đã có khóa học giỏ hàng” 103 Khóa luận tốt nghiệp – Website bán khóa học Kiểm tra tính Trên giao diện giỏ + TH1: Khi nhấn vào Giống kết xóa giỏ hàng: button “Xóa” Ngay mong hàng Nhấn vào nút khóa học bị xóa đợi “xóa” item bất khỏi giỏ hàng Danh sách kì danh sách khóa học tự động cập khóa học nhật lại giỏ hàng Kiểm tra tính Trên giao diện giỏ + TH1: Khi nhấn vào Giống kết hàng: button toán Sẽ mong chuyển tới trang đợi toán giỏ hàng Nhấn vào nút tốn sau tốn chuyển tới trang toán để chọn phương thức toán Bảng 4: Kiểm thử chức quản lý giỏ hàng 6.2.5 Kiểm thử chức Quản lý danh sách yêu thích STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên hình - TH1: Khi nhấn vào Giống kết thêm trang chủ: button “yêu thích” icon mong vào danh Đưa trỏ chuột “trái tim” phía đợi sách u vào khóa học góc phải hình tự thích quick động cập nhật số lượng view khóa học Thơng báo “Đã u thích khóa học” 104 Khóa luận tốt nghiệp – Website bán khóa học Nhấn button - TH2: Khi nhấn vào “u thích ” có button “yêu thích” Nếu icon trái tim danh sách u thích quick view tồn khóa học Sẽ thơng báo “Đã có khóa học danh sách yêu thích” Kiểm tra tính Trên giao diện bất + TH1: Khi nhấn vào Giống kết trạng kỳ: button icon trái tim trắng mong để u thích khóa học đợi thái u thích Những khóa khóa học học chuyển u thích trước sang icon trái tim đỏ Sau hiển thị icon qua trang có trái tim màu đỏ khóa học đó, icon trái tim khóa học màu đỏ Kiểm tra tính Trên giao diện bất + TH1: Khi nhấn vào nút Giống kết xóa kì: có icon trái tim màu đỏ mong khóa học Nhấn vào nút trang vào đợi khỏi danh có icon trái tim trang quản lý danh sách yêu màu đỏ vào sách u thích nhấn nút thích danh sách u “Xóa” khóa học thích nhấn nút Thơng báo “Đã bỏ u “xóa” khóa học thích khóa học” Bảng 5: Kiểm thử chức quản lý danh sách u thích 105 Khóa luận tốt nghiệp – Website bán khóa học 6.2.6 Kiểm thử chức Xem chi tiết khóa học STT Định nghĩa Các bước thực Kết mong đợi Kiểm tra tính Trên hình thực tế - TH1: Khi nhấn vào thẻ Giống kết khóa học đó, chuyển mong Đưa trỏ chuột tới trang xem chi tiết đợi vào khóa học khóa học xem chi trang chủ: tiết khóa học Kết quick view khóa học Nhấn vào thẻ khóa học Chuyển tới trang xem chi tiết khóa học Kiểm tra tính Trên giao diện bất + TH1: Khi nhấn vào Giống kết trạng kì: button icon trái tim trắng mong để u thích khóa học đợi thái u thích Những khóa khóa học học chuyển yêu thích trước sang icon trái tim đỏ Sau hiển thị icon qua trang có trái tim màu đỏ khóa học đó, icon trái tim khóa học màu đỏ Kiểm tra tính Trên giao diện bất + TH1: Khi nhấn vào nút Giống kết xóa kì: có icon trái tim màu đỏ mong trang vào đợi khóa học 106 Khóa luận tốt nghiệp – Website bán khóa học khỏi danh Nhấn vào nút trang quản lý danh sách yêu có icon trái tim sách yêu thích nhấn nút thích màu đỏ vào “Xóa” khóa học danh sách u Thơng báo “Đã bỏ u thích nhấn nút thích khóa học” “xóa” khóa học Bảng 6: Kiểm thử chức xem chi tiết khóa học 6.2.7 Kiểm thử chức Quản lý thông tin cá nhân STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên hình - TH1: Khi nhấn vào bất Giống kết chuyển thông tin cá nhân kỳ mục nào, phần nội mong nội dung Nhấn vào mục dung chuyển sang nội đợi mục danh sách dung ứng với thư mục danh mục phía trái: Thơng tin, giới thiệu, khóa học, Thơng báo Kiểm tra tính Trên giao diện + TH1: Khi nhập Giống kết cập quản lý thông tin nội dung cần thay đổi mong nhật thông cá nhân nội Sau bấm nút lưu đợi tin cá nhân dung ứng với mục Server nhận Thơng tin: liệu lưu cập nhật Nhập xuống database thông tin cần thay đổi 107 Khóa luận tốt nghiệp – Website bán khóa học Nhấn nút lưu Kiểm tra tính Trên giao diện + TH1: Khi nhập Giống kết cập quản lý thông tin nội dung cần thay đổi mong nhật thông cá nhân nội Sau bấm nút lưu đợi tin giới thiệu dung ứng với mục Server nhận Giới thiệu: liệu lưu cập nhật Nhập xuống database thông tin cần thay đổi Nhấn nút lưu Kiểm tra tính Trên giao diện + TH1: Khi nhấn vào mục Giống kết xem quản lý thông tin thông báo cá nhân nội mong đợi dung ứng với mục Thông báo: Sau nhấn vào mục thông báo danh sách thông báo người hướng dẫn gửi khóa học mà người dùng mua Kiểm tra tính Trên giao diện + TH1: Khi nhập Giống kết quản lý quản lý thông tin nội dung cần thay đổi mong khóa học cá cá nhân nội Sau bấm nút lưu đợi nhân Server nhận 108 Khóa luận tốt nghiệp – Website bán khóa học dung ứng với mục liệu lưu cập nhật Khóa học: xuống database Nhấn vào mục Khóa học Bảng 7: Kiểm thử chức quản lý thông tin cá nhân 6.2.8 Kiểm thử chức Học khóa học STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên giao diện - TH1: Khi nhấn vào Giống kết học thông tin cá nhân : button vào học, chuyển mong khóa học Nhấn vào mục tới trang học trựa tuyến đợi khóa học - TH2: Khi nhấn vào Nhấn nút “vào button “u thích” Nếu học” khóa học danh sách u thích tồn khóa học Sẽ thơng báo “Đã có khóa học danh sách yêu thích” Kiểm tra tính Trên giao diện + TH1: Khi nhấn vào Giống kết chuyển học khóa học: video học ứng với nội mong nội dung học Bấm vào nội dung vừa chọn xuất đợi dung bảng nội dung phía bên phải Bảng 8: Kiểm thử chức học khóa học 109 Khóa luận tốt nghiệp – Website bán khóa học 6.2.9 Kiểm thử chức Quản lý khóa học STT Định nghĩa Các bước thực Kết mong đợi Kết thực tế Kiểm tra tính Trên giao diện tạo - TH1: Sau hồn Giống kết thêm khóa học: thành tất thơng tin mong khóa học Bấm nút đợi khóa học Nhấn vào nút tạo khóa học hồn thành tạo Hồn thành đầy khóa học đủ thơng tin - TH2: Khi có để tạo khóa học thơng tin bị bỏ xót bấm tạo khóa học thông báo “Nhập thiếu thông tin” Kiểm tra tính Trên giao diện - TH1: Khi điền đủ thơng Giống kết thêm học tạo học: tin bấm thêm Bài mong học vào Bấm chọn học tạo đợi khóa học khóa học muốn - TH2: Khi điền thiếu thêm học thông tin mà bấm nút combobox chọn thêm thơng báo khố học “Nhập thiếu thơng tin” Bấm nút “Tạo học mới” điền đủ thông tin bấm nút thêm Bài học tạo Bảng 9: Kiểm thử chức quản lý khóa học 110 Khóa luận tốt nghiệp – Website bán khóa học CHƯƠNG 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 7.1 Kết luận Trang web bán khóa học trực tuyến nhóm phần đáp ứng yêu cầu trang web bán khóa học trực tuyến Nó có chức Trang web bán khóa học trực tuyến như: • • • • • • • • Các tính trang web bán khóa học trực tuyến Quản lí nội dung trang web, Mua khóa học, Học khóa học trực tuyến, Đăng tải khóa học, Báo cáo thống kê định kì Tích hợp chatbot kịch Quản lý giảm giá, khuyến combo giúp người sử dụng giảm bớt thao tác thủ cơng từ tăng suất, hiệu cơng việc Bên cạnh trang web có giao diện thân thiện với người dùng, dễ sử dụng Tuy nhiên bên cạnh thời gian có hạn nguồn nhân lực hạn chế nên đề tài nhóm cịn số nhược điểm Đó việc chưa đáp ứng đầy đủ tính năng, số tính cịn thiếu như: • • • • • • • • Thanh toán tiền thực qua cổng toán paypal Chưa ứng dụng machine learning vào thực tiễn đề tài Chính sách khuyến mãi, giảm giá Cách viết chương trình chưa tối ưu Livestream giảng Tích hợp đăng tải nguồn tài liệu kèm với học Nhắn tin tương tác trực tuyến từ người học tới giảng viên Hệ thống gợi ý sản phẩm áp dụng Machine Learning 7.2 Hướng phát triển đề tài Từ hạn chế trên, hướng phát triển trang web tương lai hồn tất tính cịn thiếu trên, tích hợp cơng nghệ phức tạp hệ thống gợi ý khóa học, Hệ thống chatbot Machine Learning, khơng nhóm tìm hiểu phát triển phạm vi trang web để phù hợp với số lượng lớn người dùng Vì thời gian hạn chế, nên trang web bán khóa học trực tuyến nhóm chúng em cịn có nhiều sai sót, nhiều nhược điểm chưa khắc phục Mong q thầy 111 Khóa luận tốt nghiệp – Website bán khóa học thơng cảm cho nhóm chúng em Chúng em cảm ơn Lê Thị Minh Châu hướng dẫn tận tình để nhóm chúng em hồn thành đề tài 112 Khóa luận tốt nghiệp – Website bán khóa học TÀI LIỆU THAM KHẢO Tải liệu tiếng Việt [1]: https://sandbox.vnpayment.vn/apis/vnpay-demo/ [2]: https://viblo.asia/p/tim-hieu-ve-vuejs-co-ban-part-1-Do754bpWZM6 [3]: https://toidicode.com/vuejs-la-gi-viet-chuong-trinh-dau-tien-67.html [4]: https://unica.vn/ Tài liệu tiếng Anh [1]: https://vuejs.org/v2/cookbook/ [2]: https://vuetifyjs.com/en/ [3]: https://bootstrap-vue.org/ [4]: https://laravel.com/ [5]: https://www.udemy.com/ [6]: https://www.coursera.org/ 113 .. .Khóa luận tốt nghiệp – Website bán khóa học 3.1.1 Tên đề tài: Tìm hiểu xây dựng website bán khóa học với Vuejs Laravel 25 3.1.2 Chức website: 25... Khóa luận tốt nghiệp – Website bán khóa học CHƯƠNG 3: TIẾP NHẬN YÊU CẦU, PHÂN TÍCH VÀ MƠ HÌNH HĨA U CẦU 3.1 Phân tích yêu cầu đề tài 3.1.1 Tên đề tài: Tìm hiểu xây dựng website bán khóa học với. .. u thích 26 Khóa luận tốt nghiệp – Website bán khóa học o Quản lý khóa học giỏ hàng o Xem danh sách, chi tiết khóa học o Xem danh sách chi tiết khóa học theo lĩnh vực o Tìm kiếm khóa học, lĩnh