Đồ án tốt nghiệp Công nghệ Thông tin: Xây dựng Website và Ứng dụng Di động Quản lý Bán hàng

Đồ án tốt nghiệp CNTT tập trung xây dựng website và ứng dụng di động quản lý bán hàng, hỗ trợ tối ưu hóa quy trình kinh doanh hiệu quả.

• Tác giả: Ho Kim Tien
• Người hướng dẫn: Nguyen Duc Khoan, M.IT
• Trường học: Ho Chi Minh City University of Technology and Education
• Chuyên ngành: Information Technology
• Đề tài: Building a website and mobile application to manage sales
• Loại tài liệu: graduation thesis
• Năm xuất bản: 2024
• Địa điểm: Ho Chi Minh City

Mục lục chi tiết

• LỜI MỞ ĐẦU
• 1. CHƯƠNG 1: APPLICATION AND TECHNOLOGY REVIEW
• 1.1. App “Quan Ly Ban Hang”
• 1.2. App “KiotViet Ban Hang”
• 1.3. App “sshop – So ban hang”
• 1.4. App “AFaDa – Quan Ly Ban Hang”
• 1.5. ENVIRONMENT
• 1.6. Spring Boot
• 1.7. Spring Boot Flow Architecture
• 1.8. Why Spring Boot?
• 2. CHƯƠNG 2: PROJECT SPECIFICATION
• 2.1. NON-FUNCTIONAL REQUIREMENT
• 3. CHƯƠNG 3: SYSTEM DESIGN
• 3.1. ENTITY RELATION DIAGRAM
• 3.2. USER INTERFACES DESIGN
• 4. CHƯƠNG 4: VALIDATION AND DEPLOYMENT
• 4.1. TEST CASE DESIGN
• REFERENCES

Tóm tắt

I. Đồ án tốt nghiệp

Đồ án tốt nghiệp với chủ đề 'Xây dựng website và ứng dụng di động quản lý bán hàng' là một dự án thuộc chuyên ngành Công nghệ thông tin. Dự án này nhằm giải quyết nhu cầu thực tế trong việc quản lý bán hàng hiệu quả thông qua việc phát triển một hệ thống quản lý tích hợp cả website và ứng dụng di động. Đồ án không chỉ tập trung vào việc thiết kế website mà còn phát triển ứng dụng di động để đáp ứng nhu cầu sử dụng đa dạng của người dùng.

1.1. Mục tiêu đồ án

Mục tiêu chính của đồ án tốt nghiệp là xây dựng một hệ thống quản lý bán hàng toàn diện, bao gồm các chức năng như quản lý kho, quản lý đơn hàng, quản lý khách hàng, và quản lý doanh thu. Hệ thống được thiết kế để giúp các cửa hàng chuyển đổi từ phương pháp quản lý truyền thống sang quản lý số hóa một cách hiệu quả.

1.2. Tính cấp thiết

Với sự phát triển của kinh tế, các cửa hàng bán lẻ ngày càng nhiều, nhưng phần lớn vẫn sử dụng phương pháp quản lý truyền thống. Điều này gây khó khăn trong việc theo dõi và quản lý hiệu quả. Đồ án tốt nghiệp này ra đời nhằm giải quyết vấn đề đó, giúp các cửa hàng quản lý bán hàng một cách chuyên nghiệp và tiết kiệm thời gian.

II. Công nghệ thông tin

Công nghệ thông tin đóng vai trò quan trọng trong việc phát triển đồ án tốt nghiệp. Dự án sử dụng các công nghệ hiện đại như Spring Boot cho backend, ReactJS cho thiết kế giao diện web, và React Native cho phát triển ứng dụng di động. Các công nghệ này giúp đảm bảo tính linh hoạt và hiệu quả trong việc xây dựng hệ thống.

2.1. Spring Boot

Spring Boot được sử dụng để xây dựng backend của hệ thống. Nó giúp đơn giản hóa quá trình phát triển ứng dụng bằng cách loại bỏ các cấu hình phức tạp. Spring Boot cung cấp các tính năng như quản lý dữ liệu, xác thực API, và bảo mật hệ thống.

2.2. ReactJS và React Native

ReactJS được sử dụng để thiết kế giao diện web, trong khi React Native được dùng để phát triển ứng dụng di động. Cả hai công nghệ này đều dựa trên thư viện JavaScript, giúp đảm bảo tính nhất quán và dễ dàng bảo trì hệ thống.

III. Xây dựng website

Phần xây dựng website của đồ án tốt nghiệp tập trung vào việc thiết kế một giao diện quản trị dễ sử dụng và hiệu quả. Website được phát triển bằng ReactJS, giúp tối ưu hóa trải nghiệm người dùng và đảm bảo tính tương thích trên nhiều thiết bị.

3.1. Thiết kế giao diện

