Xây dựng website khóa học trực tuyến và chatbot hỗ trợ tư vấ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: XÂY DỰNG WEBSITE KHÓA HỌC TRỰC TUYẾN VÀ CHATBOT HỖ TRỢ TƯ VẤN Giảng viên hướng dẫn: Trần Anh Dũng Sinh viên thực hiện: Nguyễn Minh Thắng 19522210 Dương Trung Nguyên 19520782 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Thành phố Hồ Chí Minh, 2022 Contents LỜI CẢM ƠN ĐỀ CƯƠNG CHI TIẾT NỘI DUNG 12 CHƯƠNG 1: GIỚI THIỆU CHUNG 12 1.1 Tổng quan đề tài: 12 1.2 Lý chọn đề tài: 12 1.3 Đối tượng sử dụng: 12 1.4 Phạm vi nghiên cứu: 12 CHƯƠNG 2: CƠ SỞ LÍ THUYẾT .14 2.1 Công nghệ sử dụng 14 CHƯƠNG 3: CHATBOT 18 3.1 Công nghệ sử dụng: .18 3.2 Giao diện chatbot: 20 3.3 Quy trình hoạt động: 21 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 23 4.1 Kiến trúc hệ thống: 23 4.2 Chi tiết thành phần hệ thống: .24 CHƯƠNG 5: ĐẶC TẢ USE CASE 25 5.1 Sơ đồ Use Case: 25 5.2 Danh sách tác nhân: .26 5.3 Danh sách Use Case 27 5.4 Mô tả chi tiết Use Case 28 CHƯƠNG 6: THIẾT KẾ CƠ SỞ DỮ LIỆU 38 6.1 Sơ đồ logic 38 6.2 Danh sách quan hệ: .38 CHƯƠNG THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG 41 7.1 Danh sách hình: 41 7.2 Màn hình website 41 CHƯƠNG 8: 53 8.1 Môi trường cài đặt kiểm thử: 53 8.2 Kết kiểm thử: .53 CHƯƠNG 9: KẾT LUẬN .54 9.1 Tổng kết .54 9.2 Khó khăn 54 9.3 Kết đạt 55 9.4 Hạn chế đồ án .55 9.5 Hướng phát triển 55 Tài Liệu Tham khảo 57 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 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 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 ý q thầy để hồn thiện phát triển đồ án môn học Đồ á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 2021 Sinh viên TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ 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 trực tuyến Giảng viên hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 05/03/2022 đến ngày 11/06/2022 Sinh viên thực hiện: Nguyễn Minh Thắng - 19522210 Dương Trung Nguyên - 19520782 Nội dung đề tài Lý chọn đề tài: - Về chatbot: chương trình máy tính trí thông minh nhân tạo tương tác với người ngơn ngữ tự nhiên, người trị chuyện với chatbot thông qua giao diện hiển thị tin nhắn âm Các chatbot phổ biến thường truy cập thông qua trợ lý ảo Google Assistant, Amazon Alexa hay Apple Siri dạng ứng dụng tin nhắn Facebook Messenger Sự phát triển trí tuệ nhân tạo năm vừa qua thúc đẩy phát triển chatbot Chatbot trở nên phổ biến sử dụng nhiều lĩnh vực khác chăm sóc sức khỏe, bất động sản, du lịch, giáo dục, giải trí,… Chatbot linh hoạt thiết kế phục vụ cho lĩnh vực, ngành nghề đặc thù trên, giúp cải thiện trải nghiệm thỏa mãn khách hàng, đáp ứng nhu cầu khách hàng với tỷ lệ cao so với phận nhân viên trực tiếp chăm sóc khách hàng chatbot hoạt động 24/7, phục vụ nhiều khách hàng lúc, giảm thời gian chờ đợi cung cấp thơng tin xác - Về việc tư vấn chọn khóa học: Học trực tuyến trở thành xu hướng tốc độ phát triển internet, tính tiện dụng ảnh hưởng đại dịch Nhu cầu học trực tuyến người ngày tăng nhiều lĩnh vực khác ngoại ngữ, công nghệ thông tin, thiết kế, kinh doanh… Các trung tâm, tổ chức giáo dục hiểu điều mà tạo nhiều loại khóa học trực tuyến đa dạng mức độ, giá thời gian Vì nên người dùng muốn chọn cho khóa học phù hợp nhu cầu, trình độ giá vừa phải với ví tiền hay thời lượng học hợp lý thường phải nhiều thời gian để suy nghĩ, cân nhắc, tìm hiểu Để giải cho vấn đề website giới thiệu khóa học hỗ trợ chatbot tư vấn giải pháp tốt Mục tiêu: 2.1 Xây dựng chat bot: - Nghiên cứu công nghệ liên quan để xây dựng chatbot - Xây dựng chatbot có khả tương tác với người dùng - Tích hợp chatbot vào ứng dụng nhằm tạo ứng dụng có khả tư vấn, trả lời câu hỏi cung cấp thông tin cách xác cho người dùng khóa học 2.2 Xây dựng ứng dụng web khóa học: - Website giới thiệu trung tâm đào tạo khóa học - Giao diện đẹp mắt bố trí danh mục, menu thuận tiện cho người sử dụng - Đáp ứng nhu cầu tìm hiểu tư vấn khóa học - Xây dựng trang thơng tin tìm kiếm khóa học có ứng dụng chatbot để thu thập thơng tin người dùng tư vấn - Đưa đánh giá cho người dùng thơng tin khóa học để người dùng cân nhắc đưa lựa chọn hợp lý cho cá nhân - Tìm hiểu học hỏi công nghệ áp dụng lại vào đề tài - Tạo ứng dụng có giao diện thân thiện với người dùng, dễ dàng thao tác chỉnh sửa thông tin cần thiết - Phát triển ứng dụng có tính thực tiễn cao để triển khai vào thực tế - Dựa tảng lý thuyết giảng viên tư vấn đề cử, kết hợp với cơng nghệ, hy vọng xây dựng sản phẩm có kết tốt đạt tiêu chí ban đầu đề mong đợi Phạm vi đề tài: - Môi trường triển khai ứng dụng: Web - Các chức quan trọng: + Đối với chatbot: Có khả trả lời câu hỏi trung tâm đào tạo khóa học đầy đủ xác Phân tích nhu cầu đưa đề xuất phù hợp người dùng Cung cấp thông tin liên hệ trực tiếp đến với nhân viên tư vấn có vấn đề nằm ngồi phạm vi trả lời + Đối với ứng dụng khách hàng dùng: Cung cấp thơng tin trung tâm, khóa học trung tâm Người dùng đăng ký khóa học Phân loại khóa học theo danh mục, mức độ, thời gian giá thành Cung cấp công cụ tìm kiếm khóa học Hiển thị khóa học nhất, khóa học phổ biến + Đối với ứng dụng quản trị viên dùng: Quản lý thông tin trung tâm Quản lý khóa học Trả lời phản hồi khách hàng Đối tượng sử dụng: - Người có nhu cầu học khóa học lập trình - Quản trị viên trung tâm đào tạo Phương pháp thực hiện: 5.1 Phương pháp làm việc: - Làm việc nhóm thành viên hướng dẫn giảng viên - Làm việc online kết hợp offline học lại trường 5.2 Phương pháp nghiên cứu: - Phân tích nhu cầu sử dụng đối tượng người dùng - Nghiên cứu tài liệu công nghệ liên quan 5.3 Phương pháp công nghệ: - Tìm hiểu xây dựng chatbot web app dựa vào DialogFlow - Xây dựng giao diện web app để tương tác với người dùng - Sử dụng MySQL database để lưu trữ liệu vận hành website - Xây dựng chatbot Dialogflow - Quản lý source code thông qua Github - Sử dụng Trello, Google doc… để quản lý tiến trình tài liệu Nền tảng công nghệ: - Github - HTML, CSS, Javascript - Visual Studio Code - MySql - DialogFlow Kết mong đợi: - Một website khóa học tích hợp chatbot hoàn thiện đáp ứng yêu cầu đề đề cương - Chatbot hoạt động tốt đạt hài lòng người dùng Kế hoạch thực đề tài: STT Công việc Thời gian thực − Tìm hiểu đề tài 5/3/2022 - 15/10/2022 − Viết thuyết minh đồ án sơ − Tìm hiểu cơng nghệ 15/3/2022 - 31/3/2022 − Tìm hiểu yêu cầu nghiệp vụ đề tài − Phân tích yêu cầu 31/3/2022 - 30/4/2022 chức ứng dụng − Viết tài liệu mô tả − Xây dựng giao diện bản, prototype − Xây dựng vẽ − Xây dựng CSDL − Xây dựng giao diện 30/4/2022 - 15/4/2022 ứng dụng − Xây dựng back-end 16/4/2022 - 1/5/2022 − Xây dựng sở liệu − Kết nối sở liệu − Xây dựng giao diện 2/5/2022- 10/5/2022 chatbot − Xây dựng Chatbot 11/5/2022- 1/6/2022 với thoại − Xây dựng tính ứng dụng − Liên kết Chatbot vào web − Kiểm thử ứng dụng 2/6/2022-9/6/2022 − Viết báo cáo Phân công: 9.1 Công việc chung - Tìm hiểu cơng nghệ - Phân tích u cầu - Lập trình Backend - Lập trình Frontend - Kiểm thử - Chuẩn bị tài liệu, viết báo cáo 9.2 Công việc cá nhân SV: Nguyễn Minh Thắng - Xây dựng Chatbot 10 7.2.3 Màn hình quản lí khố học 43 7.2.4 Màn hình quản lí học viên 44 7.2.5 Màn hình quản lí ghi danh 7.2.6 Màn hình doanh thu 45 User 7.2.7 Màn hình đăng nhập 7.2.8 Màn hình đăng kí 7.2.9 Màn hình qn mật 46 7.2.10 Màn hình thơng tin người dùng 7.2.11 Màn hình giỏ hàng 47 7.2.12 Màn hình khố học 7.2.13 Màn hình chi tiết khố học 48 7.2.14 Màn hình lịch sử khố học 7.2.15 Màn hình danh sách ước 49 7.2.16 Màn hình trang chủ 50 51 7.2.17 Màn hình liên hệ, sách bảo mật, điều khoản 52 CHƯƠNG 8: 8.1 Môi trường cài đặt kiểm thử: Môi trường cài đặt: Trình duyệt Edge, Windows 10 Thiết bị cài đặt: Laptop cá nhân 8.2 Kết kiểm thử: STT Tính Mức thiện Đăng nhập 100% Đăng ký 100% Đăng xuất 100% độ hoàn Ghi Xem, Tạo, Xóa, Cập nhật 100% Khóa học Xem, Tạo, Xóa, Cập nhật Danh mục Xem, Tạo, Xóa, Cập nhật Tài khoản Chat với Chatbot 100% 100% 100% 53 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 PHP hệ sở liệu MySQL - Khó khăn việc đọc tài liệu chuyên ngành tiếng Anh 54 - 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 để hồn thành chức đưa từ đầu - Hiểu cách hoạt động Dialogflow Chatbot tích hợp với ứng dụng di động - 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 nên load ứng dụng chậm - Giao diện người dùng mức tạm - 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 chưa tích hợp xử lý ngôn ngữ tự nhiên - Chưa cho phép người dùng cập nhật thoại ChatBot thông qua ứng dụng 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 55 - Nâng cấp ChatBot 56 Tài Liệu Tham khảo 57 ... học hỗ trợ chatbot tư vấn giải pháp tốt Mục tiêu: 2.1 Xây dựng chat bot: - Nghiên cứu công nghệ liên quan để xây dựng chatbot - Xây dựng chatbot có khả tư? ?ng tác với người dùng - Tích hợp chatbot. .. UC12: Tư vấn chatbot Tên use case Tư vấn chatbot Mô tả Người dùng sử dụng chatbot để tư khoá học Tác nhân Khách hàng 33 Điều kiện trước Bấm vào khung chat chatbot Điều kiện sau Chatbot thực tư dụa... tài liệu mô tả − Xây dựng giao diện bản, prototype − Xây dựng vẽ − Xây dựng CSDL − Xây dựng giao diện 30/4/2022 - 15/4/2022 ứng dụng − Xây dựng back-end 16/4/2022 - 1/5/2022 − Xây dựng sở liệu −