Luận văn: Phát triển ứng dụng quản lý quán cà phê và kết nối khách hàng

Luận văn tốt nghiệp CNTT: Nghiên cứu ứng dụng di động quản lý quán cà phê và kết nối khách hàng. Đề tài chất lượng cao, tập trung vào giải pháp công nghệ tiên

• Chuyên ngành: Công nghệ thông tin
• Đề tài: Ứng dụng di động quản lý quán cà phê và kết nối khách hàng
• Loại tài liệu: Khóa luận tốt nghiệp

Tóm tắt

I. Tại sao Ứng dụng Di động Quản lý Quán Cà Phê là Giải pháp Tối ưu Hiện nay

Ngành dịch vụ cà phê đang chứng kiến sự tăng trưởng mạnh mẽ, kéo theo nhu cầu cấp thiết về tối ưu vận hành quán cà phê và nâng cao trải nghiệm khách hàng cà phê. Trong bối cảnh đó, việc áp dụng ứng dụng di động quản lý quán cà phê không còn là một lựa chọn mà đã trở thành yếu tố then chốt quyết định sự thành công và khả năng cạnh tranh. Các quán cà phê truyền thống đang phải đối mặt với nhiều thách thức, từ việc quản lý đơn hàng thủ công, kiểm soát tồn kho kém hiệu quả, đến việc khó khăn trong việc xây dựng và duy trì mối quan hệ bền vững với khách hàng. Đặc biệt, sự xuất hiện của các nền tảng giao đồ ăn như GrabFood, GoJek Food hay Now Food đã thiết lập một tiêu chuẩn mới về tốc độ và tiện lợi, buộc các quán cà phê phải thích nghi nhanh chóng. Một ứng dụng di động quản lý quán cà phê chất lượng cao sẽ tích hợp nhiều chức năng, từ việc tiếp nhận đơn hàng online, quản lý bàn, nhân viên, đến hệ thống khách hàng thân thiết và giao hàng, tạo nên một hệ sinh thái số hóa toàn diện. Đây chính là giải pháp công nghệ quán cà phê giúp chuyển đổi mô hình kinh doanh, gia tăng hiệu suất và tạo ra sự khác biệt trên thị trường đầy cạnh tranh. Bài viết này sẽ phân tích chi tiết cách ứng dụng di động cải thiện quản lý quán cà phê và mang lại giá trị vượt trội.

1.1. Bối cảnh thị trường và sự cần thiết của công nghệ số hóa

Thị trường đồ uống tại Việt Nam nói chung và ngành cà phê nói riêng đang phát triển sôi động với sự cạnh tranh gay gắt. Người tiêu dùng ngày càng đòi hỏi sự tiện lợi, nhanh chóng và trải nghiệm cá nhân hóa. Các quán cà phê không chỉ cần phục vụ đồ uống ngon mà còn phải tối ưu hóa mọi quy trình từ order, thanh toán đến giao hàng. Việc phụ thuộc vào phương pháp quản lý truyền thống như ghi chép sổ sách, liên lạc điện thoại, hay sử dụng nhiều hệ thống rời rạc đang bộc lộ nhiều hạn chế về hiệu suất và khả năng mở rộng. Nền tảng số hóa thông qua ứng dụng di động quản lý quán cà phê là điều kiện tiên quyết để các doanh nghiệp thích nghi, duy trì tính cạnh tranh và đáp ứng được kỳ vọng ngày càng cao của khách hàng. Công nghệ không chỉ giúp giảm thiểu sai sót, tiết kiệm chi phí mà còn mở ra những kênh tương tác mới, giúp quán cà phê thấu hiểu và phục vụ khách hàng tốt hơn.

1.2. Những thách thức cốt lõi trong vận hành và kết nối khách hàng