Giao diện website được thiết kế với mục tiêu thân thiện và dễ sử dụng. Các chức năng chính bao gồm quản lý sản phẩm, quản lý đơn hàng, và quản lý khách hàng. Giao diện được tối ưu hóa để đảm bảo người dùng có thể thao tác một cách nhanh chóng và hiệu quả.

3.2. Quản lý dữ liệu

Website tích hợp với cơ sở dữ liệu MySQL để lưu trữ và quản lý thông tin. Các API được xây dựng bằng Spring Boot giúp kết nối giữa giao diện người dùng và cơ sở dữ liệu một cách hiệu quả.

IV. Ứng dụng di động

Ứng dụng di động là phần không thể thiếu trong đồ án tốt nghiệp. Ứng dụng được phát triển bằng React Native, giúp người dùng có thể quản lý bán hàng mọi lúc, mọi nơi. Ứng dụng tích hợp các chức năng như quản lý kho, quản lý đơn hàng, và quản lý khách hàng.

4.1. Thiết kế giao diện di động

Giao diện ứng dụng di động được thiết kế tối ưu cho các thiết bị di động, đảm bảo tính thẩm mỹ và dễ sử dụng. Các chức năng chính được bố trí hợp lý, giúp người dùng dễ dàng thao tác.

4.2. Tích hợp API

Ứng dụng di động kết nối với backend thông qua các API được xây dựng bằng Spring Boot. Điều này giúp đảm bảo tính nhất quán dữ liệu giữa website và ứng dụng di động.

V. Quản lý bán hàng

Quản lý bán hàng là trọng tâm của đồ án tốt nghiệp. Hệ thống được thiết kế để hỗ trợ các chức năng như quản lý kho, quản lý đơn hàng, quản lý khách hàng, và quản lý doanh thu. Các chức năng này giúp người dùng quản lý cửa hàng một cách hiệu quả và chuyên nghiệp.

5.1. Quản lý kho

Hệ thống hỗ trợ quản lý kho bằng cách theo dõi số lượng sản phẩm, quản lý nhập xuất hàng hóa, và cảnh báo khi hàng hóa sắp hết. Điều này giúp người dùng kiểm soát kho hàng một cách chính xác.

5.2. Quản lý đơn hàng

Chức năng quản lý đơn hàng cho phép người dùng theo dõi trạng thái đơn hàng, từ khi đặt hàng đến khi giao hàng. Hệ thống cũng hỗ trợ in hóa đơn và quản lý thanh toán.

Nội dung chính

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

Trong bối cảnh kinh tế phát triển, số lượng các cửa hàng bán lẻ xuất hiện ngày càng nhiều trên thị trường. Tuy nhiên, phần lớn các đơn vị kinh doanh quy mô vừa và nhỏ vẫn duy trì phương thức quản lý bán hàng truyền thống thông qua sổ sách và ghi chép thủ công. Phương thức này bộc lộ nhiều hạn chế như tiêu tốn thời gian, dễ gây sai sót và khó khăn trong việc kiểm soát dòng tiền, tồn kho cũng như dữ liệu khách hàng. Sự phổ biến của các thiết bị di động thông minh đã mở ra nhu cầu chuyển đổi số cho công tác quản lý bán hàng, đặt ra yêu cầu xây dựng một giải pháp phần mềm vừa có thể vận hành trên trình duyệt web, vừa hoạt động tối ưu trên thiết bị di động.

Đồ án tốt nghiệp chuyên ngành Kỹ thuật phần mềm / Công nghệ thông tin của sinh viên Hồ Kim Tiền và Trương Phạm Lý Hương tại Trường Đại học Sư phạm Kỹ thuật TP.HCM (khóa 2020 – 2024), dưới sự hướng dẫn của ThS. Nguyễn Đức Khoan, tập trung giải quyết bài toán trên thông qua đề tài: "Building a website and mobile application to manage sales" (Xây dựng website và ứng dụng di động quản lý bán hàng).

Nhiệm vụ nghiên cứu của đồ án được xác định cụ thể theo hai phần:

1. Nhiệm vụ lý thuyết: Nghiên cứu các nền tảng và công nghệ phát triển phần mềm gồm Spring Boot, ReactJS, React Native, JSON Web Token (JWT), Redis và hệ quản trị cơ sở dữ liệu MySQL.
2. Nhiệm vụ thực hành:
   • Sử dụng Spring Boot để xây dựng hệ thống Backend và viết hệ thống RESTful API cho các phân hệ chức năng.
   • Sử dụng MySQL để lưu trữ toàn bộ dữ liệu người dùng và nghiệp vụ bán hàng.
   • Sử dụng ReactJS để thiết kế và xử lý giao diện website quản trị dành cho Quản trị viên (Admin).
   • Sử dụng React Native để thiết kế và xử lý giao diện ứng dụng di động cho toàn bộ các đối tượng người dùng trong hệ thống.

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

