ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN TRUNG HIẾU-NGUYỄN HỮU MẠNH QUÂN KHÓA LUẬN TỐT NGHIỆP PHÁT TRIỂN MỞ RỘNG HỆ THỐNG BÁN HÀNG THỜI TRANG DÙNG FLUTTER VÀ ANGULAR KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN TRUNG HIẾU – 17520480 NGUYỄN HỮU MẠNH QUÂN – 17520938 KHÓA LUẬN TỐT NGHIỆP PHÁT TRIỂN MỞ RỘNG HỆ THỐNG BÁN HÀNG THỜI TRANG DÙNG FLUTTER VÀ ANGULAR KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN NGUYỄN THỊ THANH TRÚC TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số ngày Hiệu trưởng Trường Đại học Công nghệ thông tin – Chủ tịch – Thư ký – Ủy viên – Ủy viên ĐHQG 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ự – Hạnh TP HCM, ngày tháng năm phúc NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: PHÁT TRIỂN MỞ RỘNG HỆ THỐNG BÁN HÀNG THỜI TRANG DÙNG FLUTTER VÀ ANGULAR Cán hướng dẫn: Nhóm SV thực hiện: Nguyễn Thị Thanh Trúc Nguyễn Trung Hiếu 17520480 Nguyễn Hữu Mạnh Quân 17520938 Nguyễn Hà Giang Đánh giá Khóa luận Về báo cáo: Số trang Số bảng số liệu Số tài liệu tham khảo Số chương Số hình vẽ phẩm Sản Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Nguyễn Trung Hiếu: ./10 Nguyễn Hữu Mạnh Quân: ./10 Người nhận xét (Ký tên ghi rõ họ tên) ĐHQG 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ự – Hạnh TP HCM, ngày tháng năm phúc NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: PHÁT TRIỂN MỞ RỘNG HỆ THỐNG BÁN HÀNG THỜI TRANG DÙNG FLUTTER VÀ ANGULAR phẩm Nhóm SV thực hiện: Nguyễn Trung Hiếu 17520480 Nguyễn Hữu Mạnh Quân 17520938 Đánh giá Khóa luận Về báo cáo: Số trang Số bảng số liệu Số tài liệu tham khảo Cán phản biện: Số chương Số hình vẽ Sản Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Nguyễn Trung Hiếu: ./10 Nguyễn Hữu Mạnh Quân: ./10 Người nhận xét (Ký tên ghi rõ họ tên) Catalog LỜI CẢM ƠN ĐỀ CƯƠNG CHI TIẾT TĨM TẮT KHỐ LUẬN 19 CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 20 CHƯƠNG 2: CƠ SỞ KIẾN THỨC VÀ CÔNG NGHỆ SỬ DỤNG 24 điều mô tả ngắn Flutter: 25 1.Firebase gì? 46 2.Những dịch vụ bật Firebase 47 CHƯƠNG 3: PHÂN TÍCH BÀI TOÁN 51 CHƯƠNG 4: GIAO DIỆN ỨNG DỤNG 86 Màn hình giới thiệu ứng dụng 86 Màn hình đăng nhập 87 Màn hình đăng ký 88 Đăng ký, đăng nhập nhận diện khuôn mặt 89 Màn hình xem tin tức 90 Màn hình tạo chat với admin 91 Màn hình danh sách vấn đề 93 Màn hình danh sách vấn đề chat 93 Màn hình tạo item quần áo 94 10 Màn hình danh sách item 95 11 Màn hình danh sách item chi tiết 97 12 Màn hình tủ đồ 97 13 Màn hình người dùng 98 14 Màn hình thơng tin người dùng 99 15 Camera AR 100 16 Màn hình đặt hàng 101 17 Màn hình đơn hàng 102 18 Màn hình giảm giá 103 19 Danh sách đơn hàng 104 CHƯƠNG 5: KẾT LUẬN 114 TÀI LIỆU THAM KHẢO 115 LỜI CẢM ƠN Sau năm học tập rèn luyện Trường Đại Học Công Nghệ Thông Tin, bảo giảng dạy nhiệt tình q thầy cơ, đặc biệt quý thầy cô khoa Công Nghệ Phần Mềm, chúng em nhận vơ vàng kiến thức bổ ích lý thuyết thực hành thời gian qua Đặc biệt, em xin gửi lời cảm ơn lòng biết ơn sâu sắc tới cô Nguyễn Thị Thanh Trúc Cơ tận tình giúp nhóm chúng em hồn thành tốt báo cáo khóa luận suốt trình thực đề tài Trong thời gian thực đề tài, em vận dụng kiến thức tảng tích lũy đồng thời kết hợp với việc học hỏi nghiên cứu kiến thức Từ đó, em vận dụng tối đa thu thập để hồn thành báo cáo khóa luận tốt Cảm ơn giảng viên phản biện thầy cô hội đồng chấm luận văn cho chúng em lời nhận xét, góp ý thật quý báu bổ ích giúp cho luận văn chúng em trở nên hoàn thiện Mặc dù cố gắng, nhiên khả giới hạn nên khơng tránh khỏi sai sót, em mong nhận thơng cảm góp ý chân tình từ q thầy Một lần xin chân thành cảm ơn người Em xin chân thành cảm ơn quý Thầy Cô! Tp Hồ Chí Minh, ngày tháng năm Nguyễn Trung Hiếu Nguyễn Hữu Mạnh Quân ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Phát triển mở rộng ứng dụng bán hàng thời trang dùng flutter Angular Cán hướng dẫn: ThS Nguyễn Thị Thanh Trúc - TS Nguyễn Hà Giang Thời gian thực hiện: Từ ngày 06/09/2021 đến ngày 25/12/2021 Sinh viên thực hiện: Nguyễn Hữu Mạnh Quân 17520938 Nguyễn Trung Hiếu 17520480 Mô tả: Người dùng thấy item vừa chọn fix theo thể - Button giỏ hàng sang hình đặt hàng - Button chụp hình tiến hành chụp lại hình thân với đồ chọn lưu tủ đồ người dùng 16 Màn hình đặt hàng Mô tả: Người dùng tiến hành đặt hàng 17 Màn hình đơn hàng Mơ tả: Hiển thị thơng tin sản phẩm chọn để đặt hàng thông tin cá nhân người dùng để giao hàng 18 Màn hình giảm giá Mơ tả: Ứng với mỗi 100.000VND người dùng điểm 1000 điểm đổi thẻ giảm giá 10% Người dùng quy đổi điểm qua thẻ sử dụng thẻ để giảm giá 19 Danh sách đơn hàng Mô tả: Hiển thị danh sách đơn hàng người dùng đặt II GIAO DIỆN WEB Các chức ủy quyền, tạo vai quản trị Màn hình đăng ký Người dùng thực chức tạo tài khoản mới, tài khoản chưa cấp quyền quản trị với Email mật đăng ký Màn hình đăng nhập Thực chức đăng nhập, người dùng sử dụng chức quản lý tin tức, quản lý phụ kiện thời trang quản lý đơn hàng sau đăng nhập tài khoản người dùng cấp quyền quản trị Màn hình cấp quyền quản trị Cấp quyền quản trị cho đăng ký tài khoản hệ thống Quản lý tin tức Màn hình thêm tin tức Chức thêm tin tức để hiển thị cho người dùng app với thuộc tính bắt buộc: tiêu đề, hình ảnh preview đường dẫn tin tức Màn hình xem, sửa, xóa tin tức *Chưa chọn tin tức *Sau chọn tin tức Quản lý phụ kiện thời trang Màn hình thêm phụ kiện thời trang Chức thêm phụ kiện thời trang với thuộc tính bắt buộc: tên phụ kiện, loại phụ kiện, hình ảnh cho phụ kiện Màn hình xem, sửa xóa phụ kiện Quản lý đơn hàng CHƯƠNG 5: KẾT LUẬN Việc ứng dụng công nghệ cao vào đời sống sản xuất kinh doanh tất ngành nghề trở nên thiết thực đem lại hiệu vô lớn Bởi việc nghiên cứu phát triển tạo công cụ thời đại cơng việc hữu ích cho phát triển chung thời đại Trong trình thực đồ án nhóm thực việc sau: - Tìm hiểu thực trạng nhu cầu ứng dụng hệ thống - Tìm hiểu Flutter thuật tốn triển khai ứng dụng, cơng nghệ web AngularJS - Nghiên cứu thiết kế ứng dụng thời trang WECLOTHES Androi Studio Firebase công nghệ web AngularJS Hướng phát triển Đề tài lựa chọn đồ bán hàng thời trang có khả cao việc đưa vào ứng dụng thực tiễn Tuy nhiên hạn chế thời gian nghiên cứu kinh nghiệm khó khăn tình hình dịch bệnh, nhóm phát triển mức độ hồn thành yêu cầu đặt đề tài, tốc độ xử lý chưa hồn thiện Nhóm cố gắng tìm hiểu sâu có phương pháp quản lý hệ thống xử lý khối liệu lớn với hiệu cao, mở rộng phạm vi dự án Bọn em xin chân thành cảm ơn cô Trúc, cô Xua thầy cô hội đồng phản biện bảo vệ hỡ trợ để bọn em hồn thành khố luận cách chỉnh chu Xin chân thành cảm ơn thầy cô nhiều! TÀI LIỆU THAM KHẢO https://docs.flutter.dev/ https://vntalking.com/ https://viblo.asia/ https://o7planning.org/ https://www.youtube.com/user/SimplifiedCoding https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw ... CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN TRUNG HIẾU – 17520480 NGUYỄN HỮU MẠNH QUÂN – 17520938 KHÓA LUẬN TỐT NGHIỆP PHÁT TRIỂN MỞ RỘNG HỆ THỐNG BÁN HÀNG THỜI TRANG DÙNG FLUTTER VÀ ANGULAR. .. dụng vào thực tiễn nhu cầu làm đẹp mà cụ thể nhu cầu thời trang ăn mặc ngày trọng đến, khoá luận tốt nghiệp tụi em chọn đề tài ? ?Phát triển mở rộng hệ thống bán hàng thời trang dùng Flutter Angular? ??... tài phát triển hệ thống bán hàng thời trang tảng di động sử dụng flutter (áp dụng đăng nhập nhận diện khuôn mặt, camera thực tế ảo) tảng Web dùng Angular để thực hoá mở rộng 1.3 Mục Tiêu - Hệ thống