Báo cáo đồ án phần mềm app Burger King - Lập trình di động Flutter

Báo cáo đồ án phần mềm ứng dụng bán đồ ăn Burger King với Flutter và Dart. Tài liệu hướng dẫn xây dựng app di động, tích hợp API, MongoDB và quản lý trạng thái GetX.

• Tác giả: Nguyễn Hữu Đa
• Người hướng dẫn: Th.S Lương Văn Minh
• Trường học: Trường Đại học Ngoại ngữ - Tin học Thành phố Hồ Chí Minh
• Chuyên ngành: Lập trình trên thiết bị di động nâng cao
• Đề tài: App bán đồ ăn Burger King
• Loại tài liệu: Báo cáo đồ án phần mềm
• Năm xuất bản: 2025
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Cách xây dựng app bán đồ ăn Burger King với Flutter từ A Z

Đồ án app bán đồ ăn Burger King với Flutter là một dự án học thuật tiêu biểu trong môn Lập trình trên thiết bị di động nâng cao, được thực hiện bởi nhóm sinh viên Trường Đại học Ngoại Ngữ - Tin Học TP.HCM. Mục tiêu chính là phát triển một ứng dụng đặt đồ ăn nhanh hoàn chỉnh, mô phỏng quy trình đặt hàng, thanh toán và quản lý đơn hàng của chuỗi cửa hàng Burger King. Dự án sử dụng Flutter làm framework chính nhờ khả năng phát triển đa nền tảng (Android/iOS) từ một codebase duy nhất, kết hợp với Dart – ngôn ngữ được tối ưu cho UI và hiệu năng. Hệ thống backend được xây dựng riêng bằng Node.js và MongoDB, thay vì dùng Firebase, nhằm đảm bảo tính linh hoạt và khả năng mở rộng. UI/UX cho app bán burger được thiết kế trực quan, hỗ trợ dark/light mode và tương thích đa kích cỡ màn hình. Toàn bộ quy trình từ đăng ký, duyệt sản phẩm, giỏ hàng đến tích hợp thanh toán trong Flutter (MoMo, COD) đều được triển khai đầy đủ. Theo báo cáo đồ án, nhóm đã áp dụng mô hình MVVM trong Flutter và sử dụng GetX để quản lý trạng thái hiệu quả, giúp ứng dụng phản hồi nhanh và dễ bảo trì. Đây là minh chứng rõ ràng cho năng lực phát triển ứng dụng thương mại điện tử thực phẩm chuyên nghiệp của sinh viên.

1.1. Lý do chọn Flutter cho ứng dụng đặt đồ ăn nhanh

Flutter được chọn vì khả năng render UI native mà không phụ thuộc vào thành phần hệ điều hành. Nhờ engine Skia, giao diện luôn mượt và nhất quán trên mọi thiết bị. Tính năng Hot Reload giúp nhóm phát triển thiết kế giao diện người dùng Flutter nhanh chóng, rút ngắn thời gian thử nghiệm. Ngoài ra, Flutter hỗ trợ state management cho app đặt đồ ăn thông qua các thư viện như GetX, giúp đồng bộ dữ liệu giữa giỏ hàng, đơn hàng và hồ sơ người dùng một cách hiệu quả.

1.2. Tổng quan kiến trúc hệ thống app Burger King

Hệ thống được chia thành hai phần: frontend (Flutter) và backend (Node.js + MongoDB). Frontend xử lý quản lý đơn hàng Flutter, hiển thị sản phẩm và tương tác người dùng. Backend cung cấp REST API cho các thao tác CRUD, xác thực JWT và tích hợp dịch vụ bên thứ ba như MoMo và Giao Hàng Nhanh. Cơ sở dữ liệu MongoDB được ưa chuộng nhờ schema linh hoạt, phù hợp với dữ liệu sản phẩm và đơn hàng thường xuyên thay đổi trong lĩnh vực F&B.

II. Thách thức khi phát triển ứng dụng đặt đồ ăn với Flutter

Phát triển flutter food delivery app không chỉ đòi hỏi kỹ năng lập trình mà còn phải giải quyết nhiều thách thức về hiệu năng, bảo mật và trải nghiệm người dùng. Một trong những vấn đề lớn nhất là tối ưu hiệu năng app Flutter khi xử lý danh sách sản phẩm dài, hình ảnh nhiều và tương tác liên tục. Nhóm sinh viên phải sử dụng ListView.builder và lazy loading để tránh giật lag. Ngoài ra, xây dựng backend cho app bán đồ ăn tự phát triển thay vì dùng Firebase làm tăng độ phức tạp, đặc biệt trong việc đảm bảo tính toàn vẹn dữ liệu và xử lý giao dịch đồng thời. Việc tích hợp thanh toán trong Flutter với MoMo cũng gặp khó khăn do yêu cầu chữ ký HMAC SHA256 và xử lý IPN (Instant Payment Notification) chính xác. Bên cạnh đó, quản lý đơn hàng Flutter phải đồng bộ giữa frontend và backend, đặc biệt khi người dùng thêm/xóa sản phẩm hoặc áp dụng voucher. Báo cáo đồ án ghi nhận rằng thiếu hệ thống khuyến mãi thông minh và AI cá nhân hóa là hạn chế lớn, làm giảm khả năng cạnh tranh với các ứng dụng thương mại điện tử hiện đại. Cuối cùng, việc đảm bảo UI/UX cho app bán burger thân thiện trên mọi kích cỡ màn hình – từ điện thoại nhỏ đến thiết bị gập – đòi hỏi kỹ thuật responsive design bài bản và thử nghiệm thực tế trên nhiều thiết bị.

2.1. Khó khăn trong quản lý trạng thái và đồng bộ dữ liệu

Ứng dụng cần đồng bộ trạng thái giỏ hàng, đơn hàng và hồ sơ người dùng qua nhiều màn hình. Nếu không áp dụng đúng mô hình state management cho app đặt đồ ăn, dễ xảy ra lỗi dữ liệu không nhất quán. Nhóm đã chọn GetX để giải quyết vấn đề này, sử dụng biến observable (.obs) và widget Obx để cập nhật UI tự động khi dữ liệu thay đổi, thay vì gọi setState thủ công.

