Đồ án tìm hiểu flutter và xây dựng ứng dụng

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM - - BÁO CÁO ĐỒ ÁN Đề tài: TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG Giảng viên hướng dẫn: ThS Nguyễn Công Hoan Lớp: SE121.N11 Sinh viên thực hiện: Trần Ngọc Tiến - 20520808 TP.HCM, tháng 12 năm 2022 ĐỒ ÁN Trần Ngọc Tiến - 20520808 Lời cả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, em trang bị kiến thức kỹ thực tế để hồn thành Đồ án Để hồn thành đồ án này, với lòng biết ơn sâu sắc 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 thuận lợi để sinh viên tìm kiếm, nghiên cứu thơng tin với hệ thống thư viện đại, đa dạng loại sách tài liệu Gần gũi lời tốt đẹp xin gửi đến đến thầy Nguyễn Công Hoan tận tình giúp đỡ, định hướng cách tư hướng làm việc khoa học Đó góp ý q báu khơng q trình thực đồ án mà hành trang tiếp bước cho em trình học tập làm việc sau Sau cùng, xin chúc quý Thầy Cô khoa Cơng nghệ Phần mềm nói riêng giáo viên trường Cơng nghệ thơng tin nói chung thật dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp Thành phố Hồ Chí Minh, 25 tháng 12 năm 2021 Sinh Viên Trần Ngọc Tiến Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 Nhận xét của giảng viên Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 MỤC LỤC Lời cảm ơn Nhận xét giảng viên MỤC LỤC CHƯƠNG 1: GIỚI THIỆU TỔNG QUAN Thông tin sinh viên: Tổng quan đề tài: 2.1 Giới thiệu đề tài: 2.2 Phạm vi nghiên cứu: 2.3 Nội dung nghiên cứu: 2.4 Kết quả hướng tới: Công cụ sử dụng: CHƯƠNG 2: FLUTTER 10 Flutter là gì? 10 Điều gì làm Flutter trở nên độc đáo 11 Kiến trúc của Flutter 13 4.1 Kiến trúc Flutter 13 4.2 Flutter Engine 13 4.3 Thư viện nền tảng (Foudation Library) 13 4.4 Widget 13 4.5 Thiết kế các Widget cụ thể 14 Giới thiệu về ngôn ngữ lập trình Dart 14 5.1 Các từ khóa 14 5.2 Kiểu dữ liệu 15 5.3 Các biến và hàm 16 5.4 Toán tử (Operators) 17 5.5 Câu lệnh điều kiện 19 5.6 Vòng lặp 21 5.7 Chú thích (Comment) 22 Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 5.8 Continue và Break 22 5.9 Từ khóa Final và Const 23 5.10 Lập trình hướng đối tượng (OOP) 24 Một số loại Widget thường gặp Flutter 31 6.1 Widget Flutter 31 6.2 Widget hiển thị 33 6.3 Widget ẩn 40 Tìm hiểu bố cục (layout) Trong giao diện Flutter 46 7.1 Bố cục 46 7.2 Bố cục một Widget 47 7.3 Các loại Widget bố cục 48 Tìm hiểu về Cử chỉ (Gestures) với giao diện Flutter 52 8.1 Con trỏ 52 8.2 Cử chỉ 53 8.3 Dò cử chỉ 54 Quản lý State 54 9.1 Trạng thái tức thời 55 9.2 Trạng thái ứng dụng 56 10 Quản lý thư viện và các gói Flutter (Lib & Package) 57 10.1 Nạp thư viện Dart 57 10.2 Các thư viện cung cấp sẵn 58 10.3 Tạo thư viện Dart 59 10.4 Cài đặt các gói 60 10.5 Các gói hay sử dụng 62 11 Tìm hiểu về Navigator và Routing Flutter 68 11.1 Tạo routes 68 11.2 Điều hướng sang route thứ hai bằng phương thức Navigator.push() 71 11.3 Quay lại route đầu tiên bằng phương thức Navigator.pop() 71 11.4 Điều hướng với các route được đặt tên 72 12 Tìm hiểu về Database Flutter 75 Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 12.1 Cơ sở dữ liệu SQLite 76 12.2 Firebase – NoSQL lưu trữ online 81 12.2.1 Sơ lược về Firebase 81 CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG 85 Tổng quan 85 1.1 Tên ứng dụng: Phần mềm quản lý chi tiêu cá nhân di động 85 1.2 Lý chọn ứng dụng 85 1.3 Đối tượng hướng đến 85 1.4 Môi trường phát triển ứng dụng 85 1.5 Kết quả mong đợi 86 1.6 Khảo sát hiện trạng 86 1.7 Quy trình thực hiện các công việc chính 87 Phân tích, thiết kế hệ thống 88 2.1 Xác định và mô hình hóa các yêu cầu phần mềm 88 2.2 Thiết kế hệ thống 104 2.3 Thiết kế dữ liệu 105 2.4 Thiết kế giao diện 114 Cài đặt và thử nghiệm 138 Hướng dẫn cài đặt phần mềm 139 Hướng dẫn sử dụng phần mềm 141 5.1 Bắt đầu với hệ thống 141 5.2 Đăng nhập, đăng ký và đăng xuất khỏi hệ thống 141 5.3 Quên mật khẩu, Đổi mật khẩu 142 5.4 Chuyển tiếp giữa các thành phần bên ứng dụng 142 5.5 Thêm chi tiêu 143 5.6 Sửa chi tiêu 143 5.7 Thay đổi thông tin cá nhân 143 5.8 Thay đổi ngôn ngữ ứng dụng 143 5.9 Tìm kiếm chi tiêu 143 5.10 Xuất CSV 143 Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 TÀI LIỆU THAM KHẢO 144 Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 CHƯƠNG 1: GIỚI THIỆU TỞNG QUAN Thơng tin sinh viên: MSSV 20520808 Họ tên Trần Ngọc Tiến Email 20520808@gm.uit.edu.vn Tổng quan đề tài: 2.1 Giới thiệu đề tài: Với phát triển nhanh smartphone với hai hệ điều hành phở biến Android IOS nhu cầu phát triển ứng dụng smartphone lớn việc phát triển riêng lẻ ứng dụng hai hệ điều hành bằng hai ngôn ngữ, hai framework khác sẽ làm tốn nhiều chi phí thời gian Do việc có mợt framework cross-platform code mợt lần chạy hai hệ điều hành sẽ giúp tiết kiệm thời gian tiền bạc Hiện có nhiều framework cross-platform hỗ trợ phát triển ứng dụng hai hệ điều hành mợt cách nhanh chóng, tiện lợi vẫn đảm bảo tính bảo mật thơng tin khách hàng Và nởi bật năm gần Flutter 2.2 Phạm vi nghiên cứu: Trong đồ án lần này, em chủ yếu tập trung vào nghiên cứu tổng quan cách thức hoạt động cách sử dụng thư viện - package cách lưu trữ liệu Flutter Đồng thời, em áp dụng nghiên cứu vào một ứng dụng thực tế để giúp em hiểu sâu kiến thức tìm hiểu 2.3 Nội dung nghiên cứu: Em sẽ tiến hành nghiên cứu chi tiết cách thức hoạt động, ưu - khuyết điểm thư viện - tính - package liên quan đến Flutter 2.4 Kết quả hướng tới: Với đề tài này, em đề hai mục tiêu chính: • Đối với nhân: mở rợng kiến thức Flutter thơng qua q trình tìm hiểu áp dụng vào ứng dụng thực tế Các kiến thức tìm hiểu thơng qua đồ án thúc đẩy em phát triển thêm ứng dụng khác bằng Flutter Đồng thời, em học cách nghiên cứu sử Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 dụng một framework cần trải qua trình nhằm giúp em dễ dàng tiếp xúc với cơng nghệ tương lai • Đối với lập trình viên dùng đồ án nghiên cứu làm tài liệu tham khảo: thông qua tài liệu nghiên cứu ứng dụng em xây dựng, lập trình viên khác dễ dàng định hướng cần phải tìm hiểu sử dụng Flutter Đồng thời em có ghi mợt số khái niệm, kiến thức thư viện phổ biến đề xuất cợng đồng sử dụng Flutter, lập trình viên khác tham khảo tìm hiểu sâu Cơng cụ sử dụng: Trong q trình xây dựng phần mềm, em sử dụng phần mềm sau: • Android Studio: Code giao diện ứng dụng + khởi tạo máy ảo • Visual Studio Code: Code giao diện ứng dụng • Chrome: Tìm hiểu thơng tin Trang ĐỒ ÁN Trần Ngọc Tiến - 20520808 CHƯƠNG 2: FLUTTER Flutter là gì? Flutter một bộ SDK đa tảng hoạt đợng iOS Android Google phát triển sử dụng để tạo ứng dụng dành cho di động (native app) Flutter gồm thành phần quan trọng: • Mợt SDK (Software Development Kit): Một bộ sưu tập công cụ sẽ giúp bạn phát triển ứng dụng • Mợt Framework (UI Library based on widgets): Mợt tập hợp thành phần giao diện người dùng (UI) tái sử dụng (button, text inputs, slider, v.v.) giúp bạn cá nhân hóa tùy theo nhu cầu riêng Nói chung, tạo mợt ứng dụng di động một công việc phức tạp đầy thử thách Có nhiều framework có sẵn, cung cấp tính tuyệt vời để phát triển ứng dụng di động Để phát triển ứng dụng dành cho thiết bị di động, Android cung cấp một framework gốc dựa ngôn ngữ Java Kotlin, iOS cung cấp một framework dựa ngôn ngữ Objective-C/Swift Vì vậy, cần hai ngơn ngữ framework khác để phát triển ứng dụng cho hai hệ điều hành Ngày nay, để khắc phục phức tạp này, có mợt số framework giới thiệu hỗ trợ hệ điều hành với ứng dụng dành cho máy tính để bàn Những loại framework gọi công cụ phát triển đa tảng Framework phát triển đa tảng có khả viết mợt code triển khai nhiều tảng khác (Android, iOS Máy tính để bàn) Nó tiết kiệm nhiều thời gian nỗ lực phát triển nhà phát triển Có mợt số cơng cụ có sẵn để phát triển đa tảng, bao gồm công cụ dựa web Mỡi framework có mức đợ thành cơng khác ngành công nghiệp di động Gần đây, một framework công tác giới thiệu họ phát triển đa tảng có tên Flutter phát triển từ Google Flutter một bộ công cụ giao diện người dùng để tạo ứng dụng nhanh, đẹp, biên dịch nguyên cho thiết bị di đợng, web máy tính để bàn với mợt ngơn ngữ lập trình sở code Nó miễn phí code nguồn mở Trang 10 ĐỜ ÁN Trần Ngọc Tiến - 20520808 chia sẻ hình Button xóa xóa chi tiêu hiển thị hình Khi người dùng nhấn vào button xóa hình Thơng tin chi tiêu Hiển thị chi tiết chi tiêu mà người dùng lưu Khi người dùng nhấn vào chi tiêu page home trước 2.4.3.12 Màn hình báo cáo a Giao diện Trang 130 ĐỒ ÁN Trần Ngọc Tiến - 20520808 b Mơ tả đối tượng hình Tên xử lý Ý nghĩa Điều kiện gọi Báo cáo Tuần Hiển thị báo cáo tuần Khi người dùng nhấn vào nút tuần Báo cáo Tháng Hiển thị báo cáo tháng Khi người dùng nhấn vào nút tháng Báo cáo Năm Hiển thị báo cáo năm Khi người dùng nhấn vào nút năm Tìm kiếm Chuyển sang trang tìm kiếm Khi người dùng nhấn vào nút tìm kiếm Báo cáo Chi tiêu Chuyển sang báo cáo cho chi tiêu Khi người dùng nhấn vào nút chi tiêu Báo cáo Thu nhập Chuyển sang báo cáo cho thu nhập Khi người dùng nhấn vào nút thu nhập Chuyển sang biểu đồ tròn Khi người dùng nhấn vào biểu tượng biểu đồ trịn Chuyển sang biểu đồ cợt Khi người dùng nhấn vào biểu tượng biểu đồ cột STT Hiển thị biểu đồ tròn Hiển thị biểu đồ cột Ghi 2.4.3.13 Màn hình cài đặt Trang 131 ĐỒ ÁN Trần Ngọc Tiến - 20520808 a Giao diện b Mô tả đối tượng hình STT Tên xử lý Cài đặt tài khoản Đổi mật Ý nghĩa Điều kiện gọi Thay đổi thông tin cá nhân Khi người dùng nhấn vào Button tài khoản hình Thay đởi mật Khi người dùng nhấn vào Button đởi mật hình Ghi Trang 132 ĐỒ ÁN Trần Ngọc Tiến - 20520808 Ngôn ngữ Khi người dùng Chũn đởi nhấn vào Button ngơn ngữ sẵn có ngơn ngữ ứng dụng hình Chế đợ tối Khi người dùng nhấn vào Button chế độ tối hình Thay đởi giao diện hình Lịch sử Xem lịch sử Khi người dùng giao dịch từ nhấn vào Button đến cũ lịch sử người dùng hình Xuất CSV Xuất tồn bợ Khi người dùng liệu chi tiêu nhấn vào Button người dùng xuất CSV thành file CSV hình Tỷ giá tiền tệ Khi người dùng Xem tỷ giá tiền nhấn vào Button tệ Tỷ giá tiền tệ hình Thơng tin Xem thơng tin ứng dụng Khi người dùng nhấn vào Button thông tin hình Đăng xuất Đăng xuất tài khoản khỏi ứng dụng Khi người dùng nhấn vào Button Đăng xuất hình 2.4.3.14 Màn hình tìm kiếm a Giao diện Trang 133 ĐỒ ÁN Trần Ngọc Tiến - 20520808 b Mô tả đối tượng hình Tên xử lý Ý nghĩa Điều kiện gọi Tìm kiếm chi tiêu Tìm kiếm chi tiêu theo yêu cầu người dùng Khi người dùng nhấn vào button kính lúp bàn phím Hiển thị bợ lọc Hiển thị bợ lọc tìm kiếm lên hình Khi người dùng nhấn vào button có biểu tượng bợ lọc Lọc tìm kiếm theo số tiền Lọc tìm kiếm theo số tiền mà người Khi người dùng chọn tùy STT Ghi Trang 134 ĐỒ ÁN Trần Ngọc Tiến - 20520808 dùng chọn bộ lọc chọn bộ lọc số tiền Lọc tìm kiếm theo thời gian Lọc tìm Khi người dùng kiếm theo thời chọn tùy gian mà người chọn bộ dùng chọn lọc thời gian bợ lọc Lọc tìm kiếm theo bạn bè Lọc tìm Khi người dùng kiếm theo bạn chọn tùy bè mà người chọn bộ dùng chọn lọc bạn bè bợ lọc Lọc tìm kiếm theo ghi Lọc tìm Khi người dùng kiếm theo ghi chọn tùy mà người chọn bộ dùng chọn lọc ghi bợ lọc Lọc tìm kiếm theo nhóm Lọc tìm Khi người dùng kiếm theo nhóm chọn tùy mà người dùng chọn bợ chọn bợ lọc nhóm lọc Áp dụng bợ lọc vào tìm kiếm Áp dụng bợ lọc sau người dùng tùy chỉnh vào tìm kiếm Khi người dùng nhấn vào nút tìm kiếm bợ lọc 2.4.3.15 Màn hình thay đổi thông tin cá nhân a Giao diện Trang 135 ĐỒ ÁN Trần Ngọc Tiến - 20520808 b Mơ tả đối tượng hình Tên xử lý Ý nghĩa Điều kiện gọi Thêm ảnh người dùng Người dùng thêm ảnh cá nhân vòa tài khoản Khi người dùng nhấn vào button dấu + hình Họ tên người dùng Người dùng thêm tên hiển thị tài khoản Người dùng click vào textbox họ tên để sửa Số tiền hàng tháng Người dùng sửa tổng số Người dùng click vào STT Ghi Trang 136 ĐỒ ÁN Trần Ngọc Tiến - 20520808 tiền chi tiêu hàng tháng textbox tiền hàng tháng sửa Ngày sinh Người dùng sửa ngày sinh tài khoản Người dùng click vào textbox ngày sinh để sửa Giới tính Người dùng có Khi người dùng thể sửa giới tính chọn button male/female tài khoản 2.4.3.16 Màn hình đởi mật khẩu a Giao diện Trang 137 ĐỜ ÁN Trần Ngọc Tiến - 20520808 b Mô tả đối tượng hình STT Tên xử lý Ý nghĩa Điều kiện gọi Textbox Nhập mật cũ Nhập mật cũ để sang trang để đởi mật Người dùng click textbox hình để nhập mật cũ Button gửi chuyển trang Khi người dùng tiếp người click vào button dùng nhập gửi mật cũ hình Nhập mật người dùng Người dùng click textbox mật để nhập mật Textbox nhập lại mật Nhập lại mật người dùng Người dùng click textbox nhập lại mật để nhập lại mật Button gửi kiểm tra xác nhận thay đổi mật người dùng Khi người dùng click vào button gửi hình Textbox nhập mật Ghi Cài đặt và thử nghiệm Source code: https://github.com/ngoctienUIT/ExpenditureManagement STT Chức Mức đợ hồn thành Ghi Trang 138 ĐỒ ÁN 1 Trần Ngọc Tiến - 20520808 Đăng ký 100% Đăng ký tài khoản để truy cập vào hệ thống Đăng nhập 100% Đăng nhập tài khoản vào hệ thống để quản lý chi tiêu Đổi mật 100% Thay đổi mật tài khoản người dùng Quên mật 100% Đặt lại mật người dùng sau người dùng xác thực tài khoản Thêm, sửa, xóa chi tiêu 100% Thêm, xóa, sửa tiêu Thống kê, báo cáo theo khoảng thời gian định 100% Lập báo cáo theo tuần, tháng năm theo loại biểu đồ cợt trịn Thay đởi thông tin cá nhân 100% Thay đổi thông tin cá nhân người dùng 100% Thay đổi ngôn ngữ ứng dụng (Anh – Việt) 100% Tra cứu chi tiêu dựa bợ lọc tra cứu có sẵn 100% Xuất liệu chi tiêu file CSV 10 Thay đởi ngơn ngữ Tìm kiếm chi tiêu Xuất liệu chi tiêu Hướng dẫn cài đặt phần mềm Bước 1: bạn tải file cài đặt Trang 139 ĐỒ ÁN Trần Ngọc Tiến - 20520808 Bước 2: Truy cập vào quản lý file tìm kiếm đến file apk mà bạn vừa tải mở lên để tiến hành cài đặt Trang 140 ĐỒ ÁN Trần Ngọc Tiến - 20520808 Bước 3: Sau cài đặt xong tiến hành mở ứng dụng lên để sử dụng Hướng dẫn sử dụng phần mềm 5.1 Bắt đầu với hệ thống Sau đọc tập tài liệu này, bạn có khả năng: - Truy cập vào hệ thống; - Đăng nhập đăng xuất khỏi hệ thống; - Truy cập tính hệ thống; 5.2 Đăng nhập, đăng ký và đăng xuất khỏi hệ thớng Khi bạn thấy hình đăng nhập ứng dụng, bạn nhập tên đăng nhập (email) mật khẩu (password) để đăng nhập vào ứng dụng Nếu đăng nhập thất bại, bạn sẽ thấy thông báo tương ứng từ hệ thống Bạn thử lại Tại hình đăng nhập bạn nhấn vào Đăng ký để di chuyển đến hình đăng ký Bạn cần điền đầy đủ thông tin cần thiết nhấn Đăng ký để tiến hành Trang 141 ĐỒ ÁN Trần Ngọc Tiến - 20520808 tạo tài khoản hệ thống Sau đăng ký thành cơng bạn vui lịng kiểm tra email xác thực tài khồn để truy cập vào hệ thống Nếu đăng ký thất bạn, bạn sẽ thấy thông báo tương ứng từ hệ thống Bạn thử đăng ký lại Nếu bạn muốn đổi tài khoản quản lý bạn vào Tài khoản chọn Đăng xuất 5.3 Quên mật khẩu, Đổi mật khẩu Hệ thống có cung cấp chức lấy lại mật khẩu cho người dùng người dùng quên mật khẩu Ở hình đăng nhập nhấn vào nút quên mật khẩu, hình quên mật sẽ hiển thị Ở người dùng cần nhập vào địa email cần lấy lại mật Sau nhập xong email sẽ gửi đến địa email vừa nhập Người dùng tiến hành kiểm tra email đổi mật Để bảo mật tài khoản hệ thống có cung cấp chức đổi mật Để đổi mật khẩu, người dùng cần truy cập vào hệ thống chọn tài khoản, chọn đởi mật khẩu Sau hình đổi mật sẽ hiển thị Người dùng nhập mật Nếu mật xác sẽ chuyển đến hình nhập mật Người dùng nhập mật xác nhận đổi mật 5.4 Chuyển tiếp giữa các thành phần bên ứng dụng Khi vừa truy cập vào ứng dụng bạn sẽ thấy có hình phía cuối hình sẽ có mợt bottom tab Bottom tab dùng để di chuyển tính bên ứng dụng Trang chủ nơi sẽ hiển thị số dư hàng tháng bạn Bạn xem chi tiết mỗi tháng bằng cách chọn tháng tab bar phí Trang lịch nơi bạn xem chi tiết chi tiêu ngày bạn bằng cách chọn ngày mà bạn muốn xem lịch Thêm chi tiêu nơi bạn thêm vào chi tiêu Báo cáo nơi bạn thống kê chi tiêu theo tuần, tháng, năm theo biểu đồ cợt trịn Tài khoản nơi bạn quản lý thơng tin cá nhân cài đặt khác ứng dụng Trang 142 ĐỒ ÁN 5.5 Trần Ngọc Tiến - 20520808 Thêm chi tiêu Trong hình bạn nhấn vào biểu tượng dấu + Màn hình thêm chi tiêu sẽ hiển thị Bạn tiến hành thêm thông tin cần thiết vào bên tiến hành lưu chi tiêu Chi tiêu sẽ lưu hệ thống 5.6 Sửa chi tiêu Chọn chi tiêu bạn muốn sửa Tiếp theo chọn biểu tượng bút để tiến hành sửa chi tiêu Nhập vào nội dung mà bạn muốn thay đổi sau nhấn lưu để lưu lại thay đởi 5.7 Thay đởi thơng tin cá nhân Trong hình bạn chọn chức Tài khoản Sau chọn tài khoản tiến hành thay đổi thông tin mà bạn muốn 5.8 Thay đổi ngôn ngữ ứng dụng Trong hình bạn chọn chức Tài khoản Sau chọn Ngôn ngữ tiến hành thay đổi ngôn ngữ mà bạn muốn 5.9 Tìm kiếm chi tiêu Trong hình bạn chọn chức Báo cáo Sau chọn biểu tượng kính lúp tiến hành nhập vào chi tiết mà bạn muốn tìm kiếm Có thể chọn bộ lọc mà tùy chọn thông tin cần thiết mà bạn muốn lọc 5.10 Xuất CSV Trong hình bạn chọn chức Tài khoản Sau chọn Xuất CSV đợi vài giây để hệ thống kết xuất tạo file báo cáo Trang 143 ĐỒ ÁN Trần Ngọc Tiến - 20520808 TÀI LIỆU THAM KHẢO Em có dùng tài liệu tham khảo từ trang chủ Flutter Bên cạnh em cịn tham khảo nhiều chủ đề thảo luận, ví dụ minh hoạ Dart, Flutter, Firebase trang web Stackoverflow, Viblo, Github, … Flutter Document: https://flutter.dev/docs StackOverFlow: https://stackoverflow.com/ Youtube: https://youtube.com/ Firebase Document: https://firebase.google.com/docs/android/setup Firebase: https://firebase.google.com/docs FlutterFire Document: https://firebase.flutter.dev/docs/overview/ Github Flutter: https://github.com/flutter/samples Dart Packages: https://pub.dev/ Medium: https://medium.com/ Viblo: https://viblo.asia/ Trang 144 ... 81 CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG 85 Tổng quan 85 1.1 Tên ứng dụng: Phần mềm quản lý chi tiêu cá nhân di động 85 1.2 Lý chọn ứng dụng 85 1.3... sánh hai toán hạng bằng kết sẽ false ngược lại sẽ true (5 != 5) kết false != So sánh hai toán hạng toán hạng thứ lớn toán hạng thứ hai sẽ true ngược lại sẽ false (5 > 6) kết false So sánh... Kiến trúc của Flutter 4.1 Kiến trúc Flutter Trong phần này, sẽ thảo luận kiến trúc Flutter framework Kiến trúc Flutter chủ yếu bao gồm bốn thành phần 4.2 • Đợng Flutter (Flutter Engine)