Các quán cà phê hiện nay thường xuyên đối mặt với các vấn đề như: xử lý đơn hàng chậm trễ, sai sót trong quá trình phục vụ và thanh toán, khó khăn trong việc theo dõi thông tin khách hàng để cá nhân hóa dịch vụ, và thiếu công cụ hiệu quả để quản lý đội ngũ giao hàng. Theo tài liệu, việc quản lý các đơn hàng phức tạp từ nhiều kênh khác nhau, từ trực tiếp tại quán đến các ứng dụng giao đồ ăn, đòi hỏi một hệ thống thống nhất và tự động. Việc không có một hệ thống quản lý đơn hàng quán cà phê tập trung dẫn đến lãng phí thời gian, tăng chi phí và giảm sự hài lòng của khách hàng. Bên cạnh đó, việc xây dựng và duy trì sự kết nối khách hàng ứng dụng trung thành là một thách thức lớn khi không có công cụ thu thập và phân tích dữ liệu hiệu quả. Ứng dụng di động quản lý quán cà phê ra đời để giải quyết triệt để những vấn đề này, cung cấp một giải pháp tích hợp, toàn diện cho mọi khía cạnh vận hành.

II. Cách Ứng dụng Di động Giải quyết Vấn đề Quản lý Đơn hàng Quán Cà Phê Hiệu quả

Một trong những lợi ích cốt lõi mà ứng dụng di động quản lý quán cà phê mang lại là khả năng cách mạng hóa quy trình quản lý đơn hàng quán cà phê. Thay vì các phương pháp thủ công dễ sai sót, một hệ thống tích hợp cho phép tự động hóa từ khâu tiếp nhận, xử lý đến giao hàng và thanh toán. Giải pháp này không chỉ tối ưu hóa luồng công việc mà còn giảm thiểu đáng kể thời gian chờ đợi cho khách hàng, đồng thời cung cấp cái nhìn toàn diện về hiệu suất kinh doanh cho chủ quán. Các chức năng như quản lý menu đa dạng, hiển thị thông tin chi tiết sản phẩm, khả năng tùy chỉnh đơn hàng, và tích hợp các phương thức thanh toán điện tử giúp nâng cao trải nghiệm mua sắm. Đặc biệt, với các tính năng theo dõi trạng thái đơn hàng theo thời gian thực, khách hàng luôn được cập nhật, từ đó tăng sự hài lòng và tin tưởng vào dịch vụ. Sự minh bạch và hiệu quả trong quản lý đơn hàng quán cà phê là yếu tố then chốt để xây dựng một thương hiệu mạnh mẽ và bền vững trên thị trường cạnh tranh. Một ứng dụng di động quản lý quán cà phê hiệu quả sẽ là xương sống cho mọi hoạt động, giúp quán cà phê vận hành trơn tru và phát triển mạnh mẽ.

2.1. Kiến trúc hệ thống Nền tảng Express và các thành phần ứng dụng

Việc phát triển ứng dụng di động cho quản lý quán cà phê đòi hỏi một kiến trúc hệ thống mạnh mẽ và linh hoạt. Tài liệu gốc đề cập đến việc sử dụng Express framework cho phần backend, một lựa chọn phổ biến cho các ứng dụng web và di động nhờ tính nhẹ và hiệu suất cao. Kiến trúc này thường bao gồm các thành phần chính như Client App (ứng dụng dành cho khách hàng), Shipper App (ứng dụng dành cho người giao hàng), POS App (ứng dụng điểm bán hàng tại quán) và CMS App (hệ thống quản lý nội dung cho chủ quán/admin). Mỗi ứng dụng được thiết kế để phục vụ một nhóm người dùng cụ thể, đảm bảo sự phân quyền và tối ưu hóa trải nghiệm. Client App cho phép khách hàng đặt hàng, theo dõi đơn hàng; Shipper App giúp quản lý việc giao nhận; POS App hỗ trợ nhân viên tại quầy; và CMS App cung cấp khả năng quản trị tổng thể. Sự kết nối chặt chẽ giữa các thành phần này thông qua API do Express backend cung cấp tạo nên một giải pháp công nghệ quán cà phê thống nhất và hiệu quả.

