Đồ án ứng dụng đi chợ trực tuyến tích hợp gợi ý món ăn

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN ỨNG DỤNG ĐI CHỢ TRỰC TUYẾN TÍCH HỢP GỢI Ý MĨN ĂN GIẢNG VIÊN HƯỚNG DẪN Th.S TRẦN ANH DŨNG NHÓM THỰC HIỆN: Lê Sỹ Hội – 20521356 Nguyễn Viết Đức – 20521201 TP HỒ CHÍ MINH, 2023 LỜI CẢM ƠN Lời đầu tiên, nhóm chúng em xin gửi lời cảm ơn sâu sắc đến tập thể quý thầy cô trường Đại học Công Nghệ Thông Tin, đặc biệt giảng viên ngành Kỹ thuật Phần mềm trang bị cho chúng em có kiến thức vững để thực đồ án lần Chúng em chân thành cảm ơn Ths.Trần Anh Dũng giúp đỡ chúng em suốt trình học tập thực đồ án, quan tâm, giảng dạy tận tình thầy cô hỗ trợ chúng em nhiều thời gian vừa qua qua chúng em học hỏi nhiều kiến thức Một lần nhóm xin gửi lời cảm ơn sâu sắc đến q thầy Ngồi ra, xin cảm ơn đến tất đóng góp thành viên nhóm, người chăm hoàn thành nhiệm vụ hạn để đồ án hồn thiện cách đầy đủ Trong trình thực đồ án “Ứng dụng chợ trực tuyến tích hợp gợi ý ăn”, nhóm chúng em kết hợp kiến thức thầy trao đổi truyền đạt để cố gắng hồn thành đồ án cách tốt Tuy nhiên, kiến thức thân cịn hạn chế, khơng tránh khỏi có sai sót Chính thế, nhóm chúng em mong nhận quan tâm, góp ý để chúng em tiếp thu thêm kinh nghiệm, kiến thức đồ án lần này, để đồ án hồn thiện đầy đủ Qua rút kinh nghiệm đồ án Sự góp ý q thầy học q báu hành trang để chúng em tiếp tục thực đồ án sau Lời cuối cùng, nhóm chúng em xin chúc quý thầy cô thật nhiều sức khoẻ niềm vui để tiếp tục giảng dạy truyền đạt thật nhiều kiến thức bổ ích đến sinh viên khác Chúng em xin chân thành cảm ơn! Mục lục TÓM TẮT ĐỒ ÁN ĐỀ CƯƠNG CHI TIẾT Chương MỞ ĐẦU 1.1 Lý chọn đề tài 1.2 Mục đích nghiên cứu 1.3 Đối tượng nghiên cứu .9 1.4 Phạm vi nghiên cứu Chương KIẾN THỨC NỀN TẢNG 2.1 React Native 2.2 NodeJS 10 2.3 FireBase 11 Chương HỆ THỐNG GỢI Ý RECOMMENDER SYSTEM 12 3.1 Khái niệm 12 3.2 Utility matrix 13 3.3 Content-based Recommendation Systems 14 3.4 Collaborative filtering Recommendation Systems 15 3.5 Áp dụng vào đề tài: chức gợi ý thực phẩm 17 3.6 Chức gợi ý 2: gợi ý ăn dựa thực phẩm chọn 18 Chương ĐẶC TẢ USECASE 19 4.1 Sơ đồ Usecase .19 4.2 Danh sách tác nhân .20 4.3 Danh sách Usecase 21 4.4 Mô tả chi tiết Usecase 21 Chương THIẾT KẾ CƠ SỞ DỮ LIỆU 32 5.1 Sơ đồ logic 32 5.2 Danh sách bảng 33 Chương THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG .34 6.1 Danh sách hình 34 6.2 Mô tả chi tiết hình 34 Chương TỔNG KẾT 55 7.1 Kết đạt 55 7.2 Hướng phát triển 56 TÀI LIỆU THAM KHẢO 57 TÓM TẮT ĐỒ ÁN Đồ án “Ứng dụng chợ trực tuyến tích hợp gợi ý ăn” với mong muốn cung cấp ứng dụng tiện lợi cho người việc mua nguyên nấu ăn Thay phải chợ truyền thống phân vân lựa chọn nguyên liệu cho bữa ăn người dùng ngồi đâu, cần mở ứng dụng lên chọn lựa nguyền liệu phù hợp Không giải vấn đề thời gian dành cho việc mua nguyên liệu mà ứng dụng cịn gợi ý cho người dùng ăn, nguyên liệu phù hợp nhất, không tiện dụng mà dinh dưỡng Ứng dụng tập trung lưu trữ nguyên liệu, thông tin người dùng Người dùng cần đăng ký tài khoản ứng dụng, sau đăng nhập vào ứng dụng mua hàng Ứng dụng cịn có chức đăng nhập cho quản trị viên để quản lý trạng thái đơn hàng khách hàng Để hiểu thêm đề tài, nhóm chủ động nghiên cứu, khảo sát sản phẩm tương tự thị trường Việc khảo sát ứng dụng có sẵn thị trường giúp nhóm nắm bắt yêu cầu chức cung hệ thống để thiết kế đưa giải pháp cho vấn đề tồn đọng cách nhanh chóng Sau khảo sát tìm hiểu ứng dụng, nhóm nhận điều người dùng ưu tiên sử dụng ứng dụng điện thoại di động ứng dụng website hiệu năng, tính tiện lợi, cung mức độ an tồn, bảo mật Từ đó, nhóm quết định xây dựng ứng dụng thiết bị di động Một vấn đề khác đặt lựa chọn công nghệ, tảng để phát triển Với vô vàng công nghệ phổ biến ngày nay, nhóm muốn giảm thiểu chi phi, nguồn lực phát triển mà cung cấp đầy đủ tảng sử dụng cho người dùng nên nhóm quết định lựa chọn framework React Native để thiết kế ứng dụng Tiếp theo, NodeJS Firebase hai cơng nghệ nhóm định lựa chọn để tạo backend sở liệu cho ứng dụng Với cộng đồng lớn mạnh đời sớm React Native, việc xây dựng ứng dụng trở nên thuận tiện Lựa chọn FireBase phù hợp với ứng dụng có quy mơ nhỏ đồ án mà khơng phải tốn chi phí Một vấn đề cần tiếp cận ứng dụng hệ thống gợi ý Ở tên đồ án nhắc tới “gợi ý ăn” nhóm định tách thành chức riêng biệt gợi ý sản phẩm thực phẩm dựa giỏ hàng người dùng gợi ý ăn liên quan tới sản phẩm người dùng chọn Việc tách giúp cho cho trải nghiệm người dùng với ứng dụng nâng cao đồng nghĩa nhóm phải giải thêm vấn đề Sau cùng, nhóm hồn thành sản phẩm hồn thiện cịn nhiều thiếu sót mặt chức hiệu xuất Nhưng qua việc thực đề tài, nhóm học hỏi nhiều điều công nghệ luồng kiện ứng dụng thương mại ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Ứng dụng chợ trực tuyến tích hợp gợi ý ăn Cán hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 1/3/2023 đến ngày kết thúc môn học Sinh viên thực hiện: Lê Sỹ Hội - 20521356 Nguyễn Viết Đức - 20521201 Nội dung đề tài Lý chọn đề tài: Hiện nay, công nghệ thông tin phát triển cách mạnh mẽ chi phối hoạt động thói quen người Từ cơng việc đến việc nhà cửa cơng nghệ hóa, hỗ trợ cho người làm việc có hiệu quả, dễ dàng Việc nội việc chợ dần công nghệ hóa trợ giúp cho người đặc biệt người khơng có thời gian, khơng có kinh nghiệm việc chợ Trong giới tại, nhịp sống người trở nên nhanh, yêu cầu người phải sử dụng thời gian cách hợp lý, hiệu Con người ta đam hay giỏi nhiều công việc, đặc biệt công việc nhà cửa Hiện yêu cầu người phụ nữ vừa biết kiếm tiền, chăm lo phải đảm việc nhà lần Để giải vấn đề trên, nhóm em định chọn đề tài Ứng dụng chợ trực tuyến tích hợp gợi ý ăn, nhằm giúp ta tiết kiệm thời gian cho việc chợ hay phải phân vân mua thực phẩm nào, nấu nào… cung cấp bữa ăn đầy đủ dinh dưỡng ngon lành cho gia đình Mục tiêu: Phát triển hệ thống chợ trực tuyến đáp ứng nhu cầu người dùng, cho phép họ dễ dàng tìm kiếm mua sắm sản phẩm tại nhà Tích hợp chức gợi ý ăn, cho phép người dùng tìm kiếm lựa chọn ăn phù hợp với vị sở thích Cung cấp thơng tin nguồn gốc chất lượng sản phẩm, giúp người dùng lựa chọn sản phẩm đảm bảo an toàn thực phẩm giá hợp lý Tích hợp tính hỗ trợ tốn an tồn giao hàng nhanh chóng, giúp người dùng tiết kiệm thời gian tiền bạc mua sắm trực tuyến Nghiên cứu áp dụng phương pháp học máy khai phá liệu để cải thiện độ xác chức gợi ý ăn đưa đề xuất sản phẩm phù hợp với người dùng Tính mới: Hệ thống gợi ý ăn, thực phẩm cần mua để thực ăn cho khách hàng Phạm vi đối tượng sử dụng: ● Tất người dùng có nhu cầu chợ mua thực phẩm ● Phạm vi môi trường: Ứng dụng di động ● Phạm vi địa lý: khu vực thành phố Hồ Chí Minh ● Phạm vi chức năng:  Chức đăng nhập, đăng ký tài khoản  Chức quên tài khoản  Chức quản lý danh mục thực phẩm  Chức tìm kiếm, lọc, xếp thực phẩm  Chức đề xuất thực phẩm, cửa hàng uy tín  Chức thêm, xóa, sửa thực phẩm giỏ hàng  Chức toán đơn hàng  Chức gợi ý ăn  Chức quản lý khách hàng  Chức đánh giá sản phẩm Phương pháp thực hiện: Phương pháp làm việc: Làm việc nhóm thành viên thơng qua phương thức online offline hướng dẫn giảng viên hướng dẫn Phương pháp nghiên cứu: Phân tích nhu cầu sử dụng đối tượng người dùng Nghiên cứu tài liệu công nghệ liên quan Phương pháp công nghệ: Tìm hiểu sử dụng React Native phát triển ứng dụng di động đa tảng, cho phép xây dựng ứng dụng cho hệ điều hành iOS Android Tìm hiểu sử dụng Firebase để lưu trữ quản lý liệu ứng dụng, giúp đảm bảo tính bảo mật ổn định hệ thống Quản lý source code thông qua Github Sử dụng Google doc, Office 365 Word… để quản lý tiến trình tài liệu Nền tảng công nghệ: React Native Javascript NodeJS Database: FireBase Recommendation system: ● Content-Based Recommendations system ● Utility Matrix Công cụ: ● Visual Studio Code ● Android Studio ● StarUML Kết mong đợi: ● Hồn thiện chức để khách hàng vào lựa chọn mua thực phẩm ● Hệ thống gợi ý ăn cho người dùng ● Giao diện dễ nhìn, dễ sử dụng ● Quản lý thơng tin thực phẩm ● Nắm bắt kiến thức để xây dựng hệ thống gợi ý Hướng phát triển đề tài: ● Xây dựng thêm hệ thống website liên kết với ứng dụng di động ● Mở rộng thị trường nước ● Thêm actor người bán hàng để đăng bán thực phẩm ● Thêm chức theo dõi đơn hàng, quản lý vận chuyển Kế hoạch làm việc: Thời gian thực từ ngày 10/3/2023 đến ngày 17/6/2023 Nhóm chia thành giai đoạn cụ thể: Giai đoạn 1: Nghiên cứu tảng công nghệ, thiết kế CSDL hoàn thành phần giao diện ứng dụng Gồm sprint: Thời gian: 10/3/2023 – 20/4/2022 Sprint 1: Đăng ký đề tài, soạn đề cương chi tiết Sprint 2: Nghiên cứu đề tài, công nghệ sử dụng đồ án Sprint 3: Xây dựng CSDL Sprint 4: Thiết kế giao diện ứng dụng Sprint Thời gian Công việc dự kiến Sprint 10/3/2023 – 19/3/2023 Đăng ký đề tài Tìm hiểu xác định phạm vi, hướng phát triển đề tài Tìm hiểu phân tích yêu cầu nghiệp vụ đề tài Viết tài liệu, đề cương chi tiết Sprint 19/3/2023 – 2/4/2023 Tìm hiểu cơng nghệ Khảo sát trạng Tìm hiểu hệ thống gợi ý: content-based recommendations, Utility Matrix Sprint 2/4/2023 – 6/4/2023 Vẽ sơ đồ use case Thiết kế sở liệu Xác định công nghệ hỗ trợ việc xây dựng sở liệu Sprint 6/4/2022 – 20/4/2023 Lập trình giao diện ứng dụng Chuẩn bị báo cáo kỳ Giai đoạn 2: Lập trình chức ứng dụng, tích hợp sở liệu Gồm sprint: Thời gian: 20/4/2023 – 27/5/2023 Sprint 5: Kết nối ứng dụng với hệ thống sở liệu Sprint 6: Thiết kế chức quản lý thực phẩm Sprint 7: Hồn thiện tính khác Sprint 8: Hồn thiện hệ thống gợi ý ăn, kiểm thử Sprint Thời gian Cơng việc dự kiến Sprint 20/4/2023 – 27/4/2023 Thiết kế sở liệu tảng công nghệ Kết nối hệ thống sở liệu với ứng dụng Sprint 27/4/2023 – 7/5/2023 Thiết kế chức quản lý thực phẩm Sprint 7/5/2023 – 17/5/2023 Tiếp tục hồn thiện Hình 6.9: Trang thơng tin chi tiết cửa hàng 43 Hình 6.10: Trang cửa hàng 6.2.9 Trang đặt hàng Mô tả: Chọn thông tin cần thiết để đặt đơn hàng Chức năng:  Chọn địa giao hàng  Chọn mã giảm giá  Nhập thơng tin lời nhắn  Chọn hồn thành đơn hàng 44 Hình 6.11: Trang đặt hàng 6.2.10 Trang hồn thành đơn hàng Mô tả: Hiển thị đặt hàng thành cơng Chức năng:  Chọn hồn thành 45 Hình 6.12: Trang hồn thành đặt hàng 6.2.11 Trang gợi ý ăn Mơ tả: Hiển thị danh sách ăn từ nguyên liệu chọn Chức năng:  Chọn xem chi tiết ăn 46 Hình 6.13: Trang gợi ý ăn 6.2.12 Trang chi tiết ăn Mơ tả: Hiển thị chi tiết ăn gợi ý bao gồm nguyên liệu ăn Chức năng:  Xem ngun liệu có  Xem ngun liệu cịn thiếu 47 Hình 6.14: Trang chi tiết ăn 6.2.13 Thơng tin tài khoản Mô tả: Hiển thị thông tin tài khoản mục để quản lý tài khoản Chức năng:  Chọn chỉnh sửa thông tin người dùng  Chọn quản lý lý địa giao hàng  Chọn xem mã giảm giá  Chọn xem lịch sử mua hàng 48 Hình 6.15: Trang thơng tin tài khoản 6.2.14 Trang địa Mơ tả: Hiển thị danh sách ăn từ nguyên liệu chọn Chức năng:  Chọn thêm địa  Chọn sửa địa  Chọn xóa địa 49 Hình 6.16: Trang địa nhận hàng 6.2.15 Trang thông tin chi tiết người dùng Mô tả: Hiển thị thông tin chi tiết người dùng Chức năng:  Chọn đổi ảnh đại diện  Thay đổi tên, ngày sinh, sdt, email  Chọn lưu thay đổi 50 Hình 6.17: Trang thơng tin chi tiết người dùng 6.2.16 Trang mã giảm giá Mô tả: Hiển thị danh sách mã giảm giá Chức năng:  Chọn xem mục mã giảm giá 51 Hình 6.18: Trang mã giảm giá 6.2.17 Trang lịch sử mua hàng Mô tả: Hiển thị danh sách lịch sử mua hàng hủy đơn hàng Chức năng:  Chọn đánh giá sản phẩm với đơn hàng hoàn thành  Chọn hủy đơn hàng với đơn hàng chờ xác nhận 52 Hình 6.19: Trang lịch sử mua hàng 6.2.18 Trang đánh giá sản phẩm Mô tả: Nhập thông tin đánh giá sản phẩm mua Chức năng:  Nhập lời nhận xét  Chọn số  Chọn hồn thành đánh giá 53 Hình 6.20: Trang đánh giá sản phẩm 6.2.19 Trang quản lý đơn hàng(admin) Mô tả: Hiển thị danh sách đơn hàng cho phép người dùng xác nhận đơn hàng chờ xác nhận Chức năng:  Chọn xác nhận đơn hàng  Chọn danh mục đơn hàng 54 Hình 6.21: Trang quản lý đơn hàng Chương TỔNG KẾT 7.1 Kết đạt 7.1.1 Tích cực  Hồn thành tất tính theo kế hoạch dự kiến đưa từ đầu  Hiểu thêm cách hoạt động hệ thống gợi ý Recommender System kiến thức phân tích liệu, đánh giá mơ hình  Biết cách quản lý mã nguồn làm việc thông qua Github  Cải thiện kỹ lập trình 7.1.2 Hạn chế  Các tính chưa tối ưu tốt nên ứng dụng chạy chậm  Hệ thống gợi ý chưa thật tối ưu 55  Chưa có phiên dành cho hệ điểu hành IOS 7.2 Hướng phát triển Sau q trình thực hiện, nhóm nhận thấy cịn nhiều hạn chế đồ án cịn cải thiện mở rộng thêm Cụ thể số hướng phát triển sau đây: ● Hoàn thành thêm chức cho admin: o Chức thêm, xóa, sửa thực phẩm, cửa hàng, mã giảm giá o Chức báo cáo thống kê ứng dụng ● Hoàn thành thêm chức cho user: o Thêm phương thức toán khác chuyển khoản o Tích hợp google map theo dõi q trình giao hàng ● Tích hợp thêm tính để quản lý việc quản lý đồng tiền app ● Cải thiện hệ thống gợi ý: o Áp dụng thêm thuật toán, xử lý liệu để phân tích đưa gợi ý phù hợp o Cải thiện liệu để tối ưu hệ thống gợi ý ● Cải thiện chung: o Giao diện trực quan dễ sử dụng o Tăng cường tính bảo mật cho ứng dụng o Tăng hiệu xử lý 56 TÀI LIỆU THAM KHẢO [1] React Native: https://reactnative.dev/ [2] Trang học lập trình f8: https://fullstack.edu.vn/ [3] Thư viện hỗ trợ hệ thống gợi ý: https://github.com/stanleyfok/content-based- recommender [4] Thư viện hỗ trợ điều hướng: https://reactnavigation.org/ [5] Nguồn ảnh động: https://lottiefiles.com/ [6] FireBase: https://firebase.google.com/ [7] Giới thiệu hệ thống gợi ý: https://viblo.asia/p/gioi-thieu-ve-he-thong-goi-y- recommender-systems-hoac-recommendation-systems-1Je5EALG5nL 57