2.2. Rào cản khi tích hợp API thanh toán và vận chuyển

Tích hợp MoMo yêu cầu xử lý chữ ký bảo mật và callback IPN chính xác. Đồng thời, API Giao Hàng Nhanh (GHN) cần gọi nhiều endpoint để lấy danh sách tỉnh/thành, quận/huyện và tính phí ship. Việc xây dựng backend cho app bán đồ ăn phải xử lý toàn bộ luồng này, đảm bảo phí vận chuyển được cập nhật tức thì khi người dùng thay đổi địa chỉ giao hàng.

III. Phương pháp phát triển app Burger King clone với Flutter và Firebase

Mặc dù đồ án sử dụng backend tự xây dựng, nhưng phương pháp phát triển ứng dụng Flutter bán hàng với Firebase vẫn là lựa chọn phổ biến cho các dự án nhỏ. Firebase cung cấp app giao đồ ăn với Firebase toàn diện: Authentication cho đăng nhập, Firestore cho lưu trữ đơn hàng thời gian thực, Cloud Storage cho hình ảnh sản phẩm và Cloud Messaging cho thông báo khuyến mãi. Nhóm sinh viên đã cân nhắc Firebase nhưng chọn MongoDB để có toàn quyền kiểm soát logic nghiệp vụ. Tuy nhiên, cách tiếp cận với Firebase vẫn đáng tham khảo: sử dụng Flutter và REST API cho app bán hàng qua http package, kết hợp với mô hình MVVM trong Flutter để tách biệt giao diện và logic. Thiết kế giao diện người dùng Flutter được xây dựng bằng widget tree, hỗ trợ dark mode và responsive layout. Quản lý đơn hàng Flutter có thể được thực hiện qua StreamBuilder để lắng nghe thay đổi dữ liệu từ Firestore. Ngoài ra, Firebase hỗ trợ A/B testing và analytics, giúp tối ưu hiệu năng app Flutter dựa trên hành vi người dùng thực tế. Dù không dùng trong đồ án này, Firebase vẫn là giải pháp nhanh cho flutter food delivery app MVP (Minimum Viable Product).

3.1. Ưu điểm của Firebase trong phát triển ứng dụng giao đồ ăn

App giao đồ ăn với Firebase tiết kiệm thời gian nhờ không cần xây dựng server. Realtime Database giúp đồng bộ đơn hàng ngay lập tức giữa khách hàng và cửa hàng. Cloud Messaging gửi thông báo khi đơn hàng được xác nhận hoặc giao thành công, tăng tỷ lệ giữ chân người dùng.

3.2. So sánh Firebase và backend tự xây dựng cho app bán hàng

Firebase phù hợp cho startup hoặc đồ án nhỏ, nhưng thiếu linh hoạt khi mở rộng. Trong khi đó, xây dựng backend cho app bán đồ ăn riêng (Node.js + MongoDB) cho phép tùy chỉnh sâu, hỗ trợ nhiều phương thức thanh toán và tích hợp hệ thống ERP nội bộ – yếu tố quan trọng nếu triển khai cho chuỗi như Burger King.

IV. Hướng dẫn tích hợp thanh toán và quản lý đơn hàng trong Flutter

Tích hợp thanh toán trong Flutter là bước then chốt để hoàn thiện ứng dụng thương mại điện tử thực phẩm. Đồ án sử dụng MoMo làm cổng thanh toán chính, với quy trình gồm ba bước: khởi tạo giao dịch, xử lý IPN và truy vấn trạng thái. Backend Node.js tạo chữ ký HMAC SHA256 từ các tham số như amount, orderId, partnerCode, rồi gửi đến API MoMo. Khi người dùng thanh toán xong, MoMo gọi IPN về server để xác nhận. Hệ thống kiểm tra chữ ký và số tiền, sau đó cập nhật quản lý đơn hàng Flutter thành “Đã thanh toán” và tạo Order trong MongoDB. Đồng thời, quản lý đơn hàng Flutter còn bao gồm chức năng xem lịch sử, mua lại đơn cũ và theo dõi trạng thái. Giao diện được xây dựng bằng ListView và Card, hiển thị thông tin sản phẩm, địa chỉ và phương thức thanh toán rõ ràng. Nhóm cũng triển khai tính năng lưu giỏ hàng tạm khi người dùng thoát app, sử dụng SharedPreferences để lưu dữ liệu cục bộ. Việc tối ưu hiệu năng app Flutter trong phần này được đảm bảo bằng cách chỉ fetch dữ liệu cần thiết và sử dụng const constructor để tránh rebuild không cần thiết.

4.1. Quy trình thanh toán MoMo trong ứng dụng Flutter

Backend gọi API MoMo với các tham số đã ký, nhận về payUrl để mở WebView. Sau khi thanh toán, MoMo gửi IPN đến endpoint /api/payment/momo/ipn. Server xác thực IPN, cập nhật Checkout và tạo Order. Nếu IPN thất bại, hệ thống dùng API /query để kiểm tra lại trạng thái – đảm bảo không bỏ sót giao dịch.

4.2. Quản lý vòng đời đơn hàng từ đặt đến giao

Quản lý đơn hàng Flutter bao gồm các trạng thái: Chờ xử lý, Đang giao, Giao thành công, Hủy. Người dùng có thể xem chi tiết, mua lại hoặc hủy đơn (nếu chưa xử lý). Dữ liệu được lưu trong MongoDB, với schema Order chứa user, orderItems, shippingAddress và paymentMethod. Giao diện hiển thị theo thời gian thực nhờ gọi API định kỳ hoặc sử dụng WebSocket (nếu mở rộng).

V. Ứng dụng thực tiễn và kết quả đạt được từ đồ án

