Xây dựng website bán nông sản với chatbot tư vấn (khóa luận tốt nghiệp)

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN HỒNG TRƯỜNG KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN NÔNG SẢN VỚI CHATBOT TƯ VẤN Building a website to sell agricultural products with consulting chatbot KỸ SƯ NGÀNH CƠNG NGHỆ PHẦN MỀM TP HỒ CHÍ MINH, 2022 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN HỒNG TRƯỜNG – 17521185 KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN NÔNG SẢN VỚI CHATBOT TƯ VẤN Building a website to sell agricultural products with consulting chatbot KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN ThS Trần Thị Hồng Yến TP HỒ CHÍ MINH, 2022 THƠNG TIN HỘI ĐỒNG CHẤM KHÓA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin – Chủ tịch – Thư ký – Ủy viên – Ủy viên ĐẠ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 tháng năm NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG WEBSITE BÁN NƠNG SẢN VỚI CHAT BOT TƯ VẤN Building a website to sell agricultural products with consulting chatbot Nhóm SV thực hiện: Nguyễn Hồng Trường Cán hướng dẫn: ThS Trần Thị Hồng Yến 17521185 Đánh giá Khóa luận Về báo cáo: Số trang: …… Số chương: …… Số bảng số liệu: …… Số hình vẽ: …… Số tài liệu tham khảo: …… Sản phẩm: …… Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: Nguyễn Hoàng Trường: ………/10 Người nhận xét (Ký ghi rõ họ tên) ĐẠ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 tháng năm NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG WEBSITE BÁN NƠNG SẢN VỚI CHAT BOT TƯ VẤN Nhóm SV thực hiện: Nguyễn Hồng Trường Cán phản biện: 17521185 Đánh giá Khóa luận Về báo cáo: Số trang: …… Số chương: …… Số bảng số liệu: …… Số hình vẽ: …… Số tài liệu tham khảo: …… Sản phẩm: …… Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: Nguyễn Hoàng Trường: ………/10 Người nhận xét (Ký ghi rõ họ tên) LỜI CẢM ƠN Sau trình học tập rèn luyện trường Đại Học Công Nghệ Thông Tin, em nhận dạy nhiệt tình tâm huyết q thầy Nhờ em học tập nhiều kiến thức bổ ích khóa luận tốt nghiệp giúp em hệ thống hóa kiến thức Trong khoảng thời gian thực khóa luận, em có điều kiện nâng cao kiến thức, kỹ năng, kinh nghiệm cần thiết, giúp em phát huy điểm mạnh khắc phục điểm yếu Em xin chân thành cảm ơn quý thầy cô Khoa Công nghệ Phần mềm, đặc biệt cô Trần Thị Hồng Yến thời gian qua cung cấp cho em kiến thức chun mơn góp ý em nhiều Cơ nhiệt tình tâm huyết, ln có mặt để hỗ trợ em gặp vấn đề q trình thực khóa luận, đồng thời cô động viên để tiếp thêm cho em động lực giai đoạn Nhờ mà em phát huy hết khả hồn thành tốt khóa luận báo cáo Mặc dù cố gắng, nhiên hiểu biết cịn hạn chế nên khơng tránh khỏi sai sót, em mong nhận thơng cảm góp ý chân tình từ q thầy để em hồn thành cách tốt Em xin chân thành cảm ơn quý thầy cơ! Thành phố Hồ Chí Minh, tháng 06 năm 2022 Sinh viên thực Nguyễn Hoàng Trường MỤC LỤC Chương TỔNG QUAN ĐỀ TÀI 21 1.1 Lí chọn đề tài 21 1.2 Mục đích 21 1.3 Đối tượng sử dụng .22 1.4 Công nghệ sử dụng 22 Chương PHÁT BIỂU BÀI TOÁN 23 2.1 Website bán hàng trực tuyến .23 2.2 Chatbot .23 2.3 Khảo sát trạng 24 2.3.1 Khảo sát trách nhiệm 24 2.3.2 Khảo sát liệu 24 2.3.3 Đánh giá trạng hướng giải 25 Chương CƠ SỞ LÝ THUYẾT 26 3.1 Laravel PHP Framework 26 3.1.1 Mô hình MVC .26 3.1.2 Giới thiệu Laravel PHP Framework .26 3.2 Bootstrap 27 3.2.1 Giới thiệu Bootstrap 27 3.2.2 Hướng dẫn sử dụng Bootstrap 28 3.3 jQuery 28 3.3.1 Giới thiệu jQuery 28 3.3.2 Ưu điểm JQuery 28 3.4 MySQL 29 3.4.1 MySQL gì? 29 3.4.2 Một số đặc điểm MySQL 29 Chương PHÂN TÍCH & THIẾT KẾ 30 4.1 Xác định yêu cầu .30 4.1.1 Danh sách yêu cầu chức .30 4.1.2 Danh sách biểu mẫu quy định biểu mẫu 31 4.2 Đặc tả use-case 37 4.2.1 Sơ đồ use-case tổng quát .37 4.2.2 Danh sách actor .38 4.2.3 Danh sách use-case 38 4.2.4 Đăng nhập 40 4.2.5 Đăng ký 41 4.2.6 Xem thông tin sản phẩm 42 4.2.7 Quản lý giỏ hàng 43 4.2.8 Chatbot tư vấn 44 4.2.9 Xem thông tin tài khoản 45 4.2.10 Quản lý sản phẩm .46 4.2.11 Quản lý danh mục .47 4.2.12 Quản lý thông tin khách hàng 48 4.2.13 Quản lý đơn hàng .49 4.2.14 Quản lý mã khuyến 51 4.2.15 Thống kê doanh thu 52 4.2.16 Quản lý nhân viên .53 4.2.17 Quản lý kho 54 5.2.14 Màn hình tạo mã khuyến 5.2.14.1 Giao diện Hình 5.26 Màn hình tạo mã khuyến 5.2.14.2 Mơ tả • Đây giao diện giúp nhân viên tạo mã khuyến • Các thao tác nhân viên trải nghiệm giao diện: - Form “Thông tin”: Nhân viên thông tin mã khuyến - Button “Tạo mã khuyến mãi”: Hệ thống lưu liệu chuyển hướng sang trang Danh sách mã khuyến • Nếu nhân viên nhập không đầy đủ thông tin thông tin khơng xác, hệ thống thơng báo thất bại lỗi giao diện 102 5.2.15 Màn hình danh sách nhân viên 5.2.15.1 Giao diện Hình 5.27 Màn hình danh sách nhân viên 5.2.15.2 Mơ tả • Đây giao diện giúp quản trị xem danh sách nhân viên thực thao tác quản lý • Các thao tác nhân viên trải nghiệm giao diện: - Button “Bộ lọc”: Hiển thị lọc nhân viên - Button “Tạo mới”: Chuyển hướng đến trang tạo nhân viên - Button “Cập nhật”: Chuyển hướng đến trang cập nhật nhân viên - Button “Xóa”: Xóa nhân viên khỏi danh sách • Giao diện sử dụng công nghệ DataTables giúp cho việc truy cập liệu bảng HTML Ngồi ra, giao diện cịn sử dụng cơng nghệ PHPExcel để in đơn đặt hàng • Khi xóa nhân viên, hệ thống xác nhận lại nhân viên có chắn xóa hay khơng 103 5.2.16 Màn hình tạo nhân viên 5.2.16.1 Giao diện Hình 5.28 Màn hình tạo nhân viên 5.2.16.2 Mơ tả • Đây giao diện giúp người quản trị tạo nhân viên • Các thao tác người quản trị trải nghiệm giao diện: - Form “Thông tin”: Người quản trị thông tin nhân viên - Button “Tạo tài khoản”: Hệ thống lưu liệu chuyển hướng sang trang Danh sách mã khuyến • Nếu người quản trị nhập không đầy đủ thông tin thông tin khơng xác, hệ thống thơng báo thất bại lỗi giao diện 104 5.2.17 Màn hình thống kê doanh thu 5.2.17.1 Giao diện Hình 5.29 Màn hình thống kê doanh thu theo bảng biểu Hình 5.30 Màn hình thống kê doanh thu theo biểu đồ 105 5.2.17.2 Mơ tả • Đây giao diện giúp nhân viên thống kê doanh thu • Các thao tác người quản trị trải nghiệm giao diện: - Button “Biểu đồ”: Thống kê theo biểu đồ - Button “Bảng”: Thống kê theo bảng 5.3 Các giao diện khác 5.3.1 Giao diện email đơn hàng Hình 5.31 Giao diện mail - đơn hàng • Mail gửi tài khoản sau xác nhận tốn đơn hàng • Hệ thống sử dụng công nghệ Mail Laravel để gửi mail tài khoản (Nguồn tham khảo: laravel.com/docs/8.x/mail) 106 5.3.2 Thông báo thành công Hình 5.32 Thông báo thành công • Thông báo hiển thị hệ thống thông báo thao tác người dùng thành cơng • Thông báo dùng công nghệ SweetAlert (Nguồn tham khảo: sweetalert.js.org/guides/) 5.3.3 Thông báo thất bại Hình 5.33 Thông báo thất bại • Thơng báo hiển thị hệ thống thông báo thao tác người dùng thất bại • Thông báo sử dụng công nghệ SweetAlert (Nguồn tham khảo: sweetalert.js.org/guides/) 107 5.3.4 Xác nhận xóa Hình 5.34 Xác nhận xóa • Xác nhận hiển thị nhân viên người dùng xóa liệu • Xác nhận sử dụng tính Modal Bootstraps (Nguồn tham khảo: getbootstrap.com/docs/4.0/components/modal/ ) 5.3.5 Giao diện excel phiếu nhập hàng Hình 5.35 Giao diện excel - phiếu nhập hàng • Hệ thống in hóa đơn Excel nhân viên nhập hàng • Hệ thống sử dụng cơng nghệ PHPExcel để in hóa đơn (Nguồn tham khảo: github.com/PHPOffice/PHPExcel) 108 Chương CHATBOT TƯ VẤN 6.1 Tổng hợp trình sử dụng chatbot khách hàng Hình 6.1 Sơ đồ mơ tả q trình mua sản phẩm Hình 6.2 Sơ đồ miêu tả trình phản hồi sản phẩm STT Quá trình Đặt hàng Chi tiết Khách hàng đặt hàng cung cấp thông tin cá nhân, thông tin giao hàng, hệ thống chatbot tự động ghi nhận lưu vào sở liệu Nhân viên nhận thông tin đặt hàng liên hệ với khách hàng Hỏi thông tin sản phẩm Khách hàng hỏi chi tiết thông tin sản phẩm giá cả, số lượng, hạn sử dụng, xuất xứ, … 109 Chatbot vào liệu lấy thứ khách hàng cần tư vấn trả lời Phản hồi sản phẩm Khách hàng sau mua hàng phản hồi với chatbot Chatbot ghi nhận thông tin trả lời khách hàng Tư vấn Khách hàng cần thông tin tư vấn nông sản Chatbot ghi nhận thông tin trả lời khách hàng 6.2 Kỹ thuật xây dựng chatbot 6.2.1 Webhook [6] Hình 6.3 Webhook Webhooks đơi cịn gọi "Reverse APIs" Trong API, ứng dụng client-side gọi (tiêu thụ) ứng dụng server-side Trong đó, có web hook, phía server-side gọi web hook (end-point URL cung cấp ứng dụng client-side), ví dụ: ứng dụng server-side gọi ứng dụng client-side Do đó, thay ứng dụng client-side phải liên tục thăm dò ứng dụng serverside để kiểm tra kiện mới, ứng dụng server-side gọi ứng dụng client-side (bằng cách gọi URL webhook từ client cung cấp) server-side có thơng tin để báo cáo cho client 110 Kỹ thuật xây dựng đề tài: Khi người dùng A gửi tin nhắn cho bot hệ thống, em sử dụng bot Server yêu cầu bot tự động trả lời cho người dùng A nhắn tin đến bot Lúc em đưa lên hệ thống Webhook server xử lý liệu gửi qua Webhook, dùng Rest API yêu cầu bot trả lời cho người dùng 6.2.2 BotMan [7] Hình 6.4 BotMan BotMan tính PHP Chatbot thiết kế để đơn giản hóa việt phát triển botchat nhiều tảng messaging khác Slack, Telegram, Microsoft Bot Framework, HipChat, Facebook Messenger, WeChat BotMan Studio package BotMan Laravel cung cấp công cụ để triển khai trình điều khiển web công cụ hỗ trợ cài đặt dễ dàng 6.3 Xây dựng chatbot Hình 6.5 Minh hoạt khung chatbot 111 Hình 6.6 Sơ đồ kịch chatbot 112 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 7.1 Kết đạt Đề tài khóa luận “Xây dựng website bán nông sản với chatbot tư vấn” thực kết sau: • Áp dụng cách phân tích thiết kế hệ thống phần mềm, quy trình phát triển phần mềm, kiến thức liên quan đến quản lý triển khai dự án phần mềm, giúp thiết lập, quản lý, triển khai dự án học • Tìm hiểu, nâng cao kiến thức cơng nghệ xây dựng website Laravel, jQuery, Bootstraps, MySQL; công nghệ để xây dựng chatbot Webhook, BotMan cơng nghệ liên quan khác • Xây dựng website bán nông sản với chatbot tư vấn đáp ứng tiêu chí sau: - Đầy đủ chức website bán hàng trực tuyến dành cho khách hàng nhân viên cửa hàng - Website xếp, bố cục cách hợp lý, tạo điều kiện cho người dùng dễ định hướng website - Giúp người dùng nắm rõ thông tin sản phẩm, đặt sản phẩm, thông tin cửa hàng thông qua chatbot nhanh 7.2 Ưu điểm • Website thiết kế giao diện đồ họa với cửa sổ, hộp thoại đẹp mắt dễ sử dụng • Website triển khai máy tính với nhiều tảng khác • Website tích hợp chatbot hỗ trợ tư vấn người dùng nhanh thời điểm 24/7 7.3 Nhược điểm • Trang web chưa đầy đủ tính để quản lý cửa hàng nơng sản • Chưa thực số chức nâng cao tích hợp tốn 113 ngân hàng, quản lý giao hàng, … • Cơ sở liệu thu thập chưa đủ lớn nên xây dựng chatbot chưa đầy đủ nội dung kịch • Cấu trúc website, code CSDL chưa tối ưu 7.4 Hướng phát triển Về bản, nghiên cứu đạt yêu cầu đề Tuy nhiên có thêm thời gian, đề tài cố gắng phát triển thêm số chức như: • Tạo thêm môi trường chạy ứng dụng tảng Mobile để tăng tính tiện lợi • Bổ sung chức quản lý nhập - xuất - tồn • Cung cấp chức quản lý tài cửa hàng • Xây dựng chế khuyến rõ ràng, hợp lý • Tích hợp hình thức tốn trực tuyến • Phát triển hệ thống khuyến nghị sản phẩm 114 TÀI LIỆU THAM KHẢO [1] ThS Trần Anh Dũng (2021), Công nghệ phần mềm chuyên sâu, Khoa Công Nghệ Phần Mềm - Đại học Công Nghệ Thông Tin - Đại Học Quốc Gia TP.HCM [2] ThS Nguyễn Thị Thanh Trúc (2022), Kiểm chứng phần mềm, Khoa Công Nghệ Phần Mềm - Đại học Công Nghệ Thông Tin - Đại Học Quốc Gia TP.HCM [3] ThS Phan Trung Hiếu (2021), Chuyên đề E-Commerce, Khoa Công Nghệ Phần Mềm - Đại học Công Nghệ Thông Tin - Đại Học Quốc Gia TP.HCM [4] Joel Murach, Ray Harris (2016), Sách Lập trình PHP MySQL, Nhà xuất Murach - Trường Đại Học FPT [5] Joel Murach, Ray Harris (2016), Sách Lập trình nâng cao PHP MySQL, Nhà xuất Murach - Trường Đại Học FPT [6] TECH5S, “Bán hàng trực tuyến website bán hàng trực tuyến ?,” 12 03 2019 [Trực tuyến] Available: https://tech5s.com.vn/website-ban-hang-tructuyen-la-gi-va-tai-sao-can-thiet-ke-website-ban-hang [Đã truy cập 06 04 2022] [7] “Chatbot gì? Ứng dụng thực tế Chatbot kinh doanh,” 27 12 2021 [Trực tuyến] Available: https://wiki.matbao.net/chatbot-la-gi-ung-dung-thucte-cua-chatbot-trong-kinh-doanh/ [Đã truy cập 04 06 2022] [8] N Thành, “Laravel gì? Tại nên dùng Laravel,” 01 04 2022 [Trực tuyến] Available: https://division1.rikkeisoft.com/?p=669 [Đã truy cập 04 06 2022] [9] “Bootstrap gì? Cài đặt Bootstrap, web chuẩn responsive,” 15 10 2021 [Trực tuyến] Available: https://wiki.matbao.net/bootstrap-la-gi-cai-dat-bootstrapweb-chuan-responsive/ [Đã truy cập 04 06 2022] 115 [10] “jQuery gì? Tổng quan hướng dẫn sử dụng jQuery,” 16 10 2021 [Trực tuyến] Available: https://wiki.matbao.net/jquery-la-gi-tong-quan-ve-jqueryva-huong-dan-su-dung-jquery/ [Đã truy cập 04 06 2022] [11] “MySQL gì? Tầm quan trọng SQL,” 27 05 2022 [Trực tuyến] Available: https://vietadsgroup.vn/mysql-la-gi-khai-niem-mysql-la-gi.html [Đã truy cập 04 06 2022] [12] “Webhook gì? Những điều cần biết Webhook,” 26 02 2021 [Trực tuyến] Available: https://atpsoftware.vn/webhook-la-gi.html [Đã truy cập 04 06 2022] [13] Thành Nguyễn, “Tạo chatbot đơn giản Laravel với BotMan,” 25 01 2019 [Trực tuyến] Available: https://viblo.asia/p/tao-chatbot-don-gian-trong- laravel-voi-botman-E375zwNdKGW [Đã truy cập 04 06 2022] 116 ... controller TĨM TẮT KHĨA LUẬN Khóa luận với đề tài: ? ?Xây dựng website bán nông sản với chatbot tư vấn? ?? nhằm tạo website giúp cửa hàng Nông Sản Việt dễ dàng đưa thông tin sản phẩm, dịch vụ đến khách... hàng Nông Sản Việt Đề tài giúp cửa hàng nông sản tiết kiệm chi phí gia tăng hội cạnh tranh với đối thủ lĩnh vực khác Báo cáo khóa luận với đề tài: ? ?Xây dựng website bán nông sản với chatbot tư vấn? ??... website bán nông sản với công cụ chatbot để hỗ trợ việc kinh doanh đạt hiệu tối đa Vì thế, khóa luận tốt nghiệp này, em định thực đề tài ? ?Xây dựng website bán nông sản với chatbot tư vấn? ?? 1.2