Đề tài ứng dụng đi chợ trực tuyến tích hợp gợi ý món

LỜI CẢM ƠN Sau quá trình học tập và rèn luyện tại khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em đã được trang bị các kiến thức cơ bản, các kỹ năng thự

BÁO CÁO ĐỒ ÁN 2

ĐỀ TÀI:

ỨNG DỤNG ĐI CHỢ TRỰC TUYẾN TÍCH HỢP GỢI Ý MÓN

ĂN

Giảng viên: ThS.Trần Anh Dũng

Sinh viên thực hiện: Đinh Huỳnh Thái Bình 19521264

Trần Linh Khuê Lam 19520137

Thành phố Hồ Chí Minh, năm 2022

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA CÔNG NGHỆ PHẦN MỀM

BÁO CÁO ĐỒ ÁN 2

ĐỀ TÀI:

ỨNG DỤNG ĐI CHỢ TRỰC TUYẾN TÍCH HỢP GỢI Ý MÓN

ĂN

Giảng viên: ThS Trần Anh Dũng

Sinh viên thực hiện: Đinh Huỳnh Thái Bình 19521264

Trần Linh Khuê Lam 19520137

Thành phố Hồ Chí Minh, năm 2022

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA CÔNG NGHỆ PHẦN MỀM

MỤC LỤC

CHƯƠNG 1: GIỚI THIỆU CHUNG 12

1.1 Tổng quan đề tài 12

1.2 Lý do chọn đề tài 12

1.3 Đối tượng sử dụng 12

1.4 Phạm vi nghiên cứu 13

1.4.1 Phạm vi môi trường: 13

1.4.2 Phạm vi địa lý: 13

1.4.3 Phạm vi chức năng: 13

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 14

2.1 React Native 14

2.2 Gin – Gonic 15

2.3 GoLang 15

2.4 Javascript 16

2.5 Digital Ocean 17

2.6 MySQL 18

2.7 AWS S3 19

2.8 GitHub 19

CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 21

3.1 Kiến trúc hệ thống: Mô hình Clean Architechture 21

3.2 Chi tiết các thành phần trong hệ thống 23

CHƯƠNG 4: ĐẶC TẢ USE CASE 24

4.1 Sơ đồ Use Case 24

4.2 Danh sách tác nhân 27

4.3 Danh sách Use Case 27

4.4 Mô tả chi tiết Use Case 29

CHƯƠNG 5: THIẾT KẾ CƠ SỞ DỮ LIỆU 48

5.1 Sơ đồ logic 48

5.2 Danh sách các quan hệ 49

5.2.1 Bảng cart : Giỏ hàng 49

5.2.2 Bảng favorites : Sản phẩm yêu thích 49

5.2.3 Bảng food_ratings: Đánh giá sản phẩm 50

5.2.4 Bảng foods: Sản phẩm 51

5.2.5 Bảng categories: Mục lục 51

Bảng order_details: Chi tiết đơn hàng 52

CHƯƠNG 6: THIẾT KẾ GIAO DIỆN KHÁCH HÀNG 55

6.1 Danh sách màn hình 55

6.2 Mô tả chi tiết từng màn hình 56

6.2.1 Đăng ký 56

6.2.2 Đăng nhập 57

6.2.3 Quên mật khẩu 58

6.2.4 Đổi mật khẩu 59

6.2.5 Trang chủ 60

6.2.6 Khởi động 61

6.2.7 Thông báo 62

6.2.8 Giỏ hàng 63

6.2.9 Thanh toán 64

6.2.10 Cài đặt 65

6.2.11 Hồ sơ cá nhân 66

6.2.12 Yêu thích 67

6.2.13 Chi tiết sản phẩm 68

6.2.14 Theo dõi đơn hàng 69

6.2.15 Thanh toán thành công 70

6.2.16 Địa chỉ nhận hàng 71

6.2.17 Thanh navigation 72

6.2.18 Lịch sử đơn hàng 73

CHƯƠNG 7: CÀI ĐẶT VÀ KIỂM THỬ 74

7.1 Môi trường cài đặt và kiểm thử: 74

7.2 Kết quả kiểm thử 74

CHƯƠNG 8: KẾT LUẬN 76

8.1 Tổng kết 76

8.2 Khó khăn 76

8.3 Kết quả đạt được 77

8.4 Hạn chế của đồ án 77

8.5 Hướng phát triển 77

CHƯƠNG 9: TÀI LIỆU THAM KHẢO 78

Báo cáo đồ án 2