Đồ án đã hoàn thiện burger king clone app với đầy đủ chức năng: đăng ký/đăng nhập (OTP, 2FA), duyệt sản phẩm theo danh mục, giỏ hàng động, thanh toán MoMo/COD, quản lý địa chỉ và lịch sử đơn hàng. UI/UX cho app bán burger được đánh giá cao nhờ giao diện sạch, hỗ trợ dark mode và responsive trên nhiều thiết bị. Nhóm đã triển khai thiết kế giao diện người dùng Flutter theo nguyên tắc Material Design, sử dụng Navigation Bar và Type of Food Bar để điều hướng. Phát triển ứng dụng Flutter bán hàng thành công nhờ áp dụng mô hình MVVM trong Flutter: Controller xử lý logic, View hiển thị UI, Model kết nối API. Tối ưu hiệu năng app Flutter được thực hiện qua lazy loading, const widget và giảm rebuild. Kết quả là ứng dụng chạy mượt trên cả thiết bị cấu hình thấp. Báo cáo ghi nhận rằng việc tự xây dựng hệ thống backend giúp nhóm làm chủ toàn bộ quy trình, từ xác thực JWT đến tích hợp Giao Hàng Nhanh. Tuy nhiên, hệ thống vẫn thiếu tính năng AI cá nhân hóa và chat hỗ trợ – hướng phát triển trong tương lai. Dù vậy, đồ án là minh chứng cho khả năng phát triển ứng dụng thương mại điện tử thực phẩm chuyên nghiệp của sinh viên.

5.1. Giao diện người dùng và trải nghiệm đa nền tảng

Thiết kế giao diện người dùng Flutter hỗ trợ cả Android và iOS từ một codebase. Các màn hình như Trang chủ, Giỏ hàng, Thanh toán được tối ưu cho thao tác một tay. Chế độ dark/light mode được quản lý qua ThemeController và GetStorage, cho phép người dùng tùy chỉnh theo sở thích.

5.2. Hiệu quả của việc tự xây dựng backend với MongoDB

Xây dựng backend cho app bán đồ ăn riêng giúp nhóm kiểm soát logic phức tạp như tính phí ship theo địa chỉ, quản lý voucher và xử lý IPN. MongoDB với schema linh hoạt cho phép thêm trường allergens hoặc promotion mà không cần migration – yếu tố then chốt cho phát triển ứng dụng Flutter bán hàng mở rộng.

VI. Tương lai của ứng dụng đặt đồ ăn với Flutter và hướng phát triển

Tương lai của flutter food delivery app nằm ở việc tích hợp công nghệ hiện đại và cá nhân hóa trải nghiệm. Đồ án đã nêu rõ các hướng phát triển: bổ sung hệ thống khuyến mãi và AI cá nhân hóa, hỗ trợ đa ngôn ngữ, và triển khai offline mode. Burger king clone app có thể mở rộng bằng cách thêm tính năng livestream bán hàng, AR thử đồ (nếu áp dụng cho sản phẩm ăn mặc) hoặc chatbot hỗ trợ. Về kỹ thuật, nhóm đề xuất chuyển sang kiến trúc microservices để tách biệt user-service, product-service và order-service – giúp tối ưu hiệu năng app Flutter khi mở rộng quy mô. Ngoài ra, việc tích hợp OAuth 2.0 và Redis cache sẽ nâng cao bảo mật và tốc độ truy vấn. Ứng dụng thương mại điện tử thực phẩm cũng cần hệ thống phân tích hành vi người dùng để xây dựng feed cá nhân hóa và voucher engine thông minh. Dù hiện tại dùng Flutter và REST API cho app bán hàng, tương lai có thể chuyển sang GraphQL để giảm số lượng request. Cuối cùng, việc hỗ trợ app giao đồ ăn với Firebase song song (cho tính năng real-time) hoặc thay thế hoàn toàn vẫn là lựa chọn mở, tùy vào nhu cầu thực tế. Với nền tảng vững chắc từ đồ án, phát triển ứng dụng Flutter bán hàng có tiềm năng trở thành giải pháp thương mại điện tử thực phẩm chuyên nghiệp.

6.1. Xu hướng AI và cá nhân hóa trong ứng dụng đặt đồ ăn

Tương lai của flutter food delivery app gắn liền với AI Recommendation Engine – đề xuất sản phẩm dựa trên lịch sử mua hàng và đánh giá. Voucher Engine thông minh sẽ phát sinh mã giảm giá theo hành vi, tăng tỷ lệ chuyển đổi. Geo-push notification gửi khuyến mãi theo vị trí người dùng – yếu tố then chốt cho ứng dụng thương mại điện tử thực phẩm.

6.2. Nâng cấp kiến trúc hệ thống cho khả năng mở rộng

Xây dựng backend cho app bán đồ ăn theo mô hình microservices giúp dễ bảo trì và scale. Tích hợp Redis làm caching layer cho dữ liệu sản phẩm và đơn hàng nóng. Sử dụng Prometheus và Grafana để tối ưu hiệu năng app Flutter qua monitoring real-time – đảm bảo hệ thống ổn định khi lượng người dùng tăng đột biến.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh ngành dịch vụ ẩm thực và đồ ăn nhanh (F&B) đang chuyển dịch mạnh mẽ sang mô hình kinh doanh số, việc ứng dụng các giải pháp công nghệ di động để tối ưu hóa trải nghiệm khách hàng và quy trình vận hành trở thành nhu cầu cấp thiết. Đề tài "Ứng dụng bán đồ ăn Burger King" được thực hiện trong khuôn khổ học phần Lập trình trên thiết bị di động nâng cao tại Khoa Công nghệ Thông tin, Trường Đại học Ngoại ngữ - Tin học Thành phố Hồ Chí Minh dưới sự hướng dẫn của Th.S Lương Văn Minh.

Mục tiêu nghiên cứu và phát triển của đồ án bao gồm bốn nhiệm vụ trọng tâm:

