Đồ án ứng dụng tư vấn khóa học hỗ trợ chatbot

ĐẠ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: ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT Giảng viên: Trần Anh Dũng Sinh viên thực hiện: Nguyễn Hồ Quỳnh Thư Cao Ngọc Anh 19520290 19521191 Thành phố Hồ Chí Minh, năm 2022 ĐẠ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: ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT Giảng viên: Trần Anh Dũng Sinh viên thực hiện: Nguyễn Hồ Quỳnh Thư Cao Ngọc Anh 19520290 19521191 Thành phố Hồ Chí Minh, năm 2022 Mụ c lụ c DANH MỤC HÌNH ẢNH DANH MỤC TỪ VIẾT TẮT LỜI CẢM ƠN NỘI DUNG CHƯƠNG 1: GIỚI THIỆU CHUNG 13 1.1 Tổng quan đề tài 13 1.2 Lý chọn đề tài 13 1.3 Đối tượng sử dụng 14 1.4 Phạm vi nghiên cứu 15 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 16 2.1 IDE – Visual Studio Code 16 2.2 HTML 17 2.3 CSS 18 2.4 Javascript 19 2.5 ReactJS 20 2.6 NodeJS 21 2.7 npm 22 2.8 MySQL 23 2.9 GitHub 24 CHƯƠNG 3: CHATBOT: DIALOGFLOW 25 3.1 Công nghệ sử dụng : DialogFlow 25 3.2 Giao diện chatbot 26 3.3 Quy trình hoạt động 27 3.4 Sơ đồ kịch đối thoại 31 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 34 4.1 Kiến trúc hệ thống: Mơ hình MVC 34 4.2 Chi tiết thành phần hệ thống 35 CHƯƠNG 5: ĐẶC TẢ USE CASE 36 5.1 Sơ đồ Use Case 36 5.2 Danh sách tác nhân 37 5.3 Danh sách Use Case 37 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT 5.4 Mô tả chi tiết Use Case 40 CHƯƠNG 6: THIẾT KẾ CƠ SỞ DỮ LIỆU 73 6.1 Sơ đồ logic 73 6.2 Danh sách quan hệ 74 CHƯƠNG 7: THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG 79 7.1 Danh sách hình 79 7.2 Mơ tả chi tiết hình 81 CHƯƠNG 8: CÀI ĐẶT VÀ KIỂM THỬ 135 8.1 Môi trường cài đặt kiểm thử: 135 8.2 Kết kiểm thử 135 CHƯƠNG 9: KẾT LUẬN 136 9.1 Tổng kết 136 9.2 Khó khăn 136 9.3 Kết đạt 137 9.4 Hạn chế đồ án 137 9.5 Hướng phát triển 137 TÀI LIỆU THAM KHẢO 138 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT DANH MỤC HÌNH ẢNH Hình 2.1-1: Visual Studio Code 16 Hình 2.2-1: HyperText Markup Language — HTML 17 Hình 2.3-1: Cascading Style Sheets — CSS 18 Hình 2.4-1: JavaScript 19 Hình 2.5-1: ReactJS 20 Hình 2.6-1: nodeJS 21 Hình 2.7-1: Node package manager – npm 22 Hình 2.8-1: Hệ quản trị sở liệu MySQL 23 Hình 2.9-1: Hệ thống quản lý mã nguồn GitHub 24 Hình 3.1-1: ChatBot DialogFlow 25 Hình 3.2-1: Trang trò chuyện với ChatBot 26 Hình 3.3-1: Mô hoạt động Chatbot với Fullfillment 29 Hình 3.3-2: Luồng xử lý hoạt động Dialogflow Chatbot 30 Hình 3.4-1: Sơ đồ Intent Dialogflow Chatbot 31 Hình 7.2-1: Navigation Bar (trước đăng nhập) 81 Hình 7.2-2: Navigation Bar (sau đăng nhập) 81 Hình 7.2-3: Navigation Bar (mở rộng sau đăng nhập) 81 Hình 7.2-4: Footer 83 Hình 7.2-5: Các nút 84 Hình 7.2-6: Trang Đăng nhập 85 Hình 7.2-7: Trang Quên mật 87 Hình 7.2-8: Trang chủ 88 Hình 7.2-9: Giới thiệu khóa học (Luyện thi TOEIC / IELTS) 90 Hình 7.2-10: Giới thiệu khóa học (Tiếng Anh giao tiếp / cho bé) 91 Hình 7.2-11: Trang Bài viết tổng quát 93 Hình 7.2-12: Trang Danh sách tin tức theo chủ đề 95 Hình 7.2-13: Chi tiết viết (khách) 97 Hình 7.2-14: Trang giới thiệu trung tâm 99 Hình 7.2-15: Trang Giới thiệu Nhân 101 Hình 7.2-16: Trang Hỏi đáp 103 Hình 7.2-17: Trang Liên hệ tạo hẹn 104 Hình 7.2-18: Left Menu Nhân viên Quản lý 106 Hình 7.2-19: Trang Quản lý viết 108 Hình 7.2-20: Trang Chi tiết viết (nhân viên) 110 Hình 7.2-21: Trang Đăng cập nhập viết 112 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT Hình 7.2-22: Trang Quản lý hỏi đáp 114 Hình 7.2-23: Trang Chi tiết hỏi đáp 116 Hình 7.2-24: Trang Đăng hỏi đáp 118 Hình 7.2-25: Trang Cập nhập hỏi đáp 118 Hình 7.2-26: Trang Quản lý tài khoản nhân viên 120 Hình 7.2-27: Trang Hồ sơ nhân viên (read-only) 122 Hình 7.2-28: Trang Hồ sơ nhân viên (cập nhập) 122 Hình 7.2-29: Trang Tạo tài khoản 124 Hình 7.2-30: Trang Quản lý Chatbot 126 Hình 7.2-31: Chi tiết thơng tin tư vấn (read-only) 128 Hình 7.2-32: Chi tiết thơng tin tư vấn (cập nhập) 128 Hình 7.2-33: Trang Cài đặt tài khoản 129 Hình 7.2-34: Trang Cập nhập thơng tin tài khoản 130 Hình 7.2-35: Trang Đổi mật 131 Hình 7.2-36: Chatbot kiểm thử 133 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT DANH MỤC TỪ VIẾT TẮT # Từ viết tắt Từ đầy đủ Ý nghĩa PHP Hypertext Preprocessor Ngôn ngữ kịch mã nguồn mở CSDL Cơ sở liệu Cơ sở liệu cho ứng dụng API Application Programming Interface Giao diện lập trình ứng dụng HTTP HyperText Transfer Protocol Giao thức truyền siêu văn MySQL Structured Query Language Cơ sở liệu quan hệ MySQL MVC Model-View-Controller Mơ hình lập trình AI Artificial Intelligence Trí tuệ nhân tạo ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để lần đầu thực Đồ án Để hồn thành Đồ án này, chúng em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM tạo điều kiện sở vật chất với hệ thống thư viện đại, đa dạng loại sách, tài liệu thuận lợi cho việc tìm kiếm, nghiên cứu thơng tin Chúng em xin gửi lời cảm ơn chân thành đến thầy Trần Anh Dũng tận tình giúp đỡ, định hướng cách tư cách làm việc khoa học Đó góp ý q báu khơng q trình thực luận văn mà cịn hành trang tiếp bước cho chúng em trình học tập lập nghiệp sau Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất thầy cô khoa, bạn bè, tập thể lớp KTPM2019 người sẵn sàng sẻ chia giúp đỡ học tập sống Mong rằng, mãi gắn bó với Trong q trình làm Đồ án chúng em khơng tránh khỏi sai sót, chúng em kính mong nhận dẫn góp ý quý thầy để hồn thiện phát triển đồ án Khóa luận tốt nghiệp tương lai Chúng em xin chân thành cảm ơn Xin chúc điều tốt đẹp đồng hành người Thành phố Hồ Chí Minh, … tháng … năm 2022 Sinh viên NGUYỄN HỒ QUỲNH THƯ CAO NGỌC ANH ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TP HCM, ngày 25 tháng năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng ứng dụng Chatbot hỗ trợ tư vấn khóa học Cán hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 25/2/2022 đến ngày kết thúc môn Đồ án Sinh viên thực hiện: Nguyễn Hồ Quỳnh Thư – 19520290 Cao Ngọc Anh – 19521191 Nội dung đề tài Lý chọn đề tài: Hiện nay, tiếng Anh đóng vai trò quan trọng sống người Do bùng nổ đầu tư công ty ngước ngồi xu hướng tồn cầu hóa, mà nhu cầu học tiếng Anh người ngày gia tăng nhanh chóng Tại trung tâm, nhân viên phải túc trực để tư vấn hướng dẫn, cung cấp thơng tin khóa học, lộ trình học cho người có nhu cầu tìm hiểu Việc tư vấn thơng thường kèm theo thi thử để nhận biết lực Anh ngữ người đăng ký mức độ Từ người nhân viên phân tích, cung cấp lộ trình học phù hợp với nhu cầu người đăng ký Thế nhưng, khóa học trung tâm Anh ngữ thường đa dạng hình thức, thời gian, nhu cầu học tiếng Anh người khác nhau, mà tổng thời gian trình tư vấn kéo dài suốt 3-4 tiếng đồng hồ, lên đến 1-2 ngày Từ dẫn đến hiệu công việc kém, mệt mỏi, tiêu tốn nhiều thời gian phía người nhân viên tư vấn người đăng ký không đáp ứng từ phía trung tâm lúc, thời gian người nhân viên thực tư vấn mà có nhiều người đăng ký khác đến tìm hiểu trung tâm Để giải vấn đề trên, nhóm em định chọn đề tài Ứng dụng tích hợp Chatbot hỗ trợ tư vấn khóa học trực tuyến, nhằm phát triển ứng dụng cung cấp nhanh chóng thơng tin phía trung tâm tiếng Anh đồng thời tích hợp chatbot hỗ trợ tự động tư vấn, cung cấp thông tin, hướng dẫn đăng ký thi thử đến với ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT người dùng truy cập vào ứng dụng Mục tiêu: bao gồm mục tiêu chính: Xây dựng chatbot: + Trả lời nhanh, tự động câu hỏi thường gặp người dùng, có khả đối đáp, tư vấn dựa vào nhu cầu người dùng, gợi ý lựa chọn khóa học phù hợp cho người dùng, từ giảm tối đa thời gian tiêu tốn cần thiết cho việc tư vấn nhân viên trung tâm + Cung cấp thông tin trung tâm, chương trình đào tạo, nội dung khóa học… theo kịch cung cấp sẵn + Bot có khả đưa câu trả lời động + Hỗ trợ đăng ký thi thử trung tâm + Áp dụng xử lý ngôn ngữ tự nhiên để giao tiếp, Bot có khả học thoại “độc lạ” Xây dựng ứng dụng: + Ứng dụng tích hợp chatbot hỗ trợ tư vấn khóa học trực tuyến + Giới thiệu trung tâm, khóa học, quy chế đào tạo, thông tin liên hệ cách trực quan, đem đến cho người dùng nội dung chi tiết + Đăng ký thi thử trực tuyến + Cung cấp giao diện thân thiện, tiện dụng, hỗ trợ quản lý, cập nhật lời thoại, kịch Bot cách nhanh chóng + Cung cấp giao diện quản lý tài khoản nội bộ, đăng chỉnh sửa tin tức dành cho nhân viên trung tâm, phân quyền theo vị trí Phạm vi: Phạm vi môi trường: Ứng dụng Web Phạm vi chức năng: − Đối với chatbot: + Xử lý ngôn ngữ tự nhiên, Bot hiểu tương đối ngơn ngữ tiếng Việt + Đối đáp xác theo kịch + Áp dụng câu trả lời động, Bot trích xuất từ ngữ, ý từ lời thoại người dùng nhập vào sử dụng để làm câu trả lời ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT 7.2.24 Trang Tạo tài khoản Hình 7.2-29: Trang Tạo tài khoản a Mô tả tổng quát Đây công cụ dành riêng cho người dùng Quản lý nơi nhập thông tin tạo tài khoản cho nhân viên họ Tài khoản yêu cầu thông tin sau: Họ tên, Tên tài khoản, Mật khẩu, Email xác thực Loại tài khoản 124 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT b Các đối tượng hình STT Tên đối tượng Loại Chức Đóng Button Đóng hộp thoại tạo tài khoản Họ tên Input Nhận họ tên nhân viên Tên tài khoản Input Nhập tên tài khoản Mật Input Nhập mật cho tài khoản Email xác thực Input Nhập email dùng để xác thực tài khoản Loại tài khoản Select Chọn Loại tài khoản cho tài khoản Tạo AppCompatButton Xác nhận tạo tài khoản 125 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT 7.2.25 Quản lý Chatbot Hình 7.2-30: Trang Quản lý Chatbot a Mơ tả tổng qt Màn hình tính quản lý tài khoản dành cho người dùng Quản lý Trang thể danh sách thông tin tư vấn Webhook mà Chatbot kết nối; cung cấp tính thay đổi số thông tin thoại tư vấn Tuy nhiên, thực tạo thoại Ngồi ra, quản lý thực kiểm thử thay đổi Bot kiểm thử cài đặt phía bên phải hình 126 ỨNG DỤNG TƯ VẤN KHĨA HỌC HỖ TRỢ CHATBOT b Các đối tượng hình STT Tên đối tượng Loại Chức Tìm kiếm Input Tìm kiếm thoại Sắp xếp Select Sắp xếp danh sách theo thứ tự định Chuyển danh mục Button Điều hướng đến danh mục tương ứng Pagination Pagination Chuyển tiếp danh sách đến trang sau Bot kiểm thử Layout Cho phép nhập trò chuyện thử với Chatbot Danh sách thoại tư vấn CardList Hiện thị thoại tư vấn có hệ thống Webhook Card Hiện thị vài thông tin thoại tư vấn cụ thể Chứa nút thao tác mở thoại Chi tiết thông tin tư vấn cho việc theo dõi cập nhập Card thông tin 127 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT 7.2.26 Chi tiết thông tin tư vấn Hình 7.2-31: Chi tiết thông tin tư vấn (read-only) Hình 7.2-32: Chi tiết thông tin tư vấn (cập nhập) a Mô tả tổng quát Đây công cụ dành riêng cho người dùng Quản lý nơi thể thông tin chi tiết thoại tư vấn liên quan đến khóa học cấp học Chatbot Người dùng Quản lý thông qua trang thực thay đổi số thông tin để cập nhập thoại b Các đối tượng hình STT Tên đối tượng Loại Chức Tên parameter Span Tên giá trị parameter (không thể cập nhập hay thay đổi) Các trường thông tin Input Hiện thị nhập trường thông tin 128 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT Các trường thông tin chọn lựa Select Hiện thị đặt trường thông tin Nút Cập nhập Button Xác nhận cập nhập thay đổi lên hệ thống Đóng Button Đóng thoại Chi tiết thơng tin tư vấn 7.2.27 Trang Cài đặt tài khoản Hình 7.2-33: Trang Cài đặt tài khoản a Mô tả tổng quát Đây công cụ dành riêng cho người dùng có tài khoản, bao gơm Quản lý Nhân viên nơi thể thông tin chi tiết người dùng tài khoản họ 129 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT Người dùng thơng qua trang thực thay đổi mật số thông tin nhân họ tên, ngày sinh, nơi ảnh đại diện b Các đối tượng hình STT Tên đối tượng Loại Chức Các Khay thông tin Layout Thể thông tin chi tiết người dùng tài khoản Cho phép người dùng mở hộp thoại Cập nhập thông tin tài khoản Nút đổi ảnh đại diện Input Mở hộp thoại chọn ảnh từ thiết bị cập nhập ảnh đại diện 7.2.28 Cập nhập thông tin tài khoản Hình 7.2-34: Trang Cập nhập thông tin tài khoản a Mô tả tổng quát Đây cơng cụ dành riêng cho người dùng có tài khoản, bao gôm Quản lý Nhân viên nơi thể thông tin chi tiết người dùng tài khoản họ 130 ỨNG DỤNG TƯ VẤN KHĨA HỌC HỖ TRỢ CHATBOT Người dùng thơng qua trang thực số thơng tin nhân họ tên, ngày sinh, nơi ở, giới tính số thơng tin liên hệ b Các đối tượng hình STT Tên đối tượng Loại Chức Các trường thông tin nhập Input Thể thông tin chi tiết người dùng tài khoản Cho phép người dùng mở hộp thoại Cập nhập thơng tin tài khoản Trường giới tính Switch Mở hộp thoại chọn ảnh từ thiết bị cập nhập ảnh đại diện Nút Cập nhập Button Xác nhận cập nhập thơng tin Đóng Button Đóng thoại Cập nhập thơng tin tài khoản 7.2.29 Đổi mật Hình 7.2-35: Trang Đổi mật 131 ỨNG DỤNG TƯ VẤN KHĨA HỌC HỖ TRỢ CHATBOT a Mơ tả tổng quát Đây công cụ dành riêng cho người dùng có tài khoản, bao gơm Quản lý Nhân viên nơi người dùng thực thay đổi mật họ b Các đối tượng hình STT Tên đối tượng Loại Chức Mật Input Nhập mật Mật Input Nhập mật Xác nhận mật Input Nhập xác nhận mật Nút thị input Switch Hiển thị/Che thông tin nhập Nút cập nhập Button Xác nhận cập nhập mật Đóng Button Đóng thoại Đổi mật 132 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT 7.2.30 Chatbot kiểm thử Hình 7.2-36: Chatbot kiểm thử a Mô tả tổng quát Màn hình tính quản lý tài khoản dành cho người dùng Quản lý, cho phép quản lý thực kiểm thử thay đổi b Các đối tượng hình STT Tên đối tượng Loại Chức Khung chat Div Khung chat người dùng Chatbot Vùng nhập thoại Input Vùng nhập nội dung thoại người dùng muốn nói Nút gửi thoại Button Gửi nội dung thoại Vùng nhập thoại đến Chatbot Người dùng nhập Paragraph Hiện thị thoại mà Bot đọc 133 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT Kết Layout 134 Thể lời đáp Bot thoại mà người dùng nhập ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT CHƯƠNG 8: CÀI ĐẶT VÀ KIỂM THỬ 8.1 Môi trường cài đặt kiểm thử: Môi trường cài đặt: Windows Thiết bị cài đặt: Máy tính cá nhân có trình duyệt Microsoft Edge, Chrome, Cốc Cốc,… 8.2 Kết kiểm thử STT Tính Mức độ hoàn thiện Đăng nhập 100% Xem, Đăng, Xóa, Cập nhật Ghi 100% Tin tức Xem, Tạo, Xóa, Cập nhật 100% Hỏi đáp Xem, Điều chỉnh thoại Chatbot 100% Xem, Tạo, Cập nhật, Kích hoạt, Vơ hiệu hóa Tài khoản 100% Đổi mật 100% Trò chuyện ChatBot 100% Đăng xuất 100% 135 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT CHƯƠNG 9: KẾT LUẬN 9.1 Tổng kết - Điều quan trọng làm ứng dụng tư vấn khóa học có hỗ trợ chatbot phải nắm thông tin chi tiết khách hàng để nội dung tư vấn minh bạch, dễ hiểu xác Cùng lúc đó, xác định từ khóa câu chữ người dùng để suy mục đích hỏi nội dung câu hỏi họ cách tối ưu đắn để bot hiểu - Ứng dụng tư vấn khóa học tập trung cung cấp xoay quanh thông tin từ tổng quát đến chi tiết trung tâm, khóa học, tư vấn Cung cấp thông tin đến người dùng nhiều hình thức, thơng qua Chatbot, thơng qua văn - Cần phân tích kỹ xác định tính trước thực code, thiết kế giao diện, thiết kế sở liệu - Cần xếp thời gian code cho chức cách hợp lý hơn, không nên tốn nhiều thời gian cho phần - Có khả đọc tài liệu tiếng anh lợi hướng dẫn bản, hay tài liệu đa số viết tiếng Anh 9.2 Khó khăn - Việc làm đồ án theo nhóm gặp nhiều trở ngại cơng đoạn xác định tính ứng dụng, phần việc phân chia chưa thật hợp lý, công với thành viên nhóm - Nhóm tốn nhiều thời gian cho việc làm quen với cách hoạt động Chatbot cách làm việc nhóm - Chưa xếp thời gian cách hợp lý nên tốn nhiều thời gian phần tự tìm hiểu số nội dung : + Sử dụng ReactJS, NodeJS + Thao tác với npm xử lý lỗi set-up phát sinh + Vận hành Dialog Flow kết hợp với fullfillment webhook + Xử lý lưu liệu dạng hình ảnh - Quản lý parameters entity Dialog Flow nhiều bất cập, chưa thể xử lý trường hợp trùng value entity 136 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT - Khó khăn việc đọc tài liệu chuyên ngành tiếng Anh - Các thành viên có xung đột thiết kế giao diện logic ứng dụng 9.3 Kết đạt - Kết nhóm cố gắng để hoàn thành chức đưa từ đầu - Hiểu cách hoạt động Dialogflow Chatbot tích hợp với website ReactJS, NodeJS mySQL - Nâng cấp chatbot, tích hợp với fullfillment webhook - Cách kết nối làm việc NodeJS MySQL - Cách hợp code thành viên lại với thông qua Github - Các thành viên giải thắc mắc cách trao đổi qua tin nhắn hay qua mạng xã hội, tìm hiểu sửa lỗi chương trình - Cải thiện khả đọc tài liệu tiếng Anh 9.4 Hạn chế đồ án - Code chưa tối ưu tốt dẫn đến load trang web chậm xử lý hệ thống nhiều dư thừa thiếu sót - Giao diện người dùng mức tạm được, chưa tích hợp responsive hồn tồn có hoạt ảnh để tạo hiệu ứng sinh động - Cịn nhiều tính chưa tối ưu, chưa tiện dụng người dùng - Dữ liệu lưu trữ MySQL bị hạn chế - Chatbot hoạt động chưa ổn định, phụ thuộc nhiều vào độ kết nối mạng chưa có khả học máy - Cho phép người dùng cập nhật thoại ChatBot thông qua ứng dụng cịn hạn chế nhiều tính 9.5 Hướng phát triển - Thêm ứng ứng dụng trạng thái “Đang thực thi” tính - Đầu tư, phát triển thiết kế giao diện - Gia hạn thời gian tồn Xác thực người dùng - Tối ưu hóa code - Nâng cấp thêm tính tiện ích hỗ trợ người dùng - Nâng cấp ChatBot 137 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT TÀI LIỆU THAM KHẢO ❖ [1] Các Thư viện sử dụng trình phát triển axios: https://www.npmjs.com/package/axios [2] js-cookie: https://www.npmjs.com/package/js-cookie [3] react-responsive-carousel: https://www.npmjs.com/package/react-responsive-carousel [4] dialogflow-fulfillment: https://www.npmjs.com/package/dialogflow-fulfillment [5] Nodemailer: https://www.npmjs.com/package/nodemailer [6] sequelize: https://www.npmjs.com/package/sequelize ❖ Tài liệu hướng dẫn code mẫu xây dựng ứng dụng [1] Code thao khảo: [2] Hướng dẫn lập trình ReactJS: https://stackoverflow.com/ https://reactjs.org/docs/getting-started.html https://www.w3schools.com/REACT/DEFAULT.ASP ❖ [1] Tài liệu code mẫu xây dựng ChatBot Fullfilment https://www.smashingmagazine.com/2020/12/conversational-nlpenabled-chatbot-google-dialogflow/ https://abhinavkumar985.medium.com/nodejs-webhook-for-dialogflowfulfillment-a8e392b257b8 [2] Dialogflow ChatBot connect with NodeJS https://www.kommunicate.io/blog/integrate-dialogflow-nodejs/ https://www.smashingmagazine.com/2021/01/dialogflow-agent-reactapplication/ [3] Hướng dẫn sử dụng DialogFlow: https://cloud.google.com/dialogflow/es/docs 138 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT ... thông tin trung tâm 35 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT CHƯƠNG 5: ĐẶC TẢ USE CASE 5.1 Sơ đồ Use Case Hình 5.1-1: Sơ đồ Use Case 36 ỨNG DỤNG TƯ VẤN KHÓA HỌC HỖ TRỢ CHATBOT 5.2 Danh sách... tài Ứng dụng tích hợp Chatbot hỗ trợ tư vấn khóa học trực tuyến, nhằm phát triển ứng dụng cung cấp nhanh chóng thơng tin phía trung tâm tiếng Anh đồng thời tích hợp chatbot hỗ trợ tự động tư vấn, ... tiếng Anh tích hợp chatbot hỗ trợ tự động tư vấn, hướng dẫn đăng ký đến với người dùng truy cập vào ứng dụng Website hỗ trợ tư vấn khóa học nhóm tập trung Loại Khóa học mà học viên chọn lựa,