Phát Triển Ứng Dụng Đặt Thức Ăn Di Động: Giải Pháp Tiện Lợi Cho Người Dùng

Trong bối cảnh số hóa mạnh mẽ, việc phát triển ứng dụng đặt thức ăn di động hiện đại không còn là một lựa chọn mà đã trở thành một yêu cầu cấp… 60 trang.

• Đề tài: Phát Triển Ứng Dụng Đặt Thức Ăn Di Động Hiện Đại

Mục lục chi tiết

• 1. CHƯƠNG 1: PHÂN TÍCH HỆ THỐNG VÀ THIẾT KẾ
• 1.1. Lý do chọn đề tài, giới thiệu
• 1.2. Phân tích yêu cầu
• 1.2.1. Mục tiêu chính
• 1.2.2. Yêu cầu chức năng
• 1.2.3. Yêu cầu phi chức năng
• 1.3. Thiết kế Mockup
• 2. CHƯƠNG 2: CÀI ĐẶT HỆ THỐNG
• 2.1. Môi trường phát triẻn
• 2.2. Cài đặt hệ thống
• 3. CHƯƠNG 3: KẾT LUẬN & KIẾN NGHỊ
• 3.1. Kết luận
• 3.2. Nâng Cấp Cơ Sở Dữ liệu
• 3.3. Tối Ưu Hóa Trải Nghiệm Người Dùng
• 3.4. Bảo Mật Dữ Liệu

Tóm tắt

I. Toàn cảnh phát triển ứng dụng đặt thức ăn di động hiện nay

Trong bối cảnh số hóa mạnh mẽ, việc phát triển ứng dụng đặt thức ăn di động hiện đại không còn là một lựa chọn mà đã trở thành một yêu cầu cấp thiết đối với ngành F&B. Sự thay đổi trong hành vi người tiêu dùng, đặc biệt là nhu cầu về sự tiện lợi và nhanh chóng, đã thúc đẩy sự bùng nổ của các nền tảng đặt món trực tuyến. Theo một nghiên cứu tại Học viện Công nghệ Bưu chính Viễn thông, lý do chính cho sự phát triển này là khả năng đáp ứng xu hướng sống hiện đại, biến việc thưởng thức ẩm thực thành một trải nghiệm liền mạch ngay tại nhà. Một app đặt đồ ăn thành công không chỉ đơn thuần là một công cụ đặt hàng, mà còn là một giải pháp công nghệ F&B toàn diện, kết nối nhà hàng, tài xế và thực khách. Việc tích hợp công nghệ mới như AI và Big Data giúp cá nhân hóa trải nghiệm người dùng, tối ưu hóa lộ trình giao hàng và hỗ trợ nhà hàng quản lý hiệu quả hơn. Mục tiêu cốt lõi của việc phát triển các ứng dụng này là xây dựng một hệ sinh thái ẩm thực số, nơi người dùng có thể khám phá, lựa chọn và đặt món chỉ với vài thao tác. Điều này đòi hỏi một sự đầu tư nghiêm túc vào việc xây dựng hệ thống giao đồ ăn ổn định, bảo mật và có khả năng mở rộng. Do đó, việc nghiên cứu và phát triển một ứng dụng đáng tin cậy, thân thiện với người dùng không chỉ là một đề tài có tính ứng dụng cao mà còn là chìa khóa để doanh nghiệp F&B cạnh tranh và phát triển bền vững trong kỷ nguyên số.

1.1. Sự cần thiết của giải pháp công nghệ F B trong kỷ nguyên số

Sự phát triển nhanh chóng của công nghệ đã làm thay đổi cơ bản cách thức vận hành của ngành thực phẩm và đồ uống (F&B). Các nhà hàng và chuỗi cung ứng không còn có thể dựa vào các phương pháp truyền thống để tiếp cận khách hàng. Việc sở hữu một giải pháp công nghệ F&B chuyên biệt, chẳng hạn như một phần mềm order thức ăn, trở thành yếu tố sống còn. Các giải pháp này giúp tự động hóa quy trình nhận đơn, quản lý tồn kho, và phân tích dữ liệu bán hàng, từ đó giảm thiểu sai sót và tối ưu hóa lợi nhuận. Hơn nữa, chúng mở ra một kênh tiếp cận khách hàng mới, không bị giới hạn bởi không gian địa lý, giúp doanh nghiệp mở rộng thị trường và xây dựng thương hiệu một cách hiệu quả trong môi trường cạnh tranh khốc liệt.

1.2. Mục tiêu chính khi xây dựng một nền tảng đặt món trực tuyến

Mục tiêu trọng tâm khi xây dựng một nền tảng đặt món trực tuyến là tạo ra một hệ thống ba bên cùng có lợi: người dùng, nhà hàng và đối tác giao hàng. Đối với người dùng, mục tiêu là cung cấp một trải nghiệm người dùng (UX) cho ứng dụng đặt món mượt mà, tiện lợi và an toàn. Đối với nhà hàng, ứng dụng phải là một công cụ quản lý hiệu quả, giúp họ kiểm soát thực đơn, đơn hàng và doanh thu. Theo tài liệu nghiên cứu, mục tiêu chính được xác định là "Xây dựng ứng dụng giúp cửa hàng quản lý món ăn cũng như mang đến cho người dùng giải pháp mua hàng tại nhà". Điều này nhấn mạnh vai trò kép của ứng dụng: vừa là công cụ bán hàng, vừa là một hệ thống quản trị nội bộ cho doanh nghiệp.

II. Thách thức khi phát triển ứng dụng đặt thức ăn di động

