Đồ án 2 ứng dụng bán mỹ phẩm tích hợp hệ thống gợi ý sản phẩm

ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM ĐẠ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: ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM Giảng viên hướng dẫn: ThS THÁI THỤY HÀN UYỂN Sinh viên thực hiện: BÙI THANH PHÚ ˜– Tp Hồ Chí Minh, 10/2022 —™ 19522018 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……., ngày…… tháng……năm 2022 Người nhận xét (Ký tên ghi rõ họ tên) ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM LỜI CẢM ƠN Trước vào nội dung phần báo cáo đồ án, lời nói em xin chân thành gửi lời cảm ơn đến ThS THÁI THUỴ HÀN UYỂN – Giảng viên môn ĐỒ ÁN – người truyền đạt kiến thức lớp, hướng dẫn cung cấp yêu cầu hướng người dùng dựa thực tế, tạo điều kiện cho em thực đồng thời nhận xét, góp ý để đồ án em trở nên hoàn thiện Đây kiến thức bổ ích, tảng hỗ trợ em trình bắt đầu tìm hiểu cách lập trình với Flutter, với ngôn ngữ Dart việc kết hợp số thuật tốn Machine Learning ngơn ngữ Python để em hồn thiện đồ án tốt Những lời chia sẻ, hướng dẫn đầy nhiệt tình động lực q báu để nhóm chúng em vượt qua khó khăn tìm hiểu thực đề tài Đồng thời, em muốn gửi lời cảm ơn sâu sắc đến người hỗ trợ em trình thực đồ án này, không người bạn tạo điều kiện thuận lợi động viên em nhiều, mà đặc biệt anh chị khoa Cơng nghệ Phần mềm góp ý, chia sẻ kinh nghiệm quý báu môn học kiến thức khác có liên quan Trong trình thực hiện, kiến thức kinh nghiệm cịn nhiều hạn chế, khó tránh khỏi sai sót Vì vậy, em mong nhận lời góp ý q báu từ để em ngày hồn thiện khơng đồ án tại, đồ án môn học tới, đồng thời hành trang góp phần hồn thiện thân em tương lai Một lần xin chân thành cám ơn cơ! Nhóm thực Trường Đại học Công nghệ Thông tin, tháng 10 năm 2022 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM MỤC LỤC NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN LỜI CẢM ƠN MỤC LỤC CHƯƠNG I: GIỚI THIỆU CHUNG 10 I ĐỀ TÀI: 10 II LÝ DO CHỌN ĐỀ TÀI: 10 III TÓM TẮT ĐỀ TÀI: 11 IV MỤC TIÊU CỦA ĐỀ TÀI: 11 V PHƯƠNG PHÁP NGHIÊN CỨU: 11 VI Ý NGHĨA VÀ KẾT QUẢ CỦA HƯỚNG ĐỀ TÀI: 12 Về mặt sản phẩm: 12 Về mặt tài liệu: 12 CHƯƠNG II: CÔNG NGHỆ LIÊN QUAN 13 I TÌM HIỂU VỀ FLUTTER: 13 Flutter: 13 Dart: 14 Lí nên sử dụng Flutter: 14 II TÌM HIỂU VỀ FIREBASE: 15 Firebase gì: 15 Các chức Firebase nghiên cứu áp dụng vào đồ án: 16 2.1 Firebase Cloud Storage: 16 2.2 Firebase Realtime Database: 16 2.3 Firebase Authentication: 16 Ưu điểm: 16 Nhược điểm: 17 III TÌM HIỂU VỀ FLASK: 17 Flask gì: 17 Các tính Flask: 18 Lý nên sử dụng Flask: 19 CHƯƠNG III: HỆ THỐNG GỢI Ý – RECOMMENDATION SYSTEM 20 I TỔNG QUAN VỀ HỆ THỐNG GỢI Ý: 20 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM II CÁC THÀNH PHẦN CƠ BẢN CỦA MỘT RECOMMENDATION SYSTEM: 21 III HƯỚNG TIẾP CẬN RECOMMENDATION SYSTEM: 22 IV NHỮNG BƯỚC CẦN LÀM ĐỂ XÂY DỰNG MỘT RECOMMENDATION SYSTEM:22 Thu thập liệu: 22 Biểu diễn thông tin ma trận users-items: 22 Chuẩn hóa liệu: 24 Chạy mơ hình, lọc top N items phù hợp: 24 V MỘT SỐ LOẠI HỆ THỐNG GỢI Ý PHỔ BIẾN: 25 VI ĐỀ XUẤT DỰA TRÊN NỘI DUNG – CONTENT-BASED FILTERING RECOMMENDERS: 27 Ý tưởng: 27 Các bước xây dựng thuật toán: 29 Ưu điểm: 29 Nhược điểm: 29 VII Ý TƯỞNG CHÍNH VIỆC ỨNG DỤNG RECOMMENDATION SYSTEM VÀO ĐỒ ÁN: 30 CHƯƠNG IV: MƠ HÌNH USE CASE 31 I SƠ ĐỒ USE CASE MỨC TỔNG QUÁT: 31 II DANH SÁCH CÁC USE CASE: 32 III ĐẶC TẢ USE CASE: 33 Use case Đăng nhập: 33 Use case Đăng ký: 34 Use case Đăng xuất: 35 Use case Tìm kiếm sản phẩm: 35 Use case Hiển thị sản phẩm theo hạng mục: 36 Use case Xem thông tin sản phẩm: 36 Use case Xem sản phẩm đề xuất/gợi ý: 37 Use case Thêm sản phẩm vào giỏ hàng: 37 Use case Yêu thích: 38 10 Use case Bỏ yêu thích: 38 11 Use case Xem danh sách yêu thích: 39 12 Use case Xem giỏ hàng: 39 13 Use case Xác nhận/Thay đổi thông tin đơn hàng: 40 14 Use case Chốt đơn hàng: 41 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM 15 Use case Xem danh sách đơn hàng: 41 16 Use case Xem chi tiết đơn hàng (Khách hàng): 42 17 Use case Xóa đơn hàng (Khách hàng): 42 18 Use case Cập nhật thông tin tài khoản: 43 19 Use case Chat: 44 20 Use case Xem thông tin cửa hàng: 45 21 Use case Thêm sản phẩm: 45 22 Use case Cập nhật sản phẩm: 46 23 Use case Thêm thương hiệu: 46 24 Use case Cập nhật thương hiệu: 47 25 Use case Quản lý đơn đặt hàng: 47 26 Use case Xem chi tiết đơn đặt hàng (Chủ cửa hàng): 48 27 Use case Cập nhật trạng thái đơn đặt hàng: 49 28 Use case Xóa đơn hàng (Chủ cửa hàng): 49 29 Use case Cập nhật thông tin cửa hàng: 50 CHƯƠNG V: PHÂN TÍCH HỆ THỐNG 51 I SƠ ĐỒ LỚP: 51 Sơ đồ lớp mức phân tích: 51 Danh sách lớp đối tượng: 52 Mô tả lớp đối tượng: 52 3.1 Lớp Brand: 52 3.2 Lớp Category: 53 3.3 Lớp Origin: 53 3.4 Lớp Gender: 53 3.5 Lớp Session: 53 3.6 Lớp Skin: 53 3.7 Lớp Structure: 54 3.8 Lớp User: 54 3.9 Lớp SavedAddress: 54 3.10 Lớp Preference: 55 3.11 Lớp Pruduct: 55 3.12 Lớp Voucher: 57 3.13 Lớp Order: 58 3.14 Lớp StoreInformation: 59 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM 3.15 Lớp ChatRoom: 59 II SƠ ĐỒ TUẦN TỰ: 60 Đăng nhập / Đăng ký / Đăng xuất: 60 Tìm kiếm / Hiển thị sản phẩm theo hạng mục / Xem thông tin sản phẩm: 61 Recommendation System theo xu hướng User Recommendation System theo tính chất sản phẩm: 61 Yêu thích / Bỏ yêu thích: 62 Thêm sản phẩm vào giỏ hàng: 62 Chốt đơn hàng: 63 Thêm địa - Cập nhật địa chỉ: 63 Xem danh sách đơn hàng / Xóa đơn hàng / Xem chi tiết đơn hàng (User): 64 Cập nhật thông tin tài khoản – Thay đổi mật khẩu: 65 10 Thêm review - rating: 65 11 Thêm thương hiệu/nhãn hàng – Cập nhật thương hiệu/nhãn hàng: 66 12 Thêm sản phẩm – Cập nhật sản phẩm: 66 13 Quản lý đơn hàng (Admin): 67 14 Chat: 68 15 Xem thông tin cửa hàng - Cập nhật thông tin cửa hàng: 68 CHƯƠNG VI: THIẾT KẾ GIAO DIỆN 69 I GIAO DIỆN CHUNG: 69 Màn hình Giới thiệu 69 Màn hình Bắt đầu 69 Màn hình Đăng nhập: 70 Màn hình Quên mật khẩu: 72 Màn hình Tìm kiếm: 72 Màn hình Danh sách địa lưu: 73 Màn hình Thêm địa mới: 73 Màn hình Thay đổi thơng tin tài khoản: 74 Màn hình Thay đổi mật khẩu: 76 10 Màn hình Chat: 76 II GIAO DIỆN CLIENT (KHÁCH HÀNG): 78 Màn hình Đăng ký: 78 Màn hình Trang chủ: 79 Màn hình Thơng tin chi tiết sản phẩm: 80 Màn hình Danh sách u thích sản phẩm: 81 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM Màn hình Đặt hàng: 81 5.1 Màn hình Giỏ hàng: 81 5.2 Màn hình Xác nhận thông tin đơn hàng: 82 Màn hình Profile: 83 Màn hình Danh sách đơn hàng đặt: 84 Màn hình Xem chi tiết đơn hàng: 85 Màn hình Danh sách u thích: 86 10 Thêm review - rating: 86 III GIAO DIỆN ADMIN (CỬA HÀNG): 88 Màn hình Trang chủ: 88 Màn hình Quản lý nhãn hàng/thương hiệu: 89 2.1 Màn hình Danh sách nhãn hàng/thương hiệu: 89 2.2 Màn hình Thêm nhãn hàng/thương hiệu mới: 89 2.3 Màn hình Cập nhật nhãn hàng/thương hiệu: 90 Màn hình Quản lý sản phẩm: 91 3.1 Màn hình Danh sách sản phẩm: 91 3.2 Màn hình Thêm sản phẩm – Cập nhật sản phẩm mới: 91 Màn hình Quản lý đơn hàng: 92 4.1 Màn hình Danh sách đơn hàng khách hàng đặt: 92 4.2 Màn hình Chi tiết đơn hàng: 93 Màn hình Chat: 94 5.1 Màn hình Danh sách phòng Chat 94 5.2 Màn hình Tìm kiếm người dùng 94 Màn hình Thay đổi thông tin cửa hàng: 95 CHƯƠNG VII: TỔNG KẾT 96 I CÔNG NGHỆ SỬ DỤNG: 96 II ĐỘ HOÀN THIỆN CHỨC NĂNG: 96 III KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN: 97 Kết đạt được: 97 1.1 Ưu điểm: 97 1.2 Nhược điểm: 98 Hướng phát triển: 98 CHƯƠNG IX: TÀI LIỆU THAM KHẢO 99 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM CHƯƠNG I: GIỚI THIỆU CHUNG I ĐỀ TÀI: - Cơng nghệ tìm hiểu: Flutter, Recommenation System - Ứng dụng xây dựng: Ứng dụng bán mỹ phẩm trực tuyến tích hợp Recommendation System – Be Beauty II LÝ DO CHỌN ĐỀ TÀI: Với tốc độ tăng trưởng đáng kinh ngạc khoa học kĩ thuật nay, song song với cách mạng công nghiệp 4.0 5.0, chất lượng sống cá nhân xã hội không ngừng cải thiện nâng cao Như kết hiển nhiên, nhu cầu giải trí khơng phải ngoại lệ Có thể nói, thiết bị điện tử ngày xem thiết bị không hỗ trợ, giúp đỡ cho người nhiều mục đích khác mà bên cạnh chúng cịn cơng cụ giải trí, cải thiện nâng cao chất lượng sống Đặc biệt thiết bị di động thông minh, chúng cung cấp cho người dùng vô số ứng dụng, tiện ích cơng nghệ đáp ứng nhiều nhu cầu sử dụng khác trải nghiệm công nghệ Không dừng lại nhu cầu giải trí, việc mua bán trao đổi qua ứng dụng di động ngày phát triển phổ biến Cụ thể, ứng dụng Bán hàng trực tuyến thay phương thức kinh doanh cũ doanh nghiệp tính ưu việt mà ứng dụng mang lại như: nhanh hơn, rẻ hơn, tiện dụng hơn, hiệu không bị giới hạn không gian thời gian Đặc biệt, giai đoạn phịng chống dịch Covid-19 vơ căng thẳng khó khăn nay, đạo Nhà nước quy định giãn cách xã hội, hạn chế tụ tập đông người, hạn chế hoạt động mua bán trực tiếp, điều ảnh hưởng nhiều đến trải nghiệm người dùng nhu cầu ngày, có nhu cầu thiết yếu làm đẹp, cụ thể mỹ phẩm Nhận thấy điều đó, với vị trí vai trị thời đại cơng nghệ 5.0, nhóm chúng em định làm ỨNG DỤNG BÁN MỸ PHẨM TRỰC TUYẾN TÍCH HỢP RECOMMENDATION SYSTEM – BE BEAUTY để trở thành phương tiện kết nối từ xa với khách hàng việc đặt, mua mỹ phẩm Ứng dụng khơng đảm bảo an tồn sức khỏe cho người dùng mà cịn đáp ứng nhu cầu cần thiết cung cầu mặt hàng mỹ phẩm, nhu cầu làm đẹp người việc trì hoạt động kinh doanh cửa hàng Bên cạnh đó, nhờ tích hợp tính cơng nghệ cao Hệ thống gợi ý giúp đề xuất người dùng sản phẩm phù hợp 10 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM + Completed: Hiển thị danh sách đơn hàng cửa hàng xác nhận hoàn tất + Cancelled: Hiển thị danh sách đơn hàng bị hủy - Phần 3: Listview đơn hàng ứng với Tab Tabbar phía Màn hình Xem chi tiết đơn hàng: * Mơ tả chung xử lí kiện hình: Màn hình Xem chi tiết đơn hàng gồm phần chính: - Phần 1: App Bar hiển thị button Back để quay hình trước, trạng thái đơn hàng có button Cancel để thực chức hủy đơn hàng - Phần 2: Các label text hiển thị thơng tin đơn hàng khoản phí, địa thông tin người nhận, vv… - Phần 3: Listview hiển thị danh sách sản phẩm mà người dùng đặt có kèm số lượng loại sản phẩm 85 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM Màn hình Danh sách u thích: * Mơ tả chung xử lí kiện hình: Màn hình Danh sách yêu thích gồm phần chính: - Phần 1: Appbar gồm Back button để người dùng quay hình trước button Cart để vào giỏ hàng - Phần 2: GridView hiển thị sản phẩm mà người dùng thêm vào danh sách yêu thích với label hiển thị số lượng sản phẩm danh sách yêu thích 10 Thêm review - rating: 86 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM * Mơ tả chung xử lí kiện hình: Màn hình Thêm review - rating gồm phần chính: - Phần 1: Appbar gồm Back button để người dùng quay hình trước - Phần 2: Button Add images để thêm hình ảnh từ thư viện, thêm thành cơng hiển thị hình ảnh button - Phần 3: Phần Star images để chọn số điểm rating muốn đánh giá - Phần 4: Textfield để nhập nội dung đánh giá review - Phần 5: Button Add review để thêm đánh giá 87 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM III GIAO DIỆN ADMIN (CỬA HÀNG): Màn hình Trang chủ: * Mơ tả chung xử lí kiện hình: Màn hình Trang chủ gồm phần chính: - Phần 1: Appbar bao gồm label hiển thị tên hình biểu tượng Avatar tài khoản để mở hình Thay đổi thông tin tài khoản - Phần 2: ListView hiển thị danh sách button chức như: + Brand: Để mở hình Quản lý nhãn hàng/thương hiệu + Product: Để mở hình Quản lý sản phẩm + Order: Để mở hình Quản lý đơn hàng + Chat: Để mở hình Chat (Admin) + Information: Để mở hình Cập nhật thơng tin cửa hàng + Change Password: Để mở hình Thay đổi mật tài khoản + Log Out: Để đăng xuất tài khoản chuyển hình đăng nhập 88 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM Màn hình Quản lý nhãn hàng/thương hiệu: 2.1 Màn hình Danh sách nhãn hàng/thương hiệu: * Mơ tả chung xử lí kiện hình: Màn hình Danh sách nhãn hàng/thương hiệu gồm phần chính: - Phần 1: Appbar bao gồm Back button để người dùng quay trang trước đó, label tên hình button Plus để mở hình Thêm nhãn hàng/thương hiệu - Phần 2: Hiển thị danh sách nhãn hàng/thương hiệu mà cửa hàng hợp tác kinh doanh 2.2 Màn hình Thêm nhãn hàng/thương hiệu mới: 89 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM * Mô tả chung xử lí kiện hình: Màn hình Thêm nhãn hàng/thương hiệu gồm phần chính: - Phần 1: Appbar bao gồm Back button để người dùng quay trang trước đó, label tên hình - Phần 2: Textfield để nhập tên thương hiệu/nhãn hàng muốn thêm, buton “Pick from gallery” để load hình ảnh từ thư viện lên hình - Phần 3: Button Add để tiến hành chức thêm nhãn hàng/thương hiệu 2.3 Màn hình Cập nhật nhãn hàng/thương hiệu: * Mơ tả chung xử lí kiện hình: Màn hình Cập nhật nhãn hàng/thương hiệu gồm phần chính: - Phần 1: Appbar bao gồm Back button để người dùng quay trang trước đó, label tên hình - Phần 2: Textfield để nhập tên thương hiệu/nhãn hàng muốn cập nhật với hint text tên nhãn hàng/thương hiệu tại, phần hình ảnh load tự động dựa thơng tin nhãn hàng/thương hiệu chọn, buton “Pick from gallery” để load hình ảnh từ thư viện lên hình - Phần 3: Button Update để tiến hành chức cập nhật nhãn hàng/thương hiệu chọn 90 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM Màn hình Quản lý sản phẩm: 3.1 Màn hình Danh sách sản phẩm: * Mơ tả chung xử lí kiện hình: Màn hình Danh sách nhãn sản phẩm gồm phần chính: - Phần 1: Appbar bao gồm Back button để người dùng quay trang trước đó, label tên hình button Plus để mở hình Thêm sản phẩm - Phần 2: Hiển thị danh sách sản phẩm mà cửa hàng kinh doanh 3.2 Màn hình Thêm sản phẩm – Cập nhật sản phẩm mới: 91 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM * Mô tả chung xử lí kiện hình: Màn hình Thêm sản phẩm mới gồm phần chính: - Phần 1: Appbar bao gồm Back button để người dùng quay trang trước đó, label tên hình - Phần 2: Textfield để nhập thông tin liên quan tới sản phẩm muốn thêm muốn cập nhật, số combobox để chọn thông tin, buton “Pick from gallery” để load hình ảnh từ thư viện lên hình Một số textfiled liên quan đến giá tính tự động ứng với liệu tương ứng textfield khác - Phần 3: Button Save để tiến hành chức thêm sản phẩm cập nhật sản phẩm chọn Màn hình Quản lý đơn hàng: 4.1 Màn hình Danh sách đơn hàng khách hàng đặt: * Mơ tả chung xử lí kiện hình: Màn hình Danh sách đơn hàng đặt gồm phần: - Phần 1: Appbar gồm Back button để người dùng quay hình trước - Phần 2: Tabbar gồm Tab: + Pending: Hiển thị đơn hàng chưa xác nhận cửa hàng + Preparing: Hiển thị danh sách đơn hàng xác nhận chuẩn bị 92 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM + Shipping: Hiển thị danh sách đơn hàng vận chuyển đơn vị vận chuyển + Received: Hiển thị danh sách đơn hàng đơn vị vận chuyển báo khách hàng nhận nhận + Rated: Hiển thị danh sách đơn hàng khách hàng đánh giá + Completed: Hiển thị danh sách đơn hàng cửa hàng xác nhận hoàn tất + Cancelled: Hiển thị danh sách đơn hàng bị hủy - Phần 3: Listview đơn hàng ứng với Tab Tabbar phía 4.2 Màn hình Chi tiết đơn hàng: * Mơ tả chung xử lí kiện hình: Màn hình Xem chi tiết đơn hàng gồm phần chính: - Phần 1: App Bar hiển thị button Back để quay hình trước, trạng thái đơn hàng có button Cancel để thực chức hủy đơn hàng - Phần 2: Các label text hiển thị thông tin đơn hàng khoản phí, địa thông tin người nhận, vv… - Phần 3: Combobox trạng thái cập nhật để tiến hành chức cập nhật trạng thái đơn hàng/duyệt đơn hàng 93 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM - Phần 4: Listview hiển thị danh sách sản phẩm mà người dùng đặt có kèm số lượng loại sản phẩm Màn hình Chat: 5.1 Màn hình Danh sách phịng Chat * Mơ tả chung xử lí kiện hình: Màn hình Danh sách phịng Chat bao gồm phần chính: - Phần 1: Appbar bao gồm label tên hình Search button để chuyển sang hình Tìm kiếm - Phần 2: ListView hiển thị thơng tin ảnh đại diện, tên người dùng nhắn tin với 5.2 Màn hình Tìm kiếm người dùng * Mơ tả chung xử lí kiện hình: Màn hình Tìm kiếm người dùng bao gồm phần chính: - Phần 1: Textfield cho người dùng nhập tên với Search button để tìm kiếm người dùng 94 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM - Phần 2: ListView hiển thị thông tin ảnh đại diện, tên người dùng cần tìm kiếm Màn hình Thay đổi thông tin cửa hàng: * Mô tả chung xử lí kiện hình: Màn hình Thay đổi thơng tin cửa hàng gồm phần chính: - Phần 1: Appbar gồm Back button để người dùng quay hình trước - Phần 2: Hiển thị ảnh label tên cửa hàng - Phần 3: Bao gồm Textfield cho phép người dùng nhập tên chủ cửa hàng, địa cửa hàng số điện thoại cửa hàng - Phần 4: Save button để người dùng tiến hành lưu thông tin 95 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM CHƯƠNG VII: TỔNG KẾT I CƠNG NGHỆ SỬ DỤNG: - Cơng nghệ Flutter lập trình dựa ngơn ngữ Dart - Tiện ích Firebase Google: + Cloud Firebase + Firebase Authentication + Realtime Database - Flask server để tạo Recommendation System Heroku để host server, tạo API - Figma thiết kế nên giao diện ứng dụng - Github để quản lý source code II ĐỘ HOÀN THIỆN CHỨC NĂNG: STT Tên chức Mức độ hoàn thành Đăng nhập 100% Đăng ký 100% Đăng xuất 100% Tìm kiếm sản phẩm 100% Hiển thị sản phẩm theo hạng mục 100% Thông tin chi tiết sản phẩm 100% Đề xuất, gợi ý sản phẩm (Recommendation System) 100% Thêm sản phẩm vào giỏ hàng 100% Yêu thích 100% 10 Bỏ yêu thích 100% 11 Xem danh sách yêu thích 100% 12 Xem giỏ hàng 100% 13 Chốt đơn hàng 100% 14 Thay đổi, cập nhật địa giao hàng 100% Ghi 96 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM 15 Xem danh sách đơn hàng đặt 100% 16 Xem chi tiết đơn hàng 100% 17 Xóa đơn hàng 100% 18 Cập nhật thơng tin tài khoản 100% 19 Thay đổi mật 100% 20 Thêm review - rating 100% 21 Thêm nhãn hàng/thương hiệu 100% 22 Cập nhật nhãn hàng/thương hiệu 100% 23 Thêm sản phẩm 100% 24 Cập nhật sản phẩm 100% 25 Quản lý đơn đặt hàng 100% 26 Xem chi tiết đơn đặt hàng 100% 27 Cập nhật trạng thái đơn đặt hàng 100% 28 Xóa đơn hàng 100% 29 Cập nhật thông tin cửa hàng 100% III KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN: Kết đạt được: 1.1 Ưu điểm: - Hiểu cách thức lập trình dựa cơng nghệ Flutter ngơn ngữ Dart - Cơ sở liệu tổ chức server thơng qua hỗ trợ tiện ích đến từ Firebase - Vận dụng thuật toán Machine Learning để xây dựng Recommendation System, host Flask server Python Heroku để tạo API call trực tiếp thay mặc định localhost - Đáp ứng chức ứng dụng bán mỹ phẩm trực tuyến, đặc biệt liên quan trình quản lý trình đặt hàng - Xây dựng luồng chức dễ hiểu, dễ sử dụng 97 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM 1.2 Nhược điểm: - Ứng dụng cịn đơn giản, chưa tích hợp chức phức tạp - Chưa có phiên dành cho hệ điều hành iOS Hướng phát triển: - Phát triển thêm việc xây dựng ứng dụng tảng Web hệ điều hành iOS - Tái cấu trúc lại sở liệu để cung cấp nhiều chức năng, linh động dịch vụ cung cấp cho người dùng - Phát triển thêm tính phân loại thành viên theo tổng chi tiêu để tiến hành việc áp dụng phần trăm giảm giá, áp dụng số thuật toán Machine Learning khác nhận diện hình ảnh để dễ tìm kiếm sản phẩm 98 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM CHƯƠNG IX: TÀI LIỆU THAM KHẢO Hướng dẫn chi tiết cài đặt Flutter Android Studio Window: https://www.youtube.com/watch?v=lXLGqJvmJFY Lập trình di động với Flutter bản: https://www.youtube.com/watch?v=WL3g5DHJ4pA&list=PLRhlTlpDUWsxWhGA4 jTr0oGeNs7xYyDPW Get started with Firebase on Flutter: https://www.youtube.com/watch?v=EXp0gq9kGxI&t=759s Flutter UI Design Series: https://www.youtube.com/watch?v=Y6xAQVXkhLA Flutter & Firebase App Build: https://www.youtube.com/watch?v=sfA3NWDBPZ4&list=PL4cUxeGkcC9j-TKIdkb3ISfRbJeJYQwC Flutter Cosmetics Shop App UI - Speed Code: https://www.youtube.com/watch?v=x4yQayVy5VQ Series: Flutter Live Coding EP1174 (Cosmetics App): https://www.youtube.com/watch?v=NplZPorz_rA Build Flutter Chat App with Firebase Auth & Firestore: https://www.youtube.com/watch?v=FTju8w4zEno&t=4118s Flutter Tutorial – Build A Chat App With Flutter & Firebase: https://www.youtube.com/watch?v=wHIcJDQbBFs&t=962s 10 Learn Flask for Python - Full Tutorial: https://www.youtube.com/watch?v=Z1RJmh_OqeA&t=536s 11 How to Deploy a Flask App to Heroku | Flask Heroku Deployment: https://www.youtube.com/watch?v=D2GLVoiEZyE&t=66s 12 Recommender System for Cosmetics - Based on User Evaluation and Ingredients Information: https://www.kushiro-ct.ac.jp/library/kiyo/kiyo51/08_%E6%9C%AC%E9%96%93.pdf 99 ... SYSTEM VÀO ĐỒ ÁN: 30 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM CHƯƠNG IV: MƠ HÌNH USE CASE I SƠ ĐỒ USE CASE MỨC TỔNG QUÁT: 31 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM II... THAM KHẢO 99 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM CHƯƠNG I: GIỚI THIỆU CHUNG I ĐỀ TÀI: - Cơng nghệ tìm hiểu: Flutter,... cách ứng dụng cơng nghệ vào q trình xây dựng ứng dụng 11 ỨNG DỤNG BÁN MỸ PHẨM TÍCH HỢP HỆ THỐNG GỢI Ý SẢN PHẨM VI Ý NGHĨA VÀ KẾT QUẢ CỦA HƯỚNG ĐỀ TÀI: Về mặt sản phẩm: - Tạo ứng dụng mỹ phẩm