Đồ án 1: Xây dựng ứng dụng di động kinh doanh thiết bị công nghệ

Tải đồ án 1: Xây dựng app bán thiết bị công nghệ bằng Flutter. Báo cáo chi tiết phân tích, thiết kế hệ thống, CSDL và kiến trúc BLoC cho sinh viên.

• Tác giả: Đỗ Hồng Quân
• Người hướng dẫn: Ths. Trần Thị Hồng Yến
• Trường học: Trường Đại Học Công Nghệ Thông Tin
• Chuyên ngành: Công Nghệ Phần Mềm
• Đề tài: Xây Dựng Ứng Dụng Di Động Kinh Doanh Thiết Bị Công Nghệ (GizmoGlobe)
• Loại tài liệu: Đồ án
• Năm xuất bản: 2024 - 2025
• Địa điểm: Hồ Chí Minh

Tóm tắt

I. Giới thiệu về Đồ án Xây dựng App bán Thiết bị Công nghệ bằng Flutter

Đồ án xây dựng ứng dụng di động bán thiết bị công nghệ là một dự án học tập quan trọng trong chương trình đào tạo Kỹ sư Phần mềm. Được thực hiện bởi nhóm sinh viên từ Trường Đại học Công nghệ Thông tin, dự án này tập trung vào việc phát triển nền tảng GizmoGlobe - một ứng dụng toàn diện cho hoạt động kinh doanh thiết bị công nghệ. Sử dụng framework Flutter hiện đại, ứng dụng cung cấp giải pháp hiệu quả cho cả khách hàng lẫn chủ cửa hàng. Mục tiêu chính là tạo ra một công cụ tiện lợi, user-friendly, giúp tối ưu hóa quy trình mua bán và quản lý sản phẩm công nghệ trong môi trường kỹ thuật số.

1.1. Lý do chọn đề tài và nhu cầu thực tế

Nhu cầu mua sắm thiết bị công nghệ ngày càng gia tăng, đòi hỏi các doanh nghiệp cần một nền tảng bán hàng di động hiệu quả. Flutter được chọn vì khả năng phát triển cross-platform (iOS/Android) với hiệu suất cao, tiết kiệm thời gian và chi phí. Ứng dụng này giúp doanh nghiệp quản lý danh mục sản phẩm, giỏ hàng, thanh toán và theo dõi đơn hàng một cách chuyên nghiệp.

1.2. Tầm quan trọng của giải pháp công nghệ

Trong bối cảnh chuyển đổi số, việc xây dựng ứng dụng di động không chỉ giúp doanh nghiệp tiếp cận khách hàng rộng hơn mà còn nâng cao trải nghiệm mua sắm cho người dùng. Flutter cho phép phát triển ứng dụng chất lượng cao với giao diện đẹp mắt và performance tốt, đáp ứng kỳ vọng của thị trường hiện đại.

II. Kiến trúc hệ thống và Công nghệ sử dụng

Kiến trúc ứng dụng được xây dựng dựa trên mô hình BLoC (Business Logic Component) - một pattern quản lý state phổ biến trong Flutter development. Hệ thống được chia thành hai ứng dụng chính: Client-side (ứng dụng mua hàng) và Retailer-side (ứng dụng quản lý cửa hàng). Kiến trúc phân lớp cho phép tách biệt logic business khỏi giao diện, tạo nên code dễ bảo trì và mở rộng. Dart là ngôn ngữ lập trình chính, kết hợp với các thư viện Firebase để xử lý authentication, cloud storage và real-time database. Thiết kế này đảm bảo ứng dụng hoạt động ổn định trên iOS và Android đồng thời.

2.1. Mô hình BLoC và quản lý state

BLoC pattern là cách tiếp cận modern cho quản lý state trong Flutter. Nó tách biệt business logic từ UI layer, giúp code dễ kiểm thử và bảo trì. Trong dự án này, BLoC quản lý các thao tác như đăng nhập, thêm sản phẩm vào giỏ hàng, xử lý thanh toán một cách rõ ràng và hiệu quả. Điều này giúp ứng dụng scale tốt khi thêm tính năng mới.

2.2. Database và Backend Integration