Quá trình phát triển ứng dụng đặt thức ăn di động hiện đại đối mặt với nhiều thách thức phức tạp, đòi hỏi sự cân bằng giữa công nghệ, kinh doanh và trải nghiệm người dùng. Thách thức lớn nhất là việc phải xây dựng một hệ sinh thái hoàn chỉnh bao gồm ba ứng dụng con hoạt động đồng bộ: ứng dụng cho khách hàng, hệ thống quản lý cho chủ nhà hàng (Admin Panel), và app cho tài xế giao hàng (Shipper App). Mỗi ứng dụng có những yêu cầu chức năng và luồng hoạt động riêng biệt nhưng phải liên kết chặt chẽ với nhau thông qua API cho ứng dụng giao đồ ăn. Một thách thức khác là đảm bảo trải nghiệm người dùng (UX) cho ứng dụng đặt món phải thật sự xuất sắc trên mọi phương diện. Điều này bao gồm một giao diện người dùng (UI) cho app food trực quan, tốc độ tải nhanh, quy trình đặt hàng và tích hợp thanh toán online đơn giản, bảo mật. Theo nghiên cứu, yêu cầu phi chức năng như "hệ thống hoạt động mượt mà" và "thân thiện người dùng" là tối quan trọng. Việc lựa chọn công nghệ phát triển app phù hợp (ví dụ giữa Native như Swift/Kotlin và Cross-platform như React Native, Flutter) cũng là một bài toán khó, ảnh hưởng trực tiếp đến hiệu năng, chi phí và thời gian ra mắt sản phẩm. Cuối cùng, chi phí làm app đặt đồ ăn và kế hoạch bảo trì và nâng cấp ứng dụng sau khi ra mắt cũng là một rào cản đáng kể cần được tính toán kỹ lưỡng.

2.1. Phức tạp trong việc xây dựng hệ thống giao đồ ăn ba bên

Một hệ thống giao đồ ăn hoàn chỉnh không chỉ là một ứng dụng duy nhất. Nó là một hệ sinh thái phức tạp gồm ít nhất ba thành phần: ứng dụng cho khách hàng (User App), ứng dụng cho nhà hàng (Admin App), và ứng dụng cho tài xế (Shipper App). Việc đảm bảo dữ liệu được đồng bộ hóa theo thời gian thực giữa ba nền tảng này là một thách thức kỹ thuật lớn. Ví dụ, khi một đơn hàng được đặt, thông tin phải ngay lập tức hiển thị trên Admin App để nhà hàng xác nhận, sau đó được gửi đến các Shipper App gần đó để nhận đơn. Bất kỳ sự chậm trễ hay lỗi đồng bộ nào cũng có thể phá vỡ toàn bộ quy trình và gây ảnh hưởng tiêu cực đến trải nghiệm của tất cả các bên.

2.2. Tối ưu hóa giao diện và trải nghiệm người dùng UI UX

Trong một thị trường cạnh tranh, giao diện người dùng (UI) và trải nghiệm người dùng (UX) là yếu tố quyết định sự thành bại của một app đặt đồ ăn. Người dùng hiện đại yêu cầu một giao diện sạch sẽ, dễ điều hướng và một quy trình đặt hàng không quá ba đến bốn bước. Các thách thức trong thiết kế UI/UX bao gồm việc hiển thị một lượng lớn thông tin (thực đơn, giá cả, khuyến mãi) một cách khoa học, thiết kế quy trình thanh toán an toàn và nhanh chóng, cũng như tính năng theo dõi đơn hàng trực quan. Việc bỏ qua giai đoạn nghiên cứu người dùng và thiết kế prototype kỹ lưỡng có thể dẫn đến một sản phẩm khó sử dụng và nhanh chóng bị người dùng từ bỏ.

III. Phương pháp phân tích và thiết kế app đặt thức ăn chuyên nghiệp

Để đảm bảo thành công cho dự án phát triển ứng dụng đặt thức ăn di động hiện đại, giai đoạn phân tích và thiết kế hệ thống đóng vai trò nền tảng. Một phương pháp chuyên nghiệp bắt đầu bằng việc phân tích yêu cầu một cách chi tiết. Quá trình này không chỉ dừng lại ở việc liệt kê các tính năng, mà phải đi sâu vào việc xác định rõ ràng mục tiêu kinh doanh và nhu cầu của từng nhóm người dùng. Tài liệu nghiên cứu của Học viện Công nghệ Bưu chính Viễn thông đã phân loại rõ ràng các yêu cầu chức năng (đăng nhập, xem thức ăn, quản lý sản phẩm) và yêu cầu phi chức năng (hiệu năng, tính thân thiện). Sau khi có được bản phân tích yêu cầu hoàn chỉnh, bước tiếp theo là thiết kế app nhà hàng thông qua các công cụ mockup và prototype. Nghiên cứu đã sử dụng Figma để trực quan hóa toàn bộ luồng hoạt động của ứng dụng, từ màn hình chào mừng đến quy trình thanh toán và theo dõi đơn hàng. Việc tạo mockup cho phép các bên liên quan có cái nhìn cụ thể về sản phẩm cuối cùng, giúp phát hiện sớm các vấn đề về logic và trải nghiệm người dùng (UX) trước khi bắt đầu giai đoạn lập trình app bán hàng ăn uống. Cách tiếp cận này giúp giảm thiểu rủi ro, tiết kiệm chi phí và đảm bảo sản phẩm cuối cùng đáp ứng đúng kỳ vọng thị trường.

3.1. Phân tích yêu cầu chức năng và phi chức năng chi tiết

Việc phân tích yêu cầu là bước đầu tiên và quan trọng nhất. Yêu cầu chức năng định nghĩa những gì hệ thống phải làm. Ví dụ, trong dự án được nghiên cứu, các chức năng cơ bản bao gồm Đăng nhập, Đăng ký, Reset password; chức năng cho người dùng như Tìm kiếm, Giỏ hàng, Đặt hàng; và chức năng cho admin như Quản lý sản phẩm, Xem đơn hàng. Song song đó, yêu cầu phi chức năng định nghĩa hệ thống nên hoạt động như thế nào, ví dụ như "hệ thống hoạt động mượt mà" và có khả năng chịu tải cao khi có nhiều người dùng cùng lúc. Việc xác định rõ ràng hai loại yêu cầu này giúp định hình kiến trúc hệ thống và lựa chọn công nghệ phù hợp.

3.2. Vai trò của việc thiết kế Mockup và Prototype với Figma