• Đối tượng nghiên cứu: Quy trình quản lý bán hàng, quản lý kho hàng, quản lý khách hàng, tích điểm thưởng, hóa đơn và báo cáo doanh thu trong mô hình kinh doanh bán lẻ; các kỹ thuật phát triển ứng dụng di động đa nền tảng và dịch vụ web hướng API.
• Phạm vi không gian và thời gian: Đề tài được thực hiện từ tháng 03/2024 đến tháng 06/2024 (ngày giao đề tài: 03/04/2024, nộp báo cáo: 15/06/2024) phục vụ việc nghiệm thu khóa luận tốt nghiệp kỹ sư/cử nhân CNTT.

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

Đồ án kết hợp nghiên cứu lý thuyết công nghệ phần mềm với phương pháp khảo sát ứng dụng thực tế và phân tích thiết kế hệ thống theo hướng đối tượng:

• Khảo sát và đánh giá sản phẩm tương đương: Nhóm tác giả tiến hành khảo sát và phân tích chức năng, ưu nhược điểm của 4 ứng dụng bán hàng đang hoạt động trên thị trường:

  • App "Quản Lý Bán Hàng": Có đầy đủ tính năng tìm kiếm, bố cục rõ ràng nhưng giao diện chưa tối ưu không gian và chứa nhiều quảng cáo.
  • App "KiotViet Bán Hàng": Hỗ trợ quét mã vạch, in hóa đơn, giao diện mượt mà nhưng chưa tối ưu quản lý khách hàng và phân chia bố cục chưa rõ ràng.
  • App "sshop – Sổ bán hàng": Hỗ trợ đa ngôn ngữ, phân tích hiệu suất nhưng phụ thuộc hoàn toàn vào kết nối mạng, giao diện còn che khuất một số vùng hiển thị.
  • App "AFaDa – Quản Lý Bán Hàng": Giao diện trực quan, quản lý đơn hàng tốt nhưng phụ thuộc hạ tầng mạng internet.

• Khung công nghệ và nền tảng:

  • Spring Boot (Java): Kiến trúc phân lớp (Layered Architecture) gồm Controller (tiếp nhận HTTP Request), Service (xử lý logic nghiệp vụ) và JPA Model (ánh xạ dữ liệu quan hệ với cơ sở dữ liệu).
  • ReactJS & React Native (JavaScript): Xây dựng giao diện dựa trên kiến trúc thành phần (Component-based), sử dụng JSX, Virtual DOM, quản lý trạng thái tập trung với Redux và xử lý bất đồng bộ (side-effects) thông qua Redux-saga.
  • Cơ sở dữ liệu & Caching: MySQL đóng vai trò RDBMS lưu trữ dữ liệu có cấu trúc; Redis đóng vai trò in-memory data store phục vụ bộ nhớ đệm (caching), tăng tốc độ truy xuất.
  • Bảo mật & Xác thực: Sử dụng JSON Web Token (JWT) để xác thực và phân quyền truy cập API giữa client và server.

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình Client-Server phân tán, tách biệt hoàn toàn giữa tầng hiển thị và tầng dịch vụ thông qua RESTful API.

1. Kiến trúc phân quyền và tác tử (Actors)

Hệ thống xác định 4 nhóm tác tử chính với các quyền hạn cụ thể:

Tác tử (Actor)	Nền tảng	Quyền hạn và Chức năng chính
Guest (Khách)	Mobile	Đăng ký tài khoản, đăng nhập hệ thống, đăng nhập bằng tài khoản Google, khôi phục mật khẩu qua email.
Buyer (Người mua)	Mobile	Quản lý thông tin cá nhân, xem và lọc lịch sử hóa đơn, xem điểm tích lũy tại các cửa hàng, hiển thị mã QR cá nhân để tích điểm, nhận thông báo mua hàng, đăng ký nâng cấp thành Store Owner (dùng thử 30 ngày).
Store Owner (Chủ cửa hàng)	Mobile	Cấu hình cửa hàng; quản lý sản phẩm và sản phẩm nhập (thêm, sửa, xóa, lọc); quản lý hóa đơn và xử lý đổi/trả hàng; quét mã vạch sản phẩm để bán hàng; quản lý sổ nhập/xuất kho; quản lý khách hàng; quản lý mã giảm giá (coupon); xem báo cáo thống kê (lợi nhuận, doanh thu, tồn kho); xem và mua gói dịch vụ gia hạn tài khoản.
Admin (Quản trị viên)	Website & Mobile	Xem bảng điều khiển thống kê (số tài khoản, cửa hàng, giao dịch mới trong ngày); quản lý tài khoản (khóa/mở khóa); quản lý và xuất dữ liệu giao dịch/tài khoản/cửa hàng ra tệp Excel; quản lý các gói cước dịch vụ; gửi thông báo hệ thống (tài khoản sắp hết hạn, cảnh báo hàng hết hạn); bật/tắt chế độ bảo trì hệ thống.

