Tìm hiểu flutter và xây dựng ứng dụng bán hàng (đồ án SE121 l21 PMCL)

ĐẠ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 CUỐI KỲ ĐỒ ÁN ĐỀ TÀI: Tìm hiểu Flutter và xây dựng ứng dụng bán hàng Giảng viên hướng dẫn: Huỳnh Nguyễn Khắc Huy Sinh viên thực hiện: Quách Thế Tường 17521243 Huỳnh Văn Thuận 17521108 LỜI CẢM ƠN Lời đầu tiên, nhóm tác giả xin chân thành cảm ơn q thầy khoa Cơng nghệ Phần mềm, trường Đại Học Công Nghệ Thông Tin, ĐHQG TP.HCM, tận tình hướng dẫn nhóm suốt thời gian qua Những kiến thức mà thầy cô truyền đạt là tảng quan trọng để nhóm có thể hoàn thành đề tài này Nhóm tác giả xin gửi lời cảm ơn chân thành và lòng biết ơn sâu sắc đến thầy Huỳnh Nguyễn Khắc Huy, cảm ơn thầy tận tình hướng dẫn và tạo điều kiện tốt cho nhóm hoàn thành đề tài này Những lời động viên, góp ý chân tình thầy là động lực q báu để nhóm vượt qua khó khăn tìm hiểu và thực đề tài Trong thời gian thực đề tài, nhóm tác giả cố gắng vận dụng kiến thức tảng học, kết hợp học hỏi và tìm hiểu công nghệ để ứng dụng xây dựng đề tài môn học Tuy nhiên quá trình thực hiện, kiến thức và kinh nghiệm cịn nhiều hạn chế, khó tránh khỏi thiếu sót Chính vì vậy, nhóm tác giả mong nhận sự góp ý từ q thầy để nhóm hoàn thiện thêm kiến thức mà nhóm học tập, làm hành trang q báu cho nhóm công việc sau này Xin chân thành cảm ơn q thầy ! Nhóm tác giả Page of 68 NHẬN XÉT (Của giáo viên hướng dẫn) - Page of 68 MỤC LỤC CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI Lí chọn đề tài: Tóm tắt đề tài: Mục tiêu đề tài: Phương pháp nghiên cứu: .7 Ý nghĩa và kết hướng tới đề tài: .7 5.1 Về mặt sản phẩm (ứng dụng bán hàng): 5.2 Về mặt tài liệu: CHƯƠNG 2: CÔNG NGHỆ LIÊN QUAN .9 Tìm hiểu Flutter: 1.1 Flutter là gì: 1.2 Tại lại là Flutter? 1.3 Đặc điểm bật: .10 1.4 Khác biệt so với “anh cả” Android ? .10 Firebase: 11 2.1 Firebase là gì ? 11 2.2 Lịch sử phát triển Firebase: .11 2.3 Cách thức hoạt động Firebase: 12 2.4 Ưu điểm Firebase: .13 2.5 Nhược điểm Firebase: .13 2.7 Các dịch vụ Firebase: 14 CHƯƠNG 3: MƠ HÌNH USECASE 17 Sơ đồ Use case mức tổng quát: 17 1.1 Nhân viên: 17 1.2 Quản lí: 18 Danh sách các Use case: 19 Đặc tả Use case: 19 3.1 Use case đăng nhập: .19 3.2 Use case đăng xuất: 20 3.3 Use case thêm/ sửa/ xóa sản phẩm: .20 3.4 Use case thêm/ sửa/ xóa tài khoản: 21 Page of 68 3.5 Use case thêm/ sửa/ xóa thể loại: 22 3.6 Use case thêm / sửa/ xóa danh mục: 23 3.7 Use case thêm / sửa/ xóa quảng cáo: .24 3.8 Use case xem thông tin các đơn hàng: 25 3.9 Use case tìm kiếm, thống kê các đơn hàng: 26 CHƯƠNG 4: PHÂN TÍCH HỆ THỐNG 27 Sơ đồ lớp: .27 1.1 Sơ đồ lớp mức phân tích: .27 1.2 Danh sách các lớp đối tượng: 28 1.3 Mô tả lớp đối tượng: 28 Sơ đồ tuần tự: .32 2.1 Đăng nhập/ đăng xuất: 32 2.2 Thêm tài khoản: 33 2.3 Sửa thông tin tài khoản: 34 2.4 Xóa tài khoản: 35 2.5 Thêm quảng cáo: 35 2.6 Sửa thông tin quảng cáo: 36 2.7 Xóa quảng cáo: .37 2.8 Thêm thể loại: 37 2.9 Sửa thông tin thể loại: 38 2.10 Xóa thể loại: 39 2.11 Thêm danh mục: 39 2.12 Sửa thông tin danh mục: 40 2.13 Xóa danh mục: .41 2.14 Thêm sản phẩm: 41 2.15 Sửa thông tin sản phẩm: .42 2.16 Xóa sản phẩm: 43 2.17 Tìm kiếm – Thống kê hóa đơn: 43 CHƯƠNG 5: THIẾT KẾ GIAO DIỆN 44 Giao diện Admin: 44 1.1 Login: .44 1.2 Trang chính: 45 1.2 Quảng cáo (Sliders): .46 Page of 68 1.3 Danh mục (categories): 48 1.4 Thể loại (brands): 50 1.5 Sản phẩm (product): .52 1.6 Đơn hàng (order): 54 Giao diện Client: 55 2.1 Login: .55 2.2 Trang (Home): 56 2.3 Danh mục (Categories): 57 2.4 Thể loại/thương hiệu (Brands): 59 2.5 Drawer: 61 2.6 Chi tiết sản phẩm: 62 2.7 Giỏ hàng: 63 2.8 Thanh toán: .64 CHƯƠNG 6: TỔNG KẾT 65 Kiến thức sử dụng: .65 Kết thử nghiệm: .65 Kết đạt và hướng phát triển: 66 3.1 Kết đạt được: 66 3.2 Hướng phát triển: 66 CHƯƠNG 7: BẢNG PHÂN CÔNG CÔNG VIỆC 67 CHƯƠNG 8: TÀI LIỆU THAM KHẢO 68 Page of 68 CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI Lí chọn đề tài: Chúng ta có thể nói kỷ 21 và chứng kiến sự phát triển mạnh mẽ ngành Công nghệ thông tin Công nghệ thông tin (CNTT) và thay đổi giới cách nhanh chóng và bước kéo tri thức nhân loại xích lại gần Việc mua bán trao đổi qua các ứng dụng di động ngày càng phát triển và phổ biến Ngày nay, ứng dụng di động đóng vai trò quan trọng người từ giải trí quảng cáo, thương mại, quản lý Cụ thể Ứng dụng bán hàng online (thương mại điện tử) thay phương thức kinh doanh cũ các doanh nghiệp tính ưu việt mà Ứng dụng bán hàng online mang lại như: nhanh hơn, rẻ hơn, tiện dụng hơn, hiệu và không bị giới hạn không gian và thời gian Ứng dụng bán hàng online giúp người mua có thể chọn mua các hàng cách đơn giản, hiệu Tất các công việc điều thao tác trực tiếp ứng dụng Tóm tắt đề tài: Là trang ứng dụng kinh doanh đồ chơi mô hình Cửa hàng bán các loại đồ chơi mô hình mô hình ô tô, mô tô, siêu nhân, siêu anh hùng, … Với sự phát triển công nghệ thơng tin nói chung và thương mại điện tử nói riêng dẫn đến nhu cầu mua hàng online tăng cao, cửa hàng gặp khó khăn việc quản lý số lượng mặt hàng, đơn hàng và hoạt động bán hàng Vì vậy, ứng dụng trước hết là phải giải các vấn đề Ứng dụng cho phép kiểm soát tình hình mua bán và số lượng các mặt hàng, đơn hàng Ngoài ra, ứng dụng áp dụng chiến lược "2 mức giá" các sản phẩm có giá trị cao là mơ hình đồ chơi ô tô, mô tô, Việc áp dụng tiến hành sau: có mức giá khác cho sản phẩm: (i) mức giá với tất các tùy chọn (giao hàng nhanh, lắp ráp và bảo hành từ MWG) (ii) mức giá cịn lại rẻ và khơng có các dịch vụ (chỉ kèm với bảo hành hãng) Page of 68 Tiếp là chiến lược tiếp thị hỗn hợp : +Sản phẩm: Phát triển ứng dụng riêng cho nước, sản phẩm hãng tạo là trang web tối ưu với các ngôn ngữ khác nhau, với là sự trải nghiệm tốt cho người dùng thiết kế ứng dụng dựa vào thói quen sử dụng khách hang, chăm chút hình ảnh ứng dụng khiến các sản phẩm bán hàng hấp dẫn người mua Đặc biệt là đảm bảo chất lượng sản phẩm + Giá cả: Ưu đãi, phù hợp với túi tiền người dùng, ngoài có các chương trình giảm giá cái code giảm giá + Các lợi ích là thành viên VIP: giảm giá, tăng thời gian bảo hành, không thu tiền ship, Mục tiêu đề tài: √ Xây dựng Ứng dụng bán hàng các sản phẩm đồ chơi mô hình qua mạng √ Nghiên cứu các công nghệ liên quan đến phát triển ứng dụng √ Tạo ứng dụng (thương mại điện tử) thiết thực và sử dụng thực tế √ Nghiên cứu cách thức mà Ứng dụng sử dụng kinh doanh online √ Đưa các báo cáo và tài tiệu Phương pháp nghiên cứu: √ Nghiên cứu số ứng dụng bán hàng như: Lazada, Shoppe √ Nghiên cứu các tài liệu nghiệp vụ Quản lí bán hàng và Bán hàng √ Phỏng vấn và khảo sát thực tế cách thức quản lí √ Các tài liệu, video hướng dẫn cách thức mua bán, xử lí đơn hàng Page of 68 Ý nghĩa và kết hướng tới đề tài: 5.1 Về mặt sản phẩm (ứng dụng bán hàng): √ Tạo ứng dụng bán hàng có thể sử dụng thực √ Quản lí các cơng đoạn mua bán cách nhanh chóng, hiệu √ Tối ưu hóa các chi phí gian hàng, hiệu đầu tư cho các shop bán hàng 5.2 Về mặt tài liệu: √ Toàn chương trình và báo cáo đề tài trở thành tài liệu nghiên cứu, tham khảo nhanh, dễ hiễu cho các bạn yêu thích lĩnh vực Ứng dụng thương mại điện tử sử dụng Flutter √ Có thể sử dụng tài liệu để tham khảo công nghệ Flutter, Firebase Page of 68 CHƯƠNG 2: CÔNG NGHỆ LIÊN QUAN Tìm hiểu Flutter: 1.1 Flutter là gì: √ Flutter là mobile UI framework Google để tạo các giao diện chất lượng cao iOS và Android khoảng thời gian ngắn Flutter hoạt động với code sẵn có sử dụng các lập trình viên, các tổ chức √ Flutter hoàn toàn miễn phí và là mã nguồn mở 1.2 Tại lại là Flutter? √ Nếu bạn tìm kiếm các 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 không thể phân biệt với ứng dụng xây dựng cách sử dụng Android SDK, giao diện và hiệu suất Hơn nữa, với tinh chỉnh nhỏ, chúng có thể chạy thiết bị iOS √ Chạy 60 fps, giao diện người dùng tạo với Flutter thực thi tốt nhiều so với ứng dụng tạo với các framework phát triển đa tảng khác chẳng hạn React Native và Ionic Một số lí khiến bạn có thể hứng thú với Flutter: Flutter sử dụng Dart, ngôn ngữ nhanh, hướng đối tượng với nhiều tính hữu ích mixin, generic, isolate, và static type Flutter có các thành phần UI riêng nó, với chế để kết xuất chúng tảng Android và iOS Hầu hết các thành phần giao diện người dùng, sẵn dùng, phù hợp với các nguyên tắc Material Design Các ứng dụng Flutter có thể phát triển cách4 sử dụng IntelliJ IDEA, IDE giống với Android Studio Page of 68 1.6 Đơn hàng (order): 1.6.1 Danh sách Order: Page 53 of 68 Giao diện Client: 2.1 Login: Page 54 of 68 2.2 Trang (Home): Page 55 of 68 2.3 Danh mục (Categories): 2.3.1 Danh sách danh mục: Page 56 of 68 2.3.2 Sản phẩm theo danh mục: Page 57 of 68 2.4 Thể loại/thương hiệu (Brands): 2.4.1 Danh sách thể loại/thương hiệu: Page 58 of 68 2.4.2 Sản phẩm theo thể loại/thương hiệu: Page 59 of 68 2.5 Drawer: Page 60 of 68 2.6 Chi tiết sản phẩm: Page 61 of 68 2.7 Giỏ hàng: Page 62 of 68 2.8 Thanh toán: Page 63 of 68 CHƯƠNG 6: TỔNG KẾT Kiến thức sử dụng: √ Công nghệ Flutter theo ngôn ngữ Dart √ Cơ sở liệu Cloud Firebase Kết thử nghiệm: STT 10 11 12 13 Tên yêu cầu Đăng nhập Đăng xuất Thêm, sửa, xóa tài khoản Thêm, sửa, xóa sản phẩm Thêm, sửa, xóa quảng cáo Thêm, sửa, xóa thể loại/thương Mức độ hồn thành 100% 100% 100% 100% 100% Ghi 100% hiệu Thêm, sửa, xóa danh mục Xem thơng tin các đơn hàng Xem thông tin chi tiết các 100% 100% 100% đơn hàng Tìm kiếm và thống kê các đơn 100% hàng Thêm sản phẩm vào giỏ hàng Xem chi tiết sản phẩm Thanh toán đơn hàng 100% 100% 100% Kết đạt và hướng phát triển: 3.1 Kết đạt được: 3.1.1 Ưu điểm: √ Độ tin cậy: Hệ thống có kiểm tra các liệu đầu vào nên hạn chế việc sai sót quá trình vận hành √ Dễ sử dụng: Ứng dụng thiết kế giúp người dùng mua hàng cách dễ dàng và nhanh chóng, hệ thống quản lí dành cho nhân viên rõ ràng và hiệu Page 64 of 68 √ Ứng dụng hoàn thiện và có thể sử dụng thực tế với các quy trình đơn giản và dễ quản lí √ Đảm bảo việc kiểm soát các đơn hàng cách chặt chẽ 3.1.2 Nhược điểm: √ Ứng dụng cịn đơn giản, chưa tích hợp các chức phức tạp √ Chưa có phiên dành cho hệ điều hành IOS 3.2 Hướng phát triển: √ Phát triển cho chạy Web hệ điều hành IOS √ Thêm các danh mục sản phẩm nhiều lớp để Ứng dụng đa dạng sản phẩm √ Phát triển thêm tính đánh giá sản phẩm sau nhận hàng √ Phát triển thêm tính đánh giá bình luận khách hàng √ Phát triển thêm tính chat với shop CHƯƠNG 7: BẢNG PHÂN CÔNG CÔNG VIỆC Page 65 of 68 Project Title Project Group FFG Date of Preparation Laptop Shop Online Activity Plan Prepared by Quách Thế Tường Task Title Planned Start Date Planned Completed Date Phân tích yêu cầu 10/04/2021 17/04/2021 Hoàn thành Lên kế hoạch phát triển 10/04/2021 18/04/2021 Hoàn thành Thiết lập các actor, các chức 10/04/2021 18/04/2021 Thiết kế CSDL ban đầu 10/04/2021 19/04/2021 Vẽ sơ đồ usecase 10/04/2021 19/04/2021 Hoàn thành Viết báo cáo 10/04/2021 05/05/2021 Hoàn thành Viết đặc tả use case 15/04/2021 20/04/2021 Hoàn thành Thiết kế các màn hình 15/04/2021 24/04/2021 Hoàn thành Cài đặt service backend 15/04/2021 02/05/2021 Hoàn thành 10 Viết SRD 20/04/2021 02/05/2021 Hoàn thành 11 Học firebase 10/04/2021 01/05/2021 Hoàn thành 12 Lên kế hoạch phát triển 10/04/2021 19/04/2021 13 Cài đặt các màn hình 01/05/2021 06/06/2021 14 Cài đặt sự kiện UI, xử lý liệu 11/05/2021 20/05/2021 15 Kiểm thử ứng dụng 02/06/2021 10/06/2021 No Team Mate Names Status Hoàn thành Quách Thế Tường Huỳnh Văn Thuận Hoàn thành Hoàn thành Hoàn thành Hoàn thành Hoàn thành CHƯƠNG 8: TÀI LIỆU THAM KHẢO [1] Slide bài giảng ngôn ngữ Dart công nghệ Flutter giảng viên cung cấp [2] Doccument Flutter: Link: https://flutter.dev/docs Page 66 of 68 Page 67 of 68 ... cho ứng dụng di động: Android và Flutter Và điểm khác biệt Flutter và Android: tạo các ứng dụng chạy iOS và Android Là SDK đa tảng, các ứng dụng Flutter có thể hoạt động iOS và. .. Dart, các ứng dụng Flutter) , hai này đóng gói với ứng dụng Sau SDK đóng gói lại vào ứng dụng để sẵn sàng chạy tảng Bạn tạo ứng dụng mình, engine chạy các đoạn code Flutter, và các... khó khăn tìm hiểu và thực đề tài Trong thời gian thực đề tài, nhóm tác giả cố gắng vận dụng kiến thức tảng học, kết hợp học hỏi và tìm hiểu công nghệ để ứng dụng xây dựng đề