Đồ án xây dựng website bán giày tích hợp chatbot

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN XÂY DỰNG WEBSITE BÁN GIÀY TÍCH HỢP CHATBOT Giảng viên hướng dẫn : ThS Nguyễn Thị Thanh Trúc Sinh viên thực : Lê Quang Huy - 20521396 Sinh viên thực : Nguyễn Tấn Huệ - 20521359 Lớp : SE121.N21.PMCL Thành phố Hồ Chí Minh, tháng năm 2023 NHẬN XÉT ĐỒ ÁN (Của cán giảng viên) LỜI CẢM ƠN Sau q 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 kỹ để hồn thành đồ án mơn học Đồ án môn học mang lại cho sinh viên nhìn việc áp dụng kiến thức có để giải vấn đề thực tế Mơn học thử thách hội để sinh viên rèn luyện hồn thiện thân qua kinh nghiệm, kỹ làm đồ án Chúng em xin gửi lời cảm ơn đến Nguyễn Thị Thanh Trúc tận tình quan tâm, giúp đỡ hướng dẫn nhóm suốt q trình làm đồ án Qua lời góp ý, bảo mà nhóm hồn thành đồ án tốt hơn.Nhóm xin cảm ơn tất thầy cô, anh chị, bạn bè giúp đỡ, hỗ trợ suốt q trình nhóm hồn thành đồ án Trong q trình học tập hồn thiện đồ án cịn gặp nhiều sai sót, chúng em mong nhận góp ý q thầy bạn để hồn thiện Chúng em xin chân thành cảm ơn! MỤC LỤC NHẬN XÉT ĐỒ ÁN (Của cán giảng viên) LỜI CẢM ƠN CHƯƠNG 1: TỔNG QUAN 1.1 Lý chọn đề tài 1.2 Mục tiêu .6 1.3 Phạm vi 1.4 Người dùng 1.5 Phương pháp nghiên cứu .7 1.6 Khảo sát nhu cầu người dùng form .7 1.7 Khảo sát, đánh giá website cạnh tranh CHƯƠNG 2: CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ 12 2.1 Giới thiệu ReactJS 12 2.1.1 Khái niệm 12 2.1.2 Ưu điểm 13 2.1.3 Nhược điểm .14 2.2 Giới thiệu MongoDB 14 2.2.1 Các đặc điểm MongoDB 14 2.2.2 Ưu điểm 15 2.2.3 Nhược điểm .16 2.3 Giới thiệu NodeJS 16 2.3.1 Khái niệm 16 2.3.2 Ưu điểm 17 2.2.3 Nhược điểm .17 2.4 Chatbot - DialogFlow 18 2.4.1 Khái niệm 18 2.4.2 Quy trình hoạt động 18 2.4.2.1 Về Agent Bot 18 2.4.2.2 Về Intent 19 2.4.2.3 Về Entity 20 2.4.2.4 Cách Bot xử lý input để đưa output 20 2.5 Kommunicate .20 CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG 22 3.1 Kiến trúc hệ thống 22 3.2 Mơ hình kiến trúc hệ thống 22 3.3 Mô tả chi tiết hệ thống .22 CHƯƠNG THIẾT KẾ VÀ TRIỂN KHAI HỆ THỐNG 24 4.1 Tổng quan sơ đồ Use-case 24 4.2 Danh sách Actor 24 4.3 Danh sách Use-case 25 4.4 Đặc tả Use-case Sơ đồ Hoạt động 27 4.4.1 Login 27 4.4.2 Sign up for User .29 4.4.3 Logout 31 4.4.4 View Product List 32 4.4.5 Search Product 33 4.4.6 Filter Product 35 4.4.7 Detail Product 37 4.4.8 Add to Cart .38 4.4.9 View Cart 40 4.4.10 View Coupon Code 41 4.4.11 Purchase 43 4.4.12 View Order 45 4.4.13 Review Product 47 4.4.14 View statistic 48 4.4.15 Manage profile Admin 50 4.4.16 Manage customer 52 4.4.17 Manage product .54 4.4.18 Manage Category Product .56 4.4.19 Manage Coupon Code 58 4.4.20 Manage Order 60 4.4.21 Reply to Review 61 4.5 Sơ đồ 63 4.5.1 Login 63 4.5.2 Sign up .64 4.5.3 View Product List 64 4.5.4 Search Product 65 4.5.5 Filter Product 65 4.5.6 Detail Product 66 4.5.7 Add to Cart .66 4.5.8 Purchase 67 4.5.9 Review Product 68 4.5.10 Manage customer 69 4.5.11 Manage product 70 4.5.12 Manage Category Product .71 4.5.13 Mange Coupon Code 72 4.5.14 Manage Order 73 4.6 Thiết kế sở liệu .75 4.6.1 Sơ đồ logic 75 4.6.2 Danh sách quan hệ .75 4.6.2.1 Bảng users: Thông tin tài khoản .75 4.6.2.2 Bảng products: Sản phẩm .76 4.6.2.3 Bảng type Products: Loại sản phẩm 76 4.6.2.4 Bảng questions: Câu hỏi 76 4.6.2.5 Bảng coupons: Mã giảm giá 77 4.6.2.6 Bảng comments: Nhận xét đánh giá 77 4.6.2.7 Bảng invoices: Đơn hàng 77 4.7 Thiết kế giao diện người dùng 78 4.7.1 Giao diện cho User 78 4.7.2 Giao diện cho Admin 79 4.7.3 Danh sách hình 79 4.7.3.1 Màn hình Đăng nhập 79 4.7.3.2 Màn hình Đăng ký 80 4.7.3.3 Màn hình Trang chủ 81 4.7.3.4 Màn hình Sản phẩm 82 4.7.3.5 Màn hình chi tiết sản phẩm 83 4.7.3.6 Màn hình Giỏ hàng 83 4.7.3.7 Màn hình Thanh tốn .84 4.7.3.8 Màn hình Thông tin tài khoản 85 4.7.3.9 Màn hình Thơng tin Liên hệ 85 4.7.3.10 Màn hình Chatbot 86 4.7.3.11 Màn hình Quản lý thống kê cho Admin .87 4.7.3.12 Màn hình Quản lý Loại sản phẩm 87 4.7.3.13 Màn hình Quản lý Sản phẩm 88 4.7.3.14 Màn hình Quản lý Khách hàng 88 4.7.3.15 Màn hình Quản lý Đơn đặt hàng 89 4.7.3.16 Màn hình Quản lý Mã giảm giá .89 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 91 5.1 Thành đạt 91 5.2 Ưu nhược điểm 91 5.3 Hướng phát triển đồ án 91 CHƯƠNG 1: TỔNG QUAN 1.1 Lý chọn đề tài Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, cửa hàng, đóng vai trị quan trọng tạo bước đột phá mạnh mẽ Trong thương mại điện tử trở nên phổ biến với doanh nghiệp hầu hết người dân nước phát triển phát triển Khơng thể phủ nhận lợi ích to lớn mà mang lại, từ giúp cho thương mại điện tử trở thành phần tách rời chiến lược phát triển kinh doanh doanh nghiệp Nắm bắt tiềm phát triển thương mại điện tử từ sau COVID-9 bùng nổ, doanh nghiệp nắm bắt tình hình tập trung đẩy mạnh phát triển hình thức quảng cáo, mua bán dựa thương mại điện tử để mang lại nhiều lợi ích tiếp cận Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, cơng ty chí cá nhân, ngày nay, khơng lấy làm xa lạ Khách hàng ngày có nhiều nhu cầu mua sắm buôn bán đồ dùng qua sử dụng nhiên để tìm kiếm địa điểm giả thành hợp lý xong chuyện dễ dàng dẫn đến nhiều công sức thời gian mà hiệu lại khơng cao Vì ứng dụng công nghệ vào lĩnh vực ngày phổ biến Với vài thao tác đơn giản, nhanh chóng, người doanh nghiệp dễ dàng quản lý cơng việc mua bán hàng hóa thiết bị Ngồi Chatbot xây dựng nhằm hỗ trợ tư vấn bán hàng, chăm sóc khách hàng giúp giảm chi phí, tăng hiệu bán hàng Theo báo cáo Business Insider 2021 [2], Mỹ hàng năm tiết kiệm 20 tỷ USD chi phí tiền lương cho ngành bán bảo hiểm, 22 tỷ cho dịch vụ tài chính, bán hàng 31 tỷ cho dịch vụ khách hàng Dựa vào kiến thức học, cần thiết vấn đề em “Xây dựng Website bán giày tích hợp Chatbot” Tuy việc xây dựng website cịn nhiều khó khăn thiếu sót giúp chúng em có thêm nhiều kiến thức học hỏi, tạo bước phát triển cho sau 1.2 Mục tiêu ● Nghiên cứu tổng quan nghiệp vụ cửa hàng bán hàng ● Nghiên cứu sở lý thuyết việc phát triển hệ thống thông tin quản lý thương mại điện tử Website mua bán giày ● Xây dựng hệ thống thương mại điện tử quản lý Website mua bán giày giúp cho việc quản lý buôn bán trở nên đơn giản ● Chatbot thuận tiện cho việc tư vấn bán hàng tăng doanh số 1.3 Phạm vi Quy trình quản lý bán hàng, doanh thu sản phẩm, đổi trả Website mua bán giày quy trình bán hàng thơng qua website Các vấn đề cần giải trình quản lý bn bán Website mua bán giày, ví dụ như: Khách hàng - Xem thông tin sản phẩm, tiến hành đặt hàng, tốn - Theo dõi tiến trình đơn hàng đặt - Xem lịch sử đơn hàng đặt - Đánh giá sản phẩm mua - Tích hợp chatbot tư vấn Quản lý - Nghiệp vụ bán hàng toán - Theo dõi, quản lý lịch sử mua hàng bán hàng, lịch sử theo dõi người dùng - Thêm, xóa, sửa tra cứu tìm kiếm thơng tin sản phẩm Từ tiến hành xây dựng sở liệu khai thác liệu phục vụ công tác quản lý buôn bán website - Quản lý sản phẩm theo danh mục - Quản lý tài khoản, thông tin khách hàng - Quản lý giỏ hàng, toán - Quản lý, tra cứu thông tin đơn hàng 1.4 Người dùng - Người bán có nhu cầu bán sản phẩm - Khách hàng có nhu cầu mua sản phẩm: tiết kiệm nhiều rủi ro, chi phí thời gian tìm kiếm đồng thời tạo độ tin cậy xác cao 1.5 Phương pháp nghiên cứu - Phương pháp hệ thống, phương pháp tư - Phương pháp phân tích, tổng hợp - Phương pháp tin học hóa cơng cụ lập trình để giải vấn đề 1.6 Khảo sát nhu cầu người dùng form Phương pháp: Dựa bảng phân thống kê kết khảo sát quy mô nhỏ nhận khoảng 70 responses Lợi ích mà người đặt hàng mong muốn từ website: - 79% người tham gia thấy giúp họ tiết kiệm thời gian 65% người thấy tiện lợi làm 64% người cảm thấy hứng thú mua hàng online Khi hỏi liệu người dùng có thích đặt sản phẩm website hay không? - 90% người tham gia thích 10% người tham gia khơng thích lý sợ lộ thơng tin cá nhân Phân tích kết khảo sát : + Các tính cần thiết cho người quản lý: Quản lý sản phẩm, Quản lý thông tin khách hàng, Quản lý đơn hàng, Phân tích báo cáo, Quản lý doanh thu + Các tính cần thiết khách hàng: Tìm kiếm sản phẩm,Xem thông tin sản phẩm,Thêm sản phẩm vào giỏ hàng,Nhận hỗ trợ tư vấn thơng qua chatbot, Đặt hàng, Thanh tốn online, Xem tiến trình đơn hàng, Feedback sau mua sản phẩm, Quản lý tài khoản cá nhân + Nhóm đối tượng khách hàng hướng đến chủ yếu : Khách hàng độ tuổi từ 18 đến 40 tuổi 1.7 Khảo sát, đánh giá website cạnh tranh Dựa vào form khảo sát ta thấy lượt truy cập sử dụng website hàng đầu là: Adidas, Nike, Converse Phân tích đánh giá nghiệp vụ website Nghiệp vụ Nike Website Adidas Converse 4.6.2.6 Bảng comments: Nhận xét đánh giá Thực thể STT Kiểu liệu Ghi id ObjectID ID nhận xét productId ObjectID ID sản phẩm đánh giá userId ObjectID ID người đánh giá content String Nội dung đánh giá star Double Điểm bình chọn createAt Date Ngày tạo đánh giá 4.6.2.7 Bảng invoices: Đơn hàng Thực thể STT Kiểu liệu Ghi id String ID đơn hàng userId String ID người mua hàng phone String Số điện thoại đặt hàng address String Địa đặt hàng cost Int32 Giá trị tổng sản phẩm amount Int32 Số lượng đơn hàng paymentMethod String Loại toán 78 status String Trạng thái đơn hàng product Array Danh sách sản phẩm 10 time Date Thời gian đặt hàng 4.7 Thiết kế giao diện người dùng 4.7.1 Giao diện cho User 79 4.7.2 Giao diện cho Admin 4.7.3 Danh sách hình 4.7.3.1 Màn hình Đăng nhập 80 4.7.3.2 Màn hình Đăng ký 81 4.7.3.3 Màn hình Trang chủ 82 4.7.3.4 Màn hình Sản phẩm 83 4.7.3.5 Màn hình chi tiết sản phẩm 4.7.3.6 Màn hình Giỏ hàng 84 4.7.3.7 Màn hình Thanh tốn 4.7.3.4 Màn hình Xem tiến trình đơn hàng 85 4.7.3.8 Màn hình Thơng tin tài khoản 4.7.3.9 Màn hình Thơng tin Liên hệ 86 4.7.3.10 Màn hình Chatbot 87 4.7.3.11 Màn hình Quản lý thống kê cho Admin 4.7.3.12 Màn hình Quản lý Loại sản phẩm 88 4.7.3.13 Màn hình Quản lý Sản phẩm 4.7.3.14 Màn hình Quản lý Khách hàng 89 4.7.3.15 Màn hình Quản lý Đơn đặt hàng 4.7.3.16 Màn hình Quản lý Mã giảm giá 90 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Thành đạt - Thơng qua đồ án, nhóm tìm hiểu công nghệ ReactJs, NodeJs, phẩm mềm hỗ trợ Figma nhằm phục vụ cho công việc sau thành viên - Tìm hiểu học quy trình để xây dựng website - Ngồi ra, nhóm cịn củng cố vững kiến thức học sơ đồ usecase, sơ đồ lớp,… - Nâng cao kỹ lập trình, làm việc nhóm giải vấn đề 5.2 Ưu nhược điểm 5.2.1 Ưu điểm - Giao diện đơn giản, bố cục hợp lý, dễ tiếp cận thao tác cho người dùng - Hoàn thiện tính q trình khảo sát: gợi ý sản phẩm, sản phẩm vừa xem, mã giảm giá, bình luận , phản hồi bình luận đánh giá - Kết hợp công cụ Kommunicate dialogflow để cải thiện nhược điểm giao diện tốc độ xử lý chatbot - Chatbot hỗ trợ nhiều tính ưu việt như: tính gợi ý kịch chatbot, nhận diện tên khách hàng, hiển thị từ khóa gợi ý textbox, hiển thị thẻ sản phẩm, thẻ sản phẩm Carousel, video hình ảnh sản phẩm 5.2.2 Nhược điểm - Chưa tối ưu hóa code - Chưa phát triển thêm thực toán cho dialogflow 5.3 Hướng phát triển đồ án - Nâng cao tính bảo mật website - Bổ sung chức nhằm hỗ trợ trải nghiệm người dùng tốt như: - Hỗ trợ tìm kiếm sản phẩm - Hỗ trợ tốn online - Chatbot hỗ trợ đặt hàng xem giỏ hàng trực tiếp cần cung cấp thông tin 91 TÀI LIỆU THAM KHẢO Các Thư viện sử dụng trình phát triển [1] Tailwind CSS: https://tailwindcss.com/ ❖ Tài liệu hướng dẫn code mẫu xây dựng ứng dụng [1] Code tham khảo: https://stackoverflow.com/ [2] Hướng dẫn lập trình ReactJs: https://reactjs.org/ [4] Hướng dẫn lập trình NodeJs: https://nodejs.vn/ [5] Hướng dẫn thiết kế website đơn giản: https://www.youtube.com/watch?v=qwfE7fSVaZM&feature=youtu.be [6] Hướng dẫn sử dụng Mongodb: https://www.mongodb.com/ [7] Hướng dẫn sử dụng Postman: https://www.youtube.com/watch?v=CvX_5uyUXSs 92