DANH MỤC TỪ VIẾT TẮT

STT Từ viết tắt Từ đầy đủ Ý nghĩa

LỜI CẢM ƠN Sau quá trình học tập và rèn luyện tại khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em đã được trang bị các kiến thức cơ bản, các kỹ năng thực tế để có thể lần đầu thực hiện Đồ án 2 của mình

Để hoàn thành Đồ án này, chúng em xin gửi lời cảm ơn chân thành đến:

Ban Giám hiệu trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM vì đã tạo điều kiện về cơ sở vật chất với hệ thống thư viện hiện đại, đa dạng các loại sách, tài liệu thuận lợi cho việc tìm kiếm, nghiên cứu thông tin

Chúng em xin gửi lời cảm ơn chân thành đến thầy Trần Anh Dũng đã tận tình giúp đỡ, định hướng cách tư duy và cách làm việc khoa học Đó là những góp ý hết sức quý báu không chỉ trong quá trình thực hiện luận văn này mà còn là hành trang tiếp bước cho chúng em trong quá trình học tập và lập nghiệp sau này

Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất cả thầy cô trong khoa, bạn bè, tập thể lớp PMCL2019.1 là những người luôn sẵn sàng sẻ chia và giúp đỡ trong học tập và cuộc sống Mong rằng, chúng ta sẽ mãi mãi gắn bó với nhau

Trong quá trình làm Đồ án này chúng em không tránh khỏi được những sai sót, chúng em kính mong nhận được sự chỉ dẫn và góp ý của quý thầy cô để hoàn thiện và phát triển đồ án hơn cũng như trong Khóa luận tốt nghiệp trong tương lai

Chúng em xin chân thành cảm ơn Xin chúc những điều tốt đẹp nhất sẽ luôn đồng hành cùng mọi người

Thành phố Hồ Chí Minh, … tháng … năm 2022

Sinh viên

ĐINH HUỲNH THÁI BÌNH TRẦN LINH KHUÊ LAM

Báo cáo đồ án 2

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC

CÔNG NGHỆ THÔNG TIN

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc Lập - Tự Do - Hạnh Phúc

TP HCM, ngày 20 tháng 12 năm 2022

ĐỀ CƯƠNG CHI TIẾT

TÊN ĐỀ TÀI: Ứng dụng đi chợ trực tuyến tích hợp gợi ý món ăn

Cán bộ hướng dẫn: ThS Trần Anh Dũng

Thời gian thực hiện: Từ ngày 12/09/2022 đến ngày 27/12/2022

Sinh viên thực hiện:

Đinh Huỳnh Thái Bình – 19521264

Trần Linh Khuê Lam – 19520137

Nội dung đề tài

1 Lý do chọn đề tài:

Trước tình hình diễn biến phức tạp hiện nay, đặc biệt là ở các thành phố lớn nhiều dân cư sinh sống, người dân được yêu cầu hạn chế ra ngoài để tránh sự lây lan dịch bệnh Nhưng để đáp ứng các nhu cầu sinh hoạt hàng ngày, đặc biệt là việc

bổ sung thực phẩm cho cơ thể cũng như là làm tăng sức đề kháng, sức khoẻ mỗi người là điều cực kì quan trọng Vì vậy mà, nhu cầu cần được đi chợ để cung cấp thực phẩm cho bản thân, gia đình là một vấn đề thiết yếu đang được tất cả mọi người quan tâm đến Đồng thời, bên cạnh đó, cũng có nhiều người không có đủ thời gian để đi chợ và không biết lộ trình học tiếp theo Để đáp ứng những nhu

chợ online nhằm đảm bảo giãn cách xã hội mà vẫn đảm bảo vấn đề lương thực cho

hàng có nhu cầu cho mua thực thẩm là vô cùng cần thiết Từ những vấn đề trên, nhóm em quyết định chọn đề tài này làm đồ án, phát triển một ứng dụng cung cấp dịch vụ đi chợ online nhanh chóng kết hợp gợi ý món ăn để tiể kiệm thời gian, tiện lợi nhanh chóng, hạn chế đến những nơi đông người, giúp Khách hàng thân thiện hơn với công nghệ

2 Mục tiêu:

• Xây dựng ứng dụng cung cấp nền tảng đi chợ trực tuyến cho phép Khách hàng xem và mua sản phẩm theo nhu cầu

• Xây dựng bộ dữ liệu cho hệ thống hỗ trợ gợi ý các món ăn