2.2. Mô hình hoạt động và luồng dữ liệu liên tục

Mô hình hoạt động của ứng dụng di động quản lý quán cà phê được thiết kế để đảm bảo luồng dữ liệu thông suốt và liên tục giữa các tác nhân. Khách hàng thông qua Client App tạo đơn hàng, thông tin này được chuyển đến POS App và CMS App. Sau đó, đơn hàng được xử lý, và một shipper sẽ nhận đơn qua Shipper App. Toàn bộ quá trình từ khi đặt hàng, thanh toán (Payment sequence diagram), thay đổi trạng thái đơn hàng (Change state order sequence diagram) đến theo dõi thống kê (Statistic sequence diagram) đều được quản lý và cập nhật theo thời gian thực. Các biểu đồ Use Case (Figure 3. POS use case diagram, Client app use case diagram, CMS use case diagram, Shipper app use case diagram) chi tiết hóa các tương tác của từng vai trò người dùng với hệ thống, đảm bảo mọi hoạt động được định nghĩa rõ ràng. Ví dụ, Make the order CA 1.7 trong Client App hay Accept order SA 1.2 trong Shipper App mô tả các chức năng cốt lõi. Sự liên kết này tạo ra một hệ sinh thái nơi quản lý đơn hàng quán cà phê được thực hiện một cách tự động và minh bạch, hỗ trợ đắc lực cho việc tối ưu vận hành quán cà phê.

III. Phương pháp Tối ưu Trải nghiệm Khách hàng và Vận hành với Ứng dụng Shipper Client CMS

Để thực sự nâng tầm một quán cà phê trong kỷ nguyên số, việc tối ưu vận hành quán cà phê cần đi đôi với việc nâng cao trải nghiệm khách hàng cà phê. Ứng dụng di động quản lý quán cà phê hiện đại không chỉ dừng lại ở việc xử lý đơn hàng mà còn mở rộng ra các tính năng tương tác khách hàng và quản lý chuỗi cung ứng. Tài liệu nghiên cứu đã phác thảo một hệ sinh thái toàn diện bao gồm ba ứng dụng chủ chốt: Client App, Shipper App và CMS App. Client App đóng vai trò như cầu nối trực tiếp giữa quán cà phê và khách hàng, cung cấp khả năng đặt hàng tiện lợi, theo dõi trạng thái đơn hàng và tương tác cá nhân hóa. Shipper App là công cụ không thể thiếu để đảm bảo việc giao hàng diễn ra nhanh chóng, chính xác, nâng cao hiệu suất của đội ngũ vận chuyển. Cuối cùng, CMS App cung cấp cho chủ quán và quản lý một cái nhìn tổng quan và khả năng kiểm soát toàn bộ hoạt động kinh doanh. Sự phối hợp nhịp nhàng của ba ứng dụng này tạo nên một giải pháp công nghệ quán cà phê mạnh mẽ, không chỉ giải quyết các vấn đề vận hành mà còn tạo ra lợi thế cạnh tranh bền vững thông qua việc xây dựng lòng trung thành của khách hàng và tối đa hóa hiệu quả hoạt động.

3.1. Ứng dụng Shipper và Client Nâng cao tốc độ giao hàng kết nối khách hàng ứng dụng