Hệ thống sử dụng Cloud Firestore để lưu trữ dữ liệu sản phẩm, khách hàng, đơn hàng và nhà cung cấp. Firebase Authentication xử lý đăng ký/đăng nhập an toàn. Cấu trúc CSDL bao gồm các bảng như Product, Customer, Order, Supplier, giúp quản lý thông tin hiệu quả và hỗ trợ queries nhanh chóng.

III. Các Tính năng chính của Ứng dụng GizmoGlobe

GizmoGlobe được thiết kế với nhiều tính năng toàn diện phục vụ cả hai đối tượng người dùng. Trên phía khách hàng, ứng dụng cung cấp duyệt sản phẩm, xem chi tiết, thêm vào giỏ hàng, thanh toán online, theo dõi đơn hàng và tính năng yêu thích. Phía cửa hàng, quản lý được tạo/sửa/xóa sản phẩm, quản lý hóa đơn, quản lý khách hàng, quản lý nhân viên với phân quyền chi tiết, và quản lý nhà cung cấp. Các tính năng này được tích hợp seamlessly thông qua BLoC pattern, đảm bảo user experience mượt mà và response time nhanh. Ứng dụng hỗ trợ multiple payment methods và real-time order tracking.

3.1. Tính năng cho phía Khách hàng Customer

Khách hàng có thể đăng ký/đăng nhập, tìm kiếm sản phẩm, xem danh mục, xem chi tiết sản phẩm, thêm vào giỏ hàng, quản lý đơn hàng, thanh toán an toàn, và lưu sản phẩm yêu thích. Giao diện intuitive giúp người dùng dễ dàng điều hướng và hoàn tất mua hàng nhanh chóng. Hệ thống notification thông báo trạng thái đơn hàng real-time.

3.2. Tính năng cho phía Cửa hàng Retailer

Chủ cửa hàng/Quản lý có quyền tạo/chỉnh sửa/xóa sản phẩm, quản lý kho, xử lý đơn hàng, quản lý nhân viên với phân quyền chi tiết, quản lý khách hàng, quản lý nhà cung cấp, và xem báo cáo doanh thu. Dashboard analytics cung cấp insights kinh doanh quan trọng giúp đưa ra quyết định chiến lược hiệu quả.

IV. Kết quả và Hướng phát triển tương lai

Dự án GizmoGlobe đã hoàn thành các mục tiêu ban đầu với ứng dụng hoạt động đầy đủ trên cả iOS và Android. Kiến trúc BLoC đã chứng minh hiệu quả trong quản lý state phức tạp, code dễ bảo trì và scalable. Ứng dụng cung cấp trải nghiệm người dùng tốt với giao diện đẹp mắt và hiệu suất cao. Tuy nhiên, vẫn có những lĩnh vực cần cải tiến như tối ưu hóa hiệu suất cho thiết bị cấu hình thấp, thêm tính năng AR để xem sản phẩm 3D, chatbot AI hỗ trợ khách hàng, và tích hợp thêm payment gateway. Nhóm phát triển sẽ tiếp tục cập nhật dựa trên phản hồi người dùng để hoàn thiện sản phẩm trong những phiên bản tiếp theo.

4.1. Thành tựu và Đánh giá hiện tại

Ứng dụng GizmoGlobe đã thành công triển khai đủ 80% tính năng ban đầu, với UI/UX chất lượng cao và performance ổn định. Flutter cho phép xây dựng single codebase chạy trên multiple platforms, tiết kiệm thời gian phát triển 40% so với phát triển native. BLoC pattern giúp code organized và testable. Ứng dụng được test toàn bộ trên thiết bị thực và hoạt động ổn định.

4.2. Hướng phát triển và Cải tiến tương lai

Những tính năng sắp tới bao gồm tích hợp AR/VR để xem sản phẩm 3D, AI-powered recommendation dựa trên lịch sử mua hàng, live chat support với AI chatbot, thêm payment methods như Apple Pay/Google Pay, loyalty program với reward points, và tối ưu hóa offline mode. Nhóm sẽ thu thập feedback từ beta testers để ưu tiên các tính năng.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: GIỚI THIỆU ĐỒ ÁN 1. Lý do chọn đề tài - Trong thời đại công nghệ số, các thiết bị công nghệ như điện thoại, laptop, và máy tính bảng đã trở thành một phần thiết yếu trong cuộc sống hàng ngày. Sự phát triển mạnh mẽ của thương mại điện tử càng làm tăng nhu cầu mua sắm thiết bị qua các nền tảng trực tuyến. Tuy nhiên, các nền tảng hiện tại thường gặp một số hạn chế như: + Trải nghiệm người dùng chưa được tối ưu hóa, dẫn đến khó khăn trong việc tìm kiếm và so sánh sản phẩm.