Trước khi viết bất kỳ dòng code nào, việc thiết kế app nhà hàng qua mockup là tối quan trọng. Công cụ Figma được sử dụng trong dự án để tạo ra các bản thiết kế trực quan chi tiết cho từng màn hình, từ giao diện người dùng (UI) của khách hàng đến hệ thống quản lý cho chủ nhà hàng. Các mockup này (từ Figma 1 đến Figma 13 trong tài liệu) không chỉ là hình ảnh tĩnh, chúng mô phỏng luồng tương tác, giúp đội ngũ phát triển và các bên liên quan hình dung rõ ràng về sản phẩm. Giai đoạn này giúp kiểm tra tính logic của luồng người dùng, tinh chỉnh trải nghiệm người dùng (UX), và nhận phản hồi sớm, từ đó giảm thiểu đáng kể chi phí và thời gian sửa đổi trong giai đoạn lập trình.

IV. Hướng dẫn kỹ thuật phát triển ứng dụng đặt thức ăn di động

Giai đoạn cài đặt hệ thống là quá trình hiện thực hóa các bản thiết kế và yêu cầu đã được xác định. Quá trình phát triển ứng dụng đặt thức ăn di động hiện đại này đòi hỏi việc lựa chọn một ngăn xếp công nghệ (tech stack) phù hợp và xây dựng kiến trúc phần mềm vững chắc. Trong dự án tham khảo, đội ngũ đã lựa chọn phát triển ứng dụng gốc (Native) cho hệ điều hành iOS. Cụ thể, ngôn ngữ lập trình Swift và framework giao diện người dùng SwiftUI đã được sử dụng, kết hợp với môi trường phát triển Xcode. Kiến trúc được áp dụng là MVVM (Model-View-ViewModel), một mẫu thiết kế hiện đại giúp tách biệt logic nghiệp vụ khỏi giao diện, làm cho mã nguồn dễ bảo trì và mở rộng. Đối với backend, Firebase được chọn làm nền tảng dịch vụ, cung cấp các tính năng mạnh mẽ như cơ sở dữ liệu thời gian thực (Realtime Database), xác thực người dùng (Authentication), và nhiều dịch vụ khác. Việc sử dụng Firebase giúp đẩy nhanh quá trình lập trình app bán hàng ăn uống bằng cách giảm thiểu công việc quản lý máy chủ. Quá trình cài đặt bao gồm việc cấu trúc thư mục dự án một cách khoa học, chia nhỏ ứng dụng thành các module chức năng (ví dụ: Modules, UI, Common), và triển khai từng tính năng như đăng nhập, quản lý giỏ hàng, và tích hợp thanh toán online.

4.1. Lựa chọn môi trường và công nghệ phát triển app phù hợp

Việc lựa chọn công nghệ phát triển app là một quyết định chiến lược. Dự án đã chọn hướng đi phát triển Native cho iOS sử dụng Swift và SwiftUI. Ưu điểm của phương pháp này là hiệu năng vượt trội, trải nghiệm người dùng mượt mà và khả năng tận dụng tối đa các tính năng của hệ điều hành. Đối với backend, việc sử dụng Firebase làm BaaS (Backend as a Service) là một lựa chọn thông minh cho các dự án cần ra mắt nhanh. Firebase cung cấp một API cho ứng dụng giao đồ ăn mạnh mẽ và dễ tích hợp, xử lý các tác vụ như xác thực, lưu trữ dữ liệu, giúp đội ngũ phát triển tập trung vào việc xây dựng giao diện và logic phía client.

4.2. Xây dựng các tính năng cốt lõi và ứng dụng quản lý đơn hàng

Các tính năng cốt lõi được xây dựng tuần tự dựa trên các module đã định sẵn. Một trong những module phức tạp nhất là ứng dụng quản lý đơn hàng. Module này bao gồm các chức năng từ việc thêm sản phẩm vào giỏ hàng, áp dụng mã giảm giá, cho đến việc xử lý thanh toán và chuyển giỏ hàng thành một đơn hàng chính thức. Đoạn mã chuyển từ giỏ hàng sang đơn hàng trong tài liệu cho thấy logic xử lý nghiệp vụ phức tạp, yêu cầu cập nhật trạng thái đồng thời trên nhiều bảng dữ liệu. Việc tích hợp thanh toán online, dù là tiền mặt hay crypto (như đề cập trong mockup), cũng là một phần quan trọng, đòi hỏi các biện pháp bảo mật cao để bảo vệ thông tin giao dịch của người dùng.

V. Kết luận và định hướng tương lai cho app đặt thức ăn

Dự án phát triển ứng dụng đặt thức ăn di động hiện đại đã thành công trong việc xây dựng một hệ thống hoàn chỉnh, đáp ứng các yêu cầu chức năng và phi chức năng cơ bản. Qua quá trình nghiên cứu và triển khai, có thể kết luận rằng việc sử dụng Firebase làm backend đã mang lại hiệu quả cao, giúp tăng tốc độ phát triển và cung cấp một giải pháp quản lý dữ liệu linh hoạt. Phần mềm order thức ăn này đã chứng minh được tính thực tiễn khi tạo ra một trải nghiệm mượt mà từ lúc người dùng chọn món đến khi tài xế giao hàng thành công. Tuy nhiên, để có thể cạnh tranh trên thị trường thực tế, ứng dụng cần được liên tục cải tiến. Các định hướng nâng cấp trong tương lai là rất quan trọng. Thứ nhất, cần tối ưu hóa cơ sở dữ liệu để có thể xử lý lượng truy vấn lớn và phức tạp hơn khi số lượng người dùng tăng lên. Thứ hai, việc không ngừng cải thiện trải nghiệm người dùng (UX) thông qua việc cá nhân hóa gợi ý món ăn, tối ưu hóa quy trình đặt hàng là cần thiết. Cuối cùng, vấn đề bảo mật dữ liệu người dùng và giao dịch phải luôn là ưu tiên hàng đầu, đòi hỏi việc thường xuyên cập nhật các biện pháp bảo mật. Việc xem xét chi phí làm app đặt đồ ăn và chi phí bảo trì và nâng cấp ứng dụng cũng cần được hoạch định rõ ràng để đảm bảo sự phát triển bền vững.

5.1. Tổng kết các kết quả đạt được của phần mềm order thức ăn