• Xây dựng hệ thống hỗ trợ gợi ý các món ăn

• Tạo ra ứng dụng có giao diện dễ nhìn, thân thiện với Khách hàng và có tính thực tiễn cao để có thể triển khai vào thực tế

• Tích hợp cổng thanh toán trong ứng dụng

• Xây dựng trang web quản lý sản phẩm, Khách hàng, đơn hàng để thống kê và quản lý số liệu

• Tổng hợp kết quả và viết báo cáo

3 Tính mới/ Khác biệt của chức năng:

• Xậy dựng hệ thống hỗ trợ gợi ý các món ăn giúp đề xuất các sản phẩm hợp lí đến cho khác hàng

• Giao diện tối ưu đơn giản

o Xây dựng hệ thống hỗ trợ gợi ý các món ăn

Báo cáo đồ án 2

5 Phương pháp thực hiện:

• Phương pháp làm việc:

hướng dẫn của giảng viên hướng dẫn

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

trường

• Hoàn thiện ứng dụng cho phép Khách hàng truy cập sử dụng các chức năng để mua thực phẩm

• Tích hợp hệ thống gợi ý món ăn cho ứng dụng

• Xây dựng giao diện thân thiện, dễ sử dụng

8 Hướng phát triển của đề tài:

• Sử dụng được đa dạng ngôn ngữ

• Mở rộng thị trường ra khắp nước Việt Nam

• Triển khai thêm phiên bản website để dễ dàng phục vụ tốt hơn cho nhu cầu của

Khách hàng

9 Kế hoạch làm việc và phân công công việc:

• Thời gian thực hiện từ ngày 12/09/2022 đến ngày kết thúc môn Đồ án 2 27/12/2022 Nhóm chia thành 3 giai đoạn cụ thể:

• Giai đoạn 1: Nghiên cứu các nền tảng công nghệ và hoàn thiện giao diện Khách hàng với các tính năng cơ bản (12/09/2022 – 31/10/2022)

• Giai đoạn 2: Xây dựng cơ sở dữ liệu và các chức năng của ứng dụng (01/10/2022 – 30/11/2022)

• Giai đoạn 3: Hoàn thành ứng dụng, tổng hợp và viết báo cáo (01/12/2022 – 27/12/2022)

STT Công việc Người phụ trách

Giai đoạn 1: 12/09/2022 – 31/10/2022

Báo cáo đồ án 2

Giai đoạn 3: 01/11/2022 – 27/12/2022

(Ký tên và ghi rõ họ tên)

Đinh Huỳnh Thái Bình Trần Linh Khuê Lam

- Nền tảng phát triển: Android & IOS

- Mô hình phát triển: Clean architecture

1.2 Lý do chọn đề tài

Trước tình hình diễn biến phức tạp hiện nay, đặc biệt là ở các thành phố lớn nhiều dân cư sinh sống, người dân được yêu cầu hạn chế ra ngoài để tránh sự lây lan dịch bệnh Nhưng để đáp ứng các nhu cầu sinh hoạt hàng ngày, đặc biệt là việc bổ sung thực phẩm cho cơ thể cũng như là làm tăng sức đề kháng, sức khoẻ mỗi người là điều cực kì quan trọng Vì vậy mà, nhu cầu cần được đi chợ để cung cấp thực phẩm cho bản thân, gia đình là một vấn đề thiết yếu đang được tất cả mọi người quan tâm đến Đồng thời, bên cạnh đó, cũng có nhiều người không có đủ thời gian để đi chợ và không biết

mới nhiều người đã tìm đến các dịch vụ đi chợ online nhằm đảm bảo giãn cách xã hội

giữa các nhà cung cấp và khách hàng có nhu cầu cho mua thực thẩm là vô cùng cần thiết Từ những vấn đề trên, nhóm em quyết định chọn đề tài này làm đồ án, phát triển một ứng dụng cung cấp dịch vụ đi chợ online nhanh chóng kết hợp gợi ý món ăn để tiể kiệm thời gian, tiện lợi nhanh chóng, hạn chế đến những nơi đông người, giúp Khách hàng thân thiện hơn với công nghệ

1.3 Đối tượng sử dụng

Tất cả mọi người muốn đi chợ một cách tiết kiệm thời gian và nhanh chóng, tiện lợi hoặc hạn chế về việc đến và tiếp xúc ở nơi đông người để tránh lây nhiễm bệnh