2. Thiết kế logic và tương tác (Sequence Diagrams)

Đồ án xây dựng chi tiết các biểu đồ tuần tự cho các luồng nghiệp vụ trọng yếu:

• Đăng nhập qua Google (Login with Google): Xác thực token qua Google OAuth2 và đồng bộ với hệ thống người dùng.
• Mua và gia hạn gói dịch vụ (Purchase & Extend Service): Xử lý giao dịch nâng cấp tài khoản chủ cửa hàng, tính toán chu kỳ gia hạn sau thời gian dùng thử 30 ngày.
• Bán hàng và xuất hóa đơn (Sell & Export Receipt): Nhận dữ liệu quét mã sản phẩm, kiểm tra tồn kho, áp dụng mã giảm giá/tích điểm qua QR của khách hàng, cập nhật sổ kho và tạo biên lai.
• Hệ thống thông báo (Notification): Kích hoạt thông báo tự động cho người mua khi giao dịch hoàn tất, gửi cảnh báo sản phẩm sắp hết hạn đến chủ cửa hàng.
• Báo cáo thống kê (View Report): Tổng hợp dữ liệu theo bộ lọc thời gian để hiển thị biểu đồ doanh thu, thống kê lợi nhuận theo sản phẩm và trạng thái kho hàng.

3. Quy trình đóng gói và triển khai (Deployment)

• Tầng Server: Đóng gói mã nguồn backend bằng Gradle, triển khai lên nền tảng đám mây SAP thông qua Cloud Foundry.
• Tầng Cơ sở dữ liệu & Cấu hình: Quản lý tham số kết nối, khóa bí mật JWT và cấu hình môi trường thông qua tệp biến môi trường .env.
• Tầng Ứng dụng di động: Đóng gói và phát hành ứng dụng React Native cho môi trường di động.

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

Chapter 1: Application and technology review

Chương này tập trung vào hai nội dung chính: đánh giá các phần mềm hiện có và trình bày nền tảng công nghệ áp dụng. Nhóm tác giả phân tích các ưu điểm và hạn chế của bốn ứng dụng di động thực tế tại Việt Nam ("Quản Lý Bán Hàng", "KiotViet Bán Hàng", "sshop", "AFaDa"). Từ đó, chương tài liệu thiết lập luận điểm về sự cần thiết của một ứng dụng di động kết hợp web quản trị vừa có khả năng quản lý kho, vừa hỗ trợ tích điểm khách hàng qua mã QR. Phần thứ hai của chương làm rõ lý thuyết về Spring Boot (kiến trúc MVC phân lớp, embedded Tomcat, JPA), ReactJS (Virtual DOM, JSX, Redux-saga), React Native (cơ chế cross-platform), MySQL (hệ quản trị cơ sở dữ liệu quan hệ) và Redis (lưu trữ in-memory).

Chapter 2: Project specification

Chương 2 trình bày toàn bộ thông số kỹ thuật và yêu cầu của dự án. Nội dung bao gồm việc phân rã yêu cầu chức năng cho 4 nhóm tác tử (Guest, Buyer, Store Owner, Admin) cùng các yêu cầu phi chức năng. Tác giả xây dựng sơ đồ Use case tổng quát và chi tiết cho 59 use case khác nhau, kèm theo bảng mô tả chi tiết từng use case (Sign up, Login, Recover password, Sell, Scan QR, Manage import/export book, v.v.). Mỗi use case được định nghĩa rõ ràng về tác tử, mục tiêu, điều kiện tiên quyết (Preconditions), sự kiện kích hoạt (Triggers), kịch bản chính (Main success scenario) và các trường hợp ngoại lệ (Exceptions).

Chapter 3: System design

Chương 3 đi sâu vào thiết kế kỹ thuật của hệ thống. Nội dung bao gồm:

• Sơ đồ thực thể liên kết (Entity Relationship Diagram - ERD): Mô hình hóa cấu trúc bảng dữ liệu trong MySQL để lưu trữ tài khoản, cửa hàng, sản phẩm, phiếu nhập kho, phiếu xuất kho, hóa đơn bán hàng, khách hàng, điểm tích lũy và gói dịch vụ.
• Biểu đồ tuần tự (Sequence Diagrams): Mô tả chi tiết 16 luồng tương tác giữa các lớp đối tượng đối với các chức năng như đăng nhập Google, mua dịch vụ, xuất hóa đơn, lọc báo cáo, lọc coupon, khóa tài khoản, tải hình ảnh, nhập kho.
• Thiết kế giao diện (User Interfaces Design): Mô tả thiết kế và luồng giao diện cho hơn 70 màn hình bao gồm các dashboard của Buyer, Store Owner, Admin trên mobile và hệ thống trang quản trị web trên ReactJS.

