Đồ án xây dựng ứng dụng bán giày

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN Nguyễn Tuấn Khơi – 20521480 Nguyễn Bá Khanh – 20521450 ĐỒ ÁN MÔN HỌC XÂY DỰNG ỨNG DỤNG BÁN GIÀY GIẢNG VIÊN GIẢNG DẠY THÁI THỤY HÀN UYỂN TP HỒ CHÍ MINH, 2022 LỜI CẢM ƠN  Trước bước vào phần báo cáo đồ án, nhóm chúng em trân trọng gửi lời cảm ơn đến cô Thái Thụy Hàn Uyển tạo điều kiện cho chúng em có hội thực đồ án nhiệt tình góp ý, giúp đỡ chúng em lớp, cung cấp cho chúng em nhiều kiến thức và cả kinh nghiệm hữu ích và ngoài mảng lập trình di đợng.  Dù vậy, q trình học tập, làm đồ án thời gian kiến thức có hạn nên nhóm em khơng thể tránh khỏi thiếu sót Nhóm em mong nhận thơng cảm, đóng góp xây dựng từ để nhóm em có thêm nhiều kiến thức có ích ngày hồn thiện 2K nữa.  Nhóm thực hiện  Trường Đại học Công nghệ Thông tin, tháng 12 năm 2022 MỤC LỤC CHƯƠNG I GIỚI THIỆU ĐỀ TÀI Giới thiệu chung Mục tiêu đề tài 2.1 Lý thuyết 2.2 Mục tiêu Quá trình thực Tổng quan chức CHƯƠNG II CƠ SỞ LÝ THUYẾT Flutter 9 1.1 Tổng quan lịch sử 1.2 Thành phần Flutter 1.3 Một số đặc điểm bật 10 1.4 Ưu nhược điểm Flutter: 11 Ngơn ngữ lập trình Dart 11 2.1 Tổng quan 11 2.2 Tại Flutter chọn Dart? 11 Hệ quản trị sở liệu Firebase 12 3.1 Firebase gì? 12 3.2 Firebase Realtime database 12 3.3 Firebase Authentication 12 3.4 Firebase Hosting 12 3.5 Ưu điểm Firebase 13 3.6 Nhược điểm Firebase 13 CHƯƠNG III XÂY DỰNG HỆ THỐNG Xây dựng kiến trúc hệ thống 14 14 1.1 Công nghệ sử dụng 14 1.2 Kiến trúc hệ thống: Mơ hình Client-Server 14 1.3 Kiến trúc ứng dụng: Mơ hình MVVM 15 1.4 Mô tả thành phần hệ thống 16 1.5 Sơ đồ Use case 17 1.6 Mô tả Use case 18 1.7 Đặc tả use case 19 Mô tả hình 41 2.1 Màn hình đăng nhập 41 2.2 Màn hình đăng ký 42 2.3 Màn hình quên mật 43 2.4 Màn hình 44 2.5 Màn hình 45 CHƯƠNG IV KẾT LUẬN 56 DANH MỤC HÌNH ẢNH CHƯƠNG I GIỚI THIỆU ĐỀ TÀI 11 Giới thiệu chung 11 Mục tiêu đề tài 11 2.1 Lý thuyết 11 2.2 Mục tiêu 11 Quá trình thực 12 Tổng quan chức 12 CHƯƠNG II CƠ SỞ LÝ THUYẾT Flutter 13 13 1.1 Tổng quan lịch sử 13 1.2 Thành phần Flutter 14 1.3 Một số đặc điểm bật 14 1.4 Ưu nhược điểm Flutter: 15 1.4.1 Ưu điểm: 15 1.4.2 Nhược điểm: 15 Ngơn ngữ lập trình Dart 15 2.1 Tổng quan 15 2.2 Tại Flutter chọn Dart? 15 Hệ quản trị sở liệu Firebase 16 3.1 Firebase gì? 16 3.2 Firebase Realtime database 16 3.3 Firebase Authentication 16 3.4 Firebase Hosting 16 3.5 Ưu điểm Firebase 17 3.6 Nhược điểm Firebase 17 CHƯƠNG III XÂY DỰNG HỆ THỐNG 18 Xây dựng kiến trúc hệ thống 18 1.1 Công nghệ sử dụng 18 1.2 Kiến trúc hệ thống: Mô hình Client-Server 18 1.3 Kiến trúc ứng dụng: Mơ hình MVVM 19 1.4 Mô tả thành phần hệ thống 19 1.5 Sơ đồ Use case 21 1.6 Mô tả Use case 22 1.7 Đặc tả use case 23 1.7.1 Đăng ký 23 1.7.2 Đăng nhập với email mật 24 1.7.3 Đăng nhập Google 26 1.7.4 Yêu thích sản phẩm 27 1.7.5 Tạo đơn hàng 28 1.7.6 Thêm mã giảm giá 29 1.7.7 Chọn địa 30 1.7.8 Chọn phương thức toán 31 1.7.9 Thanh toán 32 1.7.10 Tìm kiếm 33 1.7.11 Lọc 34 1.7.12 Sắp xếp 36 1.7.13 Xem đơn hàng 37 1.7.14 Đánh giá sản phẩm 38 1.7.15 Hủy đơn hàng 39 1.7.16 Cài đặt cá nhân 40 1.7.17 Chỉnh sửa thông tin cá nhân 42 1.7.18 Cài đặt mã PIN 43 1.7.19 Đăng xuất 44 Mơ tả hình 46 2.1 Màn hình đăng nhập 46 2.2 Màn hình đăng ký 47 2.3 Màn hình quên mật 48 2.4 Màn hình 49 2.5 Màn hình danh sách sản phẩm 50 2.6 Màn hình tìm kiếm 51 2.7 Màn hình kết tìm kiếm 52 2.8 Màn hình giỏ hàng 53 2.9 Màn hình đặt hàng 54 2.10 Màn hình danh sách đơn hàng 56 2.11 Màn hình chi tiết đơn hàng 57 2.12 Màn hình đánh giá sản phẩm 59 2.13 Màn hình chọn phương thức tốn 60 2.14 Màn hình chỉnh sửa thơng tin 61 Sơ đồ lớp 62 Sơ đồ hoạt động 63 4.1 Hoạt động đăng ký 63 4.2 Hoạt động toán đơn hàng 64 4.3 Hoạt động đánh giá sản phẩm 65 4.4 Hoạt động tìm kiếm sản phẩm 66 CHƯƠNG IV KẾT LUẬN 67 Kết đạt 67 Ưu điểm 67 Nhược điểm giải pháp 67 DANH MỤC BẢNG CHƯƠNG I GIỚI THIỆU ĐỀ TÀI 11 Giới thiệu chung 11 Mục tiêu đề tài 11 2.1 Lý thuyết 11 2.2 Mục tiêu 11 Quá trình thực 12 Tổng quan chức 12 CHƯƠNG II CƠ SỞ LÝ THUYẾT Flutter 13 13 1.1 Tổng quan lịch sử 13 1.2 Thành phần Flutter 14 1.3 Một số đặc điểm bật 14 1.4 Ưu nhược điểm Flutter: 15 1.4.1 Ưu điểm: 15 1.4.2 Nhược điểm: 15 Ngơn ngữ lập trình Dart 15 2.1 Tổng quan 15 2.2 Tại Flutter chọn Dart? 15 Hệ quản trị sở liệu Firebase 16 3.1 Firebase gì? 16 3.2 Firebase Realtime database 16 3.3 Firebase Authentication 16 3.4 Firebase Hosting 16 3.5 Ưu điểm Firebase 17 3.6 Nhược điểm Firebase 17 CHƯƠNG III XÂY DỰNG HỆ THỐNG 18 Xây dựng kiến trúc hệ thống 18 1.1 Công nghệ sử dụng 18 1.2 Kiến trúc hệ thống: Mơ hình Client-Server 18 1.3 Kiến trúc ứng dụng: Mơ hình MVVM 19 1.4 Mơ tả thành phần hệ thống 19 1.5 Sơ đồ Use case 21 1.6 Mô tả Use case 22 1.7 Đặc tả use case 23 1.7.1 Đăng ký 23 1.7.2 Đăng nhập với email mật 24 1.7.3 Đăng nhập Google 26 1.7.4 Yêu thích sản phẩm 27 1.7.5 Tạo đơn hàng 28 1.7.6 Thêm mã giảm giá 29 1.7.7 Chọn địa 30 1.7.8 Chọn phương thức toán 31 1.7.9 Thanh tốn 32 1.7.10 Tìm kiếm 33 1.7.11 Lọc 34 1.7.12 Sắp xếp 36 1.7.13 Xem đơn hàng 37 1.7.14 Đánh giá sản phẩm 38 1.7.15 Hủy đơn hàng 39 1.7.16 Cài đặt cá nhân 40 1.7.17 Chỉnh sửa thông tin cá nhân 42 1.7.18 Cài đặt mã PIN 43 1.7.19 Đăng xuất 44 Mô tả hình 46 2.1 Màn hình đăng nhập 46 2.2 Màn hình đăng ký 47 2.3 Màn hình quên mật 48 2.4 Màn hình 49 2.5 Màn hình danh sách sản phẩm 50 2.6 Màn hình tìm kiếm 51 2.7 Màn hình kết tìm kiếm 52 2.8 Màn hình giỏ hàng 53 2.9 Màn hình đặt hàng 54 2.10 Màn hình danh sách đơn hàng 56 2.11 Màn hình chi tiết đơn hàng 57 2.12 Màn hình đánh giá sản phẩm 59 2.13 Màn hình chọn phương thức tốn 60 2.14 Màn hình chỉnh sửa thơng tin 61 Sơ đồ lớp 62 Sơ đồ hoạt động 63 4.1 Hoạt động đăng ký 63 4.2 Hoạt động toán đơn hàng 64 4.3 Hoạt động đánh giá sản phẩm 65 4.4 Hoạt động tìm kiếm sản phẩm 66 CHƯƠNG IV KẾT LUẬN 67 Kết đạt 67 Ưu điểm 67 Nhược điểm giải pháp 67 2.9 Màn hình đặt hàng Hình 15 Màn hình đặt hàng STT Biến cố Xử lý Chọn địa Chuyển đến hình chọn địa Chọn mã giảm giá Nhập ghi Di chuyển đến hình chọn mã giảm giá Hiển thị nội dung ghi Chọn toán Di chuyển đến hình chọn phương thức tốn 2.10 Màn hình danh sách đơn hàng Hình 16 Màn hình danh sách đơn hàng STT Biến cố Xử lý Chọn chuyển tab trạng thái Chuyển đổi tab Chọn xem chi tiết đơn hàng Chuyển đến hình chi tiết đơn hàng 2.11.Màn hình chi tiết đơn hàng Hình 16 Màn hình chi tiết đơn hàng STT Biến cố Xử lý Chọn đánh giá sản phẩm Mở modal đánh giá sản phẩm Chọn đặt lại Chuyển đến hình đặt hàng 2.12 Màn hình đánh giá sản phẩm Hình 16 Màn hình đánh giá sản phẩm STT Biến cố Xử lý Chọn số đánh giá Bôi đen số chọn Nhập đánh giá Hiển thị thông tin nhập Chọn Đánh giá Lưu đánh giá cho sản phẩm Chọn hủy Ẩn modal đánh giá sản phẩm 2.13 Màn hình chọn phương thức tốn Hình 16 Màn hình quản lý tài khoản STT Biến cố Xử lý Chọn chỉnh sửa thông tin cá nhân Chọn địa Di chuyển đến hình chỉnh sửa thơng tin cá nhân Di chuyển đến hình địa Bảo mật Di chuyển đến hình bảo mật Chọn ngơn ngữ Chuyển đổi ngôn ngữ Chọn chủ đề Switch chuyển chủ đề Chọn sách Di chuyển đến hình sách Chọn trung tâm hỗ trợ Chọn đăng xuất Di chuyển đến hình trung tâm hỗ trợ Đăng xuất khỏi tài khoản 2.14 Màn hình chỉnh sửa thơng tin Hình 16 Màn hình quản lý tài khoản STT Biến cố Xử lý Chọn thay đổi ảnh đại diện Thay đổi ảnh đại diện Chỉnh sửa thông tin Hiển thị thông tin chỉnh sửa Chọn giới tính Hiển thị giới tính chọn Chọn hồn thành Cập nhật thơng tin hệ thống Sơ đồ lớp Hình 17 Sơ đồ lớp Sơ đồ hoạt động 4.1 Hoạt động đăng ký Hình 18 Sơ đồ hoạt động đăng ký 4.2 Hoạt động tốn đơn hàng Hình 19 Sơ đồ hoạt động toán đơn hàng 4.3 Hoạt động đánh giá sản phẩm Hình 20 Sơ đồ hoạt động đánh giá sản phẩm 4.4 Hoạt động tìm kiếm sản phẩm Hình 21 Sơ đồ hoạt động tìm kiếm sản phẩm CHƯƠNG IV KẾT LUẬN Kết đạt ● Tạo sản phẩm hoàn chỉnh ● Áp dụng kiến thức quy trình phát triển phần mềm hướng đối tượng cách chuyên nghiệp ● Tìm hiểu thêm cơng nghệ kiến trúc kỹ thuật ● Hiểu và nắm được các kiến thức về ứng dụng Visual Studio Code ● Hiểu và nắm được cách xây dựng ứng dụng di động với Flutter ● Nắm rõ về Dart, Flutter, package, thiết kế giao diện ứng dụng di động ● Phân công công việc hợp lý Ưu điểm ● ● ● ● ● Dễ dàng sử dụng Giao diện đẹp mắt thân thiện Có hỗ trợ đa ngơn ngữ Cho phép người dùng thay đổi chủ đề Có nhiều chức khác phục vụ cho nhu cầu mục đích người dùng ● Hồn tồn miễn phí ● Có tính áp dụng thực tế cao Nhược điểm giải pháp - Báo cáo chưa chi tiết thực tế o Giải pháp: tìm hiểu kĩ nhu cầu xem báo cáo người dùng Tạo báo cáo đầy đủ thỏa mãn nhu cầu người dùng - Các phương thức tốn cịn hạn chế o Giải pháp: tìm hiểu nhiều ví điện tử internet banking - Chưa mang lại trải nghiệm mượt mà o Giải pháp: Tìm cách tối ưu hệ thống - Chưa có chức đề xuất sản phẩm phù hợp với người dùng o Giải pháp: mở rộng liệu phát triển thêm chức đề xuất - Luồng xử lý kiện rườm rà, phức tạp o Giải pháp: tìm cách tối ưu thuật tốn lng xử lý kiện TÀI LIỆU THAM KHẢO - - Flutter document: https://docs.flutter.dev Youtube – Flutter: https://www.youtube.com/c/flutterdev BlocLibrary: https://bloclibrary.dev/ Stackoverflow: https://stackoverflow.com/ Firebase Document: https://firebase.google.com/docs/build ... sức Cùng với lý nêu trên, nhóm đồ án định chọn đề tài "Xây dựng ứng dụng bán giày" Người dùng cần thao tác đơn giản điện thoại di động đặt hàng nhanh chóng có đơi giày cần mà không cần phải tới... hàng để phục vụ tốt việc quản lý mua hàng - Ứng dụng hỗ trợ từ đến đầy đủ chức ứng dụng bán giày điển hình - Ứng dụng có giao diện thân thiện, dễ sử dụng Quá trình thực Trải qua q trình tìm hiểu... tiếp ứng dụng mà khơng cần phải rebuild lại tồn ứng dụng từ làm giảm thời gian lập trình viên khiến việc xây dựng ứng dụng trở nên dễ dàng 1.4.2 Nhược điểm: - Còn nhiều hạn chế phát triển ứng dụng