Quản trị viên phía cửa hàng muốn cung cấp thông tin (về sản phẩm, về nguồn gốc xuất xứ, về các chương trình giảm giá khuyến mãi…) đến mọi người truy cập sử dụng ứng dụng

- Chức năng đăng nhập, đăng xuất

- Chức năng tạo tài khoản

- Chức năng thanh toán

- Chức năng quên, đổi mật khẩu

- Chức năng tìm kiếm, lọc, sắp xếp thực phẩm

- Chức năng mua, thêm vào giỏ hàng các sản phẩm

- Xây dựng hệ thống hỗ trợ gợi ý các món ăn

- Chức năng quản lý khách hàng

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1 React Native

Hình 2.1-1: React Native

React Native là các đoạn code đã được viết sẵn (framework) do công ty công nghệ Facebook phát triển Các lập trình viên React Native là người sử dụng những framework này để phát triển nên các hệ thống, nền tảng ứng dụng trên các hệ điều hành như IOS và Android Ngôn ngữ lập trình được sử dụng nhiều nhất là Javascript Sự ra đời của React Native đã giải quyết được bài toán về hiệu năng và sự phức tạp khi trước

đó người ta phải dùng nhiều loại ngôn ngữ native cho mỗi nền tảng di động Chính vì thế lập trình React Native sẽ giúp tiết kiệm được phần lớn thời gian và công sức khi thiết kế và xây dựng nên một ứng dụng đa nền tảng

Báo cáo đồ án 2

2.2 Gin – Gonic

Hình 2.2-1: Gin – Gonic

Một trong những web framework đầu tiên dành cho Go là Martini nhưng dự án

đó không còn được tiếp tục nữa Tuy vậy, các framework ngày nay vẫn luôn lấy cảm hứng từ những tính năng của Martini, vốn vô cùng mạnh mẽ và tiện lợi Gin hay còn gọi là Gin-Gonic là một trong những dự án như vậy Nó sử dụng một phiên bản tùy biến của gói httprouter vì tốc độ xử lí cực kì nhanh, điều này làm cho nó vô cùng hoàn hảo

để phát triển API hiệu xuất cao Song song đó, nó cung cấp các trình xử lý cho nhiều trường hợp sử dụng phổ biến: middleware, file uploading, logging, binding front-end HTML component với cấu trúc dữ liệu back-end… Gin-Gonic là web framework của Golang được dùng nhiều nhất

2.3 GoLang

Hình 2.3-1: GoLang

Go hay còn gọi là Golang là ngôn ngữ lập trình mã nguồn mở, được thiết kế tại Google bởi Robert Griesemer, Rob Pike, and Ken Thompson Go có cú pháp giống với

C và tất nhiên nó là ngôn ngữ lập trình biên dich (compiled programming language)

Cú pháp của ngôn ngữ lập trình Golang (syntax) khá tinh gọn, mặc dù thật sự có những

cú pháp mà người mới nhìn vào thật sự hơi khó chịu

2.4 Javascript

Hình 2.4-1: Ngôn ngữ lập trình Javascript

Javascript là ngôn ngữ lập trình webiste phổ biến hiện nay, nó được tích hợp và

Báo cáo đồ án 2

nhúng vào HTML giúp website trở nên sống động hơn Javascript đóng vai trò như là một phần của trang web, thực thi cho phép Client-side script từ phía Khách hàng cũng như phía máy chủ (NodeJS) tạo ra các trang web động

2.5 Digital Ocean

Hình 2.5-1: Digital Ocean

Digital Ocean cung cấp dịch vụ đám mây dành cho nhà phát triển Có thể hiểu đơn giản, Digital Ocean cung cấp một mạng lưới các máy ảo cho bạn mở rộng website của bạn Các dịch vụ Cloud Server VPS (VPS, viết tắt của Vitrual Private Servers) dựa trên nền tảng điện toán đám mây giúp triển khai và mở rộng ứng dụng chạy đồng thời trên nhiều máy tính với các tính năng tối ưu từ đám mây (Cloud)

2.6 MySQL

Hình 2.6-1: Hệ quản trị cơ sở dữ liệu MySQL

MySQL là cơ sở dữ liệu tốc độ cao, ổn định hoạt động trên nhiều hệ điều hành, cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Hệ quản trị cơ sở dữ liệu MySQL được hiểu như là chương trình dùng để quản lý hệ thống cơ sở dữ liệu, trong đó, cơ sở

dữ liệu là một hệ thống lưu trữ thông tin được sắp xếp rõ ràng, phân lớp ngăn nắp Nó giúp bạn có thể truy cập dữ liệu một cách thuận lợi và nhanh chóng nhất Vì hỗ trợ đa

