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

Tài liệu nghiên cứu Đề tài app đặt thức ăn môn phát triển ứng dụng cho các thiết di động, tổng hợp lý thuyết và thực hành, cung cấp kiến thức chuyên sâu về .

• Đề 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.

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. Màn hình chính và chi tiết sản phẩm: - Giao diện màn hình chính và chi tiết sản phẩm Figma 3:màn hình chính và chi tiết sản phẩm Mô tả: Khi đã đăng nhập thành công người dùng sẽ vào giao diện chính với rất đa dạng món ăn, có thanh search để tìm thức ăn có category để lọc theo danh mục, và khi chọn một món bất kỳ sẽ ra giao diện chi tiết sản phẩm cho người mua xem được thông tin sản phẩm và chọn số lượng để thêm vào giỏ hàng. Giao diện giỏ hàng và thanh toán: - Tương ứng với mỗi loại thanh toán có trường hợp khác nhau - Bằng tiền mặt -> xác nhận -> thành công - Crypto -> xác nhận -> thanh toán -> đợi -> thành công 7 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Figma 4: giỏ hàng và thanh toán Mô tả: Giao diện khi vào giỏ hàng người dùng có quyền xoá sửa sản phẩm đang có trong giỏ hàng, có thể add discount nếu có khi nhấn checkout thì sẽ hiện phươg thức thanh toán người dùng sẽ chọn phương thức mình muốn chọn tương ứng. Đối với tiền mặt thì xác nhận sẽ đến thành công còn đối với coinbase thì phải qua bước thanh toán đợi cho bên kia thanh toán xong nó sẽ dến màn hình thành công.

Giao diện thông báo đơn hàng, tracking đơn hàng: - Xem được thông tin đơn hàng, vị trí đơn hàng ở trên bảng đồ. 8 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Figma 5: thông báo đơn hàng, tracking đơn hàng Mô tả: Khi người dùng đặt hàng thành công thì sẽ có thông báo nhỏ ở trên màn hình chính để người dùng theo dõi đơn hàng, bên trong theo dõi đơn hàng sẽ có thông tin và vị trí của shiper trên bản đồ giúp người dùng định vị được vị trí. Giao diện cài đặt, thông tin người dùng, lịch sử đơn hàng. Figma 6: cài đặt, thông tin người dùng, lịch sử đơn hàng Mô tả: giao diện cài đặt sẽ có thông tin cười dùng các chức năng cơ bản của phần cài đặt như tài khoản, lịch sử đơn hàng hoặc là hỗ trợ và đăng xuất, lịch sử đơn hàng sẽ có đầy đủ thông tin của tất cả các đơn hàng từ trước đến nay còn phần tài khoản thì có thông tin người dùng cũng như cho phép chỉnh sửa thông tin người dùng.

Giao diện chào mừng đăng nhập, đăng ký, khôi phục mật khẩu app admin 9 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Figma 7: đăng nhập, đăng ký, khôi phục mật khẩu app admin Mô tả: đây là giao diện của app admin và shipper giao diện chào mừng, đăng nhập đăng ký và reset mật khẩu. Giao diện duyệt đơn hàng, chọn người giao hàng: Figma 8: duyệt đơn hàng, chọn người giao hàng Mô tả: Đây là giao diện duyệt đơn của admin khi có một đơn hàng mới sẽ hiện tại đây giúp cho admin quản lý đơn và phân công cho shipper nào của cửa hàng giao. 10 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG 9. Giao diện Màn hình chính admin, quản lý sản phẩm, danh mục, giảm giá, order.

Figma 9: Màn hình chính admin, quản lý sản phẩm, danh mục, giảm giá, order. Mô tả: Giao diện màn hình chính của admin có các chức năng quản lý cơ bản cửa hàng quản lý danh mục, sản phẩm, đơn hàng tương ứng thì có các chức năng thêm xoá sửa cho từng mục riêng đơn hàng thì không cho thêm xoá sửa chỉ cho xem. Giao diện xác minh cho shiper: 11 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Figma 10: xác minh cho shiper Mô tả: khi có shipper mới đăng ký sẽ cho shiper đó xác minh chứ không tuỳ tiện tạo tài khoản mà sẽ bắt buộc shipper xác nhận nào admin xác nhận thì tài khoản đó mới được dùng. Giao diện đăng xuất admin Figma 11: đăng xuất admin 12.