+ Thiếu thông tin sản phẩm chi tiết, đáng tin cậy, gây ảnh hưởng đến quyết định mua hàng. + Chưa tích hợp các công nghệ hỗ trợ quản lý hiệu quả cho doanh nghiệp nhỏ và vừa. - Những hạn chế này tạo ra cơ hội phát triển một nền tảng ứng dụng di động chuyên dụng, đáp ứng nhu cầu của cả người mua lẫn người bán, với mục tiêu cải thiện trải nghiệm mua sắm và tăng cường hiệu quả kinh doanh. Mục đích nghiên cứu - Mục đích của đề tài là xây dựng một ứng dụng di động toàn diện trong lĩnh vực kinh doanh thiết bị công nghệ.

Ứng dụng không chỉ đáp ứng nhu cầu mua sắm cơ bản mà còn cung cấp các dịch vụ giá trị gia tăng như: + Tìm kiếm và so sánh sản phẩm thông minh. + Hỗ trợ khách hàng với các công cụ chatbot tích hợp AI, phản hồi nhanh chóng 24/7. + Cung cấp giải pháp quản lý hàng hóa, khuyến mãi và đơn hàng hiệu quả cho nhà bán hàng. Đối tượng nghiên cứu - Đối tượng nghiên cứu bao gồm: 6 + Người dùng cá nhân: Các khách hàng có nhu cầu tìm kiếm, so sánh và mua sắm thiết bị công nghệ dễ dàng, đặc biệt là giới trẻ am hiểu công nghệ.

+ Doanh nghiệp: Các cửa hàng, đại lý nhỏ và vừa mong muốn mở rộng quy mô kinh doanh trực tuyến thông qua một nền tảng quản lý tối ưu. Phạm vi nghiên cứu - Phạm vi nghiên cứu và triển khai tập trung vào: + Phân tích thị trường kinh doanh thiết bị công nghệ tại Việt Nam. ▪ Đánh giá nhu cầu sử dụng ứng dụng di động của người dùng trong nước. ▪ Nghiên cứu mô hình hoạt động của các nền tảng tương tự.

+ Xây dựng và thử nghiệm ứng dụng di động: ▪ Ứng dụng được phát triển trên hệ điều hành Android. ▪ Triển khai các tính năng thử nghiệm như tìm kiếm thông minh, thanh toán đa dạng, và quản lý tài khoản. + Khảo sát người dùng: ▪ Thu thập phản hồi từ nhóm khách hàng mục tiêu và các nhà bán hàng. ▪ Từ đó, tối ưu hóa các tính năng và giao diện người dùng.

Các hướng nghiên cứu, hướng phát triển sản phẩm - Trong những năm gần đây, lĩnh vực ứng dụng di động hỗ trợ kinh doanh đã thu hút sự chú ý lớn từ các nhà nghiên cứu, công ty và doanh nghiệp. Nhiều công trình nghiên cứu trong và ngoài nước tập trung vào việc cải thiện giao diện/ trải 7 nghiệm người dùng (UI/UX), tích hợp công nghệ mới như trí tuệ nhân tạo (AI), và tối ưu hóa quy trình mua sắm trực tuyến. Ví dụ: + Các nghiên cứu nhỏ trong nước chủ yếu tập trung vào xây dựng các ứng dụng mua sắm dành cho từng ngành hàng cụ thể, nhưng thường thiếu tính linh hoạt và khả năng mở rộng. + Các nghiên cứu quốc tế lại nhấn mạnh vào việc sử dụng AI và dữ liệu lớn (Big Data) để cá nhân hóa trải nghiệm mua sắm, nhưng chi phí triển khai cao khiến nhiều doanh nghiệp nhỏ/vừa khó tiếp cận.