1. Xây dựng một ứng dụng di động thương mại điện tử hoàn chỉnh cho chuỗi cửa hàng Burger King, hỗ trợ người dùng tra cứu thực đơn, tùy chỉnh món ăn, quản lý giỏ hàng, áp dụng khuyến mãi và thanh toán trực tuyến.
2. Tự thiết kế và triển khai hệ thống Backend RESTful API độc lập kết hợp cơ sở dữ liệu NoSQL MongoDB, đảm bảo khả năng mở rộng, bảo mật và toàn quyền kiểm soát dữ liệu mà không phụ thuộc vào các nền tảng Backend-as-a-Service (BaaS) đóng gói sẵn.
3. Ứng dụng các kỹ thuật lập trình di động nâng cao trên nền tảng Flutter và ngôn ngữ Dart, bao gồm quản lý trạng thái phản ứng (reactive state management) với thư viện GetX, xử lý bất đồng bộ, lưu trữ cục bộ và đồng bộ dữ liệu thời gian thực.
4. Tối ưu hóa giao diện người dùng thích ứng (responsive UI) trên nhiều phân khúc phần cứng Android và iOS, bao gồm màn hình tiêu chuẩn, màn hình lớn và các thiết bị đặc thù như điện thoại màn hình gập.

Đối tượng nghiên cứu của đề tài là quy trình số hóa dịch vụ đặt món, quản lý thực đơn, xử lý đơn hàng và tương tác khách hàng của chuỗi cửa hàng thức ăn nhanh. Phạm vi nghiên cứu tập trung vào việc thiết kế kiến trúc phần mềm client-server, xây dựng giao diện người dùng trên Flutter, phát triển API nội bộ kết nối cơ sở dữ liệu MongoDB và tích hợp các cổng dịch vụ bên thứ ba (Ví MoMo, Giao Hàng Nhanh - GHN). Công trình được hoàn thành vào tháng 7 năm 2025 tại TP. Hồ Chí Minh bởi nhóm tác giả: Nguyễn Hữu Đa, Nguyễn Ngọc Anh Hào và Dương Thị Thủy Tiên.

Cơ sở lý thuyết và phương pháp

Về mặt lý thuyết, đề tài tiếp cận dựa trên các nguyên lý kiến trúc phần mềm hiện đại và công nghệ phát triển ứng dụng di động đa nền tảng:

• Nền tảng Flutter và Ngôn ngữ Dart: Khai thác kiến trúc phân tầng của Flutter (Framework, Rendering Layer và Engine C++ sử dụng thư viện đồ họa Skia). Mã nguồn Dart được biên dịch trực tiếp sang mã máy native (ARM code) qua cơ chế Ahead-Of-Time (AOT) khi phát hành và Just-In-Time (JIT) trong quá trình phát triển (hỗ trợ Hot Reload/Hot Restart).
• Mô hình kiến trúc phần mềm MVC và Quản lý trạng thái GetX: Phân tách rõ ràng giữa Model (dữ liệu), View (giao diện Flutter thuần và widget Obx) và Controller (GetxController). GetX được lựa chọn làm giải pháp tổng thể cho Reactive State Management thông qua các biến quan sát (.obs), Route Management không phụ thuộc BuildContext và Dependency Injection (Get.put()).
• Cơ sở dữ liệu NoSQL MongoDB: Sử dụng mô hình lưu trữ tài liệu BSON (Binary JSON) phi cấu trúc/bán cấu trúc, cho phép cấu trúc schema linh hoạt, hỗ trợ tài liệu lồng nhau (nested documents) và tối ưu hóa truy vấn thông qua aggregation pipeline.
• Lưu trữ dữ liệu cục bộ và xử lý bất đồng bộ: Ứng dụng kỹ thuật Future, async/await, thư viện http để xử lý REST API; sử dụng SharedPreferences cho việc lưu trữ cấu hình key-value và sqflite cho cơ sở dữ liệu quan hệ cục bộ SQLite trên thiết bị.

Phương pháp nghiên cứu và phát triển phần mềm được triển khai theo quy trình kỹ thuật hệ thống bài bản:

• Phân tích yêu cầu và mô hình hóa hệ thống: Sử dụng biểu đồ Usecase tổng quát, các bảng đặc tả ca sử dụng chi tiết (Actor, Trigger, Pre-condition, Post-condition, Normal/Alternative flows), biểu đồ tuần tự (Sequence Diagram) cho từng luồng nghiệp vụ và biểu đồ lớp (Class Diagram).
• Thiết kế và kiểm thử giao diện Responsive: Ứng dụng các widget bố cục linh hoạt (LayoutBuilder, MediaQuery, Flexible, Expanded) kết hợp nguyên tắc breakpoint layout để tương thích đa màn hình.
• Kiểm thử hệ thống: Tiến hành kiểm thử đa kịch bản cho các luồng dữ liệu phức tạp (nhập mã giảm giá hết hạn, lỗi kết nối mạng, giỏ hàng động, đồng bộ dữ liệu) trên cả máy ảo (emulator) và thiết bị phần cứng vật lý.

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình Client - Server tách biệt, cho phép mở rộng độc lập giữa tầng giao diện di động và tầng xử lý nghiệp vụ backend.

+-------------------------------------------------------------------+
|                     FLUTTER MOBILE CLIENT                         |
|  [View: UI Widgets / Obx] <---> [Controller: GetxController]      |
|  [Local Data: SharedPreferences / SQLite (sqflite)]               |
+-------------------------------------------------------------------+
                                  |
                                  | (HTTPS / REST API - JSON)
                                  v
+-------------------------------------------------------------------+
|                     CUSTOM BACKEND SERVER                         |
|  [Node.js / Express - MVC Architecture - JWT Authentication]       |
+-------------------------------------------------------------------+
          |                                       |
          | (MongoDB Driver)                      | (Third-Party APIs)
          v                                       v
+-----------------------+               +---------------------------+
|   MONGODB DATABASE    |               |  EXTERNAL INTEGRATIONS    |
| (BSON / Collections)  |               |  - MoMo E-Wallet (TLS/QR) |
|                       |               |  - GHN (Shipping API)     |
+-----------------------+               +---------------------------+

Kiến trúc dữ liệu và so sánh giải pháp công nghệ