Kết quả cuối cùng của dự án là một phần mềm order thức ăn hoạt động được trên nền tảng iOS, bao gồm ba ứng dụng con cho người dùng, quản trị viên và tài xế. Hệ thống đã đáp ứng thành công các mục tiêu đề ra ban đầu: quản lý thực đơn, xử lý đơn hàng, theo dõi giao hàng và thanh toán. Việc áp dụng kiến trúc MVVM và các công nghệ hiện đại như SwiftUI đã tạo ra một sản phẩm có nền tảng kỹ thuật tốt, dễ dàng cho việc bảo trì và nâng cấp ứng dụng sau này. Sản phẩm là một minh chứng rõ ràng cho khả năng ứng dụng lý thuyết phát triển phần mềm vào giải quyết một bài toán thực tế trong ngành F&B.

5.2. Các kiến nghị nâng cấp và tối ưu hóa hệ thống trong tương lai

Để ứng dụng có thể phát triển xa hơn, tài liệu nghiên cứu đã đưa ra các kiến nghị quan trọng. Việc nâng cấp cơ sở dữ liệu để tăng khả năng chịu tải là yêu cầu tiên quyết. Tối ưu hóa thuật toán gợi ý món ăn dựa trên lịch sử đặt hàng và sở thích của người dùng sẽ nâng cao đáng kể trải nghiệm người dùng (UX). Bên cạnh đó, việc tăng cường các lớp bảo mật, đặc biệt là cho chức năng thanh toán, là không thể thiếu để xây dựng lòng tin nơi khách hàng. Ngoài ra, việc nghiên cứu và tích hợp thêm các phương thức thanh toán mới, các chương trình khách hàng thân thiết cũng là những hướng đi tiềm năng để giữ chân người dùng và tăng tính cạnh tranh cho sản phẩm.

Nội dung chính

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

Trong bối cảnh chuyển đổi số và sự phát triển của công nghệ thông tin, nhu cầu về sự tiện lợi trong sinh hoạt hằng ngày ngày càng gia tăng. Việc đặt món ăn qua các thiết bị di động đã trở thành một phương thức tiêu dùng phổ biến, giúp tối ưu hóa thời gian và mang lại sự tiện lợi cho người sử dụng. Nhằm đáp ứng nhu cầu thực tiễn đó, đề tài "Phát triển ứng dụng đặt thức ăn di động hiện đại" (tên đề tài trong chương trình: App đặt thức ăn) được thực hiện trong khuôn khổ môn học Phát triển ứng dụng cho các thiết bị di động tại Học viện Công nghệ Bưu chính Viễn thông (Cơ sở TP. Hồ Chí Minh), Khoa Công nghệ Thông tin.

Mục tiêu chính của đề tài bao gồm:

1. Xây dựng một ứng dụng di động hoàn chỉnh hỗ trợ khách hàng tìm kiếm, lựa chọn món ăn, áp dụng mã giảm giá, thực hiện thanh toán và theo dõi đơn hàng theo thời gian thực ngay tại nhà.
2. Cung cấp hệ thống công cụ quản trị dành cho cửa hàng nhằm quản lý danh mục món ăn, cập nhật sản phẩm, tạo mã khuyến mãi, phê duyệt đơn hàng và điều phối người giao hàng.
3. Thiết lập hệ thống hỗ trợ nhân viên giao hàng (shipper) tiếp nhận đơn, xác thực tài khoản và cập nhật vị trí hành trình giao hàng.

Đối tượng và phạm vi nghiên cứu:

• Đối tượng nghiên cứu: Quy trình vận hành, phân tích yêu cầu, thiết kế giao diện và xây dựng ứng dụng di động quản lý - đặt món ăn trực tuyến.
• Phạm vi không gian và triển khai: Môi trường hệ điều hành di động iOS (phiên bản từ 17.2 trở lên).
• Phạm vi thời gian: Báo cáo được hoàn thiện và nghiệm thu vào ngày 26 tháng 04 năm 2024 tại Học viện Công nghệ Bưu chính Viễn thông cơ sở TP. Hồ Chí Minh (Lớp D20CQCNPM01-N, giảng viên hướng dẫn: Thầy Trương Bá Thái).

---

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

Nền tảng công nghệ và mô hình kiến trúc

Đề tài áp dụng các công nghệ, framework và mẫu thiết kế chuẩn trong phát triển phần mềm di động trên nền tảng Apple:

• Hệ điều hành & Công cụ phát triển: Nền tảng iOS 17.2, tích hợp môi trường phát triển Xcode của Apple.
• Ngôn ngữ & Giao diện: Ngôn ngữ lập trình Swift kết hợp với framework giao diện khai báo SwiftUI (declarative syntax), tối ưu hóa việc xây dựng giao diện đa chạm và tương tác người dùng.
• Mẫu thiết kế phần mềm: Kiến trúc Model-View-ViewModel (MVVM), cho phép phân tách độc lập giữa tầng giao diện hiển thị (View), tầng dữ liệu (Model) và tầng xử lý logic nghiệp vụ trung gian (ViewModel).
• Nền tảng dịch vụ phụ trợ (Backend as a Service): Google Firebase, đảm nhiệm vai trò cơ sở dữ liệu thời gian thực (Realtime Database), dịch vụ xác thực tài khoản (Authentication) và báo cáo lỗi hệ thống (Crash Reporting).
• Công cụ thiết kế UI/UX: Nền tảng đồ họa vector và tạo mẫu Figma, hỗ trợ xây dựng toàn bộ hệ thống mockup và luồng tương tác của ứng dụng trước khi lập trình.

Phương pháp nghiên cứu

• Phương pháp thu thập và phân tích yêu cầu: Phân tích nhu cầu thực tế của người dùng, cửa hàng và nhân viên vận chuyển để xác định các đặc tả yêu cầu chức năng và yêu cầu phi chức năng.
• Phương pháp thiết kế mẫu (Prototyping): Xây dựng các bản mẫu giao diện người dùng trên Figma nhằm mô phỏng luồng thao tác từ đăng nhập, đặt hàng, xử lý đơn đến giao vận.
• Phương pháp thực nghiệm phần mềm: Triển khai mã nguồn trực tiếp trên môi trường Xcode, tích hợp SDK Firebase và kiểm thử tính năng trên các thiết bị chạy iOS 17.2.

