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 CHATBOT 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 CHATBOT 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) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM 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 WEBSITE BÁN NÔNG SẢN VỚI CHATBOT TƯ VẤN Tên đề tài tiếng Anh: BUILDING A WEBSITE TO SELL AGRICULTURAL PRODUCTS WITH A CONSULTING CHATBOT Cán hướng dẫn: ThS Trần Thị Hồng Yến Thời gian thực hiện: Từ ngày 21/02/2022 đến tháng 10/06/2022 Sinh viên thực hiện: Nguyễn Hoàng Trường – 17521185 Nội dung đề tài: Giới thiệu: Trong kinh tế nay, mặt đời sống xã hội ngày nâng cao, đặc biệt nhu cầu trao đổi hàng hoá người ngày tăng số lượng chất lượng Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thông qua sản phẩm công nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu trang web bán hàng Với thao tác đơn giản thiết bị có nối mạng Internet, người dùng có tận tay họ cần mà nhiều thời gian Đặc biệt, bối cảnh dịch Covid-19 diễn biến phức tạp, nhiều địa phương áp dụng biện pháp giãn cách xã hội Kinh doanh trực tuyến biện pháp hữu hiệu nhằm giảm thiểu việc tiếp xúc trực tiếp, tập trung đông người Đây dịch vụ cần tiếp tục khuyến khích, phát triển nhân rộng Với lợi mặt hàng phong phú dễ lựa chọn, người nội trợ bỏ cơng chợ để chọn lựa hàng hóa, “ship” tận nhà nên khơng người ưu tiên lựa chọn dịch vụ Trong phạm vi đề tài Khóa luận tốt nghiệp này, nhóm nghiên cứu “Xây dựng website bán nơng sản với chatbot tư vấn” để hỗ trợ, chia sẻ, giảm bớt khó khăn việc chợ trực tiếp góp phần hạn chế gia tăng dịch bệnh, tránh tiếp xúc, tập trung đông người bối cảnh xã hội Mục tiêu: • Xây dựng website bán nơng sản với nội dung phong phú, giao diện thân thiện, màu sắc hài hòa, bố cục hợp lý, đáp ứng chức cần thiết website thương mại điện tử Đồng thời, tích hợp vào website chatbot tự động với kịch tư vấn đa dạng cho khách hàng • Xây dựng website quản trị cho nhân viên cửa hàng với chức quản lý thông tin đa dạng tiện dụng Phạm vi: • Phạm vi môi trường: - Triển khai sản phẩm đề tài mơi trường web • Phạm vi chức năng: - Quản lý danh mục, sản phẩm - Quản lý khách hàng, tài khoản cá nhân - Quản lý đơn đặt hàng, giỏ hàng, toán - Quản lý liên hệ, kiểm tra tin nhắn - Xuất mã QR cho sản phẩm - Chatbot tư vấn khách hàng - Thống kê báo cáo, tìm kiếm Đối tượng: - Người dùng có nhu cầu mua nơng sản cửa hàng - Nhân viên cửa hàng Phương pháp thực hiện: - Tìm hiểu PHP, Laravel Framework, MySQL - Khảo sát thực trạng website bán hàng có thị trường, từ tiến hành phân tích, xác định yêu cầu cụ thể cho đề tài - Phân tích thiết kế hệ thống website - Tìm hiểu quy trình thiết kế UX/UI tiến hành thiết kế giao diện cho website - Xây dựng website cho người dùng website cho nhân viên - Tích hợp chatbot hỗ trợ tư vấn người dùng - Tiến hành triển khai kiểm thử Công nghệ: - Front-end: HTML5, CSS3, jQuery - Back-end: PHP, Laravel Framework - Database: MySQL Kết mong đợi - Nắm bắt áp dụng công nghệ để xây dựng sản phẩm đề tài - Hiểu rõ nghiệp vụ, chức website thương mại điện tử - Áp dụng kiến thức học 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, quản lý triển khai dự án phần mềm để xây dựng website sản phẩm đề tài - Xây dựng website bán nông sản tích hợp chatbot tư vấn đáp ứng yêu cầu giao diện chức đề - Có thể thay đổi giao diện cách linh động mở rộng thêm chức cho website sản phẩm đề tài để phù hợp với nhu cầu thực tiễn tương lai 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 106 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 107 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 108 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 đồ 109 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 toá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) 110 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/) 111 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 – hóa đơn bán 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) 112 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ứ, … 113 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 [12] 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 114 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 [13] 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 115 Hình 6.6 Sơ đồ kịch chatbot 116 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 • 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 • Xây dựng website đáp ứng chức cần thiết cho khách hàng cho nhân viên cửa hàng • Website tích hợp chatbot hỗ trợ tư vấn khách hàng 117 7.3 Nhược điểm • Các chức đơn giản, chưa thực số chức nâng cao tích hợp tốn ngân hàng, quản lý giao hàng, … • 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 118 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 gì?” 12-03-2019 [Trực tuyến] https://tech5s.com.vn/website-ban-hang-truc-tuyenla-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 https://wiki.matbao.net/chatbot-la-gi-ung-dung-thuc-te-cua-chatbot-trongkinh-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] 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] https://wiki.matbao.net/bootstrap-la-gi-cai-dat-bootstrap-webchuan-responsive/ [Đã truy cập 04-06-2022] 119 [10] “jQuery gì? Tổng quan hướng dẫn sử dụng jQuery.” 16-10-2021 https://wiki.matbao.net/jquery-la-gi-tong-quan-ve-jquery-va-huong-dan-sudung-jquery/ [Đã truy cập 04-06-2022] [11] “MySQL gì? Tầm quan trọng SQL.” 27-05-2022 [Trực tuyến] 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] 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 https://viblo.asia/p/tao-chatbot-don-gian-trong-laravel-voi-botmanE375zwNdKGW [Đã truy cập 04-06-2022] [14] Sùng Thị Chấu, "Khái niệm nông sản chế biến, hàng nông sản theo Hiệp định nông nghiệp WTO", 24-07-2021 https://luatminhkhue.vn/khai-niem-nongsan-che-bien-hang-nong-san-theo-hiep-dinh-nong-nghiep-cua-wto.aspx [Đã truy cập 04-06-2022] 120 ... 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