Nhóm tác giả đã tiến hành đối sánh kỹ thuật giữa các giải pháp công nghệ nhằm lựa chọn phương án tối ưu cho ứng dụng:

Tiêu chí	Cơ sở dữ liệu quan hệ (SQL)	Cơ sở dữ liệu MongoDB (NoSQL) trong đồ án
Cấu trúc dữ liệu	Bảng cố định gồm hàng và cột, yêu cầu định nghĩa schema nghiêm ngặt	Dạng tài liệu BSON linh hoạt (schema-less), hỗ trợ tài liệu lồng nhau
Mối quan hệ	Sử dụng khóa ngoại (Foreign Key) và phép JOIN bảng phức tạp	Nhúng trực tiếp dữ liệu (Embedding) hoặc liên kết ID đơn giản
Khả năng mở rộng	Chủ yếu mở rộng theo chiều dọc (Vertical Scaling)	Hỗ trợ mở rộng theo chiều ngang (Horizontal Scaling) qua Sharding
Phù hợp nghiệp vụ	Giao dịch tài chính phức tạp yêu cầu chuẩn ACID truyền thống	Ứng dụng thương mại điện tử di động với cấu trúc sản phẩm biến động

Bên cạnh đó, việc bố trí thành phần giao diện hiển thị danh sách cũng được tối ưu hóa dựa trên đặc thù nội dung:

Đặc điểm	ListView	GridView	SingleChildScrollView
Bố cục	Tuyến tính (dọc hoặc ngang)	Dạng lưới 2 chiều (Grid)	Cuộn một widget con duy nhất
Cơ chế tải	Tốt (Lazy loading với .builder)	Tốt (Lazy loading với .builder)	Kém (Render toàn bộ nội dung cùng lúc)
Số lượng phần tử	Tối ưu cho danh sách dài/vô hạn	Tối ưu cho danh sách sản phẩm, hình ảnh	Tối ưu cho nội dung cố định (Form, Profile)
Ứng dụng trong dự án	Lịch sử đơn hàng, danh sách thông báo	Danh mục món ăn, danh sách sản phẩm	Chi tiết sản phẩm, màn hình đăng ký

Các phân hệ chức năng chính

1. Phân hệ Khách hàng (User Client):
   • Xác thực & Bảo mật: Đăng ký, đăng nhập, quên mật khẩu, cập nhật hồ sơ cá nhân và xóa tài khoản.
   • Tra cứu & Duyệt thực đơn: Thanh phân loại món ăn (Type of Food Bar), tìm kiếm thời gian thực, bộ lọc sản phẩm, hiển thị chi tiết món ăn và quản lý sản phẩm yêu thích.
   • Giỏ hàng & Đặt hàng: Thao tác thêm/sửa/xóa sản phẩm trong giỏ hàng; áp dụng mã voucher khuyến mãi với bộ lọc kiểm tra điều kiện tự động (thời hạn, giá trị đơn tối thiểu, số lượt dùng).
   • Thanh toán & Vận chuyển: Hỗ trợ hình thức thanh toán khi nhận hàng (COD) và Ví điện tử MoMo qua mã QR/Token; tích hợp tính cước vận chuyển thông qua API Giao Hàng Nhanh (GHN).
2. Phân hệ Quản trị (Admin Panel):
   • Dashboard theo dõi hệ thống, quản lý danh mục sản phẩm (thêm, cập nhật, xóa món ăn), quản lý trạng thái đơn hàng, quản trị người dùng và cấu hình thông báo hệ thống.

Nội dung chính theo từng chương

Chương 1. Giới thiệu chung về đề tài đồ án

Chương này thiết lập bối cảnh thực tiễn của ngành F&B và xác định mục tiêu phát triển ứng dụng di động chuyên biệt cho Burger King. Tác giả trình bày chuẩn đầu ra của học phần Lập trình di động nâng cao, tập trung vào việc làm chủ kiến trúc MVC/Clean Architecture, quản lý trạng thái, tích hợp REST API và tối ưu hiệu năng. Chương 1 luận giải chi tiết 5 lý do cốt lõi trong việc lựa chọn Flutter và Dart: khả năng phát triển đa nền tảng từ một cơ sở mã duy nhất, hiệu năng biên dịch native kết hợp engine đồ họa Skia, năng suất phát triển vượt trội nhờ Hot Reload/Hot Restart, hệ sinh thái phong phú từ Pub.dev và cú pháp hướng đối tượng chặt chẽ của Dart.

Chương 2. Tổng quan về Flutter và các công nghệ liên quan

Chương 2 trình bày toàn diện cơ sở lý thuyết công nghệ. Tác giả phân tích sâu kiến trúc ba lớp của Flutter gồm: Framework (Widgets, Rendering, Animation, Gestures), C++ Engine (Skia, Text Layout, Platform Channels) và Rendering Layer (cơ chế đồng bộ Widget Tree, Element Tree, Render Tree). Bốn thành phần cốt lõi Widget, Element, RenderObject, BuildContext được giải thích rõ về mặt vai trò trong chu trình render pixel. Chương này cũng phân tích chi tiết:

• Cú pháp lập trình Dart và các đặc tính hướng đối tượng (Class, Object, Inheritance, Abstract, Mixin).
• Vòng đời và sự khác biệt giữa StatelessWidget và StatefulWidget; các cơ chế điều hướng Navigator và Router API (GoRouter).
• Bảng so sánh và hướng dẫn sử dụng các nhóm Layout Widget (Text, Button, Row, Column, Container, Stack, SizedBox, ListView, GridView, DrawerLayout, TabLayout, Bottom Navigation).
• Kỹ thuật lập trình bất đồng bộ (Future, async/await), phân tích cú pháp JSON, quản lý dữ liệu cục bộ (SharedPreferences, sqflite, path_provider), kết nối RESTful API và tổng quan các dịch vụ Firebase.
• Kiến trúc quản lý trạng thái GetX: cơ chế biến quan sát .obs, widget lắng nghe Obx, điều hướng không cần context và Dependency Injection.

Chương 3. Đặc tả chức năng