---

Thiết kế và kiến trúc hệ thống

Hệ thống được tổ chức thành các phân hệ ứng dụng độc lập dành cho ba đối tượng tương tác: Khách hàng (Client App), Quản trị viên (Admin App) và Nhân viên giao hàng (Shipper App).

+-------------------------------------------------------------------------+
|                            KIẾN TRÚC MVVM                               |
|                                                                         |
|   +-------------------+     +--------------------+     +------------+   |
|   |       VIEW        | <-> |     VIEWMODEL      | <-> |   MODEL    |   |
|   | (Giao diện SwiftUI)|     | (Xử lý Logic/State)|     | (Cấu trúc) |   |
|   +-------------------+     +--------------------+     +------------+   |
+-------------------------------------------------------------------------+
                                      |
                           (Tích hợp Firebase SDK)
                                      v
+-------------------------------------------------------------------------+
|                             FIREBASE BACKEND                            |
|     [Authentication]     [Realtime Database]     [Crash Reporting]      |
+-------------------------------------------------------------------------+

Phân cấp chức năng theo đối tượng người dùng

Nhóm người dùng	Các chức năng chính	Mô tả luồng xử lý dữ liệu
Khách hàng (User)	• Đăng ký, đăng nhập, khôi phục mật khẩu • Xem danh mục và tìm kiếm món ăn • Quản lý giỏ hàng, áp dụng mã discount • Thanh toán (Tiền mặt / Crypto qua Coinbase) • Theo dõi vị trí shipper thời gian thực trên bản đồ • Quản lý thông tin cá nhân và lịch sử đơn hàng	Nhận dữ liệu thực đơn thời gian thực từ Firebase; đẩy thông tin đặt hàng vào cơ sở dữ liệu; lắng nghe tọa độ shipper để hiển thị lên bản đồ.
Quản trị viên (Admin)	• Xác thực tài khoản quản trị • Quản lý danh mục (Thêm, xóa, cập nhật) • Quản lý sản phẩm món ăn (Thêm, xóa, sửa) • Quản lý mã giảm giá (Thêm, xóa discount) • Xem danh sách đơn hàng và gán đơn cho shipper • Xác minh tài khoản nhân viên giao hàng mới	Toàn quyền kiểm soát và cập nhật cơ sở dữ liệu sản phẩm, phê duyệt và giám sát toàn bộ đơn hàng trong hệ thống.
Người giao hàng (Shipper)	• Đăng ký tài khoản và chờ admin xác minh • Tiếp nhận đơn hàng được phân công • Chuyển sang chế độ giao hàng và mở bản đồ • Cập nhật tọa độ vị trí hiện tại lên hệ thống • Hoàn tất đơn hàng và xem lịch sử giao nhận	Lắng nghe các đơn hàng được gán; gửi định kỳ tọa độ GPS lên Firebase Realtime Database để khách hàng theo dõi.

Cấu trúc thư mục mã nguồn

Dự án được phân chia theo cấu trúc mô-đun hóa trong môi trường Xcode:

• ModelView: Chứa các lớp ViewModel xử lý logic lấy dữ liệu và kết nối Firebase.
• Model: Định nghĩa cấu trúc dữ liệu của sản phẩm, danh mục, người dùng, đơn hàng và giảm giá.
• Modules: Chứa các phần ứng dụng được chia nhỏ theo tính năng cụ thể.
• UI: Chứa các thành phần giao diện tái sử dụng dùng chung (Custom Textfield, Button...).
• Common: Thư mục lưu trữ hình ảnh, biểu tượng (assets) và các tiện ích dùng chung.

---

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

Chương 1: Phân tích hệ thống và thiết kế

Chương này tập trung vào việc mô tả lý do chọn đề tài, xác định yêu cầu hệ thống và hoàn thiện toàn bộ thiết kế giao diện dưới dạng mockup trên nền tảng Figma.

1. Phân tích yêu cầu chức năng và phi chức năng:

   • Yêu cầu chức năng cơ bản: Đăng nhập, đăng ký tài khoản, khôi phục mật khẩu (reset password).
   • Yêu cầu chức năng người dùng: Xem danh sách món ăn, tìm kiếm thức ăn, quản lý giỏ hàng, đặt hàng, theo dõi đơn hàng, quản lý thông tin cá nhân và xử lý thanh toán.
   • Yêu cầu chức năng admin: Quản lý thông tin sản phẩm, theo dõi đơn đặt hàng và cung cấp thống kê biểu đồ.
   • Yêu cầu phi chức năng: Hệ thống hoạt động mượt mà, cơ sở dữ liệu Firebase chịu tải tốt khi có nhiều người dùng truy cập đồng thời, giao diện thân thiện và dễ sử dụng.

2. Đặc tả thiết kế Mockup Figma (13 màn hình thiết kế):

   • Figma 1: Màn hình chờ (launcher) và màn hình chào mừng (welcome) kèm hiệu ứng animation.
   • Figma 2: Giao diện đăng nhập, đăng ký (nhập email, password, repeat password) và khôi phục mật khẩu qua email.
   • Figma 3: Màn hình chính với thanh tìm kiếm (search bar), danh mục món ăn (category) và màn hình chi tiết sản phẩm cho phép tùy chọn số lượng.
   • Figma 4: Giao diện giỏ hàng (cho phép sửa, xóa món, thêm discount) và luồng thanh toán chia làm hai nhánh: Tiền mặt (Xác nhận -> Thành công) và Tiền mã hóa Crypto qua Coinbase (Xác nhận -> Chờ thanh toán -> Thành công).
   • Figma 5: Thông báo đơn hàng và giao diện theo dõi vị trí shipper trên bản đồ.
   • Figma 6: Màn hình cài đặt tài khoản người dùng và xem lại toàn bộ lịch sử đơn hàng.
   • Figma 7: Giao diện chào mừng, đăng nhập, đăng ký và khôi phục mật khẩu dành cho ứng dụng Admin và Shipper.
   • Figma 8: Giao diện quản trị viên duyệt đơn hàng mới và chỉ định shipper thực hiện giao hàng.
   • Figma 9: Màn hình chính admin tích hợp quản lý sản phẩm, danh mục, mã giảm giá và danh sách đơn hàng.
   • Figma 10: Giao diện xác minh danh tính shipper mới đăng ký dành cho admin.
   • Figma 11: Giao diện đăng xuất của quản trị viên.
   • Figma 12: Giao diện dành cho shipper bao gồm bước kiểm tra xác minh, bảng tiếp nhận đơn hàng và chế độ hiển thị bản đồ giao hàng.
   • Figma 13: Giao diện xem lịch sử các đơn hàng đã giao thành công và chức năng đăng xuất của shipper.

