Đồ án xây dựng website thương mại điện tử với chatbot tư vấn

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 THƯƠNG MẠI ĐIỆN TỬ VỚI CHATBOT TƯ VẤN Giảng viên hướng dẫn : ThS Trần Thị Hồng Yến Sinh viên thực : Trần Đoàn Phương - 19520230 Sinh viên thực : Đỗ Đức Tâm - 19520253 Lớp SE122.N11 : TP HCM, tháng 12 năm 2022 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 THƯƠNG MẠI ĐIỆN TỬ VỚI CHATBOT TƯ VẤN Giảng viên hướng dẫn : ThS Trần Thị Hồng Yến Sinh viên thực : Trần Đoàn Phương - 19520230 Sinh viên thực : Đỗ Đức Tâm - 19520253 Lớp SE122.N11 : TP HCM, tháng 12 năm 2022 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CƠNG NGHỆ PHẦN MỀM CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc   ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ VỚI CHATBOT TƯ VẤN Tên đề tài tiếng Anh: BUILDING AN E-COMMERCE WEBSITE WITH 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 5/9/2022 đến ngày 31/12/2022 Sinh viên thực hiện: Trần Đoàn Phương – 19520230 Đỗ Đức Tâm - 19520253 Nội dung đề tài: Giới thiệu: - Trong suốt lịch sử phát triển lồi người, nhu cầu mua bán, trao đổi hàng hố nhu cầu thiết yếu Trước đây, người mua sắm thông qua buổi họp chợ, sau hệ thống siêu thị, cửa hàng tiện lợi đời, giúp dễ dàng việc mua bán Tuy nhiên, thời đại công nghệ phát triển nay, mua sắm online ngày phổ biến hơn, đặc biệt giới trẻ - Có thể thấy nhiều ưu điểm vượt trội mua sắm online so với mua trực tiếp truyền thống: o Nhanh chóng: vài thao tác để tìm mặt hàng cần o Tiện lợi: khơng cần trực tiếp cửa hàng, mua đâu vào thời gian o Đa dạng mặt hàng: gần tìm thấy tất mặt hàng trang thương mại điện tử o Dễ dàng lựa chọn: so sánh sản phẩm dựa vào lượt đánh giá người mua trước, dễ dàng cân nhắc mua sản phẩm o Giá tốt: cạnh tranh giá sàn thương mại điện tử cao nên sản phẩm thường có giá rẻ ngồi thị trường - Hiện có nhiều website thương mại điện tử phổ biến Việt Nam Shopee, Tiki, Sendo, Lazada, - Nhận thấy tiềm phát triển ngành thương mại điện tử, nhóm em mong muốn tự tạo nên website thương mại điện tử riêng mình, lí chúng em chọn đề tài Mục tiêu: - Xây dựng website thương mại điện tử đáp ứng tiêu chí: o Giao diện thân thiện, dễ sử dụng o Đáp ứng tính cần có website thương mại điện tử o Tích hợp chatbot tư vấn giúp dễ dàng việc tra cứu thông tin Phạm vi:  Phạm vi môi trường: o Triển khai sản phẩm đề tài môi trường web  Phạm vi chức năng: o Quản lý sản phẩm theo danh mục o Tìm kiếm sản phẩm o Quản lý tài khoản, thông tin khách hàng theo đối tượng o Quản lý giỏ hàng, toán o Quản lý, tra cứu thơng tin đơn hàng o Tích hợp chatbot tư vấn o Tích hợp tốn online o Quản lý mã giảm giá Đối tượ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 Phương pháp thực hiện: - Trải nghiệm website thương mại điện tử có, từ phân tích, xác định tính cần triển khai - Nâng cấp, bổ sung tính từ sản phẩm Đồ án - Lập kế hoạch, phân công công việc cho thành viên - Tìm hiểu cơng nghệ sử dụng - Triển khai xây dựng website theo kế hoạch đề - Kiểm thử, phát sửa lỗi (nếu có) - Báo cáo đồ án Cơng nghệ: - Sử dụng MERN Stack để triển khai ứng dụng: MongoDB, ExpressJS, ReactJS, NodeJS Kết mong đợi - Tạo website với giao diện đại, thân thiện dễ sử dụng - Nâng cao trải nghiệm người dùng - Bổ sung thêm số tính hữu ích - Nâng cấp chatbot để hỗ trợ tra cứu thơng tin tốt - Có tính tiến hố: phát triển, mở rộng thêm tính tương lai - Q trình thực đạt tiến độ môn học Kế hoạch thực hiện: Thời gian Từ 05/09/2022 đến Công việc thực Thành viên thực Trao đổi, thống tính Cả thành viên 17/09/2022 quy trình thực đồ án Từ 18/09/2022 đến Tìm hiểu cơng nghệ sử dụng: MongoDB, 18/10/2022 ExpressJS, ReactJS, NodeJS Từ 19/10/2022 đến Lên ý tưởng thiết kế giao diện, vẽ phác 31/10/2022 thảo giao diện Cả thành viên Trần Đoàn Phương Front-end: triển khai cài đặt hình Đăng Từ 01/11/2022 đến nhập, Đăng ký, Trang chủ 25/11/2022 Back-end: thiết lập sở liệu, thực Cả thành viên chức quản lý tài khoản Front-end: triển khai cài đặt hình Từ 26/11/2022 đến 10/12/2022 Quản lý tài khoản, Giỏ hàng, u thích, Thanh tốn Cả thành viên Back-end: thực chức quản lý sản phẩm, giỏ hàng, u thích Trần Đồn Phương: triển khai hình cịn lại, bắt đầu ghép phần cơng việc với Từ 11/12/2022 đến 24/12/2022 Đỗ Đức Tâm: tìm hiểu chatbot cách thực Cả thành viên phương thức tốn online, làm báo cáo Trần Đồn Phương: Tiếp tục thực Từ 25/12/2022 đến chỉnh sửa hồn thành tính 31/12/2022 Đỗ Đức Tâm: kiểm tra lỗi Cả thành viên Sau deploy hoàn thiện sản phẩm TP HCM, ngày 21 tháng 02 năm 2022 Xác nhận CBHD Sinh viên (Ký tên ghi rõ họ tên) (Ký tên ghi rõ họ tên) ThS Trần Thị Hồng Yến Trần Đoàn Phương Đỗ Đức Tâm MỤC LỤC ĐỀ CƯƠNG CHI TIẾT MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG BIỂU 11 Chương GIỚI THIỆU ĐỀ TÀI 14 1.1 Tên đề tài .14 1.2 Lí chọn đề tài 14 1.3 Mô tả sản phẩm .14 1.4 Chức 14 1.5 Công nghệ sử dụng 16 1.6 Thơng tin nhóm .16 Chương CƠ SỞ LÝ THUYẾT 17 2.1 HTML 17 2.2 CSS 18 2.3 JavaScript 18 2.4 Thư viện React.JS 20 2.5 Node.JS 22 2.6 Express.JS .23 2.7 MongoDB 24 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 25 3.1 Mơ hình hệ thống 25 3.2 Sơ đồ Use-case 26 3.3 Danh sách use-case 27 3.4 Đặc tả use-case 27 3.4.1 Use-case “Đăng nhập” 27 3.4.2 Use-case “Đăng ký” .28 3.4.3 Use-case “Đăng xuất” 29 3.4.4 Use-case “Quản lý thông tin cá nhân” 30 3.4.5 Use-case “Mua hàng” .32 3.4.6 Use-case “Tra cứu đơn hàng” 33 3.4.7 Use-case “Bán hàng” 34 3.4.8 Use-case “Tra cứu đơn bán” 35 3.4.9 Use-case “Quản lý thông tin sản phẩm” 36 3.4.10 Use-case “Quản lý mã giảm giá” 37 Chương THIẾT KẾ DỮ LIỆU 39 4.1 Sơ đồ logic 39 4.1.1 Bảng “Account” .40 4.1.2 Bảng “Address” 40 4.1.3 Bảng “Product” 40 4.1.4 Bảng “Color” 41 4.1.5 Bảng “ProductInCart” 41 4.1.6 Bảng “ProductInFavorite” 42 4.1.7 Bảng “ProductInBill” .42 4.1.8 Bảng “Bill” .42 4.1.9 Bảng “Evalute” .43 4.1.10 Bảng “DiscountCode” 43 Chương THIẾT KẾ GIAO DIỆN .44 5.1 Danh sách hình 44 5.2 Chi tiết màn hình 46 5.2.1 Màn hình “Đăng nhập” 46 5.2.2 Màn hình “Đăng ký” 47 5.2.3 Màn hình “Trang chủ” 48 5.2.4 Màn hình “Danh sách sản phẩm” 50 5.2.5 Màn hình “Chi tiết sản phẩm” 52 5.2.6 Màn hình “Giỏ hàng” .53 5.2.7 Màn hình “Yêu thích” 55 5.2.8 Màn hình “Yêu cầu đăng nhập” .56 5.2.9 Màn hình “Hồ sơ” 57 5.2.10 Màn hình “Cửa hàng” 58 5.2.11 Màn hình “Đơn mua” 59 5.2.12 Màn hình “Đơn bán” 60 5.2.13 Màn hình “Tài khoản” 61 ... 72 11 LỜI CẢM ƠN Đồ án ? ?Xây dựng website thương mại điện tử với chatbot tư vấn? ?? đồ án thứ hai nhóm em triển khai mơi trường web, phát triển lên từ sản phẩm Đồ án Chúng em cố gắng tìm tịi,... tài Mục tiêu: - Xây dựng website thương mại điện tử đáp ứng tiêu chí: o Giao diện thân thiện, dễ sử dụng o Đáp ứng tính cần có website thương mại điện tử o Tích hợp chatbot tư vấn giúp dễ dàng... nhiều website thương mại điện tử phổ biến Việt Nam Shopee, Tiki, Sendo, Lazada, - Nhận thấy tiềm phát triển ngành thương mại điện tử, nhóm em mong muốn tự tạo nên website thương mại điện tử riêng