Chương 3 tập trung vào kỹ thuật mô hình hóa yêu cầu phần mềm. Tác giả xây dựng sơ đồ Usecase tổng quát toàn hệ thống và chuẩn hóa các bảng đặc tả ca sử dụng chi tiết cho các tác vụ trọng yếu:

• UC01 (Tra cứu sản phẩm): Cho phép khách hàng tìm kiếm và xem thông tin chi tiết sản phẩm.
• UC02 (Đăng ký tài khoản) & UC03 (Đăng nhập tài khoản): Quy trình xác thực thông tin người dùng và xử lý ngoại lệ sai thông tin/trùng tài khoản.
• UC04 (Xóa tài khoản cá nhân): Luồng xác nhận xóa dữ liệu người dùng khỏi hệ thống.
• Đặc tả Quản lý giỏ hàng & Lập hóa đơn bán hàng: Luồng thêm/bớt món, xử lý tình trạng hết hàng và luồng nghiệp vụ lập hóa đơn dành cho nhân viên.

Chương 4. Mô hình hóa yêu cầu và API

Chương này cung cấp các mô hình thiết kế kỹ thuật chi tiết:

• Mô hình dữ liệu: Cơ sở lý thuyết NoSQL MongoDB, định dạng BSON, ưu nhược điểm và bảng so sánh chi tiết giữa MongoDB với SQL truyền thống.
• Đặc tả giao diện: Mô tả chi tiết cấu trúc, thành phần và mục đích của 20 màn hình giao diện người dùng (Onboarding, Đăng nhập, Đăng ký, Quản lý tài khoản, Giỏ hàng, Thanh toán, Địa điểm, Cửa hàng...).
• Biểu đồ tuần tự (Sequence Diagrams): Mô hình hóa tương tác giữa Client, Controller, API Service và Database cho 8 luồng nghiệp vụ: Tra cứu sản phẩm, Mua sản phẩm, Đăng ký, Chỉnh sửa hồ sơ, Thanh toán hóa đơn (phần 1 & 2), Xóa tài khoản và Chọn hình thức thanh toán.
• Class Diagram & Đặc tả API: Sơ đồ lớp tổng thể của hệ thống và bảng đặc tả chi tiết các endpoint RESTful API của backend Node.js cùng API dịch vụ Giao Hàng Nhanh (GHN).

Chương 5. Hiện thực chương trình và Đánh giá kết quả

Chương cuối cùng ghi nhận quá trình hiện thực hóa mã nguồn và đánh giá sản phẩm:

• Hiện thực thành công các module nghiệp vụ cốt lõi: Xác thực & Bảo mật, Duyệt/Tìm kiếm món ăn, Giỏ hàng động tích hợp kiểm tra mã giảm giá MongoDB, Thanh toán COD/MoMo, Quản lý tài khoản & phân tích hành vi.
• Triển khai thành công kiến trúc backend độc lập trên Node.js/MongoDB và tích hợp mô hình GetX MVC trên client.
• Tối ưu hóa hiển thị responsive trên nhiều định dạng phần cứng, bao gồm cả thiết bị màn hình gập (Samsung Galaxy Z Fold).
• Tổng hợp hệ thống giao diện thực tế gồm 17 màn hình phía người dùng và 8 màn hình phân hệ quản trị Admin.
• Đánh giá các công việc đã hoàn thành, chỉ ra những hạn chế kỹ thuật hiện hữu và đề xuất lộ trình phát triển trong tương lai.

Kết quả và đóng góp

Kết quả chính đạt được

• Hoàn thiện hệ sinh thái ứng dụng di động: Xây dựng thành công ứng dụng đặt đồ ăn hoàn chỉnh với 17 màn hình chức năng phía khách hàng và 8 màn hình quản trị Admin trên nền tảng Flutter.
• Làm chủ hạ tầng Backend độc lập: Thiết kế và vận hành hệ thống API RESTful tự xây dựng trên nền Node.js kết nối cơ sở dữ liệu MongoDB, xử lý toàn vẹn dữ liệu JSON/BSON mà không phụ thuộc vào các dịch vụ BaaS đóng sẵn.
• Tích hợp giải pháp thanh toán và logistics: Tích hợp thành công cổng thanh toán Ví điện tử MoMo (bảo mật TLS, quét mã QR/Token) và tính năng vận chuyển với API Giao Hàng Nhanh (GHN).
• Tối ưu hóa hiệu năng và kiến trúc: Ứng dụng thành công GetX MVC, loại bỏ hiện tượng rebuild widget không cần thiết, áp dụng lazy loading (ListView.builder, SliverList) và đảm bảo giao diện thích ứng mượt mà trên dải thiết bị đa dạng (bao gồm điện thoại màn hình gập).

Đóng góp của đề tài

• Đóng góp một giải pháp tham khảo hoàn chỉnh về quy trình xây dựng ứng dụng thương mại điện tử F&B đa nền tảng kết hợp giữa Flutter, GetX và MongoDB.
• Cung cấp tài liệu kỹ thuật chuẩn mực từ khâu phân tích yêu cầu (Usecase, Sequence Diagram, Class Diagram) đến đặc tả chi tiết API và hiện thực mã nguồn.

Hạn chế và hướng nghiên cứu tiếp

Hạn chế được ghi nhận

1. Trải nghiệm người dùng và Cá nhân hóa: Chưa tích hợp hệ thống gợi ý sản phẩm thông minh (AI Recommendation System), thiếu tính năng đăng xuất đồng bộ khỏi tất cả thiết bị (log out all devices) và chưa có quy trình thanh toán một bước (One-step Checkout).
2. Tính toán cước phí vận chuyển: Ứng dụng hiện mới tính phí giao hàng dựa trên cân nặng sản phẩm, chưa tự động ước tính cước phí chính xác theo khoảng cách địa lý thực tế đến địa chỉ nhận hàng.
3. Dịch vụ hậu mãi: Chưa hỗ trợ các chức năng phản hồi sau bán hàng như đổi/trả món, đánh giá chất lượng sản phẩm, thiếu tính năng Live chat/Chatbot tự động và Trung tâm trợ giúp trực tuyến (FAQs).
4. Khả năng tùy biến và Quốc tế hóa: Giao diện mới chỉ hỗ trợ tiếng Việt (chưa hỗ trợ đa ngôn ngữ) và chỉ có hai chế độ Dark/Light Mode cơ bản, chưa cho phép tùy biến theme linh hoạt.
5. Hạ tầng và Kỹ thuật: Chưa hỗ trợ chế độ ngoại tuyến (Offline Mode) và cơ chế đồng bộ lại dữ liệu; chưa tích hợp công cụ giám sát hiệu năng tập trung (Performance Monitoring) và hệ thống ghi log bảo mật chuyên sâu.

