Đồ án 1 xây dựng ứng dụng quản lý chi tiêu cá nhân

ĐẠ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 ĐỒ ÁN ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG QUẢN LÝ CHI TIÊU CÁ NHÂN Giảng viên hướng dẫn: Cô Thái Thụy Hàn Uyển Sinh viên thực hiện: Phạm Quốc Trung Đỗ Ngọc Quý 18521557 18521313 TP Hồ Chí Minh, ngày 20 tháng 12 năm 2022 LỜI CẢM ƠN Sau q 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, nhóm em trang bị kiến thức kỹ thực tế để hồn thành Đồ án nhóm Để hồn thành đồ án này, với lịng biết ơn sâu sắc nhóm 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 cô Thái Thụy Hàn Uyển 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à cịn 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, 20 tháng 12 năm 2022 NHẬN XÉT CỦA GIÁO VIÊN Mục Lục I MỞ ĐẦU Lý chọn đề tài 1.1 Tại bạn cần học cách quản lý chi tiêu hợp lý 1.2 Lợi sử dụng app quản lý tài cá nhân Đối tượng hướng đến Khảo sát trạng 3.1 Money Lover 3.2 Spendee Mục tiêu đề tài 10 Phương pháp thực 11 II GIỚI THIỆU VỀ CÔNG NGHỆ SỬ DỤNG 11 Giới thiệu ngôn ngữ lập trình Dart 11 1.1 Ngơn ngữ lập trình Dart gì? 11 1.2 Ưu điểm Dart 11 Giới thiệu Flutter 12 2.1 Flutter gì? 12 2.2 Kiến trúc Flutter .12 2.3 Ưu điểm Flutter so với framework khác 13 Firebase Authentication 15 Cloud FireStore 15 III XÂY DỰNG VÀ PHÁT TRIỂN ỨNG DỤNG QUẢN LÝ CHI TIÊU CÁ NHÂN 20 Các chức 20 Phân tích thiết kế 20 2.1 Sơ đồ Use-case: 20 2.2 Bảng danh sách Actor: 21 2.3 Đặc tả Use-case: 23 2.4 Sơ đồ lớp .33 2.5 Sơ đồ .36 2.6 Sơ đồ hoạt động 50 Giao diện ứng dụng 63 3.1 Màn hình giới thiệu 63 3.2 Màn hình đăng nhập (Sign In) 64 3.3 Màn hình đăng ký (Sign Up) 65 3.4 Màn hình Trang chủ (Home) 66 3.5 Màn hình Danh sách chi tiêu (Transaction) 67 3.6 Màn hình Ngân sách (Budget) 68 3.7 Màn hình Quản lý tài khoản (Profile) 69 IV TỔNG KẾT 71 Đánh giá 71 1.1 Thuận lợi .71 1.2 Khó khăn 71 Kết luận 71 2.1 Kết đạt 71 2.2 Ưu điểm 72 2.3 Nhược điểm 72 Hướng phát triển 72 V.TÀI LIỆU THAM KHẢO 72 I MỞ ĐẦU Lý chọn đề tài Lý nhóm em chọn đề tài phát triển trước mơn học trước, nhiên cịn nhiều thiếu sót, ví dụ - Cách tổ chức code, tổ chức tính - Các chức cịn số bugs, thiếu sót số tính phi chức (hỗ trợ nhiều ngơn ngữ, chế độ tối, ) - Q trình kiểm thử chưa đặt nặng phát triển phần mềm Qua nhóm em xin phép giáo viên hướng dẫn tiếp tục phát triển tiếp ứng dụng để cố gắng hoàn thiện 1.1 Tại bạn cần học cách quản lý chi tiêu hợp lý Việc quản lý chi tiêu tiền hợp lý tốn khó tất người khơng cá nhân, hộ gia đình mà cịn doanh nghiệp Nhiều người trẻ có tài năng, hội kiếm tiền với thu nhập khủng, việc không ghi chép giao dịch, sổ sách chi tiêu dễ dẫn đến việc “vung tay q trán”, từ khơng thể kiểm sốt dịng tiền vào dễ dẫn đến việc “thâm thủng ngân sách” Đây tình trạng chung, yêu cầu cần học cách quản lý chi tiêu hợp lý: - Quản lý chi tiêu giúp nhu cầu cá nhân, chất lượng sống đáp ứng nhà ở, ăn uống bảo vệ sức khỏe, công việc… Tiền tiêu vào thứ cần thiết, khơng bị lãng phí mà chưa đáp ứng mức sống người Nhiều người có thu nhập trung bình, lại có mức sống tốt, thoải mái họ biết cách quản lý chi tiêu, dành tiền sử dụng cho điều cần thiết - Quản lý chi tiêu cắt giảm khoản tiền không hợp lý, để dành tiết kiệm Bắt đầu học cách tiết kiệm tiền giúp tương lai có đảm bảo chắn Ít trường hợp bệnh tật hay thất nghiệp, bạn có khoản dự phịng bảo vệ, trì sống - Học cách quản lý tiền giúp bạn khơng lâm vào cảnh nợ nần, nợ tín dụng Các vấn đề stress hàng ngày tiền bạc không đáng lo ngại - Học cách quản lý chi tiêu hợp lý hiểu giá trị chất đồng tiền, cách mà tiền vận hành Bạn khơng cịn phải trơng chờ vào khoản lương hàng tháng mà tiền đầu tư sinh lời thụ động Tiền bắt làm việc để tạo tiền, thu nhập làm giàu thêm khoản tiết kiệm hay nâng cao mức sống Những ước mơ trước tưởng chừng xa vời rút ngắn khoảng cách khoản tiền mà bạn tích cóp - Ai muốn tâm lý thảnh thơi, khơng bị gị bó cơng việc văn phịng nhàm chán, tự du lịch làm điều thích… Tự tài khao khát người học cách quản lý chi tiêu cá nhân hợp lý bước quan trọng mà người cần thực 1.2 Lợi sử dụng app quản lý tài cá nhân Việc ghi khoản chi tiêu chi tiêu sinh hoạt gia đình, chi tiêu cá nhân, chi tiêu chơi, thường ghi file Excel,các ứng dụng ghi chú,… bất tiện, khơng linh động Do đó, ứng dụng quản lý chi tiêu điện thoại di động đời nhằm: - Sự tiện lợi: Người dùng kiểm tra, thao tác, ghi chép chi tiêu đâu với app điện thoại Với thời đại công nghệ số, smartphone người bạn đồng hành thân thiết, sử dụng nhiều, quen thuộc với người trẻ Điện thoại thơng minh tích hợp nhiều ứng dụng mang lại tiện lợi, nhỏ gọn, dễ dàng thao tác so với sổ ghi chép chi tiêu - Dễ dàng quản lý chi tiêu, ghi chép, thiết lập ngân sách, theo dõi dịng tiền sử dụng: Trí não người có q nhiều thơng tin cần nhớ, khiến việc lưu trữ chi tiêu không hiệu quả, nhanh quên Ứng dụng thơng minh với trí tuệ nhân tạo nhà phát triển phần mềm tối ưu tính thay người dùng lưu trữ quản lý tài chính, chi tiêu hàng ngày, hàng tháng - App quản lý phân tích thói quen tiêu dùng, đưa biểu đồ so sánh rõ ràng giúp bạn đánh giá chênh lệch chi tiêu mục: Nhu cầu cần thiết, giải trí, học tập, đầu tư hay tiết kiệm… Từ giúp người dùng điều chỉnh dòng tiền phù hợp, thay đổi hành vi tiêu dùng - App quản lý có liên kết kênh đầu tư chứng khoán, tài khoản ngân hàng, tài khoản tiết kiệm online Người dùng dễ dàng phân bố tiền vào khoản tiết kiệm, đầu tư, sử dụng cho nhu cầu hàng ngày hiệu Đối tượng hướng đến Với bùng nổ Smartphone, nhóm đối tượng chủ yếu ứng dụng tổ chức/cá nhân có biết sử dụng smart phone độ tuổi, cụ thể: - Những cá nhân khơng có nhiều kinh nghiệm kiến thức quản lý chi tiêu muốn tìm hiểu trang bị thêm cho kiến thức - Những cá nhân/tổ chức quan tâm quản lý chi tiêu, mong muốn hạn chế số tiền chi tiêu không hợp lý - Những cá nhân/tổ chức muốn có cơng cụ giúp dễ dàng quản lý nguồn tiền chi/thu - Những cá nhân/tổ chức chưa hài lịng cơng cụ hỗ trợ quản lý chi tiêu cá nhân sử dụng Khảo sát trạng Thực tế nay, Việt Nam có nhiều ứng dụng quản lý chi tiêu quen thuộc kể đến như: Money Lover, Spendee, MISA Money Keeper, Ta qua số thông tin chung ứng dụng 3.1 Money Lover 3.1.1 Giới thiệu chung Đây ứng dụng tài nhiều người tin dùng, đạt Giải Nhất thi Nhân tài đất Việt lọt Top ứng dụng tốt Android, Google I/O 2017 3.1.2 Giao diện Hình 3.1.2-1 Giao diện Money Lover 3.1.3 Một số tính ứng dụng - Theo dõi khoản chi tiêu, thu nhập, hoá đơn hàng ngày - Dễ dàng lập kế hoạch chi tiêu tuần, tháng - Liên kết Money Lover với tài khoản 25 ngân hàng Việt Nam, độ bảo mật cao - Xem báo cáo tình hình tài qua hình ảnh giúp dễ nắm bắt thơng tin - Tính nhắc nhở tốn hóa đơn tiền điện, tiền nước 3.2 Spendee 3.2.1 Giới thiệu chung Spendee ứng dụng sở hữu giao diện vô bắt mắt, đầy màu sắc, cung cấp cho bạn công cụ để theo dõi chi tiêu hàng ngày, phân chia khoản chi tiêu cá nhân, chi tiêu gia đình, chi tiêu dịp lễ hội, Từ đưa cho bạn nhìn tổng quan khoản thu chi ngày, tuần, tháng Việc chi tiêu kiểm soát tối ưu hơn, giúp bạn tiết kiệm khoản chi khơng đáng có 3.2.2 Giao diện Hình 3.2.2-1 Giao diện Spendee 3.2.3 Một số tính ứng dụng - Theo dõi chi phí cá nhân thủ cơng đồng an tồn với tài khoản ngân hàng - Dễ dàng đặt mục tiêu ngân sách, kê chi phí tiết kiệm - Đồ thị thu-chi đẹp mắt - Lập kế hoạch ngân sách cho gia đình - Chia sẻ ví với bạn bè gia đình - Tùy biến ví với nhiều loại tiền tệ, cho nhiều mục đích: du lịch, hiếu hỷ, mua xe, Mục tiêu đề tài Sau sử dụng đưa nhận xét ưu nhược điểm vài ứng dụng đọc tin tức quen thuộc Việt Nam, chúng em muốn triển khai ứng dụng đáp ứng nhu cầu sau: - Có thể lấy tin tức từ nhiều nguồn báo - Giao diện tối giản để người dùng khơng gặp khó khăn sử dụng - Bỏ tính thừa - Cải thiện performance cho ứng dụng 2.6.9 Người dùng thêm ví tiền: 2.6.10 Người dùng sửa ví tiền: 2.6.11 Người dùng thêm ngân sách: 2.6.12 Người dùng sửa ngân sách: 2.6.13 Người dùng xóa ngân sách: Giao diện ứng dụng 3.1 Màn hình giới thiệu Mơ tả cách sử dụng xử lý hình: Phần giới thiệu App gồm hình để giới thiệu App, tính có App để người dùng dễ dàng hình dung Mỗi hình gồm có phần: - Phần hình ảnh minh họa quản lý chi tiêu, tạo ấn tượng với người dùng - Phần thứ text nội dung giới thiệu tính - Phần thứ icon button hỗ trợ người dùng: v Dot Icon: giúp người dùng biết có trang giới thiệu trang v Sign Up: người dùng bỏ qua phần giới thiệu chuyển đến trang đăng ký v Login: người dùng bỏ qua phần giới thiệu chuyển đến trang đăng nhập 3.2 Màn hình đăng nhập (Sign In) Màn hình Đăng nhập App gồm phần: - Phần Textbox “Email” để người dùng nhập email đăng ký hệ thống - Phần Textbox “Password” để người dùng nhập mật đăng ký hệ thống - Phần Button “Sign in” để thực đăng nhập - Phần Button “Sign in with Google” để thực đăng nhập Google - Phần Text Link “Forgot Password” để chuyển sang trang hỗ trợ lấy mật - Phần Text Link “Sign up” để chuyển sang trang đăng ký tài khoản trường hợp người dùng chưa có tài khoản 3.3 Màn hình đăng ký (Sign Up) Màn hình Đăng ký App gồm phần: - Phần Textbox “Email” để người dùng nhập email muốn đăng ký hệ thống - Phần Textbox “Password” để người dùng nhập mật muốn đăng ký hệ thống - Phần Textbox “Confirm Password” để người dùng nhập lại mật - Phần Button “Sign up” để thực đăng ký - Phần Text Link “Sign in” để chuyển sang trang đăng nhập trường hợp người dùng có tài khoản 3.4 Màn hình Trang chủ (Home) Màn hình Trang chủ bao gồm thành phần chính: - Phần giới thiệu số dư lại tài khoản khách hàng (Account Balance) - Phần phần hiển thị thống kê chi tiêu khách hàng tháng dạng biểu đồ(Spend Frequency) - Phần phần hiển thị danh sách chi tiêu gần người dùng (hiển thị tối đa chi tiêu) - Phần Bottom Navigation gồm Tab: Home, Transaction, Add Transaction, Budget Profile 3.5 Màn hình Danh sách chi tiêu (Transaction) Màn hình Danh sách chi tiêu bao gồm thành phần chính: - Phần 1: lọc danh sách: theo tháng năm/ / cũ / - Phần 2: xem báo cáo chi tiêu tháng/năm - Phần 3: danh sách chi tiêu - Phần 4: Bottom Navigation gồm Tab: Home, Transaction, Add Transaction, Budget Profile 3.6 Màn hình Ngân sách (Budget) Màn hình Ngân sách bao gồm thành phần chính: - Phần 1: lọc danh sách theo tháng - Phần 2: danh sách ngân sách - Phần 3: Bottom Navigation gồm Tab: Home, Transaction, Add Transaction, Budget Profile 3.7 Màn hình Quản lý tài khoản (Profile) Màn hình Quản lý tài khoản bao gồm thành phần chính: - Phần 1: Thơng tin người dùng - Phần 2: Các chức phụ: Account/Settings/Export Data/Logout - Phần 3: Bottom Navigation gồm Tab: Home, Transaction, Add Transaction, Budget Profile 3.8 Màn hình Quản lý ví tiền (Wallet) Màn hình Quản lý tài khoản bao gồm thành phần chính: - Phần 1: Số dư tài khoản (Account Balance) - Phần 2: Danh sách ví tiền - Phần 3: Button thêm ví tiền “Add new wallet” IV TỔNG KẾT Đánh giá 1.1 Thuận lợi - Trên thị trường có nhiều ứng dụng quản lý chi tiêu để nhóm tham khảo, từ giúp nhóm có nhiều ý tưởng thiết kế giao diện liệu - Các tài liệu cơng cụ thực đồ án có đầy đủ chi tiết mạng Cộng đồng lớn giúp giải vấn đề thường gặp phải sử dụng công nghệ liên quan đồ án cách nhanh chóng 1.2 Khó khăn - Mất nhiều thời gian để làm quen với ngôn ngữ, công cụ - Sắp xếp thời gian làm việc thành viên để tổ chức họp Trong q trình làm có bất đồng quan điểm Kết luận 2.1 Kết đạt Sau thời gian thực đề tài, nhóm đạt số kết sau: - Xây dựng thành cơng ứng dụng quản lý chi tiêu có chức năng: v Quản lý danh mục (Category) v Cải thiện phần UI UX thân thiện với người dung v Hỗ trợ đa ngôn ngữ v Chế độ sáng / tối v Tìm hiểu ứng dụng Sqflite với thư viện Drift Flutter v Tìm hiểu ứng dụng kiến thức với Stream Reactive Programming (RxDart) v Ứng dụng Clean Architecture phát triển v Thực kiểm thử phần chức - Sinh viên thực nắm cách thức làm ứng dụng di động - Thơng qua đồ án, nhóm tìm hiểu thêm cơng nghệ Flutter, Firebase, Figma, nhằm phục vụ cho công việc tương lai nhóm sau Nhóm cịn củng cố vững kiến thức học sơ đồ use case, sơ đồ lớp, sơ đồ tuần tự, sơ đồ hoạt động, - Nâng cao kỹ lập trình, làm việc nhóm giải vấn đề 2.2 Ưu điểm - Giao diện đơn giản, tươi sáng, người dùng dễ dàng theo tác ứng dụng - Tốc độ phản hồi thao tác nhanh, tối ưu hóa suất người dùng - Có thể thống kê chi tiêu theo tháng/năm 2.3 Nhược điểm - Cơ sở liệu bị giới hạn dung lượng số lần truy vấn miễn phí → người dùng bị giới hạn liệu - Chưa xây dựng hệ thống hỗ trợ cho phía admin - Chưa thể liên kết ứng dụng toán cho người dùng: tài khoản ngân hàng, ví momo, Hướng phát triển - Hồn thiện UI/UX chức có: phát triển UI thêm animation, - Tối ưu hóa code để dễ cập nhật mở rộng tính - Tổ chức liệu hợp lý để tăng tốc độ truy xuất V TÀI LIỆU THAM KHẢO Nhóm có dùng tài liệu tham khảo từ trang chủ Flutter Bên cạnh nhóm chúng em cịn tham khảo nhiều chủ đề thảo luận, ví dụ minh hoạ Dart, Flutter, Firebase trang web Stackoverflow, Github, … https://flutter.dev/docs https://stackoverflow.com/ https://youtube.com/ https://firebase.google.com/docs/android/setup https://firebase.google.com/docs https://github.com/flutter/samples https://pub.dev/ ... người cần thực 1. 2 Lợi sử dụng app quản lý tài cá nhân Việc ghi khoản chi tiêu chi tiêu sinh hoạt gia đình, chi tiêu cá nhân, chi tiêu chơi, thường ghi file Excel,các ứng dụng ghi chú,… bất tiện,... tiếp tục phát triển tiếp ứng dụng để cố gắng hoàn thiện 1. 1 Tại bạn cần học cách quản lý chi tiêu hợp lý Việc quản lý chi tiêu tiền hợp lý tốn khó tất người không cá nhân, hộ gia đình mà cịn... Mục Lục I MỞ ĐẦU Lý chọn đề tài 1. 1 Tại bạn cần học cách quản lý chi tiêu hợp lý 1. 2 Lợi sử dụng app quản lý tài cá nhân Đối tượng hướng đến