Chapter 4: Validation and deployment

Chương 4 mô tả công tác kiểm thử chất lượng và quy trình triển khai phần mềm:

• Thiết kế kịch bản kiểm thử (Test Case Design): Xây dựng bảng kiểm thử chi tiết theo từng tác tử (Admin test cases, Store owner test cases, Buyer test cases, Guest test cases) nhằm xác thực tính chính xác của các luồng nghiệp vụ.
• Quy trình triển khai: Trình bày các bước đóng gói backend Spring Boot sử dụng công cụ Gradle, triển khai dịch vụ lên hạ tầng SAP thông qua Cloud Foundry, thiết lập cấu hình tệp .env và đóng gói ứng dụng di động React Native.

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

1. Kết quả kỹ thuật đạt được

Đồ án đã hoàn thành đầy đủ các mục tiêu đề ra theo kế hoạch thực hiện từ 14/03/2024 đến 20/06/2024:

• Xây dựng hoàn chỉnh hệ thống Backend bằng Spring Boot, cung cấp các REST API cho toàn bộ các module: xác thực, quản lý kho, bán hàng, tích điểm, báo cáo và quản trị.
• Thiết kế và lập trình ứng dụng di động đa nền tảng bằng React Native, phục vụ trải nghiệm người dùng cho Khách vãng lai, Người mua hàng và Chủ cửa hàng.
• Xây dựng giao diện Web Dashboard bằng ReactJS dành riêng cho Quản trị viên hệ thống để theo dõi các chỉ số giao dịch, tài khoản và trạng thái bảo trì.
• Tích hợp thành công cơ chế quét mã vạch phục vụ tra cứu/bán sản phẩm và quét mã QR định danh khách hàng để tích điểm mua hàng.
• Xây dựng mô hình kinh doanh phần mềm dạng dịch vụ (SaaS): Cho phép tài khoản chủ cửa hàng dùng thử miễn phí 30 ngày, sau đó quản lý gia hạn theo các gói dịch vụ (Service Packages).

2. Đóng góp thực tiễn của đề tài

• Cung cấp một giải pháp chuyển đổi số khả thi, chi phí thấp cho các cửa hàng bán lẻ truyền thống đang phụ thuộc vào sổ sách giấy tờ.
• Giải quyết bài toán liên kết giữa chủ cửa hàng và người mua thông qua cơ chế tích điểm bằng mã QR cá nhân, khắc phục nhược điểm thiếu tính năng quản lý khách hàng ở một số ứng dụng hiện có trên thị trường.
• Chuẩn hóa quy trình quản lý bán hàng từ khâu nhập kho, xuất kho, quét mã bán hàng tại quầy đến thống kê doanh thu và lợi nhuận tự động.

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

Dựa trên nội dung báo cáo và phạm vi thực hiện của đề tài, các hạn chế và hướng mở rộng được xác định gồm:

• Hạn chế:
  • Ứng dụng phụ thuộc vào kết nối mạng internet để đồng bộ dữ liệu giữa thiết bị di động và máy chủ API (chưa có chế độ lưu trữ ngoại tuyến hoàn toàn khi mất mạng).
  • Quy mô triển khai và thử nghiệm hệ thống mới dừng lại ở phạm vi đồ án tốt nghiệp với các kịch bản kiểm thử chức năng theo ca sử dụng, chưa có số liệu đo lường tải diện rộng trong môi trường sản xuất thực tế.
• Hướng phát triển tiếp theo:
  • Tối ưu hóa hiệu năng lưu trữ và xử lý của cơ sở dữ liệu MySQL và bộ nhớ đệm Redis khi quy mô bản ghi tăng trưởng lớn.
  • Mở rộng thêm các phương thức thanh toán trực tuyến qua cổng thanh toán điện tử thay vì chỉ ghi nhận hóa đơn bán hàng trực tiếp.
  • Hoàn thiện tính năng đồng bộ ngoại tuyến (offline sync) khi mạng gián đoạn để đảm bảo việc bán hàng không bị ngắt quãng.

Giá trị tham khảo

Báo cáo đồ án tốt nghiệp này mang lại giá trị tham khảo chuyên môn cho:

• Sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Là tài liệu tham khảo thực tế về cấu trúc đồ án tốt nghiệp ứng dụng, từ khâu khảo sát sản phẩm tương đương, phân tích yêu cầu (Use Case Specification), thiết kế hệ thống (ERD, Sequence Diagram) đến kiểm thử và đóng gói phần mềm.
• Lập trình viên phát triển hệ thống quản lý bán hàng: Tham khảo mô hình kiến trúc kết hợp giữa Spring Boot (Backend API), ReactJS (Web Admin) và React Native (Mobile App), đặc biệt là logic xử lý mã vạch sản phẩm, tích điểm qua QR code và quản lý chu kỳ gói dịch vụ (SaaS).

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