Chương 2: Cài đặt hệ thống

Chương 2 trình bày chi tiết về môi trường phát triển, phương thức cài đặt mã nguồn từ kho lưu trữ GitHub và các phân đoạn mã nguồn thực thi chính của hệ thống.

1. Cài đặt và thiết lập dự án:

   • Hệ điều hành mục tiêu: iOS 17.2 trở lên.
   • Môi trường lập trình: Xcode, tích hợp thư viện Firebase.
   • Mã nguồn được lưu trữ tại GitHub:
     • Ứng dụng khách hàng (App Order Food): https://github.com/henrytran1803/apporderfool (repository henrytran1803/AppOrderFood).
     • Ứng dụng quản trị & giao hàng: henrytran1803/AdminShipperApp.

2. Chi tiết hiện thực các mô-đun mã nguồn (17 hình ảnh triển khai thực tế):

   • Cấu trúc và tài nguyên (Hình ảnh 1 - 4): Thiết lập cấu trúc thư mục dự án, Icon ứng dụng, màn hình Launcher và màn hình Welcome.
   • Mô-đun xác thực người dùng (Hình ảnh 5): Triển khai code Swift xử lý Đăng nhập, Đăng ký và Khôi phục mật khẩu tích hợp Firebase Authentication.
   • Mô-đun hiển thị và lọc thực đơn (Hình ảnh 6): Triển khai code lấy toàn bộ danh sách món ăn từ Firebase, code lọc món theo danh mục (category) và code thêm món ăn vào giỏ hàng.
   • Mô-đun giỏ hàng và khuyến mãi (Hình ảnh 7): Triển khai code lấy dữ liệu giỏ hàng và truy vấn danh sách mã giảm giá (discount).
   • Mô-đun thanh toán và chuyển trạng thái đơn hàng (Hình ảnh 8): Xử lý code chuyển đổi từ trạng thái giỏ hàng sang đơn hàng chính thức, code cập nhật trạng thái đơn hàng sang "thành công" hoặc "thất bại".
   • Mô-đun quản lý người dùng và lịch sử (Hình ảnh 9): Code cập nhật thông tin cá nhân và truy vấn lịch sử đơn hàng của người dùng.
   • Mô-đun theo dõi đơn hàng (Hình ảnh 10): Code lấy tọa độ vị trí của shipper từ cơ sở dữ liệu thời gian thực và cập nhật trạng thái tiến trình giao hàng.
   • Mô-đun quản trị danh mục (Hình ảnh 11 - 12): Xử lý các thao tác Thêm danh mục, Xóa danh mục và Cập nhật (Update) danh mục.
   • Mô-đun quản trị sản phẩm (Hình ảnh 13): Code xử lý Thêm sản phẩm mới, Chỉnh sửa thông tin sản phẩm và Xóa sản phẩm khỏi hệ thống.
   • Mô-đun quản lý mã giảm giá (Hình ảnh 14): Triển khai code Thêm discount mới và Xóa discount.
   • Mô-đun quản lý đơn hàng của Admin (Hình ảnh 15): Code truy vấn toàn bộ lịch sử đơn hàng trong hệ thống (chế độ chỉ xem, không cho phép sửa/xóa trực tiếp để đảm bảo tính toàn vẹn dữ liệu).
   • Mô-đun xác thực và phân quyền shipper (Hình ảnh 16): Code lọc danh sách shipper đang chờ phê duyệt và code lấy danh sách các shipper đã được xác minh để gán đơn hàng.
   • Mô-đun điều phối và cập nhật vị trí giao hàng (Hình ảnh 17): Code dành cho shipper tiếp nhận đơn hàng mới và cập nhật tọa độ vị trí hiện tại theo thời gian thực lên Firebase.

Chương 3: Kết luận & kiến nghị

1. Kết luận:

   • Việc ứng dụng Firebase làm backend mang lại giải pháp quản lý dữ liệu linh hoạt, hỗ trợ đồng bộ hóa dữ liệu thời gian thực giữa ứng dụng khách hàng, quản trị viên và người giao hàng.
   • Đảm bảo tính nhất quán của dữ liệu người dùng, thực đơn và trạng thái đơn hàng.

2. Kiến nghị phát triển:

   • Nâng cấp cơ sở dữ liệu: Cần tối ưu hóa cơ sở dữ liệu để đáp ứng các truy vấn phức tạp đồng thời khi số lượng người dùng tăng cao, kết hợp các dịch vụ điện toán đám mây nâng cao.
   • Tối ưu hóa trải nghiệm người dùng (UX): Nâng cao tốc độ phản hồi của giao diện và bổ sung các tính năng cá nhân hóa theo từng người dùng.
   • Tăng cường bảo mật: Định kỳ rà soát các tiêu chuẩn an toàn thông tin, triển khai các kỹ thuật mã hóa dữ liệu giao dịch và thông tin cá nhân.

---

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

Kết quả triển khai thực tế

Dự án đã xây dựng thành công bộ đôi ứng dụng di động trên nền tảng iOS sử dụng Swift và SwiftUI, bao gồm đầy đủ các luồng xử lý nghiệp vụ từ phía người tiêu dùng đến khâu vận hành quản lý:

Thành phần triển khai	Kết quả kỹ thuật đạt được	Nền tảng kết nối
Hệ thống xác thực	Đăng ký, đăng nhập và khôi phục mật khẩu thông qua Email	Firebase Authentication
Quản lý thực đơn & Giỏ hàng	Tải danh mục, tìm kiếm, lọc sản phẩm và tính toán chi phí giỏ hàng kèm mã giảm giá	Firebase Realtime Database
Tích hợp thanh toán	Hỗ trợ 2 phương thức: Thanh toán tiền mặt và thanh toán tiền mã hóa (Crypto) qua Coinbase	Cổng thanh toán & Logic ứng dụng
Hệ thống giao vận & Định vị	Phân quyền shipper sau khi admin duyệt, cập nhật và hiển thị vị trí người giao hàng trên bản đồ	Bản đồ tích hợp & Firebase Realtime
Bảng điều khiển quản trị	Thao tác CRUD hoàn chỉnh đối với danh mục, sản phẩm, mã giảm giá và theo dõi đơn hàng	Mô hình MVVM trên SwiftUI

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

• Cung cấp giải pháp phần mềm khép kín phục vụ cả ba tác nhân: Khách hàng - Cửa hàng - Shipper trong cùng một hệ sinh thái ứng dụng.
• Hiện thực hóa việc ứng dụng các công nghệ mới của Apple (SwiftUI trên iOS 17.2) kết hợp với dịch vụ đám mây Firebase trong việc giải quyết bài toán đặt món và giao vận trực tuyến.
• Mở rộng phương thức thanh toán truyền thống bằng việc tích hợp thử nghiệm cổng thanh toán tiền mã hóa (Crypto qua Coinbase).

---

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

Hạn chế

• Xử lý tải truy vấn phức tạp: Cấu trúc dữ liệu hiện tại phụ thuộc chủ yếu vào các dịch vụ cơ bản của Firebase, chưa được tối ưu hóa cho các truy vấn dữ liệu lớn và phức tạp phát sinh đồng thời.
• Tính cá nhân hóa: Ứng dụng chưa tích hợp các thuật toán gợi ý món ăn tự động theo sở thích hoặc thói quen của từng người dùng cụ thể.
• Bảo mật và mã hóa nâng cao: Hệ thống chưa áp dụng các tầng mã hóa chuyên sâu độc lập cho dữ liệu giao dịch ngoài các cơ chế mặc định của dịch vụ backend.

Hướng nghiên cứu và phát triển tiếp theo

• Nâng cấp cơ sở dữ liệu bằng cách tích hợp thêm các dịch vụ Cloud chuyên sâu nhằm cải thiện hiệu năng xử lý truy vấn dữ liệu lớn.
• Bổ sung cơ chế cá nhân hóa giao diện và trải nghiệm người dùng dựa trên hành vi mua hàng.
• Nâng cao tiêu chuẩn bảo mật hệ thống thông qua việc cập nhật định kỳ các chính sách bảo mật và ứng dụng các thuật toán mã hóa dữ liệu nâng cao.

---

Giá trị tham khảo

Báo cáo đề tài có giá trị tham khảo thiết thực đối với:

• Sinh viên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm: Là tài liệu tham khảo cụ thể về quy trình phát triển ứng dụng di động trên nền tảng iOS sử dụng ngôn ngữ Swift và framework SwiftUI theo kiến trúc MVVM.
• Người phát triển ứng dụng di động: Cung cấp tài liệu tham khảo về cách tổ chức luồng tương tác đa người dùng (Khách hàng - Quản trị - Shipper), thiết kế giao diện trên Figma và kỹ thuật kết nối Firebase Realtime Database để đồng bộ trạng thái đơn hàng cũng như tọa độ vị trí theo thời gian thực.
• Các đề tài liên quan đến thương mại điện tử / đặt món: Tham khảo cấu trúc cơ sở dữ liệu, quy trình chuyển đổi trạng thái đơn hàng và tích hợp phương thức thanh toán tiền mặt kết hợp thanh toán crypto.

---

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

1. Đề tài sử dụng những công nghệ và công cụ chính nào để phát triển ứng dụng?

Ứng dụng được xây dựng trên hệ điều hành iOS (yêu cầu từ phiên bản 17.2 trở lên) bằng ngôn ngữ lập trình Swift kết hợp với framework giao diện SwiftUI theo kiến trúc MVVM. Môi trường phát triển tích hợp là Xcode, backend sử dụng nền tảng Google Firebase (Realtime Database, Authentication, Crash Reporting) và giao diện được thiết kế mẫu bằng công cụ Figma.

2. Hệ thống bao gồm những nhóm phân hệ và vai trò người dùng nào?

Hệ thống gồm ba nhóm vai trò chính:

• Khách hàng (User): Xem thực đơn, tìm kiếm món, quản lý giỏ hàng, áp mã giảm giá, thanh toán và theo dõi shipper trên bản đồ.
• Quản trị viên (Admin): Quản lý danh mục, quản lý sản phẩm, quản lý mã giảm giá, xem danh sách đơn hàng, phân công đơn cho shipper và phê duyệt shipper mới.
• Người giao hàng (Shipper): Đăng ký tài khoản, chờ admin xác thực, tiếp nhận đơn hàng, mở bản đồ giao hàng, cập nhật tọa độ vị trí và xem lịch sử giao hàng.

3. Ứng dụng hỗ trợ những phương thức thanh toán nào và quy trình xử lý ra sao?

Ứng dụng hỗ trợ hai phương thức thanh toán chính:

• Thanh toán tiền mặt: Người dùng xác nhận đơn hàng -> Chuyển trực tiếp sang màn hình thành công.
• Thanh toán bằng tiền mã hóa (Crypto qua Coinbase): Người dùng chọn phương thức -> Thực hiện bước xác nhận thanh toán -> Hệ thống đợi xác nhận xử lý từ phía dịch vụ Coinbase -> Chuyển sang màn hình thành công sau khi hoàn tất.

4. Cơ chế xác thực và nhận đơn của nhân viên giao hàng (Shipper) được vận hành như thế nào?