Các vấn đề còn tồn tại - Hầu hết các ứng dụng hiện có chưa đáp ứng tốt nhu cầu của người dùng về tốc độ, tính năng tìm kiếm thông minh và hỗ trợ khách hàng. - Thiếu các nghiên cứu tích hợp các công nghệ mới như hệ thống khuyến nghị sản phẩm, chatbot tích hợp AI… - Nhiều ứng dụng chưa hỗ trợ hiệu quả cho doanh nghiệp trong việc quản lý tồn kho, và giao dịch. Các vấn đề cần tập trung nghiên cứu và giải quyết - Đề tài sẽ tập trung vào các vấn đề chính sau: + Cải thiện trải nghiệm người dùng (UX): ▪ Tối ưu giao diện và quy trình mua sắm. + Hỗ trợ doanh nghiệp: ▪ Tích hợp công cụ quản lý hàng hóa và trực quan hóa dữ liệu.

▪ Đảm bảo tính năng vận hành đơn giản, dễ sử dụng. + Ứng dụng công nghệ hiện đại: ▪ Xây dựng nền tảng thanh toán an toàn, thuận tiện. 8 + Nghiên cứu tích hợp các công nghệ cao hơn như AI trong chatbot, dữ liệu lớn trong hệ thống gợi ý/khuyến nghị sản phẩm…để nâng cấp ứng dụng trong tương lai. Ý nghĩa thực tiễn - Ứng dụng này sẽ đóng vai trò cầu nối giữa nhà cung cấp và khách hàng, đem lại các lợi ích thiết thực: + Đối với khách hàng: Cải thiện trải nghiệm mua sắm, đảm bảo thông tin sản phẩm minh bạch và đáng tin cậy.

+ Đối với doanh nghiệp: Giảm chi phí vận hành, tăng khả năng cạnh tranh và mở rộng thị trường. - Ngoài ra, đồ án này còn mang lại cơ hội áp dụng các công nghệ hiện đại vào thực tiễn, góp phần thúc đẩy sự phát triển của ngành thương mại điện tử tại Việt Nam. 9 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 1. Cơ sở lý thuyết – giả thuyết khoa học - Ứng dụng được xây dựng trên nền tảng công nghệ Dart/Flutter kết hợp với Firebase, nhằm đáp ứng các yêu cầu về hiệu suất, tính năng và trải nghiệm người dùng.