Ứng dụng khách hàng (Client App) và ứng dụng shipper (Shipper App) là hai trụ cột chính trong việc kết nối khách hàng ứng dụng và đảm bảo tốc độ giao hàng. Client App được thiết kế để mang lại trải nghiệm đặt hàng liền mạch, cho phép khách hàng View product by categories CA 1.8, Add to cart CA 1.4, Make the order CA 1.7 và Track order status CA 1.9, thậm chí Track shipper location CA 1.11. Khả năng theo dõi đơn hàng theo thời gian thực, ước tính thời gian giao hàng (Estimate duration time and distance CA 1.15) và lựa chọn phương thức thanh toán, voucher (Choose payment method CA 1.14, Choose the voucher CA 1.15) đều góp phần nâng cao sự hài lòng. Ứng dụng shipper là công cụ thiết yếu cho đội ngũ giao hàng, giúp họ Accept order SA 1.2, Change delivery state SA 1.3, và Navigate to call dial SA 1.4 để liên lạc với khách hàng. Như mô tả trong tài liệu, khi shipper Tap to track button, hệ thống sẽ hiển thị bản đồ Google và bottom sheet where shows a timeline of delivery progress with 4 milestones. Điều này không chỉ tối ưu vận hành quán cà phê mà còn củng cố niềm tin và sự hài lòng từ phía khách hàng.

3.2. Hệ thống quản lý nội bộ CMS và POS Kiểm soát toàn diện quản lý đơn hàng quán cà phê

Để quản lý đơn hàng quán cà phê một cách hiệu quả và kiểm soát toàn diện hoạt động kinh doanh, hệ thống quản lý CMS quán cà phê và ứng dụng POS (Point of Sale) đóng vai trò trung tâm. CMS App (hệ thống quản lý nội dung) cung cấp cho quản trị viên quyền năng để Create, Update, Delete category (CMS 1.2, 1.3, 1.4), Create, Update, Delete product (CMS 1.12, 1.13), Create, Update voucher (CMS 1.15, 1.16), và quản lý nhân sự, tài khoản shipper, hay thậm chí Block user (CMS 1.5). Đây là trái tim của việc quản lý dữ liệu sản phẩm, giá cả và chương trình khuyến mãi. POS App (ứng dụng tại quầy) được thiết kế cho nhân viên tại quán, hỗ trợ make order based on table, search food, merge order, view state of table, và make a payment (UC_1.5, UC_1.6, UC_1.7, UC_1.8, UC_1.14). Khả năng Sort dishes by duration UC_1.12 và Watch statistical (daily income) UC_1.16 cũng giúp nhân viên và quản lý theo dõi hiệu suất. Sự phối hợp giữa CMS và POS đảm bảo mọi giao dịch, từ khi khách hàng order đến khi thanh toán, đều được ghi nhận, quản lý chặt chẽ, từ đó tối ưu hóa quy trình vận hành và nâng cao hiệu quả quản lý đơn hàng quán cà phê.

IV. Hướng dẫn Phát triển Ứng dụng Quản lý Quán Cà Phê Từ Giao diện đến Kiểm thử Hệ thống

Quy trình phát triển ứng dụng di động cho quán cà phê không chỉ dừng lại ở ý tưởng và thiết kế kiến trúc mà còn bao gồm các giai đoạn quan trọng khác như thiết kế giao diện, triển khai thực tế và kiểm thử nghiêm ngặt. Mỗi bước đều đòi hỏi sự tỉ mỉ để đảm bảo sản phẩm cuối cùng là một giải pháp công nghệ quán cà phê hoàn chỉnh, đáp ứng được các yêu cầu về tính năng, hiệu suất và trải nghiệm người dùng. Tài liệu nghiên cứu đã trình bày chi tiết về phần thiết kế giao diện người dùng (UI/UX) cho từng ứng dụng con: POS App, Client App, Shipper App và CMS App, nhấn mạnh sự cần thiết của một thiết kế trực quan, dễ sử dụng. Tiếp đó, giai đoạn triển khai bao gồm việc cài đặt môi trường phát triển, quản lý mã nguồn và triển khai các máy chủ. Đặc biệt, khâu kiểm thử hệ thống được thực hiện một cách kỹ lưỡng với nhiều loại hình kiểm thử khác nhau và các trường hợp kiểm thử (test case) cụ thể cho từng ứng dụng, nhằm phát hiện và khắc phục lỗi trước khi đưa sản phẩm vào hoạt động. Đây là hướng dẫn phát triển ứng dụng quản lý quán cà phê toàn diện, từ ý tưởng đến sản phẩm thực tế.