số các ngôn ngữ lập trình nên MySQL chính là hệ quản trị cơ sở dữ liệu tự do nguồn

mở phổ biến nhất trên thế giới Hiện MySQL đang được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng

Amazon S3 cung cấp các tính năng quản lý dễ sử dụng, nhờ đó có thể tổ chức dữ liệu và cấu hình các kiểm soát truy cập được tinh chỉnh để đáp ứng yêu cầu cụ thể của doanh nghiệp, tổ chức và yêu cầu về tuân thủ

2.8 GitHub

Hình 2.8-1: Hệ thống quản lý mã nguồn GitHub

GitHub là một hệ thống quản lý dự án và phiên bản code, hoạt động giống như một mạng xã hội cho lập trình viên Các lập trình viên có thể clone lại mã nguồn từ một repository và nó chính là một dịch vụ máy chủ repository công cộng, mỗi người có thể tạo tài khoản trên đó để tạo ra các kho chứa của riêng mình để có thể làm việc Github

có đầy đủ những tính năng của Git, ngoài ra nó còn bổ sung những tính năng về social

để các developer tương tác với nhau Github cung cấp các tính năng social networking như feeds, followers, và network graph để các developer học hỏi kinh nghiệm của nhau

thông qua lịch sử commit.

Báo cáo đồ án 2

3.1 Kiến trúc hệ thống: Mô hình Clean Architechture

Entities: Là layer trong cùng, cũng là layer quan trọng nhất Entity chính là các thực thể hay từng đối tượng cụ thể và các rule business logic của nó Trong OOP, đây chính là Object cùng với các method và properties tuân thủ nguyên tắc Encapsulation - chỉ bên trong Object mới có thể thay đổi trạng thái (State) của chính nó

Use Cases: là layer chứa các business logic ở cấp độ cụ thể từng Use Case (hay application)

Interface Adapter: Là layer phụ trách việc chuyển đổi các format dữ liệu để phù hợp với từng Use Case và Entities Các format dữ liệu này có thể dùng cho cả bên trong hoặc ngoài ứng dụng

Frameworks and Drivers: Là tầng ngoài cùng, tổ hợp các công cụ cụ thể phục vụ cho từng nhu cầu của end user như: thiết bị (devices), web, application, databases, Trong kiến trúc Clean Architecture thì ở tầng này là "nhẹ" nhất vì chúng ta không cần phải viết quá nhiều code Trên thực tế thì đây là nơi "biết tất cả" cụ thể các tầng là gì thông qua việc chịu trách nhiệm khởi tạo các objects cho các tầng bên trong (hay còn gọi là Setup Dependencies)

Hình 3.1-1: Sơ đồ mô hình Clean Architechture

Architechture

Tiếp nhận yêu cầu từ giao diện Khách hàng, kiểm tra tính đúng đắn theo ràng buộc và thực thi yêu cầu nếu điều kiện

được đáp ứng

thông tin trung tâm

CHƯƠNG 4: ĐẶC TẢ USE CASE

4.1 Sơ đồ Use Case

o Use case Quản lý khách hàng

Hình 4.1-1: Sơ đồ Use Case Quản lý khách hàng

o Use case Quản lý nhà cung cấp

Hình 4.1-2: Sơ đồ Use Case Quản lý nhà cung cấp

Báo cáo đồ án 2

o Use case Quản lý sản phẩm

Hình 4.1-3: Sơ đồ Use Case Quản lý sản phẩm

o Use case Quản lý tài khoản

Hình 4.1-4: Sơ đồ Use Case Quản lý tài khoản

o Use case Quản lý đơn hàng

Hình 4.1-5: Sơ đồ Use Case Quản lý đơn hàng

o Use case Quản lý đặt hàng

Hình 4.1-5: Sơ đồ Use Case Quản lý đặt hàng

các chức năng của phía người mua

chức năng cấp tài khoản cho nhân viên của công ty

Technical

Nhà phát triển ứng dụng, có thể truy cập và bảo trì

ứng dụng khi cần thiết

4.3 Danh sách Use Case

STT Tính năng Mô tả/ Ghi chú

đăng ký tài khoản

thông tin nhà cung cấp

thông tin sản phẩm

kiếm sản phẩm theo tên

9 Đánh giá sản phẩm Chức năng cho phép khách hàng đánh giá

về trải nghiệm chất lượng của sản phẩm