1. Đồ án phân chia hệ thống thành những nhóm tác tử (actors) nào?
Hệ thống xác định 4 nhóm tác tử rõ ràng: Khách vãng lai (Guest), Người mua hàng (Buyer), Chủ cửa hàng (Store Owner) và Quản trị viên hệ thống (Admin).

2. Chính sách quản lý tài khoản dành cho Chủ cửa hàng (Store owner) được thiết lập như thế nào?
Khi người dùng đăng ký nâng cấp thành Chủ cửa hàng, hệ thống cấp quyền dùng thử miễn phí trong thời gian 30 ngày. Sau khi hết thời gian 30 ngày dùng thử, chủ cửa hàng phải mua các gói dịch vụ gia hạn (Service Packages) để tiếp tục sử dụng các chức năng quản lý bán hàng.

3. Công nghệ nào được sử dụng để xây dựng Backend, Web Admin và Mobile App trong đồ án?
Hệ thống sử dụng Java Spring Boot để viết REST API cho tầng Backend, MySQL và Redis để lưu trữ và đệm dữ liệu; sử dụng ReactJS kết hợp Redux/Redux-saga để phát triển website quản trị cho Admin; và sử dụng React Native để phát triển ứng dụng di động đa nền tảng cho người dùng.

4. Chủ cửa hàng có thể theo dõi những dạng báo cáo thống kê nào trên ứng dụng di động?
Chủ cửa hàng có thể xem 3 phân hệ báo cáo chính: Báo cáo lợi nhuận (Profit report - chi tiết theo sản phẩm/hóa đơn/ngày), Báo cáo doanh thu (Sale report - biểu đồ và bảng thống kê doanh thu theo thời gian) và Báo cáo kho hàng (Warehouse report - giá trị kho, cảnh báo hàng hết hạn, lịch sử nhập/xuất kho).

5. Backend của hệ thống được đóng gói và triển khai lên hạ tầng nào?
Theo tài liệu đồ án, mã nguồn máy chủ Backend được biên dịch và đóng gói bằng Gradle, sau đó được triển khai lên nền tảng đám mây SAP thông qua Cloud Foundry, sử dụng tệp .env để quản trị biến môi trường.

Kết luận

Đồ án tốt nghiệp "Building a website and mobile application to manage sales" của sinh viên Hồ Kim Tiền và Trương Phạm Lý Hương tại Trường Đại học Sư phạm Kỹ thuật TP.HCM đã hoàn thành đầy đủ các mục tiêu thiết kế và xây dựng một giải pháp quản lý bán hàng toàn diện. Hệ thống kết hợp đồng bộ giữa ứng dụng di động React Native cho người mua và chủ shop với trang web quản trị ReactJS cho quản trị viên, vận hành trên nền tảng backend Spring Boot và cơ sở dữ liệu MySQL/Redis. Đề tài không chỉ đáp ứng tốt yêu cầu học thuật của khóa luận tốt nghiệp kỹ sư CNTT mà còn đưa ra cấu trúc nghiệp vụ bán lẻ và tích điểm QR có tính ứng dụng thực tiễn cao.

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

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS MAJOR: INFORMATION TECHNOLOGY BUILDING A WEBSITE AND MOBILE APPLICATION TO MANAGE SALES INSTRUCTOR: NGUYEN DUC KHOAN STUDENT: HO KIM TIEN TRUONG PHAM LY HUONG Ho Chi Minh city, June 2024 HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY -----🙞🙜🕮🙞🙜----- HO KIM TIEN – 20110572 TRUONG PHAM LY HUONG – 20110081 Thesis name: BUILDING A WEBSITE AND MOBILE APPLICATION TO MANAGE SALES GRADUATION THESIS ADVISOR NGUYEN DUC KHOAN, M.IT COURSE 2020 - 2024 HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY -----🙞🙜🕮🙞🙜----- HO KIM TIEN – 20110572 TRUONG PHAM LY HUONG – 20110081 Thesis name: BUILDING A WEBSITE AND MOBILE APPLICATION TO MANAGE SALES GRADUATION THESIS ADVISOR NGUYEN DUC KHOAN, M.IT COURSE 2020 – 2024 THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness *** Ho Chi Minh City, December 2023 ADVISOR EVALUATION SHEET Student name: Ho Kim Tien Student ID: 20110572 Student name: Truong Pham Ly Huong Student ID: 20110081 Major: Information Technology Thesis name: Building a website and mobile application to manage sales. Advisor: Nguyen Duc Khoan, M. Content of the project:. Approval for oral defense? .) Ho Chi Minh City ADVISOR THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness *** Ho Chi Minh City, December 2023 PRE-DEFENSE EVALUATION SHEET Student name: Ho Kim Tien Student ID: 20110572 Student name: Truong Pham Ly Huong Student ID: 20110081 Major: Information Technology Thesis name: Building a website and mobile application to manage sales.