4.1. Thiết kế giao diện người dùng UI UX trực quan và thân thiện

Thiết kế giao diện người dùng (User Interface – UI) và trải nghiệm người dùng (User Experience – UX) đóng vai trò cực kỳ quan trọng trong sự thành công của bất kỳ ứng dụng di động quản lý quán cà phê nào. Giao diện cần phải trực quan, dễ hiểu và dễ thao tác để mọi đối tượng người dùng, từ khách hàng, nhân viên đến shipper hay quản trị viên, đều có thể sử dụng hiệu quả. Tài liệu gốc đã cung cấp các mô tả chi tiết về User interfaces design cho từng ứng dụng: POS app user interfaces, Client app user interfaces (với màn hình Product in store screen), Shipper app user interfaces (với Pick-up request screen, Deliver history screen, Request detail screen), và CMS app user interfaces (cho CRUD POS application Employee). Một thiết kế UX tốt sẽ tối ưu hóa các luồng công việc (workflow), giảm thiểu số lượng bước cần thiết để hoàn thành một tác vụ, ví dụ như Order coffee from client app hay Take a coffee order from shipper application. Sự chú trọng vào UI/UX giúp kết nối khách hàng ứng dụng tốt hơn và nâng cao hiệu suất làm việc của đội ngũ vận hành.

4.2. Các giai đoạn triển khai và kiểm thử chất lượng ứng dụng

Sau giai đoạn thiết kế và phát triển, việc triển khai và kiểm thử là bước không thể thiếu để đảm bảo ứng dụng di động quản lý quán cà phê hoạt động ổn định và đáp ứng các yêu cầu phi chức năng (Non-functional requirements) như hiệu suất, bảo mật và khả năng mở rộng. Tài liệu đã đề cập đến SYSTEM IMPLEMENTATION AND TESTING, bao gồm Software development environment, Source code management, Require installing Web server and web client app, Deploy web server NodeJS và Deploy web client app. Đặc biệt, List of stages of testing và List of test types (như kiểm thử chức năng, hiệu năng, bảo mật) cùng với các test case cụ thể cho từng ứng dụng (POS, Shipper, Client, CMS app test case) chứng minh sự nghiêm ngặt trong quy trình. Ví dụ, Pick-up request screen của Shipper App sẽ có các test case kiểm tra khả năng nhận đơn, thay đổi trạng thái giao hàng. Việc kiểm thử kỹ lưỡng giúp phát hiện và khắc phục lỗi, đảm bảo rằng giải pháp công nghệ quán cà phê này đáng tin cậy và sẵn sàng cho môi trường thực tế, từ đó hỗ trợ tối ưu vận hành quán cà phê.

V. Tương Lai của Ứng dụng Di động Quản lý Quán Cà Phê và Tiềm Năng Mở Rộng

Việc phát triển ứng dụng di động cho quản lý quán cà phê không chỉ là giải pháp cho hiện tại mà còn mở ra nhiều tiềm năng phát triển trong tương lai. Công nghệ liên tục tiến hóa, và các ứng dụng di động quản lý quán cà phê sẽ cần phải thích nghi để duy trì tính cạnh tranh. Từ việc tích hợp trí tuệ nhân tạo (AI) để phân tích hành vi khách hàng, đề xuất sản phẩm cá nhân hóa, cho đến việc ứng dụng blockchain để tăng cường minh bạch trong chuỗi cung ứng, khả năng cải tiến là vô hạn. Việc mở rộng hệ thống sang các ngành dịch vụ ăn uống khác hoặc tích hợp với các hệ sinh thái thanh toán, giao hàng lớn hơn sẽ là những bước đi tự nhiên. Thành công của một giải pháp công nghệ quán cà phê phụ thuộc vào khả năng liên tục đổi mới, không ngừng lắng nghe phản hồi từ người dùng và thị trường để cải thiện. Đây chính là yếu tố then chốt giúp quán cà phê không chỉ tồn tại mà còn phát triển mạnh mẽ, dẫn đầu xu hướng trong tương lai.

