ĐỒ án ỨNG DỤNG QUẢN lí THU CHI 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 ĐỒ ÁN ỨNG DỤNG QUẢN LÍ THU CHI CÁ NHÂN Đồ án – SE122.L11.PMCL – VN Giảng viên hướng dẫn: Thầy HUỲNH NGUYỄN KHẮC HUY Sinh viên thực hiện: Phạm Như Hiếu – 17520482 Trương Hoàng Vinh – 17521266 TP HỒ CHÍ MINH, 06/01/2021 ĐẠ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 PHẠM NHƯ HIẾU – 17520482 TRƯƠNG HOÀNG VINH – 17521266 ĐỒ ÁN ỨNG DỤNG QUẢN LÍ THU CHI CÁ NHÂN MONEY MANAGEMENT APLLICATION KỸ SƯ/ CỬ NHÂN NGÀNH KĨ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN Thầy HUỲNH NGUYỄN KHẮC HUY TP HỒ CHÍ MINH, 2021 LỜI CẢM ƠN Lời đầu tiên, em xin bày tỏ lòng biết ơn sâu sắc đến thầy Huỳnh Nguyễn Khắc Huy – giảng viên hướng dẫn chúng em thực Đồ án Thầy đồng hành tận tình hướng dẫn cho chúng em qua giai đoạn đồ án Nhờ có giúp đỡ nhiệt tình thầy mà chúng em hồn thành được đồ án cách tốt Vì kiến thức chúng em cịn hạn hẹp nên khơng thể tránh khỏi thiếu sót quá trình thực đồ án Tuy nhiên, chúng em cố gắng hoàn thành hạn hạn chế các lỡi nhiều có thể Nhóm chúng em mong đợi nhận ý kiến đóng góp quý báu từ thầy qua đó có thể rút kinh nghiệm, tự sửa chữa, hoàn thiện thân tinh thần nghiêm túc, tự giác học hỏi Trong quá trình làm đề tài báo cáo, khơng thể tránh khỏi thiếu sót, mong nhận phản hồi từ thầy bạn để góp phần làm cho báo cáo thêm hoàn thiện Chân thành cảm ơn thầy! LỜI NHẬN XÉT CỦA GIẢNG VIÊN … …………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… MỤC LỤC Chương MỞ ĐẦU 1.1 Lí chọn đề tài 1.2 Phương pháp nghiên cứu 1.3 Đối tượng hướng đến Chương GIỚI THIỆU VỀ FLUTTER 2.1 Giới thiệu ngơn ngữ lập trình Dart 2.1.1 Ngôn ngữ lập trình Dart gì? 2.1.2 Ưu điểm Dart 2.2 Giới thiệu framework Flutter 2.2.1 Flutter gì? 2.2.2 Kiến trúc Flutter 2.2.3 Ưu điểm Flutter so với framework khác Chương CÀI ĐẶT MÔI TRƯỜNG PHÁT TRIỂN FLUTTER 3.1 Yêu cầu cấu hình phần cứng 3.2 Hướng dẫn cài đặt Flutter 3.3 Tạo project Flutter với Visual Studio Code 10 Chương PHÁT TRIỂN ỨNG DỤNG QUẢN LÍ THU CHI CÁ NHÂN VỚI FLUTTER 12 4.1 Đặt vấn đề 12 4.2 Phạm vi ứng dụng 12 4.3 Mô tả toán 12 4.4 Các chức 13 4.5 Phân tích thiết kế 13 4.5.1 Lược đồ phân cấp chức 13 4.4.2 Sơ đồ use case đặc tả use case 14 4.4.3 Sơ đồ sở liệu 16 4.6 Giao diện mô tả giao diện ứng dụng 17 Chương KẾT LUẬN 29 5.1 Kết thu 29 5.2 Khó khăn gặp phải 29 5.3 Hướng phát triển tương lai 29 3.3 Tạo project Flutter với Visual Studio Code - Mở Visual Studio - Nhấn tổ hợp phím Ctrl + Shift + P sau đó gõ “new project” ấn Enter để tạo project Hình 2-4 Tạo project Flutter Visual Studio Code - Sau đó chọn thư mục đích nơi chứa project, nhập tên project hình Hình 2-5 Nhập tên project Flutter - Sau hoàn tất trình tạo project Chúng ta thấy Visual Studio Code có giao diện tương sau 10 DANH MỤC BẢNG Bảng 2-1 So sánh Flutter React Native Bảng 4-1 Mơ tả giao diện hình 18 Bảng 4-2 Mô tả hình thêm giao dịch 20 Bảng 4-3 Mơ tả hình xem lịch sử giao dịch dạng biểu đồ 22 Bảng 4-4 Mơ tả thơng báo xố thành công giao dịch .24 Bảng 4-5 Mô tả giao dịch rút tiền .26 Bảng 4-6 Mơ tả hình chọn danh mục nạp 28 Chương MỞ ĐẦU 1.1 Lí chọn đề tài Hiện nay, giới trẻ, đặc biệt bạn học sinh sinh viên bạn vừa trường gặp khó khăn việc quản lý chi tiêu Dẫn đến không kiểm soát nguồn tiền vào Từ đó, gặp khó khăn việc sinh hoạt ngày thường lên kế hoạch tiết kiệm Nhận thấy vấn đế vấn đề thực tế thiết yếu, nhóm chọn đề tài nghiên cứu ứng dụng vào Đồ án 1.2 Phương pháp nghiên cứu Nhận thấy nhóm đối tượng chủ ́u bạn trẻ địi hỏi tính di động cao, với đó bùng nổ nền tảng ứng dụng di động Nhóm chúng em thực đề tài ngôn ngữ Dart, cơng nghệ ứng dụng Flutter Q trình tìm hiểu nghiệp vụ nhóm chúng em có tham khảo diễn đàn về quản lý tài mạng xã hội Cùng với đó tham khảo ứng dụng có sẵn chợ ứng dụng để có nhìn tổng quát về đề tài chọn 1.3 Đối tượng hướng đến Ứng dụng nhóm định hướng đến người có nhu cầu ghi lại, xem thống kê lịch sử giao dịch tiền mặt, bạn trẻ sống tại thành thị Đây nhóm người thường xuyên chi tiêu nhiều khoản nhỏ Do đó họ có khả quên tiêu tiền vào đâu, vào thời điểm nào, vào mục đích Ứng dụng trợ thủ đắc lực giúp họ ln kiểm tra lịch sử chi tiêu Từ đó có thể kiểm soát khoản thu chi, vốn kỹ quan trọng bắt đầu sống tự lập Chương GIỚI THIỆU VỀ FLUTTER 2.1 Giới thiệu ngơn ngữ lập trình Dart Hình 1-1 Logo Dart 2.1.1 Ngơn ngữ lập trình Dart gì? - Dart ngơn ngữ lập trình mới, phát triển Google, chấp thuận tổ chức Ecma (ECMA-408) Nó sử dụng để xây dựng loại ứng dụng: web, server, di động (IOS Android) - Dart ngôn ngữ lập trình hướng đối tượng, với chế garbage collector, cú pháp kiểu C Nó hỡ trợ khái niệm lập trình đại interface, mixin, abstract, generic, type-safe Đây ngơn ngữ lập trình mã nguồn mở, công bố Github 2.1.2 Ưu điểm Dart Một số ưu điểm vượt trội Dart so với ngơn ngữ lập trình khác: - Năng suất: Dart có cú pháp dễ hiểu, rõ ràng súc tích Type-safe giúp lập trình viên xác định sớm lỡi Bên cạnh đó Dart có hệ sinh thái rộng lớn lên đến hàng nghìn packages - Nhanh: Dart cung cấp tối ưu hóa việc biên dịch trước thời hạn để có dự đoán hiệu suất cao khởi động nhanh thiết bị di động web 4.6 Giao diện mô tả giao diện ứng dụng Hình 3-7 Màn hình 17 Tên Mơ tả Chi tiết Thao tác người dùng Màn hình Màn hình bắt đầu • Thống kê tổng • Người dùng có mở ứng dụng, thu dùng để thể xem chứa thông tin hiển thị tổng số thống kê tổng thu nhập, tiền thu vào hình • Thống kê tổng • Người dùng có danh sách giao chi dùng để thể chọn vào dịch hiển thị tổng số giao dịch tiền thu để xem thơng tổng chi tiêu • Hiệu phần tin chi tiết tổng thu chi • Người dùng có số tiền cịn lại thể chọn • Danh sách chức giao dịch khác liệt kê theo Thêm ngày, giao dịch ngày liệt cách chọn icon kê loại “+” xem giao dịch thống kê theo dạng biểu đồ Bảng 3-1 Mô tả giao diện hình 18 Hình 3-8 Màn hình Thêm thơng tin giao dịch 19 Tên Mơ tả Chi tiết • Có các trường Thao tác người dùng • Người dùng Màn hình Màn hình thao tác Thêm giao cho chức liệu về nhập vào thông dịch Thêm giao thông tin giao tin giao dịch dịch dịch người • Người dùng dùng kiểm tra thơng nhập vào tin bấm vào như:”Số tiền, nút “Lưu” để danh mục, ghi xác nhận lưu chú, ngày diễn giao dịch vào giao dịch” hệ thống • Nút “Lưu” để • Người dùng có xác nhận thêm thể huỷ bỏ thao giao dịch vào tác cách hệ thống bấm vào quay lại góc trái hình Bảng 3-2 Mơ tả hình thêm giao dịch 20 Hình 3-9 Màn hình Thống kê lịch sử dạng biểu đồ 21 Tên Thao tác người dùng Mô tả Chi tiết Màn hình Màn hình thao tác • Một biểu đồ Thống kê cho chức tròn thể thể xem biểu giao dịch Thống kê giao cho giao dịch đồ loại nạp rút dịch nạp rút nạp Trong đó xem tỉ dạng biểu dạng biểu đồ giao dịch lệ xem khác số tiền thể cách chuyển màu trạng thái khác gạt màu ghi xanh bên góc đồ • Một biểu đồ trịn thể • Người dùng có phải mỗi loại biểu đồ cho giao dịch rút Trong đó giao dịch khác thể màu khác ghi Bảng 3-3 Mơ tả hình xem lịch sử giao dịch dạng biểu đồ 22 Hình 3-10 Màn hình Xác nhận xố thành cơng thơng tin giao dịch 23 Tên Mơ tả Chi tiết • Màn hình Thao tác người dùng • Người dùng Màn hình Màn hìnhThơng Thơng báo báo cho chức với thông báo xem thông báo Xố thơng Xố thơng tin giao Thơng tin xác nhận tin giao dịch dịch thực giao dịch thông tin giao thành công thành công xố thành dịch cơng xố thành cơng Bảng 3-4 Mơ tả thơng báo xố thành cơng giao dịch 24 Hình 3-11 Màn hình chọn danh mục rút 25 Tên Mơ tả Màn hình Màn hình chọn Danh sách danh mục rút Chi tiết • Các danh mục Thao tác người dùng • Người dùng danh chọn danh mục danh mục với phù hợp với mục rút Icon Tiêu đề thông tin giao để thể cho dịch danh mục rút Bảng 3-5 Mô tả giao dịch rút tiền 26 Hình 3-12 Màn hình chọn danh mục nạp 27 Tên Mơ tả Chi tiết Thao tác người dùng Màn hình Màn hình chọn • Các danh mục • Người dùng Danh sách danh mục nạp danh chọn danh danh mục với mục phù hợp mục nạp Icon Tiêu đề với thông tin để thể cho giao dịch danh mục nạp Bảng 3-6 Mơ tả hình chọn danh mục nạp 28 Chương KẾT LUẬN 5.1 Kết thu - Căn vận dụng Dart Flutter vào việc phát triển ứng dụng di động - Sử dụng SQLite làm sở liệu - Nắm nhu cầu đối tượng khách hàng chủ yếu người trẻ ứng dụng quản lý thu chi 5.2 Khó khăn gặp phải - Gặp khó khăn việc kết nối SQLite với ứng dụng Flutter - Khó khăn việc chuyển đổi bảng CSDL thành kiểu liệu tương ứng Dart - Bố cục code khó theo dõi, khó khăn việc quản lý code, bảo trì phát triển - Yêu cầu cấu hình cao để phát triển ứng dụng, chiếm nhiều tài nguyên Debug 5.3 Hướng phát triển tương lai - Hoàn thiện về mặt giao diện, cải thiện tốc độ phản hồi, cung cấp trải nghiệm chạm vuốt mượt mà - Sắp xếp bố cục hợp lý hơn, mang lại trải nghiệm sử dụng đơn giản trực quan - Tổ chức quản lý Cơ sở liệu hợp lý khoa học - Thêm tính Tạo kế hoạch tiết kiệm cho tương lai - Vận dụng công nghệ để mang lại nhiều chức thiết thực hữu ích 29 SOURCE CODE ỨNG DỤNG Trong trình phát triển ứng dụng, nhóm sử dụng Github để lưu trữ quản lí mã nguồn - Github: https://github.com/hieuvts/money_manager - QR Code: 30 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ạ về Dart, Flutter các trang web Stackoverflow, Github,… https://pub.dev/ https://github.com/flutter/samples https://flutter.dev/docs https://stackoverflow.com/ https://www.sqlite.org/ 31 ... NHƯ HIẾU – 17520482 TRƯƠNG HOÀNG VINH – 17521266 ĐỒ ÁN ỨNG DỤNG QUẢN LÍ THU CHI CÁ NHÂN MONEY MANAGEMENT APLLICATION KỸ SƯ/ CỬ NHÂN NGÀNH KĨ THU? ??T PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN Thầy HUỲNH NGUYỄN... Chương PHÁT TRIỂN ỨNG DỤNG QUẢN LÍ THU CHI CÁ NHÂN VỚI FLUTTER 4.1 Đặt vấn đề Hiện nay, giới trẻ, đặc biệt bạn học sinh sinh viên bạn vừa trường gặp khó khăn việc quản lý chi tiêu Dẫn đến... LUẬN 5.1 Kết thu - Căn vận dụng Dart Flutter vào việc phát triển ứng dụng di động - Sử dụng SQLite làm sở liệu - Nắm nhu cầu đối tượng khách hàng chủ yếu người trẻ ứng dụng quản lý thu chi 5.2 Khó