Name of Reviewer:. Content of the project:. Approval for oral defense? .) Ho Chi Minh City REVIEWER ACKNOWLEDGEMENTS To complete this topic and report, we would like to send our sincere thanks to lecturer, Nguyen Duc Khoan, who directly supported us throughout the project process. We thank the teacher for advising his practical experience to guide us by the requirements of the chosen topic, always answering questions, and providing timely suggestions and corrections time to help us overcome our shortcomings and complete it well and on time.

This is also the first time we have done this discussion, with limited knowledge and many other technical limitations and experience in implementing a software project. Therefore, in creating this topic, there are some shortcomings, so we look forward to receiving your valuable comments so that our knowledge can be improved and we can do better. We sincerely thank you. Finally, we respectfully wish you good health and greater success in your career.

We want to express our sincerest thanks to the teachers, especially Mr. Nguyen Duc Khoan. HCMC University Of Technology And Education Faculty Of Information Technology GRADUATION THESIS OUTLINE Student name: Ho Kim Tien Student ID: 20110572 Student name: Truong Pham Ly Huong Student ID: 20110081 Date receive: 2024-04-03 Date submit: 2024-06-15 Major: Software Technology Thesis name: Building a website and mobile application to manage sales. Advisor: Nguyen Duc Khoan, M.IT Mission of the thesis: 1.

Theory: Learn about technologies: Spring Boot, ReactJS, React Native. Practice: - Use Spring Boot to build backend, and write API for modules in the system. - Use MySQL to store the system's user data. - Use ReactJS to design and handle web interfaces for admin.

- Use React Native to design and handle mobile interfaces for all actors. Thesis outline: TABLE OF CONTENT 1. The urgency of the thesis 1. Chapter 1: Application and technology review 1.

Chapter 2: Project specification 2. Non-functional requirement 3. Chapter 3: System design 3. Entity relation diagram 3.

User interfaces design 4. Chapter 4: Validation and deployment 4. Test case design 4. References IMPLEMENTATION PLAN: No Time Work Note 1 14/03/2024 – 21/03/2022 - Application review - Use case design and project specification 2 22/03/2024 – 29/03/2024 - Learn about JavaScript's React library and Spring Boot - Learn about the React Native framework 3 30/03/2024 – 04/04/2024 - Learn about JSON Web Token to apply to system API authentication and authorization - Learn about MySQL to apply to the system's user data storage 4 05/04/2024 – 03/05/2024 - Proceed to write API - Proceed to build the user interface for the system 5 04/05/2024 – 06/06/2024 - Bring the built parts together (interface, API, database).

- Learn and modify the system to perfection. 6 07/06/2024 – 18/06/2024 - Test the system and fix errors 7 19/06/2024 – 20/06/2024 - Write and complete reports Day Month Year 2024 Thesis group Advisor’s feedback (sign and print full name) TABLE OF CONTENT INTRODUCTION. THE URGENCY OF THE THESIS. 3 CHAPTER 1: APPLICATION AND TECHNOLOGY REVIEW.

App “Quan Ly Ban Hang”. App “KiotViet Ban Hang”. 15 CHAPTER 2: PROJECT SPECIFICATION. NON-FUNCTIONAL REQUIREMENT.

109 CHAPTER 3: SYSTEM DESIGN. ENTITY RELATION DIAGRAM. Login with google sequence diagram. Purchase service sequence diagram.

Notification sequence diagram. Export receipt sequence diagram. View report sequence diagram. Filter product sequence diagram.

Filter payment sequence diagram. Filter coupon sequence diagram. Disable account sequence diagram. USER INTERFACES DESIGN.