Chức năng cho phép khách hàng thêm sản phẩm vào mục yêu thích và có thể xem lại các sản phẩm đó vào những lần

truy cập sau

tin và địa chỉ của khách hàng

trong giỏ hàng

thông tin đơn hàng

thông tin địa chỉ nhận hàng

vào giỏ hàng những sản phẩm cần mua

sửa thông tin cá nhân

Báo cáo đồ án 2

4.4 Mô tả chi tiết Use Case

Mô tả chi tiết tính năng “Đăng ký”

khoản mới để truy cập vào ứng dụng

ký

3 Khách hàng nhập các thông tin tài khoản, mật khẩu và bấm nút Sign Up, được điều hướng đến trang Nhập mã

OTP

4 Khách hàng nhập mã OTP mà hệ thống đã gửi trong tin nhắn và bấm

nút Continue

5 Hệ thống xác thực tài khoản trong Database thành công, được điều hướng đến Trang chủ

Mô tả chi tiết tính năng “Đăng nhập”

Mô tả chi tiết

Khách hàng đã có tài khoản, sử dụng tài khoản để truy cập vào ứng dụng

Báo cáo đồ án 2

Mô tả chi tiết tính năng “Quên mật khẩu”

mật khẩu để đăng nhập vào ứng dụng

Mô tả chi tiết tính năng “Đổi mật khẩu”

mật khẩu

4 Khách hàng nhập thông tin mật khẩu

cũ, mới và bấm nút Change Password

5 Hệ thống xác thực đổi mật khẩu trong Database thành công

3 Không đổi được mật khẩu, hiển thị

thông báo lỗi

Báo cáo đồ án 2

Mô tả chi tiết tính năng “CRUD nhà cung cấp”

3 Hệ thống cập nhật thông tin nhà cung cấp trong Database thành công

Luồng phụ

1 Thực hiện theo bước 1và 2 ở luồng

chính

2 Hệ thống cập nhật thông tin nhà cung

cấp trong Database thất bại

3 Không cập nhật và chỉnh sửa được thông tin nhà cung cấp, hiển thị

thông báo lỗi

Mô tả chi tiết tính năng “CRUD sản phẩm”

thông tin của tất cả sản phẩm

2 Hệ thống cập nhật thông tin nhà cung

cấp trong Database thất bại

3 Không cập nhật và chỉnh sửa được thông tin sản phẩm, hiển thị thông

báo lỗi

Báo cáo đồ án 2

Mô tả chi tiết tính năng “Tìm kiếm sản phẩm”

đã nhập

Mô tả chi tiết tính năng “Đánh giá sản phẩm”

Mô tả chi tiết

Khách hàng muốn đánh giá về trải nghiệm

Báo cáo đồ án 2

Mô tả chi tiết tính năng “Thêm vào mục yêu thích”

yêu thích, muốn lưu trữ vào

3 Hệ thống hiển thị các sản phẩm đã được lưu trong trang Yêu thích

4 Khách hàng bấm nút Buy để thêm vào giỏ hàng hoặc bấm biểu tượng Xoá

để xoá khỏi trang Yêu thích

5 Hệ thống cập nhật dữ liệu thông tin sản phẩm yêu thích trong Database

thành công

6 Hệ thống tiến hành xử lý

Mô tả chi tiết tính năng “CRUD khách hàng”

khách hàng

Luồng sự kiện

Luồng chính

1 Admin bấm mục Khách hàng, được điều hướng đến Khách hàng

2 Admin xem các thông tin chi tiết của

khách hàng

Báo cáo đồ án 2

Mô tả chi tiết tính năng “Đặt hàng”

2 Khách hàng xem và chỉnh sửa giỏ hàng

và bấm nút Place Your Order, được điều hướng đến trang Thanh toán

3 Khách hàng chọn phương thức thanh toán và bấm nút Add, được điều hướng đến trang thông tin thanh toán

4 Khách hàng nhập các thông tin thanh toán cá nhân và bấm nút Add, được điều hướng đến trang Chi tiết thông tin

đơn hàng

5 Khách hàng kiểm tra thông tin đơn hàng và bấm nút Place Your Order

6 Hệ thống điều hướng Khách hàng đến trang Thanh toán thành công

7 Khách hàng tiến hành bấm nút Done, được điều hướng đến trang Trạng thái chi tiết đơn hàng

8 Hệ thống tiến hành xử lý cập nhật dữ liệu thông tin đơn hàng trong Database

thành công

Luồng phụ

Không