5.1. Lợi ích vượt trội và đóng góp của giải pháp công nghệ quán cà phê

Việc áp dụng ứng dụng di động quản lý quán cà phê mang lại nhiều lợi ích vượt trội, không chỉ dừng lại ở hiệu quả vận hành mà còn tác động tích cực đến trải nghiệm khách hàng và doanh thu. Các lợi ích bao gồm: quản lý đơn hàng quán cà phê hiệu quả hơn, giảm thiểu sai sót, tăng tốc độ phục vụ; khả năng kết nối khách hàng ứng dụng thông qua các chương trình khuyến mãi, tích điểm, và phản hồi trực tiếp; tối ưu vận hành quán cà phê bằng cách tự động hóa nhiều quy trình; và cung cấp dữ liệu phân tích chi tiết giúp chủ quán đưa ra quyết định kinh doanh sáng suốt hơn. Việc có một hệ thống quản lý CMS quán cà phê toàn diện giúp kiểm soát mọi khía cạnh từ nhân sự, sản phẩm đến tài chính. Những đóng góp này không chỉ giúp quán cà phê nâng cao năng lực cạnh tranh mà còn xây dựng một thương hiệu hiện đại, chuyên nghiệp trong mắt khách hàng, đảm bảo sự phát triển bền vững.

5.2. Hướng phát triển và tích hợp công nghệ mới

Tương lai của ứng dụng di động quản lý quán cà phê hứa hẹn nhiều tiềm năng khi các công nghệ mới tiếp tục được tích hợp. Một trong những hướng phát triển chính là việc ứng dụng trí tuệ nhân tạo (AI) để dự đoán nhu cầu khách hàng, cá nhân hóa gợi ý sản phẩm và tối ưu hóa quy trình tồn kho. Công nghệ phân tích dữ liệu lớn (Big Data Analytics) sẽ giúp quán cà phê hiểu sâu hơn về hành vi mua sắm, sở thích và thói quen của khách hàng, từ đó điều chỉnh chiến lược kinh doanh. Ngoài ra, việc tích hợp mạnh mẽ với các thiết bị IoT (Internet of Things) như máy pha cà phê thông minh, hệ thống chiếu sáng tự động có thể tạo ra một môi trường vận hành hoàn toàn tự động và liền mạch. Cải tiến liên tục trong giao diện người dùng, bổ sung tính năng thanh toán đa dạng (ví dụ: ví điện tử quốc tế), và phát triển các mô hình ứng dụng shipper giao hàng hiệu quả hơn sẽ là trọng tâm. Sự đổi mới không ngừng này sẽ giúp phát triển ứng dụng di động trở thành một công cụ không thể thiếu, định hình lại cách quán cà phê tương tác với khách hàng và quản lý hoạt động.

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

Table of Contents Chapter 1. The urgency of the project. APPLICATINON & TECHNOLOGIES REVIEW. GrabFood, GoJek Food, Now Food.

What is problem?. What is solution?. What is Express framework. Shipper application description.

Client app actors. Shipper app actors. CMS app actors. Use case diagram.

Use case Description. POS app use case description. Shipper app use case description. Client app use case description.

CMS app use case description. Non- functional requirements. Front-end architecture. Back-end architecture.

Entity Relation Diagram. Payment sequence diagram. Change state order sequence diagram. Statistic sequence diagram.

Order coffee from client app. Take a coffee order from shipper application. Activity diagram payment. Activity change order state.

Activity view history order. Activity watch daily statistical. State machine diagram. Delivery order state machine.

User interfaces design. POS app user interfaces. Client app user interfaces. Product in store screen.

Shipper app user interfaces. Pick-up request screen. Deliver history screen. Request detail screen.