125 CHAPTER 4: VALIDATION AND DEPLOYMENT. TEST CASE DESIGN. 209 LIST OF FIGURES Figure 1.1 App “Quan Ly Ban Hang" .2 App “KiotViet Ban hang” .3 App “sshop – So ban hang”.4 App “AFaDa – Quan Ly Ban Hang” .6 Spring Boot Flow Architecture .8 Redux Data Flow Chart .9 Redux-saga Flow .1 Guest’s use case diagram .2 Buyer’s use case diagram .3 Admin’s use case diagram.4 Store owner’s use case diagram .5 Use case Sign up .6 Use case Login .7 Use case Recover password .8 Use case View receipt history .9 Use case View receipt detail .10 Use case View my QR .11 Use case Register store .12 Use case View accumulated points .13 Use case Update profile .14 Use case Change password .15 Use case Logout .16 Use case Search imported product .17 Use case Setup store .18 Use case View all service packages .19 Use case Extend account .20 Use case Scan product code .21 Use case Scan QR customer .22 Use case Sell .23 Use case View all imported products .24 Use case Create imported product .25 Use case Update imported product.26 Use case Delete imported product .27 Use case View all products .28 Use case Create product .29 Use case Update product .30 Use case Delete product .31 Use case View all receipts .32 Use case View detailed receipt.33 Use case See profit report.34 Use case See sale report .35 Use case See warehouse report .36 Use case View all customers .37 Use case View all coupons .38 Use case Create coupon .39 Use case Update coupon .40 Use case Stop coupon .41 Use case Manage import book .42 Use case Manage export book .43 Use case See profile .44 Use case Update profile .45 Use case Change password .46 Use case return products in receipt .47 Use case View all accounts .48 Use case Enable/Disable account .49 Use case View all transactions .50 Use case View all service packacges .51 Use case Create service package .52 Use case Update service package .53 Use case See profile (website) .54 Use case Update profile (website) .55 Use case Send notification for users .56 Use case View chart report (website) .57 Use case Change password (website).58 Use case Export to excel (website) .59 Use case Disable/enable system maintenance .2 Entity relation diagram .5 Login with google sequence diagram.6 Purchase service sequence diagram .7 Notification sequence diagram .8 Export receipt sequence diagram .9 View report sequence diagram .10 Filter product sequence diagram .11 Filter payment sequence diagram .12 Filter coupon sequence diagram .13 Disable account sequence diagram .14 Upload image sequence diagram.15 Extend account sequence diagram .16 Import product sequence diagram .21 Login website screen .22 Recovery password screen .23 Recovery password website screen 01 .24 Recovery password website screen 02 .25 Recovery password website screen 02 .26 Buyer dashboard screen 01 .27 Buyer dashboard screen 02 .28 Buyer dashboard screen 03 .29 Buyer dashboard screen 04 .30 Buyer’s receipt list screen .31 Buyer’s receipt detail screen .32 Register store screen .33 My QR screen .34 Store owner dashboard screen .35 Product search screen .37 Store settings screen .39 Profile settings screen .40 Password change screen .41 Service package list screen .42 Service package detail screen .43 Product code scanning screen .44 Imported products management screen .45 Product management screen .46 Imported products list screen in products .47 Imported product deletion screen in products .48 Imported product deletion screen in products .49 Product create/update screen .50 Profit report screen .51 Sales report screen .52 Warehouse report screen .53 Imported product screen .54 Detailed screen of imported products.55 Customer list screen .56 Coupon list screen .57 Coupon type screen .58 Coupon create screen .59 Warehouse management screen .60 Import book screen .61 Export book screen .62 Store owner’s receipt list screen.65 Admin dashboard screen .66 Admin dashboard website screen .67 Account list screen .68 Account list website screen .69 Transaction list screen .70 Transaction list website screen .71 Service package list screen .72 Service package list website screen .73 Service package create/updating screen .74 Service package create/updating website screen .75 Admin setting profile screen .76 Disable/Enable system maintenance screen .77 Disable/Enable system maintenance website screen .1 Build server with Gradle .2 Deploy to SAP with Cloud Foundry .3 Deploy the mobile application .4 Config env file. 205 LIST OF TABLES Table 2.2 Sign up use case description .3 Login use case description .4 Recover password use case description .5 View receipt history use case description .6 View receipt detail use case description .7 View my QR use case description .8 Register store use case description .9 View accumulated points use case description .10 Update profile use case description .11 Change password use case description .12 Logout use case description .13 Search imported product use case description .14 Setup store use case description .15 View all service packages use case description .16 Extend account use case description .17 Scan product code use case description .18 Scan QR customer use case description .19 Sell use case description .20 View all imported products use case description .21 Create imported product use case description .22 Update imported product use case description .23 Delete imported product use case description .24 View all products use case description .25 Create product use case description.26 Update product use case description .27 Delete product use case description.28 View all receipts use case description .29 View detailed receipt use case description .30 See profit report use case description .31 See sale report use case description .32 See warehouse report use case description .33 View all customers use case description .34 View all coupons use case description .35 Create coupon use case description .36 Update coupon use case description .37 Stop coupon use case description .38 Manage import book use case description .39 Manage export book use case description .40 See profile use case description .41 Update profile use case description .42 Change password use case description .43 Return products in receipt use case description .44 View all accounts use case description .45 Enable/Disable account use case description .46 View all transactions use case description .47 View all service packages use case description .48 Create service package use case description .49 Update service package use case description .50 See profile (website) use case description .51 Update profile (website) use case description .52 Send notification for users use case description .53 View chart report (website) use case description .54 Change password (website) use case description .55 Export to excel (website) use case description .56 Disable/enable system maintenance use case description .1 Database diagram description .2 Screen for Guest .3 Screen for Buyer .4 Screen for Store owner .5 Screen for Admin .6 Signup screen 01 description .7 Signup screen 02 description .8 Signup screen 03 description .9 Login screen description .10 Login website screen description .11 Recovery password screen description .12 Recovery password website screen description .13 Buyer dashboard screen 01 description .