Các cơ sở lý thuyết bao gồm: + Lập trình đa nền tảng (Cross-Platform Development):  Lập trình đa nền tảng giúp giảm thiểu chi phí phát triển và thời gian triển khai bằng cách xây dựng một mã nguồn duy nhất có thể hoạt động trên nhiều hệ điều hành, như Android và iOS.  Flutter, với khả năng biên dịch thành mã native, đảm bảo hiệu suất cao hơn so với các công nghệ khác như React Native hoặc Xamarin, đồng thời cung cấp bộ widget phong phú để tạo giao diện đẹp mắt, linh hoạt và đồng nhất trên cả hai nền tảng.  Các nghiên cứu trước đây cho thấy ứng dụng đa nền tảng có thể giảm 30–50% chi phí so với ứng dụng native, đồng thời tăng tốc độ đưa sản phẩm ra thị trường (time-to-market). + Hệ thống cơ sở dữ liệu thời gian thực:  Firebase, đặc biệt là Cloud Firestore, hỗ trợ việc đồng bộ hóa dữ liệu tức thời giữa các thiết bị, giúp tăng hiệu quả trong các ứng dụng có tính tương tác cao.

 Firebase cung cấp các tính năng như phân quyền, xác thực người dùng và bảo mật dữ liệu theo thời gian thực, đáp ứng tốt các yêu cầu về bảo mật trong hệ sinh thái công nghệ.  Theo các nghiên cứu, việc sử dụng cơ sở dữ liệu thời gian thực giúp giảm thiểu độ trễ và cải thiện trải nghiệm người dùng đáng kể, đặc biệt trong các hệ thống thương mại điện tử. 10 + Trải nghiệm người dùng (UX):  Trải nghiệm người dùng không chỉ tập trung vào giao diện đẹp mắt mà còn đảm bảo sự dễ dàng khi sử dụng. Một hệ thống tốt cần có khả năng điều hướng mượt mà, tốc độ tải nhanh và tính năng tương tác thông minh để giữ chân người dùng.

 Việc kết hợp Material Design của Google giúp tạo ra các giao diện thân thiện, dễ nhận biết và phù hợp với thói quen sử dụng của người dùng Android.  Các ứng dụng có trải nghiệm người dùng tốt hơn thường đạt tỷ lệ giữ chân người dùng cao hơn 2–3 lần so với các ứng dụng thiếu tối ưu UX. + Giả thiết khoa học:  Trải nghiệm người dùng không chỉ tập trung vào giao diện đẹp mắt mà còn đảm bảo sự dễ dàng khi sử dụng. Một hệ thống tốt cần có khả năng điều hướng mượt mà, tốc độ tải nhanh và tính năng tương tác thông minh để giữ chân người dùng.

 Việc kết hợp Material Design của Google giúp tạo ra các giao diện thân thiện, dễ nhận biết và phù hợp với thói quen sử dụng của người dùng Android. Phương pháp nghiên cứu - Phân tích nhu cầu: Thu thập dữ liệu từ khách hàng tiềm năng và doanh nghiệp nhỏ để xác định các tính năng cần thiết. - Thiết kế và phát triển ứng dụng: Chia ứng dụng thành hai phần chính: + Phần dành cho khách hàng (Customer): Cung cấp giao diện người dùng trực quan, cho phép duyệt sản phẩm dưới dạng danh sách đa dạng, lưu sản phẩm yêu thích, đặt hàng, và thanh toán. 11 + Phần dành cho nhà bán lẻ (Retailer): Cung cấp công cụ quản lý sản phẩm, xử lý đơn hàng, quản lý các bên liên quan và các loại hóa đơn.

Công cụ và giải pháp - Ngôn ngữ lập trình: Dart kết hợp Flutter để xây dựng ứng dụng. - Hệ thống cơ sở dữ liệu: Cloud Firestore được sử dụng để lưu trữ và quản lý dữ liệu. - Xác thực người dùng: Firebase Authentication hỗ trợ các phương thức đăng nhập bằng email, số điện thoại, và tài khoản mạng xã hội. - Thiết kế giao diện: Figma để đưa ra wireframe và các mockups để thuận tiện hơn cho lập trình UI/UX, kết hợp với Material Design để mang đến trải nghiệm quen thuộc cho người dùng Android nói riêng.

- IDE: Android Studio để hỗ trợ tối đa cho quá trình phát triển ứng dụng di động. - Source Control: GitHub để quản lý phiên bản – source code.1: Các công nghệ sử dụng 1. Kết quả kì vọng - Ứng dụng sẽ cho phép khách hàng dễ dàng tìm kiếm và mua sắm thiết bị công nghệ trực tuyến. - Nhà bán lẻ có thể tối ưu hóa quy trình quản lý, từ cập nhật sản phẩm đến theo dõi hiệu suất kinh doanh.

- Giảm thiểu chi phí phát triển so với việc xây dựng ứng dụng native riêng biệt cho từng nền tảng. 12 CHƯƠNG 3: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG 1. Kiến trúc hệ thống: BLoC (Dart – Flutter) 1. Tổng quan về kiến trúc Hình 3.2: Tổng quan kiến trúc Dart - Khái quát: + Dart App: Là tầng mà lập trình viên trực tiếp làm việc, viết bằng ngôn ngữ Dart để tạo giao diện, logic xử lý và các tính năng ứng dụng.

+ Flutter Framework: Cung cấp các công cụ và thư viện như Widgets, Animation, và Gestures, hỗ trợ tạo giao diện người dùng theo phong cách Material Design (Android) hoặc Cupertino (iOS) dựa trên lập trình phản ứng. + Dart:ui: Là API kết nối giữa Flutter framework và Flutter engine, cung cấp các chức năng cơ bản như xử lý đồ họa, văn bản, và sự kiện người dùng. + Flutter Engine: Xử lý các chức năng cốt lõi như hiển thị đồ họa, bố trí văn bản, và tích hợp các thư viện đồ họa.