CMS app user interfaces. CRUD POS application Employee. SYSTEM IMPLEMENTATION AND TESTING. Software development environment.

Source code management. Require installing Web server and web client app. Deploy web server NodeJS. Deploy web client app.

List of stages of testing. List of test types. POS app test case. Shipper app test case.

Client app test case. CMS app test case .147 xi List of Figures Figure 3. POS use case diagram. Client app use case diagram.

CMS use case diagram. Shipper app use case diagram. Use case login .6 Use case logout. Use case get attendance.

Use case make order based on table. Use case search food. Use case merge order. Use case view state of table.

Use case split order. Use case find order by Id. Use case sort dish by duration. Use case change state order.

Use case sort dish by duration. Use case view order detail. Use case make a payment. Use case login.

Use case logout .21 Use case accept order. Use case change delivery state .23 Use case navigate to call dial .24 Use case history delivery. Use case login social network. Use case view profile.

Use case view the cart. Use case add to cart. Use case view map. Use case view the order history.

Use case make the order. Use case view product by categories. Use case track order status. Use case view the store .35 Use case track shipper location.

Use case estimate time and duration order. Use case view store near me .38 use case login. Use case create category. Use case update category.

Use case delete category. Use case block user. Use case create shipper account. Use case update shipper account.

Use case create employee. Use case update employee. Use case delete employee .49 Use case send SMS to employee. Use case create product.

Use case update product. Use case delete product. Use case create voucher. Use case update voucher.

Use case delete voucher. Use case create area .57 Use case delete area. Front-end project organization. Back-end project organization.

Entity Relation Diagram. Payment sequence diagram. Change state order sequence diagram. Statistic sequence diagram.

Order coffee from client diagram. Take coffee order from shipper application. Backend component diagram. Frontend component diagram.

Activity diagram payment. Activity change order state. Activity diagram view history order. Activity diagram watch daily statistical.

Delivery order state machine. Product in store screen. Pick-up request. CRUD POS application employee.

Availability for backend .131 xiv List of Tables Table 3. POS use case table. Shipper use case table. Client app use case table.

CMS use case table. Use case description login. Use case description logout. Use case description get attendance.

Use case description make order based on table. User case description search food. Use case description merge order. Use case description view state of table.

Use case description split order. Use case description find order by Id. Use case description change dish by duration. Use case description change state order.

Use case description sort dish by duration .17 Use case description view order detail. Use case description make a payment. Use case login description. Use case description logout.

Table use case description accept order. Table use case description change delivery state. Table use case description navigate to call dial. Use case description history delivery.

Use case description login social network. Use case description view profile. Use case description view the cart. Use case description add to cart.

Use case description view map. Use case description view the order history. Use case description make the order. Use case description view product by categories.

Use case description track order status. Use description view the store. Table use case description track shipper location. Table use case description estimate duration time and delivery fee.

Table use case description view store near me. Use case description login. Use case description register account. Use case description create category.

Use case description update category. Use case description delete category. Use case description block user. Use case description create shipper account.

Use case update shipper account. Use case description create employee. Use case description update employee. Use case description delete employee.

Use case description send SMS to employee. Use case description create product. Use case description update product. Use case description delete product.

Use case description create voucher. Use case description update product. Use case description update voucher. Use case description create are .57 Use case description delete area.

Dashboard UI description. Area screen UI description. Order screen UI description. Payment screen UI description.

Statistical screen UI description. Home screen description. Product in store description. Cart screen description.

Login screen description. Home screen description. Pick-up request description. Deliver history description.

Request detail screen description. Track screen description. Products management description. CRUD POS application employee.

Test case for POS app. Shipper app test case. Client app test case. Test case for CMS app .138 xvii Abstract Term Definition DB Database CMS Content management system POS Point of Sales IDE Integrated Development Environment APP Application xviii Chapter 1.

