TÌM HIỂU FLUTTER và xây DỰNG ỨNG DỤNG bán mô HÌNH

ĐẠ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Ỳ MÔN: ĐỒ ÁN ĐỀ TÀI: TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG BÁN MƠ HÌNH Giảng viên hướng dẫn: Thái Thụy Hàn Uyển Sinh viên thực hiện: Quách Thế Tường Page of 70 17521243 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 cô 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 tảng quan trọng để nhóm hồn thành đề tài Nhóm tác giả xin gửi lời cảm ơn chân thành lịng biết ơn sâu sắc đến Thái Thụy Hàn Uyển, cảm ơn tận tình hướng dẫn tạo điều kiện tốt cho nhóm hồn thành đề tài Những lời động viên, góp ý chân tình động lực q báu để nhóm vượt qua khó khăn tìm hiểu 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 tìm hiểu công nghệ để ứng dụng xây dựng đề tài mơn học Tuy nhiên q trình thực hiện, kiến thức kinh nghiệm nhiều hạn chế, khó tránh khỏi thiếu sót Chính vậy, nhóm tác giả mong nhận góp ý từ q thầy để nhóm hồ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 Xin chân thành cảm ơn q thầy ! Nhóm tác giả Page of 70 NHẬN XÉT (Của giáo viên hướng dẫn) Page of 70 MỤC LỤC Page of 70 CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI Lí chọn đề tài: Chúng ta nói kỷ 21 chứng kiến phát triển mạnh mẽ ngành Công nghệ thông tin Công nghệ thông tin (CNTT) thay đổi giới cách nhanh chóng 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 ứng dụng di động ngày phát triển 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ũ 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 không bị giới hạn không gian thời gian Ứng dụng bán hàng online giúp người mua chọn mua hàng cách đơn giản, hiệu Tất 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 loại đồ chơi mơ mơ hình ô tô, mô tô, siêu nhân, siêu anh hùng,… Với phát triển cơng nghệ thơng tin nói chung 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 hoạt động bán hàng Vì vậy, ứng dụng trước hết phải giải vấn đề Ứng dụng cho phép kiểm sốt tình hình mua bán số lượng mặt hàng, đơn hàng Ngoài ra, ứng dụng áp dụng chiến lược "2 mức giá" sản phẩm có giá trị cao 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 tùy chọn (giao hàng nhanh, lắp ráp bảo hành từ MWG) (ii) mức giá cịn lại rẻ khơng có dịch vụ (chỉ kèm với bảo hành hãng) Page of 70 Tiếp 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 trang web tối ưu với ngơn ngữ khác nhau, với 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 sản phẩm bán hàng hấp dẫn người mua Đặc biệt đả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, ngồi có chương trình giảm code giảm giá + Các lợi ích 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 sản phẩm đồ chơi mơ hình qua mạng √ Nghiên cứu 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 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 báo cáo 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 tài liệu nghiệp vụ Quản lí bán hàng Bán hàng √ Phỏng vấn 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 70 Ý nghĩa 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 sử dụng thực √ Quản lí cơng đoạn mua bán cách nhanh chóng, hiệu √ Tối ưu hóa chi phí gian hàng, hiệu đầu tư cho shop bán hàng 5.2 Về mặt tài liệu: √ Tồn chương trình 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 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 70 CHƯƠNG 2: CƠNG NGHỆ LIÊN QUAN Tìm hiểu Flutter: 1.1 Flutter gì: √ Flutter mobile UI framework Google để tạo giao diện chất lượng cao iOS Android khoảng thời gian ngắn Flutter hoạt động với code sẵn có sử dụng lập trình viên, tổ chức √ Flutter hồn tồn miễn phí mã nguồn mở 1.2 Tại lại Flutter? √ Nếu bạn tìm kiếm 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 phân biệt với ứng dụng xây dựng cách sử dụng Android SDK, giao diện hiệu suất Hơn nữa, với tinh chỉnh nhỏ, chúng 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 framework phát triển đa tảng khác chẳng hạn React Native Ionic Một số lí khiến bạn 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, static type Flutter có thành phần UI riêng nó, với chế để kết xuất chúng tảng Android iOS Hầu hết thành phần giao diện người dùng, sẵn dùng, phù hợp với nguyên tắc Material Design Các ứng dụng Flutter phát triển cách4 sử dụng IntelliJ IDEA, IDE giống với Android Studio Page of 70 1.3 Đặc điểm bật: √ Fast Development: Tíng Hot Reload hoạt động milliseconds để thị giao diện tới bạn Sử dụng tập hợp widget customizable để xây dựng giao diện vài phút Ngồi Hot Reload cịn giúp bạn thêm tính năng, fix bug tiết kiệm thời gian mà không cần phải thông qua máy ảo, máy android iOS √ Expressive and Flexible UI: Có nhiều thành phần để xây dựng giao diện Flutter vô đẹp mắt theo phong cách Material Design Cupertino, hỗ trợ nhiều APIs chuyển động, smooth scrolling √ Native Performance: Các widget fluter kết hợp khác biệt tảng ví dụ scrolling, navigation, icons, font để cung cấp hiệu tốt tới iOS Android 1.4 Khác biệt so với “anh cả” Android ? Chắc hẳn khơng người thắc mắc, Google có SDK cho di động, có tên gọi Android hay Nhưng với Google, giới mobile rộng với giải pháp Android Với việc mắt phiên beta này, họ có tay hai SDK cho ứng dụng di động: Android Flutter Và điểm khác biệt Flutter Android: tạo ứng dụng chạy iOS Android Là SDK đa tảng, ứng dụng Flutter hoạt động iOS Android Nó thủ thuật khơn khéo để tương thích với framework UI hai hệ điều hành Các ứng dụng Flutter không biên dịch trực tiếp với ứng dụng native Android iOS Thay vào đó, chúng chạy engine render Flutter (được viết C++) Flutter Framework (được viết Dart, ứng dụng Flutter), hai đó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 đoạn code Flutter, đoạn code native vừa đủ để tảng Flutter chạy Android iOS Page 10 of 70 1.6 Đơn hàng (order): 1.6.1 Danh sách Order: Page 56 of 70 Giao diện Client: 2.1 Login: Page 57 of 70 2.2 Trang (Home): Page 58 of 70 2.3 Danh mục (Categories): 2.3.1 Danh sách danh mục: Page 59 of 70 2.3.2 Sản phẩm theo danh mục: Page 60 of 70 2.4 Thể loại/thương hiệu (Brands): 2.4.1 Danh sách thể loại/thương hiệu: Page 61 of 70 2.4.2 Sản phẩm theo thể loại/thương hiệu: Page 62 of 70 2.5 Drawer: Page 63 of 70 2.6 Chi tiết sản phẩm: Page 64 of 70 2.7 Giỏ hàng: Page 65 of 70 2.8 Thanh toán: Page 66 of 70 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 Tên yêu cầu Mức độ hoàn thành Đăng nhập 100% Đăng xuất 100% Thêm, sửa, xóa tài khoản 100% Thêm, sửa, xóa sản phẩm 100% Thêm, sửa, xóa quảng cáo 100% Thêm, sửa, xóa thể loại/thương 100% hiệu Thêm, sửa, xóa danh mục 100% Xem thơng tin đơn hàng 100% 10 Xem thông tin chi tiết 100% đơn hàng Tìm kiếm thống kê đơn 100% hàng 11 Thêm sản phẩm vào giỏ hàng 100% 12 Xem chi tiết sản phẩm 100% 13 Thanh toán đơn hàng 100% Page 67 of 70 Ghi Kết đạt 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 liệu đầu vào nên hạn chế việc sai sót 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 nhanh chóng, hệ thống quản lí dành cho nhân viên rõ ràng hiệu √ Ứng dụng hồn thiện sử dụng thực tế với quy trình đơn giản dễ quản lí √ Đảm bảo việc kiểm sốt đơ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 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 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 chức phức tạp đê thu hút người dùng Page 68 of 70 CHƯƠNG 7: BẢNG KẾ HOẠCH CÔNG VIỆC Project Title Project Group FFG Date of Preparation Laptop Shop Online Task Title Planned Start Date Planned Completed Date Status Phân tích yêu cầu 10/09/2020 10/11/2020 Hoàn thành Lên kế hoạch phát triển 10/09/2020 10/11/2020 Hoàn thành Thiết lập actor, chức 10/09/2020 12/11/2020 Thiết kế CSDL ban đầu 10/09/2020 15/11/2020 Hoàn thành Vẽ sơ đồ usecase 10/09/2020 20/11/2020 Hoàn thành Viết báo cáo 10/09/2020 15/12/2020 Hoàn thành Viết đặc tả use case 15/09/2020 20/10/2020 Hồn thành Thiết kế hình 15/09/2020 12/11/2020 Hồn thành Cài đặt hình 15/09/2020 12/12/2020 Hoàn thành 10 Cài đặt service backend 15/09/2020 20/12/2020 Hoàn thành 11 Học firebase 15/09/2020 12/11/2020 Hoàn thành 12 Viết SRD 20/09/2020 30/10/2020 Hoàn thành 13 Học firebase 10/09/2020 10/10/2020 Hoàn thành 14 Lên kế hoạch phát triển 10/09/2020 10/11/2020 Hồn thành 15 Thiết kế hình 20/09/2020 12/11/2020 Hồn thành 16 Cài đặt hình 10/10/2020 12/12/2020 Hoàn thành 17 Cài đặt kiện UI, xử lý liệu 5/11/2020 20/12/2020 18 Kiểm thử ứng dụng 5/11/2020 30/12/2020 No Page 69 of 70 Hoàn thành Hoàn thành Hoàn thành CHƯƠNG 8: TÀI LIỆU THAM KHẢO [1] Slide 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 70 of 70 ... NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO CUỐI KỲ MÔN: ĐỒ ÁN ĐỀ TÀI: TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG BÁN MƠ HÌNH Giảng viên hướng dẫn: Thái Thụy Hàn Uyển Sinh viên thực hiện:... tiêu đề tài: √ Xây dựng Ứng dụng bán hàng sản phẩm đồ chơi mơ hình qua mạng √ Nghiên cứu 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 sử dụng thực tế... 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 phân biệt với ứng dụng xây dựng cách sử dụng Android SDK, giao diện hiệu