Hướng phát triển trong tương lai

• Hoàn thiện các chức năng cơ bản còn thiếu: One-step checkout, đăng xuất toàn bộ thiết bị, theo dõi đơn hàng thời gian thực (real-time tracking) và xử lý hoàn/hủy đơn.
• Tích hợp công nghệ tiên tiến: Động cơ gợi ý sản phẩm dựa trên AI, công nghệ thực tế tăng cường (AR Shopping/Virtual Try-On), tính năng Livestream bán hàng và Chatbot tư vấn khách hàng tự động.
• Mở rộng thị trường: Hỗ trợ giao diện đa ngôn ngữ (tiếng Anh, tiếng Trung, tiếng Hàn), triển khai khuyến mãi theo định vị địa lý (Geo-Promotion) và hệ thống tích điểm thưởng (Gamification & Loyalty System).
• Nâng cấp hạ tầng kỹ thuật: Chuyển đổi kiến trúc backend sang mô hình Microservices, tích hợp xác thực chuẩn OAuth 2.0, bổ sung tầng lưu đệm Caching (Redis/Memcached) và triển khai hệ thống giám sát tải (Prometheus, Grafana).

Giá trị tham khảo

Báo cáo đồ án là tài liệu học thuật và kỹ thuật giá trị dành cho:

• Sinh viên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm: Tham khảo phương pháp phân tích thiết kế hệ thống phần mềm di động, cách lập tài liệu đặc tả usecase, sequence diagram và class diagram theo chuẩn mực học thuật.
• Lập trình viên Flutter: Học hỏi giải pháp xây dựng kiến trúc ứng dụng kết hợp GetX State Management, mô hình MVC, tối ưu giao diện Responsive thích ứng với điện thoại màn hình gập và kỹ thuật xử lý REST API với backend MongoDB tùy chỉnh.
• Các nhóm phát triển ứng dụng F&B/Thương mại điện tử: Tham khảo quy trình xây dựng giỏ hàng động, xử lý logic voucher khuyến mãi trên cơ sở dữ liệu NoSQL và tích hợp các dịch vụ bên thứ ba (Ví MoMo, GHN).

Câu hỏi thường gặp

1. Đồ án sử dụng giải pháp nào để quản lý trạng thái (State Management) trong Flutter và ưu điểm chính là gì?
Đồ án sử dụng framework GetX theo mô hình MVC kết hợp Reactive Programming. GetX cho phép cập nhật giao diện tự động khi dữ liệu thay đổi thông qua các biến quan sát (.obs) và widget Obx mà không cần gọi hàm setState() hay truyền BuildContext. Giải pháp này giúp tách biệt hoàn toàn giữa logic nghiệp vụ (GetxController) và giao diện (View), giảm thiểu việc render lại toàn bộ cây widget, tiết kiệm bộ nhớ và tích hợp sẵn cơ chế điều hướng gọn gàng (Get.to(), Get.offAll()) cùng Dependency Injection (Get.put()).

2. Tại sao nhóm tác giả lựa chọn tự phát triển Backend API riêng và cơ sở dữ liệu MongoDB thay vì sử dụng các dịch vụ BaaS như Firebase?
Việc tự xây dựng hệ thống Backend API (trên nền Node.js) và cơ sở dữ liệu NoSQL MongoDB giúp nhóm phát triển toàn quyền kiểm soát cấu trúc hệ thống, luồng dữ liệu, chính sách bảo mật, quy tắc phân quyền và tối ưu hóa truy vấn dữ liệu dạng tài liệu BSON lồng nhau. Hướng đi này giúp hệ thống không bị giới hạn bởi các ràng buộc tính năng hoặc chi phí mở rộng của các nền tảng BaaS đóng gói sẵn, đồng thời tạo tiền đề kỹ thuật để sẵn sàng chuyển đổi sang kiến trúc Microservices và đóng gói Docker container trong tương lai.

3. Hệ thống hiện thực những phương thức thanh toán và tính cước vận chuyển nào?
Hệ thống hiện hỗ trợ hai phương thức thanh toán chính: Thanh toán tiền mặt khi nhận hàng (COD) và Thanh toán qua Ví điện tử MoMo (xác thực an toàn qua mã QR hoặc ứng dụng MoMo trên thiết bị bằng giao thức bảo mật TLS). Về mặt vận chuyển, ứng dụng liên kết với API của Giao Hàng Nhanh (GHN) và áp dụng mô hình tính cước phí giao hàng dựa trên trọng lượng hàng hóa.

4. Ứng dụng đã xử lý bài toán tối ưu giao diện trên các thiết bị phần cứng đặc thù như thế nào?
Nhóm tác giả đã áp dụng triết lý thiết kế responsive thông qua các widget LayoutBuilder, MediaQuery kết hợp nguyên tắc breakpoint layout và các widget co giãn tỷ lệ (Flexible, Expanded). Ứng dụng được kiểm thử trên cả máy ảo và thiết bị vật lý, đặc biệt hỗ trợ khả năng tái cấu trúc bố cục linh hoạt trên các dòng điện thoại gập (như Samsung Galaxy Z Fold) bằng cách tự động chuyển đổi từ danh sách đơn sang lưới hoặc hiển thị song song theo mô hình master-detail tùy theo trạng thái gập/mở của màn hình.

