Tìm hiểu về flutter và xây dựng ứng dụng bán mỹ 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: TÌM HIỂU VỀ FLUTTER VÀ XÂY DỰNG ỨNG DỤNG BÁN MỸ 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ú 19522018  Tp Hồ Chí Minh, 3/2022  NHẬN XÉT (Của giảng 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) 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 1– 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 để 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 quý báu để 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 q 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 hoà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 năm 2022 MỤC LỤC LỜI CẢM ƠN Phần 1: Tìm hiểu Flutter Chương 1: Tìm hiểu Flutter 1.1 Dart 1.2 Flutter 1.2.1 Đặc điểm bật 10 1.2.2 Lí nên sử dụng Flutter 10 1.3 Firebase 11 1.3.1 Firebase gì? 11 1.3.2 Các chức Firebase nghiên cứu áp dụng vào đồ án: 12 1.3.2.1 Firebase Cloud Storage: 12 1.3.2.2 Firebase Realtime Database: 12 1.3.2.3 Firebase Authentication: 12 1.3.2.4 Ưu điểm: 12 1.3.2.5 Nhược điểm: 13 Phần 2: Xây dựng ứng dụng bán mỹ phẩm 14 Chương 1: Thông tin chung 14 1.1 Tên đề tài : Ứng dụng bán mỹ phẩm 14 1.2 Môi trường phát triển ứng dụng: Dart, Android-IOS 14 1.3 Thơng tin nhóm 14 Chương 2: Phát biểu tốn 2.1 Trình bày khảo sát trạng 15 Nhu cầu thực tế đề tài 16 Xác định yêu cầu hệ thống 16 2.1.1 2.2 15 2.2.1 Các yêu cầu hệ thống Chương 3: Mơ hình Use-case 17 19 3.1 Sơ đồ Use-case 19 3.2 Danh sách Actor 19 3.3 Danh sách Use-case 20 3.4 Đặc tả Use-case 22 3.4.1 Đặc tả Use-case “Đăng nhập” 22 3.4.2 Đặc tả Use-case “Đăng ký” 23 3.4.3 Đặc tả Use-case “Đăng xuất” 23 3.4.4 Đặc tả Use-case “Tìm kiếm sản phẩm” 24 3.4.5 Đặc tả Use-case “Hiển thị sản phẩm theo hạng mục” 25 3.4.6 Đặc tả Use-case “Thông tin chi tiết sản phẩm” 25 3.4.7 Đặc tả Use-case “Thêm sản phẩm vào giỏ hàng” 25 3.4.8 Đặc tả Use-case “Yêu thích” 26 3.4.9 Đặc tả Use-case “Bỏ yêu thích” 26 3.4.10 Đặc tả Use-case “Xem danh sách yêu thích” 27 3.4.11 Đặc tả Use-case “Xem giỏ hàng” 27 3.4.12 Đặc tả Use-case “Chốt đơn hàng” 28 3.4.13 Đặc tả Use-case “Thay đổi, cập nhật địa giao hàng” 29 3.4.14 Đặc tả Use-case “Xem danh sách đơn hàng đặt” 29 3.4.15 Đặc tả Use-case “Xem chi tiết đơn hàng” 30 3.4.16 Đặc tả Use-case “Xoá đơn hàng” 30 3.4.17 Đặc tả Use-case “Cập nhật thông tin tài khoản” 31 3.4.18 Đặc tả Use-case “Thay đổi mật khẩu” 32 3.4.19 Đặc tả Use-case “Thêm review - rating” 33 3.4.20 Đặc tả Use-case “Thêm nhãn hàng/thương hiệu mới” 33 3.4.21 Đặc tả Use-case “Cập nhật nhãn hàng/thương hiệu” 34 3.4.22 Đặc tả Use-case “Thêm sản phẩm mới” 34 3.4.23 Đặc tả Use-case “Cập nhật sản phẩm” 35 3.4.24 Đặc tả Use-case “Quản lý đơn đặt hàng” 35 3.4.25 Đặc tả Use-case “Xem chi tiết đơn đặt hàng” 36 3.4.26 Đặc tả Use-case “Cập nhật trạng thái đơn đặt hàng” 37 3.4.27 Đặc tả Use-case “Xoá đơn hàng” 37 3.4.28 Đặc tả Use-case “Cập nhật thông tin cửa hàng” 38 Chương 4: Phân tích 4.1 Sơ đồ lớp (mức phân tích) 39 39 4.1.1 Sơ đồ lớp (mức phân tích) 39 4.1.2 Danh sách lớp đối tượng quan hệ 39 4.1.3 Mô tả chi tiết lớp đối tượng 40 4.1.3.1 Lớp Brand: 40 4.1.3.2 Lớp Category: 40 4.1.3.3 Lớp Origin: 40 4.1.3.4 Lớp Gender: 41 4.1.3.5 Lớp Session: 41 4.1.3.6 Lớp Skin: 41 4.2 4.1.3.7 Lớp Structure: 41 4.1.3.8 Lớp User: 41 4.1.3.9 Lớp SavedAddress: 42 4.1.3.10 Lớp Prererence: 42 4.1.3.11 Lớp Product: 43 4.1.3.12 Lớp Voucher: 45 4.1.3.13 Lớp Order: 45 4.1.3.14 Lớp StoreInformation: 46 4.1.3.15 Lớp ChatRoom: 46 SƠ ĐỒ TUẦN TỰ: 48 4.2.1 Đăng nhập / Đăng ký / Đăng xuất: 48 4.2.2 Tìm kiếm / Hiển thị sản phẩm theo hạng mục / Xem thơng tin sản phẩm: 49 4.2.3 u thích / Bỏ yêu thích: 50 4.2.4 Thêm sản phẩm vào giỏ hàng: 50 4.2.5 Chốt đơn hàng: 51 4.2.6 Thêm địa - Cập nhật địa chỉ: 51 4.2.7 Xem danh sách đơn hàng / Xóa đơn hàng / Xem chi tiết đơn hàng (User): 52 4.2.8 Cập nhật thông tin tài khoản – Thay đổi mật khẩu: 53 4.2.9 Thêm review - rating: 53 4.2.10 Thêm thương hiệu/nhãn hàng – Cập nhật thương hiệu/nhãn hàng: 54 4.2.11 Thêm sản phẩm – Cập nhật sản phẩm: 54 4.2.12 Quản lý đơn hàng (Admin): 55 4.2.13 Chat: 56 4.2.14 Xem thông tin cửa hàng - Cập nhật thông tin cửa hàng: 56 Chương 5: Thiết kế giao diện 5.1 Giao diện chung 57 57 5.1.1 Màn hình Giới thiệu 57 5.1.2 Màn hình Bắt đầu 57 5.1.3 Màn hình Đăng nhập: 58 5.1.4 Màn hình Quên mật khẩu: 59 5.1.5 Màn hình Tìm kiếm: 59 5.1.6 Màn hình Danh sách địa lưu: 60 5.1.7 Màn hình Thêm địa mới: 61 5.1.8 Màn hình Thay đổi thơng tin tài khoản: 62 5.1.9 Màn hình Thay đổi mật khẩu: 63 5.1.10 Màn hình Chat: 64 5.2 65 GIAO DIỆN CLIENT (KHÁCH HÀNG): 5.2.1 Màn hình Đăng ký: 65 5.2.2 Màn hình Trang chủ: 66 5.2.3 Màn hình Thơng tin chi tiết sản phẩm: 67 5.2.4 Màn hình Danh sách yêu thích sản phẩm: 68 5.2.5 Màn hình Đặt hàng: 68 5.2.5.1 Màn hình Giỏ hàng: 68 5.2.5.2 Màn hình Xác nhận thơng tin đơn hàng: 70 5.2.6 Màn hình Profile: 71 5.2.7 Màn hình Danh sách đơn hàng đặt: 73 5.2.8 Màn hình Xem chi tiết đơn hàng: 75 5.2.9 Màn hình Danh sách u thích: 77 5.2.10 Thêm review - rating: 77 5.3 79 GIAO DIỆN ADMIN (CỬA HÀNG): 5.3.1 Màn hình Trang chủ: 79 5.3.2 Màn hình Quản lý nhãn hàng/thương hiệu: 80 5.3.2.1 Màn hình Danh sách nhãn hàng/thương hiệu: 80 5.3.2.2 Màn hình Thêm nhãn hàng/thương hiệu mới: 80 5.3.2.3 Màn hình Cập nhật nhãn hàng/thương hiệu: 81 5.3.3 Màn hình Quản lý sản phẩm: 82 5.3.3.1 Màn hình Danh sách sản phẩm: 82 5.3.3.2 Màn hình Thêm sản phẩm – Cập nhật sản phẩm mới: 83 5.3.4 Màn hình Quản lý đơn hàng: 85 5.3.4.1 Màn hình Danh sách đơn hàng khách hàng đặt: 85 5.3.4.2 Màn hình Chi tiết đơn hàng: 87 5.3.5 Màn hình Chat: 88 5.3.5.1 Màn hình Danh sách phịng Chat 88 5.3.5.2 Màn hình Tìm kiếm người dùng 89 5.3.5.3 Màn hình Thay đổi thơng tin cửa hàng: 90 Chương 6: Tổng kết 91 6.1 Cơng nghệ sử dụng: 91 6.2 Độ hồn chức năng: 91 6.3 Kết đạt hướng phát triển: 92 6.3.1 Kết đạt được: 92 6.3.2 Ưu điểm: 92 6.3.2.1 Nhược điểm: 92 6.3.3 Hướng phát triển: 92 Tài liệu tham khảo 94 Phần 1: Tìm hiểu Flutter Chương 1: Tìm hiểu Flutter 1.1 Dart Dart ngơn ngữ lập trình đa mục đích ban đầu phát triển Google sau Ecma (ECMA-408) phê chuẩn làm tiêu chuẩn Dart sử dụng để xây dựng ứng dụng web, server, máy tính để bàn, thiết bị di động làm ứng dụng trị chơi Dart ngơn ngữ mã nguồn mở miễn phí, phát triển GitHub Dart ngôn ngữ hướng đối tượng, xác định theo lớp, với chế garbage-collected, sử dụng cú pháp kiểu C để dịch mã tùy ý sang JavaScript Nó hỗ trợ số tính lập trình hướng đối tượng class, interface, Mỗi class (lớp) định nghĩa cho loại đối tượng Một class bao gồm nội dung sau đây: - Các thuộc tính (Fields) - Các hàm Getter setter - Hàm khởi tạo (Constructor) - Phương thức (Function) Ưu điểm Dart: - Năng suất: Cú pháp Dart rõ ràng súc tích, cơng cụ đơn giản mạnh mẽ Type-safe giúp bạn xác định sớm lỗi tinh tế Dart có thư viện cốt lõi hệ sinh thái gồm hàng ngàn package - Nhanh: Dart cung cấp tối ưu hóa việc biên dịch trước thời hạn để có dự đốn hiệu suất cao khởi động nhanh thiết bị di động web - Di động: Dart biên dịch thành mã ARM x86, để ứng dụng di động Dart chạy tự nhiên iOS, Android Đối với ứng dụng web, chuyển mã từ Dart sang JavaScript - Dễ gần: Dart quen thuộc với nhiều nhà phát triển có, nhờ vào cú pháp định hướng đối tượng không gây ngạc nhiên Nếu bạn biết C ++, C # Java, bạn làm việc hiệu với Dart sau vài ngày - Reactive: Dart phù hợp với lập trình Reactive, với hỗ trợ để quản lý đối tượng tồn thời gian ngắn, chẳng hạn widget UI, thông qua phân bổ đối tượng nhanh GC Dart hỗ trợ lập trình khơng đồng thơng qua tính ngôn ngữ API sử dụng đối tượng Future Stream 1.2 Flutter Flutter SDK phát triển ứng dụng di động nguồn mở tạo Google Nó sử dụng để phát triển ứng ứng dụng cho Android iOS Flutter tạo giao diện chất lượng cao iOS Android khoảng thời gian ngắn Flutter hoạt động với code sẵn có sử dụng lập trình viên, tổ chức Flutter hồn tồn miễn phí mã nguồn mở 5.3.2 Màn hình Quản lý nhãn hàng/thương hiệu: 5.3.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 5.3.2.2 Màn hình Thêm nhãn hàng/thương hiệu mới: 80 * 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 5.3.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 81 5.3.3 Màn hình Quản lý sản phẩm: 5.3.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 82 5.3.3.2 Màn hình Thêm sản phẩm – Cập nhật sản phẩm mới: 83 * 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 84 5.3.4 Màn hình Quản lý đơn hàng: 5.3.4.1 Màn hình Danh sách đơn hàng khách hàng đặt: 85 * 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ị + 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 86 5.3.4.2 Màn hình Chi tiết đơn hàng: 87 * 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 - 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 5.3.5 Màn hình Chat: 5.3.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 88 5.3.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 89 - 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 5.3.5.3 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 90 Chương 6: Tổng kết 6.1 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 - Figma thiết kế nên giao diện ứng dụng - Github để quản lý source code 6.2 Độ hoà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% Thêm sản phẩm vào giỏ hàng 100% Yêu thích 100% Bỏ yêu thích 100% 10 Xem danh sách yêu thích 100% 11 Xem giỏ hàng 100% 12 Chốt đơn hàng 100% 13 Thay đổi, cập nhật địa giao hàng 100% 14 Xem danh sách đơn hàng đặt 100% 15 Xem chi tiết đơn hàng 100% 16 Xóa đơn hàng 100% 17 Cập nhật thông tin tài khoản 100% Ghi 91 18 Thay đổi mật 100% 19 Thêm review - rating 100% 20 Thêm nhãn hàng/thương hiệu 100% 21 Cập nhật nhãn hàng/thương hiệu 100% 22 Thêm sản phẩm 100% 23 Cập nhật sản phẩm 100% 24 Quản lý đơn đặt hàng 100% 25 Xem chi tiết đơn đặt hàng 100% 26 Cập nhật trạng thái đơn đặt hàng 100% 27 Xóa đơn hàng 100% 28 Cập nhật thông tin cửa hàng 100% 6.3 Kết đạt hướng phát triển: 6.3.1 Kết đạt được: 6.3.2 Ư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 - Đá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 6.3.2.1 Nhược điểm: - Ứng dụng đơn giản, chưa tích hợp chức phức tạp - Trải nghiệm ứng dụng chưa mượt mà chưa tối ưu 6.3.3 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 92 - 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 93 Tài liệu tham khảo Hướng dẫn chi tiết cài đặt Flutter Android Studio Window: Lập trình di động với Flutter bản: Get started with Firebase on Flutter: Flutter UI Design Series: Flutter & Firebase App Build: Flutter Cosmetics Shop App UI - Speed Code: Series: Flutter Live Coding EP1174 (Cosmetics App): Build Flutter Chat App with Firebase Auth & Firestore: Flutter Tutorial – Build A Chat App With Flutter & Firebase: 94 ... Chỉ chạy Google Cloud 13 Phần 2: Xây dựng ứng dụng bán mỹ phẩm Chương 1: Thông tin chung 1.1 Tên đề tài : Ứng dụng bán mỹ phẩm 1.2 Môi trường phát triển ứng dụng: Dart, Android-IOS Hệ điều hành:... Facebook - Ứng dụng có chức quên mật giúp người dùng đặt lại mật Xây dựng chức tìm kiếm: - Ứng dụng cho phép người dùng tìm kiếm sản phẩm cần Xây dựng chức đánh giá, bình luận sản phẩm: - Ứng dụng. .. nên sử dụng Flutter Nếu bạn tìm kiếm phương pháp thay để phát triển ứng dụng Android, bạn nên cân nhắc thử Flutter Google, framework dựa ngơn ngữ lập trình Dart Các ứng dụng xây dựng với Flutter