Đề tài xây dựng hệ thống mua bán thực phẩm hỗ trợ sức khỏe, tích hợp hệ khuyến nghị

ĐẠ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 HỆ THỐNG MUA BÁN THỰC PHẨM HỖ TRỢ SỨC KHỎE, TÍCH HỢP HỆ KHUYẾN NGHỊ GVHD: ThS Nguyễn Thị Thanh Trúc Nhóm sinh viên thực hiện: Trần Minh Cường MSSV: 19520032 Tôn Nữ Khánh Quỳnh MSSV: 19520244 - Tp Hồ Chí Minh, 12/2022 - MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC TỪ VIẾT TẮT LỜI CẢM ƠN CHƯƠNG 1: GIỚI THIỆU CHUNG 15 1.1 Tổng quan đề tài 15 1.2 Lý chọn đề tài 15 1.4 Đối tượng sử dụng 18 1.5 Phạm vi nghiên cứu 18 1.5.1 Phạm vi môi trường 18 1.5.2 Phạm vi chức 18 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT & CÔNG NGHỆ 20 2.1 React Native 20 2.2 Next JS 21 2.3 Apache Spark 22 2.4 MongoDB 24 2.5 Hệ khuyến nghị 25 2.6 Truy xuất hình ảnh (Image Retrieval) 29 CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 32 3.1 Kiến trúc hệ thống: Mơ hình Client – Server 32 3.1.1 Sơ đồ tổng quan giới thiệu 32 3.1.2 Chi tiết thành phần hệ thống 33 3.2 Các yêu cầu chức 34 3.2.1 Sơ đồ Use Case 34 3.2.2 Danh sách tác nhân 35 3.2.3 Danh sách Use Case 35 3.2.4 Mô tả chi tiết Use Case 36 3.2.4.1 Đăng ký 36 3.2.4.2 Đăng nhập 37 3.2.4.3 Đăng xuất 38 3.2.4.4 Đổi mật 38 3.2.4.5 Quên mật 39 3.2.4.6 Cập nhật hồ sơ 40 3.2.4.7 Tìm kiếm sản phẩm 41 3.2.4.8 Lọc sản phẩm 42 3.2.4.9 Xem sản phẩm 43 3.2.4.10 Điều chỉnh số lượng sản phẩm 43 3.2.4.11 Thêm sản phẩm vào giỏ hàng 44 3.2.4.12 Thêm địa nhận hàng 44 3.2.4.13 Lựa chọn hình thức tốn 45 3.2.4.14 Thanh toán 46 3.2.4.15 Theo dõi đơn hàng 47 3.2.4.16 Huỷ đơn hàng 47 3.2.4.17 Đánh giá 48 3.2.4.18 Nhận thông báo 49 CHƯƠNG 4: THIẾT KẾ CƠ SỞ DỮ LIỆU 50 4.1 Bảng User 50 4.2 Bảng Cart 50 4.3 Bảng Product 50 4.4 Bảng Bill 51 4.5 Bảng Bill 51 4.6 Bảng Bill 52 4.6 Bảng RefreshToken 52 CHƯƠNG 5: THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG 52 5.2 Danh sách hình 53 5.3 Mơ tả chi tiết hình 54 5.3.1 Trang đích (chưa đăng nhập) 54 5.3.2 Trang đăng nhập 56 5.3.3 Trang đăng ký 57 5.3.4 Màn hình quên mật 57 5.3.5 Trang xác thực 58 5.3.6 Màn hình tạo mật 59 5.3.7 Trang danh mục 60 5.3.8 Trang giỏ hàng 61 5.3.9 Trang toán 62 5.3.10 Trang đơn hàng 64 5.3.11 Trang hủy đơn hàng 64 5.3.12 Trang đánh giá sản phẩm 65 5.3.13 Trang hồ sơ cá nhân 66 5.3.14 Trang chi tiết sản phẩm 67 5.3.15 Màn hình đánh giá sản phẩm 69 5.3.16 Trang sản phẩm yêu thích 69 5.3.17 Trang giới thiệu doanh nghiệp 71 5.3.18 Trang phương thức liên lạc 71 CHƯƠNG 6: CÀI ĐẶT VÀ KIỂM THỬ 73 6.1 Môi trường cài đặt kiểm thử: 73 6.2 Kết kiểm thử: 73 CHƯƠNG 7: KẾT LUẬN 74 1.1 Tổng kết 74 1.2 Khó khăn 74 1.3 Kết đạt 75 1.4 Hạn chế đồ án 75 1.5 Hướng phát triển 75 TÀI LIỆU THAM KHẢO 76 DANH MỤC HÌNH ẢNH Hình 2.1: Framework React Native 20 Hình 2.2: Nền tảng Next.js 21 Hình 2.3: Apache Spark 22 Hình 2.4: Hệ quản trị sở liệu MongoDB 24 Hình 2.5: Minh họa giải thuật 30 Hình 3.1.1: Mơ hình Client-Server 32 Hình 3.2.1: Sơ đồ UseCase 34 Hình 5.1: Screenflow 53 Hình 5.3.1: Trang đích 55 Hình 5.3.2: Trang đăng nhập 56 Hình 5.3.3: Trang đăng ký 57 Hình 5.3.4: Trang quên mật 58 Hình 5.3.5: Trang xác thực 59 Hình 5.3.6: Trang tạo mật 60 Hình 5.3.7: Trang danh mục 61 Hình 5.3.8: Trang giỏ hàng 62 Hình 5.3.9: Trang tốn 63 Hình 5.3.10: Trang đơn hàng tơi 64 Hình 5.3.11: Trang hủy đơn hàng 65 Hình 5.3.12: Trang đánh giá sản phẩm 66 Hình 5.3.13: Trang hồ sơ cá nhân 67 Hình 5.3.14: Trang chi tiết sản phẩm 68 Hình 5.3.15: Trang đánh giá sản phẩm 69 Hình 5.3.16: Trang sản phẩm yêu thích 70 Hình 5.3.17: Trang giới thiệu doanh nghiệp 71 Hình 5.3.18: Trang phương thức liên lạc 72 DANH MỤC TỪ VIẾT TẮT # Từ viết tắt Từ đầy đủ Ý nghĩa CSDL Cơ sở liệu Cơ sở liệu cho website API Application Programming Interface Giao diện lập trình website HTTP HyperText Transfer Protocol Giao thức truyền siêu văn SQL Structured Query Language Cơ sở liệu quan hệ NoSQL AI Artificial Intelligence Trí tuệ nhân tạo UI/UX User Interface/ User Experience Giao diện người dùng/Trải nghiệm người dùng 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ế để thực Đồ án Để hoà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 cô Nguyễn Thị Thanh Trúc 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à 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 PMCL2019 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 q 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 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 TP Hồ Chí Minh, 22 tháng 12 năm 2022 Sinh viên TRẦN MINH CƯỜNG TÔN NỮ KHÁNH QUỲNH ĐẠ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 22 tháng 12 năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng hệ thống mua bán thực phẩm hỗ trợ sức khỏe tích hợp hệ khuyến nghị Cán hướng dẫn: ThS Nguyễn Thị Thanh Trúc Thời gian thực hiện: Từ ngày 20/09/2022 đến ngày 30/12/2022 Sinh viên thực hiện: Trần Minh Cường – 19520032 Tôn Nữ Khánh Quỳnh – 19520244 Nội dung đề tài Lý chọn đề tài: Ngày nay, chất lượng sống cải thiện, nhu cầu sản phẩm chăm sóc sức khoẻ dần tăng cao Đáp ứng mối lo an toàn thực phẩm lại đa dạng, tiện dụng, phù hợp với lối sống đại, thực phẩm bổ sung ngày người tiêu dùng sử dụng ưa chuộng nhiều Bên cạnh đó, người tiêu dùng thời đại 4.0 trở nên rầm rộ với xu hướng mua sắm online Công nghệ thay đổi hành vi tiêu dùng khách hàng, người mua sắm trực tiếp chuyển sang hình thức mua sắm online để tiết kiệm thời gian mang đến thuận tiện việc mua bán Để đáp ứng nhu cầu trên, nhóm chúng em định phát triển hệ thống mua sắm thực phẩm hỗ trợ sức khỏe, có tích hợp hệ khuyến nghị hỗ trợ gợi ý, giúp khách hàng lựa chọn mẫu mã sản phẩm phù hợp với giới tính, thể trạng tài có Hệ thống mua bán thực phẩm hỗ trợ sức khỏe nhóm tập trung Loại Hình sản phẩm mà khách hàng chọn lựa, bao gồm: ● Protein & Tăng cân ● Năng lượng & Sức khỏe ● Giảm mỡ & giảm cân Mỗi Loại Hình sản phẩm có dạng Promotional Normal tương ứng với khuyến thông thường Để mua sản phẩm với giá khuyến mãi, khách hàng phải chờ đợi chuẩn bị cho đợt giảm giá vào dịp lễ lớn năm khách hàng thường xuyên mua sản phẩm nhận voucher giảm giá cho lần mua hàng Trong trình lựa chọn sản phẩm, khách hàng cung cấp rõ thông tin chi tiết sản phẩm phản hồi từ người mua hàng trước Đồng thời, khách hàng sử dụng tính lọc số tiêu chí như: giới tính, cân nặng, tiền sử bệnh án, nhu cầu, … để chọn sản phẩm thật phù hợp với thân Bên cạnh đó, chức giỏ hàng chứa sản phẩm khách hàng muốn mua mà cịn lưu trữ sản phẩm mà họ u thích có khả mua tương lai Cuối cùng, trình tốn xây dựng linh hoạt giúp người dùng thoải mái chọn lựa nhiều loại hình toán khác thẻ VISA, thẻ Master, thẻ ATM, tiền mặt Hệ thống cung cấp tính tiện ích giúp khách hàng tiếp cận đến loại sản phẩm, thông tin chi tiết phản hồi sản phẩm từ khách hàng khác Bên cạnh đó, hệ thống cịn xây dựng Hệ khuyến nghị gợi ý sản phẩm phù hợp cho khách hàng Việc góp phần giúp khách hàng lựa chọn sản phẩm theo nhu cầu mong muốn thân Ngoài ra, nhân viên quản lý cửa hàng truy cập vào website để cập nhật, đăng tin cách dễ dàng nhanh chóng Mục tiêu: bao gồm mục tiêu chính: ● Giải đáp thắc mắc chung, giảm tối đa thời gian tiêu tốn cần thiết cho việc tư vấn nhân viên cửa hàng: − Cung cấp thông tin sản phẩm: nhà cung cấp, nước sản xuất, giá tiền, công dụng,… − Gợi ý sản phẩm phù hợp với nhu cầu mong muốn người dùng dựa tiêu chí như: giới tính, cân nặng, độ tuổi, tiền sử bệnh án, nhu cầu có − Thơng báo chương trình khuyến lớn, nhỏ năm ● Xây dựng website tích hợp hệ khuyến nghị: − Cho phép phía nhân viên quản lý thơng tin sản phẩm (thêm, xóa, sửa) − Cho phép khách hàng thêm sản phẩm mong muốn vào giỏ hàng với số lượng linh hoạt điều chỉnh − Cho phép khách hàng thực q trình tốn với nhiều phương thức khác − Cho phép khách hàng tiếp cận với thông tin sản phẩm phản hồi từ khách hàng trước dạng văn − Cho phép khách hàng tiếp cận với thông báo đợt giảm giá quà tặng, thông báo trình giao dịch, thơng báo đơn đặt hàng − Cho phép khách hàng nhận gợi ý từ website để có thêm nhiều lựa chọn phù hợp Phạm vi: Phạm vi môi trường: Website Phạm vi chức năng: ● Đối với hệ khuyến nghị: − Gợi ý sản phẩm cho người dùng dựa lịch sử hành vi họ − Gợi ý sản phẩm cho người dùng dựa sản phẩm mà họ xem ● Đối với ứng dụng: − Cho phép phía nhân viên quản lý thơng tin sản phẩm (thêm, xóa, sửa) − Cho phép khách hàng thêm sản phẩm mong muốn vào giỏ hàng với số lượng linh hoạt điều chỉnh − Cho phép khách hàng thực trình tốn với nhiều phương thức khác − Cho phép khách hàng tiếp cận với thông tin sản phẩm phản hồi từ khách hàng trước dạng văn Hình 5.3.8: Trang giỏ hàng ● Mô tả tổng quát: Trang giỏ hàng chứa sản phẩm mà người dùng cho vào giỏ Tại đây, người dùng tùy ý tăng/giảm số lượng sản phẩm, lựa chọn sản phẩm muốn mua, xem tổng số tiền tiến hành đến bước tốn 5.3.9 Trang tốn Hình 5.3.9: Trang tốn ● Mơ tả tổng qt: Trang tốn giúp người dùng nhập vào thơng tin vận chuyển hàng như: họ tên, địa email, số điện thoại, địa điểm giao hàng, phương thức toán nhập mã khuyến Trong trường hợp, người dùng đăng nhập vào hệ thống trường thơng tin vận chuyển điền sẵn theo hồ sơ người dùng cung cấp Sau hoàn tất trình nhập liệu, người dùng thấy chi tiết số tiền phải trả 5.3.10.Trang đơn hàng tơi Hình 5.3.10: Trang đơn hàng ● Mô tả tổng quát: Trang đơn hàng hiển thị danh sách đơn hàng mà người dùng đặt Tại đây, người dùng nắm bắt thơng tin cụ thể sản phẩm, tổng số tiền, thời gian đặt hàng, thời gian dự kiến giao tình trạng đơn hàng 5.3.11.Trang hủy đơn hàng Hình 5.3.11: Trang hủy đơn hàng ● Mô tả tổng quát: Trang hủy đơn hàng nhằm xác nhận lý khách hàng hủy đơn hàng 5.3.12.Trang đánh giá sản phẩm Hình 5.3.12: Trang đánh giá sản phẩm ● Mô tả tổng quát: Trang đánh giá giúp người dùng đánh giá chất lượng sản phẩm cách chọn số lượng để lại bình luận 5.3.13.Trang hồ sơ cá nhân Hình 5.3.13: Trang hồ sơ cá nhân ● Mơ tả tổng quát: Màn hình hồ sơ cá nhân hiển thị ảnh đại diện thông tin cá nhân người dùng Tại đây, người dùng chỉnh sửa thông tin cá nhân, bao gồm: họ tên, ngày tháng năm sinh, email, số điện thoại địa Ngồi ra, người dùng đồng thời thay đổi mật cách nhập mật xác nhận lại mật 5.3.14.Trang chi tiết sản phẩm Hình 5.3.14: Trang chi tiết sản phẩm ● Mơ tả tổng quát: Trang chi tiết sản phẩm hiển thị thông tin chi tiết sản phẩm, bao gồm: mô tả sản phẩm, nhà sản xuất, đại lý phân phối, giá thành Tại đây, người dùng xem đánh giá từ người mua hàng khác để đưa định mua hàng Khơng thế, người dùng cịn gợi ý sản phẩm mà họ thích 5.3.15.Màn hình đánh giá sản phẩm Hình 5.3.15: Trang đánh giá sản phẩm ● Mô tả tổng quát: Trang đánh giá sản phẩm cho phép người dùng đánh giá sản phẩm cách chọn số lượng tương ứng để lại bình luận sản phẩm 5.3.16.Trang sản phẩm u thích Hình 5.3.16: Trang sản phẩm u thích ● Mơ tả tổng qt: Trang sản phẩm yêu thích cho phép người dùng xem lại danh sách sản phẩm mà họ thêm vào mục u thích Tại đây, họ lọc theo thể loại tìm kiếm trực tiếp cách nhập thơng tin sản phẩm 5.3.17 Trang giới thiệu doanh nghiệp Hình 5.3.17: Trang giới thiệu doanh nghiệp ● Mô tả tổng quát: Trang giới thiệu doanh nghiệp cho người dùng thông tin bật hoạt động kinh doanh doanh nghiệp 5.3.18 Trang phương thức liên lạc Hình 5.3.18: Trang phương thức liên lạc ● Mô tả tổng quát: Trang phương thức liên lạc cung cấp cho người dùng cách thức để chuyên gia bán hàng tư vấn trực vấn sản phẩm giải vấn đề lúc mua hàng cách liên lạc với đội ngũ hỗ trợ khách hàng CHƯƠNG 6: CÀI ĐẶT VÀ KIỂM THỬ 6.1 Môi trường cài đặt kiểm thử: Môi trường cài đặt: ● Front-end - Cài đặt ngơn ngữ lập trình JavaScript - Chạy câu lệnh yarn start terminal để kích hoạt trang web ● Back-end - Cài đặt ASP.NET core WebAPI - Nhấn start để chạy Thiết bị cài đặt: laptop, PC 6.2 Kết kiểm thử: Tên chức STT Mức độ hoàn thiện Đăng ký 100% Đăng nhập 100% Đăng xuất 100% Đổi mật 100% Quên mật 100% Cập nhật hồ sơ 100% Tìm kiếm sản phẩm 100% Lọc sản phẩm 100% Xem sản phẩm 100% 10 Điều chỉnh số lượng sản phẩm 100% 11 Thêm vào giỏ hàng 100% 12 Thêm địa nhận hàng 100% 13 Lựa chọn hình thức tốn 100% 14 Thanh tốn 100% 15 Theo dõi đơn hàng 100% 16 Hủy đơn hàng 100% 17 Đánh giá 100% 18 Nhận thông báo 100% CHƯƠNG 7: KẾT LUẬN 1.1 Tổng kết − Điều quan trọng làm website mua sắm thực phẩm chức có tích hợp hệ khuyến nghị phải tìm kiếm liệu đủ lớn để xây dựng hệ khuyến nghị thơng minh, đưa gợi ý phù hợp với người dùng dựa hành vi họ − 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 1.2 Khó khăn − Nhóm tốn nhiều thời gian để nghiên cứu công nghệ, khoanh vùng phạm vi triển khai đồ án − Nhóm gặp khó khăn việc triển khai phải sử dụng cơng nghệ ngơn ngữ − Các thành viên có xung đột thiết kế giao diện logic website 1.3 Kết đạt − Đã hoàn thành đầy đủ chức đưa từ đầu − Hiểu cách hoạt động hệ khuyến nghị tích hợp với website − Tổ chức quản lý code cách hợp lý − Nhóm xác định rõ ý tưởng công nghệ để tiếp tục phát triển đồ án tương lai 1.4 1.5 Hạn chế đồ án − Hệ khuyến nghị xây dựng liệu chưa đủ lớn − Model training theo phương pháp Collaborative Filtering chưa tối ưu Hướng phát triển − Nâng cấp hệ khuyến nghị − Phát triển khả tìm kiếm sản phẩm hình ảnh − Thêm tính gợi ý sản phẩm theo dáng người − Phát triển đầy đủ tính cho bên người bán TÀI LIỆU THAM KHẢO [1] Phạm Đình Khánh, “Collaborative content-based filtering” 2019 [Trực tuyến] Địa chỉ: https://phamdinhkhanh.github.io/2019/11/04/Recommendation_Compound_Part1.html [Truy cập lần cuối 27/12/2022] [2] Susan M.Weinschenk, Ph.D, “100 things every designer needs to know about people” Library of Debra Tomme, 2011 [3] React Native, “Core Components and APIs” 2022 [Trực tuyến] Địa chỉ: https://reactnative.dev/docs/components-and-apis [Truy cập lần cuối 30/10/2022] [4] React Navigation, “Hello React Navigation” [Trực tuyến] Địa chỉ: https://reactnavigation.org/docs/hello-reactnavigation/?fbclid=IwAR3cuh6RYwI_iHc8741FMtmejfQX_3v8kYzqnAzL_XeBxiZ XAA4fo1Vvtv8 [5] Paper, “Making your React Native apps look and feel native”, 2021 [Trực tuyến] Địa chỉ: https://reactnativepaper.com/?fbclid=IwAR0NCN-_7rN_iO4OS1ZXBTnPptxvKk65VVyesHCNGQFtOOhPUYHvMYkYKE ... mua sắm thực phẩm hỗ trợ sức khỏe, có tích hợp hệ khuyến nghị hỗ trợ gợi ý, giúp khách hàng lựa chọn mẫu mã sản phẩm phù hợp với giới tính, thể trạng tài có website mua bán thực phẩm hỗ trợ sức. .. thực phẩm hỗ trợ sức khỏe, có tích hợp hệ khuyến nghị hỗ trợ gợi ý, giúp khách hàng lựa chọn mẫu mã sản phẩm phù hợp với giới tính, thể trạng tài có Hệ thống mua bán thực phẩm hỗ trợ sức khỏe... 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 22 tháng 12 năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng hệ thống mua bán thực phẩm hỗ trợ sức