5. Những hạn chế lớn nhất về mặt trải nghiệm khách hàng và dịch vụ hậu mãi mà đồ án ghi nhận là gì?
Hệ thống hiện vẫn còn thiếu các chức năng hỗ trợ khách hàng sau bán hàng như: yêu cầu hoàn/đổi hàng, đánh giá chất lượng sản phẩm, trung tâm trợ giúp trực tuyến (FAQs/hướng dẫn đổi trả) và hệ thống Live chat/Chatbot tự động. Ngoài ra, ứng dụng chưa có hệ thống AI gợi ý món ăn theo hành vi người dùng, chưa hỗ trợ quy trình One-step Checkout và chưa có tính năng đăng xuất đồng bộ trên tất cả các thiết bị đang đăng nhập.

Kết luận

Đồ án "Ứng dụng bán đồ ăn Burger King với Flutter" của nhóm sinh viên Trường Đại học Ngoại ngữ - Tin học TP. Hồ Chí Minh đã hiện thực hóa thành công một hệ thống thương mại điện tử di động hoàn chỉnh từ giao diện người dùng đến bảng quản trị backend. Bằng việc làm chủ công nghệ đa nền tảng Flutter kết hợp GetX MVC và cơ sở dữ liệu NoSQL MongoDB tự xây dựng, công trình đã giải quyết hiệu quả bài toán đặt hàng, thanh toán và tối ưu hóa giao diện thích ứng đa thiết bị. Mặc dù vẫn còn một số hạn chế về dịch vụ hậu mãi và các tính năng AI nâng cao, đồ án là một tài liệu kỹ thuật có cấu trúc chặt chẽ, mang lại giá trị tham khảo thiết thực cho việc nghiên cứu và phát triển phần mềm di động hiện đại.

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

CHƯƠNG 1.1 Giới thiệu chung về đề tài đồ án Đồ án lập trình mobile nâng cao với đề tài “Ứng dụng bán đồ ăn Burger King” được thực hiện dưới sự hướng dẫn của Thầy Lương Văn Minh, nhằm mục tiêu xây dựng một ứng dụng di động hiện đại, toàn diện và thân thiện với người dùng, hỗ trợ quá trình đặt món ăn nhanh một cách thuận tiện, nhanh chóng và chính xác. Trong bối cảnh thị trường F&B đang phát triển mạnh mẽ và nhu cầu về dịch vụ đặt món trực tuyến ngày càng tăng cao, việc phát triển một ứng dụng chuyên biệt cho chuỗi cửa hàng Burger King không chỉ đáp ứng xu hướng mà còn mang lại lợi thế cạnh tranh đáng kể. Ứng dụng này không chỉ tập trung vào việc tự động hóa quy trình đặt hàng, thanh toán và quản lý đơn hàng từ phía khách hàng, mà còn mở rộng hỗ trợ cho các hoạt động nội bộ của cửa hàng. Cụ thể, hệ thống sẽ giúp nhân viên kiểm soát kho hàng một cách hiệu quả, quản lý thực đơn linh hoạt với khả năng thêm/sửa/xóa món ăn, và quản lý dữ liệu khách hàng một cách dễ dàng, từ đó tối ưu hóa quy trình vận hành tổng thể.

Với giao diện được thiết kế trực quan, bắt mắt và trải nghiệm người dùng mượt mà, ứng dụng hướng đến việc nâng cao sự hài lòng của khách hàng, giúp họ dễ dàng tìm kiếm sản phẩm, tùy chỉnh món ăn, áp dụng khuyến mãi và hoàn tất thanh toán chỉ trong vài thao tác. Khả năng cập nhật theo thời gian thực của các thông tin như tình trạng đơn hàng, khuyến mãi mới, hoặc sản phẩm còn/hết sẽ đảm bảo tính minh bạch và độ tin cậy cao cho người dùng. Về mặt công nghệ, dự án sử dụng Flutter - một framework mạnh mẽ và linh hoạt, cho phép phát triển ứng dụng đa nền tảng (Android và iOS) từ một cơ sở mã duy nhất, giúp tiết kiệm thời gian và chi phí phát triển. Sự kết hợp với một hệ thống backend tùy chỉnh (sử dụng Node.js và MongoDB) đảm bảo khả năng mở rộng, bảo mật dữ liệu và hiệu suất cao, sẵn sàng phục vụ một lượng lớn người dùng và đơn hàng.2 Mục tiêu môn học Môn Lập trình mobile nâng cao được thiết kế nhằm trang bị cho sinh viên không chỉ kiến thức chuyên sâu mà còn là những kỹ năng thực hành thiết yếu để phát triển các ứng dụng di động chất lượng cao trên các nền tảng phổ biến như Android và iOS.

Thông qua các bài giảng lý thuyết và đặc biệt là các buổi thực hành, sinh viên sẽ được tiếp cận và làm chủ các kỹ thuật lập trình nâng cao như lập trình bất đồng bộ (asynchronous programming) để đảm bảo ứng dụng luôn phản hồi mượt mà, cũng như các phương pháp xử lý lỗi và ngoại lệ hiệu quả nhằm tăng cường độ ổn định của sản phẩm. Môn học đi sâu vào các mô hình kiến trúc phần mềm tiên tiến như MVC (Model- View-Controller), MVVM (Model-View-ViewModel), và Clean Architecture. Sinh viên sẽ hiểu rõ ưu nhược điểm của từng mô hình, cách tổ chức mã nguồn một cách có cấu trúc, dễ bảo trì và mở rộng, từ đó phát triển các ứng dụng có khả năng thích ứng cao với sự thay đổi của yêu cầu nghiệp vụ. Kỹ năng quản lý trạng thái phức tạp (State Management) là một trọng tâm khác, nơi sinh viên sẽ được học cách lựa chọn và áp dụng các giải pháp quản lý trạng thái phù hợp cho từng quy mô ứng dụng, từ các giải pháp đơn giản như Provider đến các kiến trúc phức tạp hơn như BLoC/Cubit, GetX hay Riverpod, đảm bảo dữ liệu được đồng bộ và luân chuyển hiệu quả trong toàn bộ ứng dụng.