Khi một shipper mới đăng ký tài khoản, hệ thống không cho phép nhận đơn ngay mà yêu cầu xác minh. Quản trị viên (Admin) sẽ vào giao diện xác thực để duyệt tài khoản shipper. Sau khi được xác minh, shipper mới xuất hiện trong danh sách có thể nhận đơn. Khi có đơn hàng mới do Admin gán, shipper sẽ tiếp nhận đơn, chuyển sang giao diện bản đồ và hệ thống sẽ liên tục cập nhật tọa độ hiện tại của shipper lên Firebase để khách hàng theo dõi.

5. Mã nguồn của dự án được tổ chức theo những thành phần thư mục nào trong Xcode?

Mã nguồn dự án được tổ chức thành 5 thư mục thành phần chính:

• ModelView: Xử lý logic và kết nối lấy dữ liệu.
• Model: Định nghĩa cấu trúc dữ liệu.
• Modules: Chứa các thành phần giao diện và chức năng được chia nhỏ theo mô-đun.
• UI: Chứa các thành phần giao diện dùng chung (như TextField, Button).
• Common: Lưu trữ tài nguyên hình ảnh và dữ liệu dùng chung.

---

Kết luận

Báo cáo đề tài "Phát triển ứng dụng đặt thức ăn di động hiện đại" của nhóm sinh viên lớp D20CQCNPM01-N, Học viện Công nghệ Bưu chính Viễn thông cơ sở TP. Hồ Chí Minh đã hoàn thành việc nghiên cứu, thiết kế và cài đặt một hệ sinh thái ứng dụng di động hoàn chỉnh trên nền tảng iOS 17.2. Bằng việc ứng dụng ngôn ngữ Swift, framework SwiftUI theo mô hình MVVM cùng nền tảng backend Firebase, nhóm tác giả đã hiện thực hóa thành công các luồng nghiệp vụ tương tác giữa khách hàng, cửa hàng quản trị và nhân viên giao hàng. Các định hướng về nâng cấp cơ sở dữ liệu đám mây, tối ưu hóa giao diện cá nhân hóa và tăng cường mã hóa bảo mật được đề xuất làm cơ sở để hoàn thiện ứng dụng trong các giai đoạn phát triển tiếp theo.

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

CHƯƠNG 1: PHÂN TÍCH HỆ THỐNG VÀ THIẾT KẾ I. Lý do chọn đề tài, giới thiệu: Lý do: Trong thời đại số hóa và công nghệ phát triển nhanh chóng như hiện nay, nhu cầu về sự tiện lợi và nhanh chóng trong mọi lĩnh vực của cuộc sống ngày càng trở nên cấp thiết. Sự xuất hiện của các ứng dụng đặt thức ăn đã phản ánh và phục vụ rất tốt cho xu hướng này, biến việc lựa chọn và thưởng thức các món ăn từ những nhà hàng yêu thích thành một trải nghiệm dễ dàng và thuận tiện ngay tại nhà. Việc ứng dụng các công nghệ mới như AI và big data vào ứng dụng đặt thức ăn không những giúp cải thiện trải nghiệm người dùng mà còn mang lại hiệu quả kinh doanh cao cho các nhà hàng và đối tác vận chuyển.

Chính vì vậy, việc nghiên cứu và phát triển một ứng dụng đặt thức ăn đáng tin cậy, tiện ích và thân thiện với người dùng là một đề tài có tính ứng dụng cao và cần thiết tại thời điểm hiện tại. Giới thiệu: Đề tài về việc phát triển ứng dụng đặt thức ăn điện tử nhấn mạnh vào việc tối ưu hóa trải nghiệm của người dùng, đồng thời giải quyết các vấn đề còn tồn tại của những ứng dụng hiện có. Điểm nhấn của ứng dụng này sẽ là sự kết hợp giữa công nghệ hiện đại và giao diện thân thiện, tạo ra một hệ sinh thái đặt thức ăn điện tử toàn diện, giới thiệu đến người dùng cả một thế giới ẩm thực chỉ trong vài cái chạm trên màn hình điện thoại. Phân tích yêu cầu 1.

Mục tiêu chính: Xây dựng ứng dụng giúp cửa hàng quản lý món ăn cũng như mang đến cho người dùng giả pháp mua hàng tại nhà. Yêu cầu chức năng:  Chức năng cơ bản: o Đăng nhập o Đăng ký o Reset password  Chức năng người dùng: o Xem thức ăn o Tìm kiếm thức ăn o Giỏ hàng o Đặt hàng o Theo dõi đơn hàng o Xem thông tin cá nhân o Thanh toán  Chức năng admin: o Quản lý sản phẩm o Xem đơn đặt hàng o Thống kê biểu đồ 3. Yêu cầu phi chức năng: 4 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Hệ thống hoặt động mượt mà, firebase tải được nhiều người dùng cùng lúc. Thân thiện người dùng, dễ sử dụng.

Thiết kế Mockup Figma: Figma là một phần mềm biên tập đồ họa vector và dựng prototype. Figma chủ yếu hoạt độ ng trên nền web, dù có một số tính năng ngoại tuyến trên các phiên bản ứng dụng desktop cho hệ điều hành macOS và Windows. Xử dụng Figma làm mockup: 1. Giao diện chờ và màn hình chào mừng: - Đây là giao diện khi người dùng vào app lần đầu tiên sẽ xuất hiện 5 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Figma 1: Màn hình chờ và màn hình chào mừng Mô tả: Khi người dùng lần đầu vào ứng dụng thì load màn hình laucher, sau đó thì màn hình chào mừng xuất hiện animation đẹp đẽ tiếp đó nhấn bắt đầu người dùng sẽ được vào một giao diện có các chức năng cơ bản để chọn.

Giao diện đăng nhập, đăng ký, khôi phục mật khẩu: - Giao diện đăng nhập đăng ký và khôi phục mật khẩu Figma 2: Đăng nhập, đăng ký và khôi phục mật khẩu 6 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Mô tả: Từ giao diện phía trên hiện các chức năng cơ bản thì người dùng nhấn tương ứng từng phần sẽ vào giao diện tương ứng, có đăng nhập nhập email và password, đăng ký nhập email password, repeatpassword và cuối cùng là quên mật khẩu chỉ cần nhập email.