The urgency of the project Technology is increasingly developing, and the mobile phone is too developing. Everyone has tendency use the mobile phone everywhere. The POS (Point of sale) application for stores often develop in website or desktop. However, in a biggest store with so many employees, customers and any or a small store with a limit resource, building a system only using PC is difficult for develop and manage smoothy everything.

On the other hands, have so many POS apps working in the world, but not many apps can support shop owner and connect he with his customer. That is a reason we choose this topic. So, building a system, which look a mobile phone is center is the best solution. It helps developer and customer save a lot of time and resource.

And nearly time, Flutter by Google release in 2018, a new framework, help developer to build an application faster and Flutter can run multi-platform (iOS, android, web). Objective - Building the system connect the end user and coffeeshop owner to allow to make the drink, food using the Mobile application. - Support POS application for Coffee Shop. Technology - Mobile UI/UX: Flutter Framework.

- Backend: NodeJS with Express framework. - Frontend web: React library with Sematic UI kit. Scope Client application (Mobile): where show coffeeshop’s product to the end user (who login with google or facebook) can make the order, check status the order and tracking shipper location. Shipper application (Mobile): allow to the shipper can receive and delivery the order.

POS (Point of sales) application (Mobile): building modules management to support the coffeeshop such as: tables, orders, merge/split table, area, drink/food, payment, kitchen. 1 CMS (Content management system) application (Web): allow admin and coffeeshop owner can: - Coffeeshop owner: manage the employee, the product, the shipper. - Admin: manage the customer (coffeeshop owner), track system status. APPLICATINON & TECHNOLOGIES REVIEW 2.

POS App It’s support for any store need to manage digitally. It has common feature like that: mange table, area, make order and payment with many method (credit card, cash, digital wallet), In the order, app support quick order by user can order product manually. And then, it has notify feature that the bartender can notify for waiter when he done order, waiter can notify bartender when the customer feel long service, and then, can notify cashier when the customer request payment. GrabFood, GoJek Food, Now Food - GrabFood, GoJek Food, Now Food provides food delivery: - It is the intermediary application that is connect the customer with the store.

The customers can make the order for the store by the mobile application. - It provides the promotion, voucher for the customer. - It provides the tracking location shipper feature for the customer to easy check status the order. What is problem? In the present, the store must use 2 application POS Application and delivery application from 2 provider to support our business.

It doesn’t synchronization, making it difficult for coffee shop owners to manage. What is solution? - We will build the system connect the end user and the coffeeshop owner to allow to make the drink, food using the Mobile application. - We just focus on the coffee shop, but with the other business, the system still works well. Introduction Flutter - Flutter is an open-source mobile SDK developer.

- Flutter can use to build native-looking Android and iOS applications from the same code base. 3 - Flutter has been released since 2018. - Flutter is developed by Google. - Flutter is now the top 11 software repos based on GitHub stars.

- Flutter use Dart programming language. Why Flutter? Fast Development - Flutter is faster than many other application development frameworks. With its “hot reload” feature, you can experiment, build UIs, add/remove features, testing and fix bugs faster. Thus, reducing the overall app development time.

Expressive and Flexible UI - You can really build beautiful apps in Flutter. Also, the end-user experience is similar native apps. Flutter has a layered architecture that lets you control every pixel on the screen. Thus, customization is very simple in Flutter.

With its powerful composting capabilities, you can overlay and animate graphics, text, video, and other controls without any limitations. - You’ll also find a set of widgets that deliver pixel-perfect experiences on Android and iOS. It enables the ultimate realization of Material Design. Just in case, you don’t know, Material.io is Google’s initiative to build beautiful, usable products with Material Components for digital experiences.

Native Performance - Flutter’s widgets incorporate all critical platform differences such as scrolling, navigation, icons and fonts. This provides a native performance experience on both iOS and Android. Introduction NodeJS Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser.js lets developers use JavaScript to write command line tools and for server-side scripting-running scripts server-side to produce dynamic web page content before the page is sent to the user's web browser.