Giao diện xác minh, nhận đơn hàng, đi giao hàng: 12 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Figma 12: xác minh, nhận đơn hàng, đi giao hàng Mô tả: Khi lần đầu tạo làm shipper thì app bắt phải xác minh khi xác minh thành công thì giao diện 2 là giao diện chính, có đơn hàng mới nếu có, nhấn đơn hàng ta chọn nhận đơn hàng thì mở sang giao diện map để chúng ta giao hàng khi giao hàng thành công thì nhấn nhận đơn hàng thì quay về giao diện chính. Giao diện lịch sử giao hàng: 13 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Figma 13:lịch sử giao hàng và dăng xuất Mô tả: giao diện tất cả các đơn hàng mà shipper được giao để nhận đơn hàng từ trước giờ và giao diện cài đặt đăng xuất. 14 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG CHƯƠNG 2: CÀI ĐẶT HỆ THỐNG I. Môi trường phát triẻn.

Hệ điều hành: IOS Phiên bản: IOS 17.2 Ngôn ngữ: Swift Giao diện: SwìtUI Cấu trúc: MVVM Tool: Xcode Package: Firebase 1. iOS: iOS là hệ điều hành di động được phát triển bởi Apple Inc. cho các thiết bị của hã ng như iPhone, iPad và iPod Touch. iOS nổi bật với giao diện người dùng dựa trê n cử chỉ đa chạm như vuốt, tap và pinch.

Swift: Swift là một ngôn ngữ lập trình mạnh mẽ và trực quan được Apple phát triển. Nó dành cho phát triển ứng dụng trên hệ điều hành iOS, macOS, watchOS và tvOS. S wift được thiết kế để làm việc nhanh chóng và hiệu suất cao, đồng thời có cú pháp dễ hiểu và dễ đọc. SwiftUI: SwiftUI là một framework của Apple dùng để tạo giao diện người dùng trên tất cả các nền tảng của Apple bằng cách sử dụng ngôn ngữ Swift.

Nó cho phép bạn viết code giao diện người dùng theo cách tự nhiên và đơn giản, với cú pháp tuyên bố (declarative syntax). Xcode: Xcode là môi trường phát triển tích hợp (IDE) cho macOS, được sử dụng để phát triển phần mềm cho macOS, iOS, watchOS và tvOS. Nó bao gồm bộ công cụ phát triển toàn diện từ việc lập trình, gỡ lỗi đến thiết kế giao diện người dùng. MVVM: MVVM viết tắt của Model-View-ViewModel, là một mẫu thiết kế phần mềm.

Mẫ u này hỗ trợ việc tách biệt các mã liên quan đến UI (View) khỏi logic xử lý dữ liệ u (Model), với một thành phần trung gian là ViewModel, nơi mà business logic và logic hiển thị sẽ được xử lý. Firebase: Firebase là một nền tảng phát triển ứng dụng di động và web được mua lại bởi Go ogle. Nó cung cấp nhiều dịch vụ như cơ sở dữ liệu thời gian thực (Realtime Datab ase), xác thực (Authentication), báo cáo lỗi (Crash Reporting), và nhiều dịch vụ h ữu ích khác giúp đẩy nhanh quá trình phát triển và vận hành ứng dụng. 15 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG 7.

Cài đặt hệ thống: Clone project: git clone https://github.com/henrytran1803/apporderfool Mở dự án bằng Xcode Sau đó cho chạy trên máy yêu cầu hệ điều hành từ 17.2 trở lên để hoạt động mượt mà nhất II. Cấu trúc thư mục của dự án:  ModelView xử lý lấy dữ liệu.  Model cấu trúc dữ liệu để cho model view lấy.  Modules phần ứng dụng được chia nhỏ theo module.

 UI nơi chứa các phần dùng chung cho giao diện như Textfield …  Common nơi lưu trữ hình ảnh dữ liệu để sử dụng Hình ảnh 1: Cấu trúc file 2. App icon: 16 PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG Hình ảnh 2: Icon 3.