1. Trang chủ
  2. » Giáo Dục - Đào Tạo

(Tiểu luận) báo cáo đồ án phân tích và thiết kếhệ thống thông tin đề tài website bán trà sữa phúc long

73 6 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Website Bán Trà Sữa Phúc Long
Tác giả Nguyễn Văn Kiên, Nguyễn Trọng Sơn, Nguyễn Văn Tuấn, Nguyễn Thị Thanh Thoã, Trần Thùy Vy
Người hướng dẫn ThS. Dương Thanh Thảo
Trường học Học viện Công nghệ Bưu chính Viễn thông
Thể loại báo cáo đồ án
Năm xuất bản 2023
Thành phố TP.Hồ Chí Minh
Định dạng
Số trang 73
Dung lượng 13,35 MB

Cấu trúc

  • 1/ XÁC ĐỊNH YÊU CẦU HỆ THỐNG (11)
    • 1.1 Sơ đồ hoạt động của hệ thống (11)
    • 1.2. Mô tả yêu cầu hệ thống (11)
    • 1.3. Biểu đồ Use case (17)
    • 1.4. Biểu đồ tuần tự/ giao tiếp (36)
    • 1.5. Biểu đồ hoạt động (41)
  • 2/ PHÂN TÍCH HỆ THỐNG (50)
    • 2.1. Mô tả phân tích hệ thống (50)
    • 2.2. Biểu đồ lớp (53)
    • 2.3. Biểu đồ trạng thái (54)
  • 3/ THIẾT KẾ HỆ THỐNG (61)
    • 3.1 Thiết kế kiến trúc hệ thống (61)
    • 3.2 Lựa chọn CSDL (64)
    • 3.3 Vẽ biểu đồ thiết kế cơ sở dữ liệu (65)
    • 3.4 Lược đồ phân rã hệ thống con (67)
    • 3.5 Một số giao diện người dùng chính (67)

Nội dung

Hệ thống quản lý chuỗi trà sữa Phúc Long củachúng em gồm:❖Quản lý nhân viên, các sản phẩm, nguyên liệu, nhà cung cấp, đối tác vận chuyển vàdoanh thu của chuỗi cửa hàng.❖Quản lý các chươn

XÁC ĐỊNH YÊU CẦU HỆ THỐNG

Sơ đồ hoạt động của hệ thống

Hình 1: Sơ đồ hoạt động của hệ thống

Mô tả yêu cầu hệ thống

a Các đối tượng tham gia vào hệ thống

- Đối tượng không hoạt động: Sản phẩm, phiếu nhập hàng, đơn hàng, hóa đơn

Các tác nhân chính trong hệ thống bao gồm quản trị viên, quản lý cửa hàng, nhân viên, khách hàng, nhà cung cấp và đối tác vận chuyển Mỗi tác nhân này đều có vai trò và hoạt động cụ thể, tương tác với nhau để đảm bảo hệ thống vận hành trơn tru Quản trị viên và quản lý cửa hàng chịu trách nhiệm quản lý và điều hành hệ thống, trong khi nhân viên thực hiện các công việc hàng ngày Khách hàng là người sử dụng dịch vụ, nhà cung cấp cung cấp sản phẩm và đối tác vận chuyển đảm bảo việc giao hàng đến tay khách hàng Tất cả các tác nhân này đều có mối quan hệ chặt chẽ và phụ thuộc vào nhau để đạt được mục tiêu chung của hệ thống.

STT ĐỐI TƯỢNG HOẠT ĐỘNG VÀ TƯƠNG TÁC

+ Giữ vai trò chính trong website, điều hành, theo dõi hoạt động website ( Đảm bảo hệ thống hoạt động ổn định).

+ Tạo tài khoản cho nhân viên cửa hàng. + Quản lý thông tin nhân viên cửa hàng. + Quản lý nguyên liệu.

+ Quản lý nhà cung ứng nguyên vật liệu. + Quản lý đơn hàng.

+ Cập nhật thông tin món, chương trình khuyến mãi.

+ Quản lý thông tin đối tác vận chuyển (Grab, ShopeeFood, Baemin, Gojek, Loship, Be, ).

+ Cập nhật thông tin số lượng sản phẩm. + Quản lý bán hàng.

+ Đăng ký, đăng nhập tài khoản.

+ Cập nhật thông tin cá nhân.

+ Đặt món trực tuyến trên website.

+ Thanh toán (tiền mặt, ví điện tử, ). + Đánh giá, xem đánh giá sản phẩm, lịch sử mua hàng cá nhân.

5 Nhà cung cấp + Đăng nhập vào website.

+ Xem chi tiết phiếu nhập hàng của cửa hàng.

6 Đối tác vận chuyển + Đăng nhập vào website

+ Xem chi tiết các đơn hàng đã nhận, giao thành công đến khách hàng.

7 Sản phẩm + Sản phẩm bao gồm: trà, cà phê, trà sữa, bánh tráng miệng,…

+ Chi tiết hóa đơn nhập hàng: thời gian nhập hàng, tên nguyên liệu, số lượng nhập, giá, hạn sử dụng,…

Quy trình xử lý đơn hàng khi khách hàng thanh toán bằng ví điện tử thường bao gồm các bước sau: khởi tạo đơn hàng, xác nhận đơn hàng, đã thanh toán, đang xử lý, đóng gói và cuối cùng là giao cho đối tác vận chuyển.

=> đang giao => giao hàng thành công

Trạng thái đơn hàng của khách hàng khi thanh toán bằng tiền mặt trải qua nhiều giai đoạn quan trọng Quá trình bắt đầu từ khi khởi tạo đơn hàng, sau đó chuyển sang xác nhận đơn hàng và đang xử lý Tiếp theo, đơn hàng sẽ được đóng gói và giao cho đối tác vận chuyển Sau đó, đơn hàng sẽ ở trạng thái đang giao và chờ thanh toán Khi khách hàng hoàn tất thanh toán, đơn hàng sẽ được cập nhật thành đã thanh toán Cuối cùng, khi đơn hàng được giao đến tay khách hàng, trạng thái sẽ được cập nhật thành giao hàng thành công.

10 Hóa đơn + Chi tiết hóa đơn: thời gian xuất hóa đơn, tên món, số lượng, đơn giá, tổng tiền,…

Bảng 1: Hoạt động, tương tác các đối tượng trong hệ thống

❖ Mô tả hoạt động chi tiết

✔ Quản trị viên: Giữ vai trò chính trong website, điều hành, theo dõi website (Đảm bảo hệ thống hoạt động ổn định).

+ Đăng nhập: Mỗi quản lý cửa hàng sẽ được quản trị viên cấp cho một tài khoản duy nhất để truy cập website.

Tạo tài khoản cho nhân viên cửa hàng là bước quan trọng giúp quản lý và phân quyền truy cập hiệu quả Khi tạo tài khoản, bạn cần cung cấp tên đăng nhập và mật khẩu tương ứng với mã nhân viên, giúp nhân viên dễ dàng truy cập và thực hiện các nhiệm vụ được giao.

+ Quản lý thông tin nhân viên của cửa hàng:

● Thêm nhân viên: thêm nhân viên mới ký hợp đồng lao động, nhân viên thử việc tại cửa hàng.

● Xóa nhân viên: cho phép thay đổi trạng thái xóa của một nhân viên (nghỉ làm, kết thúc hợp đồng lao động, )

Quản lý có thể thực hiện việc sửa thông tin nhân viên trong cửa hàng, bao gồm cả việc thay đổi họ, tên, địa chỉ và số điện thoại liên hệ của từng nhân viên khi có sự thay đổi thông tin cá nhân.

● Cập nhật lương nhân viên: website ghi lại, hiển thị số giờ làm của nhân viên trong tháng để căn cứ tính lương và thưởng cho nhân viên.

● Nhập số lượng nguyên liệu tồn: cho phép cập nhật số lượng nguyên liệu tồn.

● Nhập số lượng nguyên liệu nhập: cho phép thêm, cập nhật số lượng nguyên liệu nhập, tên nguyên liệu nhập, thời gian, giá tiền.

+ Quản lý nhà cung ứng nguyên liệu:

● Thêm nhà cung ứng: thêm thông tin vào hệ thống những nhà cung ứng cho từng nguyên liệu.

● Xóa nhà cung ứng: cho phép thay đổi trạng thái xóa của một nhà cung ứng (ngưng việc nhập nguyên liệu đến từ nhà cung cấp đó, ).

Quản lý có thể thực hiện việc sửa thông tin nhà cung ứng khi cần thiết, bao gồm việc thay đổi tên, địa chỉ, số điện thoại của nhà cung ứng nếu có bất kỳ thay đổi nào Điều này giúp đảm bảo thông tin được cập nhật chính xác và đồng bộ, hỗ trợ cho việc quản lý và hợp tác với nhà cung ứng một cách hiệu quả hơn.

+ Quản lý đơn hàng: Xem thông tin vận đơn

Đối với khách hàng thanh toán bằng phương thức tiền mặt, quy trình xử lý đơn hàng diễn ra theo các bước cụ thể Đầu tiên, xác nhận đơn hàng được thực hiện để đảm bảo thông tin chính xác Sau đó, hóa đơn sẽ được in ra và món ăn sẽ được thực hiện pha chế Tiếp theo, đơn hàng sẽ được giao cho đối tác vận chuyển để chuyển đến khách hàng Khi khách hàng nhận được đơn hàng, họ sẽ thực hiện thanh toán và đơn hàng sẽ được hoàn tất.

Quy trình xử lý đơn hàng cho khách hàng đã thực hiện thanh toán qua ví điện tử được thực hiện theo các bước sau: Sau khi xác nhận đơn hàng, hệ thống sẽ tiến hành in hóa đơn để bắt đầu quá trình pha chế món Khi món đã sẵn sàng, đơn hàng sẽ được giao cho đối tác vận chuyển để đảm bảo giao hàng nhanh chóng và chính xác Cuối cùng, đơn hàng sẽ được giao tận tay cho khách hàng, hoàn tất quá trình đặt hàng và giao nhận.

● Thống kê doanh thu ghi rõ ngày, tháng, năm.

Hệ thống thống kê món bán chạy nhất cửa hàng (best seller) và món đã hết (sold out) giúp khách hàng dễ dàng lựa chọn món ăn yêu thích Thông qua việc ghi nhận thay đổi trạng thái món ăn, hệ thống cung cấp thông tin chính xác và kịp thời về tình hình bán hàng, từ đó hỗ trợ khách hàng đưa ra quyết định mua hàng sáng suốt.

+ Cập nhật thông tin món:

● Thêm món: thêm hình ảnh, tên món, thông tin sản phẩm, giá cả, size,….

● Xóa: cho phép xóa món (không còn bán).

● Sửa: chỉnh sửa thông tin món nếu có thay đổi (giá, size, thành phần).

●Cập nhật thông tin khuyến mãi: Ghi nhận các chương trình khuyến mãi nhằm dễ dàng đưa sản phẩm tiếp cận tới khách hàng.

+ Quản lý thông tin đối tác vận chuyển:

✔ Thêm: thêm thông tin vào hệ thống các đối tác vận chuyển như Grab, Gojek, Loship, ShopeeFood, Baemin,

✔ Xóa: cho phép xóa thông tin đối tác (cửa hàng hết hợp đồng hợp tác với đối tác vận chuyển đó).

✔ Chỉnh sửa: thay đổi thông tin đối tác vận chuyển nếu có thay đổi (tên đơn vị vận chuyển,…)

Mỗi nhân viên của cửa hàng sẽ được quản lý cửa hàng cấp cho một tài khoản đăng nhập website riêng biệt, bao gồm tên đăng nhập và mật khẩu, giúp họ dễ dàng truy cập và quản lý thông tin trên trang web.

+ Quản lý thông tin khách hàng: Website ghi nhận, xem thông tin khách hàng đã mua sản phẩm.

+ Cập nhật thông tin số lượng sản phẩm: thay đổi trạng thái số lượng sản phẩm còn hay sold out để khách hàng có thể dễ dàng chọn món.

●Nhận đơn: nhân viên dùng tài khoản cá nhân xác nhận đơn hàng trên website.

● Tạo hóa đơn, thanh toán: nhân viên tạo hóa đơn, xác nhận thanh toán theo phương thức khách hàng mong muốn (tiền mặt, ví điện tử,…).

● Xuất hóa đơn: hệ thống ghi nhận hóa đơn đã được xuất, cập nhật trạng thái không thể hủy đơn hàng.

● Pha chế: nhân viên dùng tài khoản cá nhân cập nhật trạng thái trên website đang trong quá trình pha chế.

● Giao hàng: cập nhật trạng thái đơn vị đối tác vận chuyển đã nhận đơn hàng và đang trên đường giao đến khách hàng.

Khi người giao hàng xác nhận khách hàng đã nhận được món hàng, website sẽ tự động cập nhật trạng thái đơn hàng thành "Hoàn tất" Sau đó, khách hàng có thể đánh giá sản phẩm và chia sẻ trải nghiệm của mình.

Để bắt đầu trải nghiệm trên website, khách hàng cần thực hiện đăng ký tài khoản bằng số điện thoại và email cá nhân Sau khi đăng ký thành công, khách hàng có thể đăng nhập vào hệ thống bằng tên đăng nhập và mật khẩu đã tạo Ngoài ra, khách hàng cũng có thể cập nhật thông tin cá nhân của mình, bao gồm họ tên, số điện thoại và địa chỉ, để đảm bảo thông tin luôn chính xác và mới nhất.

Khách hàng có thể dễ dàng xem chi tiết sản phẩm, bao gồm cả đánh giá từ những người tiêu dùng đã mua sản phẩm trước đó, cũng như theo dõi lịch sử các sản phẩm mình đã mua để có cái nhìn tổng quan về quá trình mua sắm của mình.

● Thêm vào giỏ hàng: cho phép thay đổi trạng thái thêm món vào giỏ hàng.

● Xóa món khỏi giỏ hàng: thay đổi trạng thái món chọn đã bị xóa trong giỏ hàng.

● Cập nhật thông tin món: thay đổi số lượng món, thêm ghi chú cho nhân viên về món.

+ Thanh toán: khách hàng có thể lựa chọn phương thức thanh toán bằng tiền mặt hoặc ví điện tử (Momo, Airpay, Viettel Money, ).

+ Sau khi tiến hành tạo đơn hàng và cửa hàng xác nhận đơn hàng khách hàng có thể theo dõi tình trạng vận đơn ngay trên website.

Sau khi khách hàng nhận được đơn hàng, trạng thái đơn hàng sẽ được cập nhật thành "đã hoàn tất" Lúc này, khách hàng có thể đánh giá sản phẩm, cửa hàng và đơn vị vận chuyển để giúp chúng tôi cải thiện chất lượng dịch vụ Việc đánh giá này không chỉ giúp chúng tôi nâng cao trải nghiệm mua sắm của khách hàng mà còn mang lại thông tin hữu ích cho những khách hàng khác khi lựa chọn sản phẩm và cửa hàng.

+ Đăng nhập tài khoản: mỗi nhà cung cấp sẽ có một tài khoản do quản trị viên cung cấp bao gồm tên đăng nhập và mật khẩu.

+ Xem chi tiết phiếu nhập hàng của cửa hàng bao gồm thời gian nhập, tên nguyên liệu, số lượng, đơn giá, tổng tiền, …

+ Đăng nhập tài khoản: mỗi nhà cung cấp sẽ có một tài khoản do quản trị viên cung cấp bao gồm tên đăng nhập và mật khẩu.

Đối tác có thể theo dõi và quản lý chi tiết các đơn hàng đã nhận và giao thành công đến khách hàng, đồng thời xem được phản hồi đánh giá của khách hàng đối với đơn vị vận chuyển.

Biểu đồ Use case

- Hỗ trợ khách hàng xem chi tiết thông tin sản phẩm (Tên món, giá món, chương trình khuyến mãi, ).

- Hỗ trợ người dùng thay đổi thông tin cá nhân (Tên khách hàng, địa chỉ, số điện thoại, ).

- Hỗ trợ người dùng đặt đơn, hủy đơn, theo dõi chi tiết thông tin đơn hàng (Đặt thành công, tổng số món, tổng tiền hóa đơn, đã giao, ).

- Hỗ trợ quản lý cửa hàng thay đổi, quản lý thông tin nhân viên.

- Hỗ trợ quản lý cửa hàng tổng hợp, theo dõi thống kê doanh thu.

- Hỗ trợ nhân viên thay đổi, cập nhật thông tin món. b Yêu cầu phi chức năng

- Hệ thống có thể hoạt động trên nhiều trình duyệt web và trên nhiều thiết bị.

- Tương tác giữa người dùng và hệ thống không quá 2s.

- Tuỳ theo chức vụ người đăng nhập mà có thể sử dụng các chức năng đặc thù riêng.

- Cho phép người dùng lưu thông tin tài khoản nếu người dùng muốn.

- Cho phép nhiều tài khoản có thể vào website cùng lúc.

- Hệ thống phải cập nhật liên tục thông tin từ database lên

⮚ Ưu tiên Use Case o Xanh

● Tích điểm cho khách hàng.

● Báo cáo bán hàng, thống kê. o Vàng

● Thay đổi thông tin cá nhân: số điện thoại, địa chỉ, email,

● Quản lý khách hàng. o Đỏ

● Xuất hóa đơn điện tử.

⮚ Mô tả Use Case o Bảng mô tả nghiệp vụ “ Đăng nhập”

Tên use case Đăng nhập

Tác nhân Quản trị viên, Quản lý cửa hàng, Nhân viên, Khách hàng,

Nhà cung cấp, Đối tác vận chuyển.

Mô tả chức năng Đăng nhập vào trang web với tài khoản đã tồn tại trong hệ thống Điều kiện tiên quyết Không có

Kịch bản Luồng sự kiện chính :

1 Người dùng nhập tên đăng nhập/email và mật khẩu vào ô thông tin tương ứng.

2 Hệ thống sẽ kiểm tra để xác thực thông tin đã nhập.

3 Sau khi đăng nhập thành công, hệ thống sẽ đưa dùng về trang tương ứng với quyền của tài khoản

Tên use case Đăng nhập

Luồng sự kiện thay thế:

1 Nếu người dùng nhập sai thông tin tên đăng nhập/ email, mật khẩu thì hệ thống sẽ báo lỗi và yêu cầu đăng nhập lại.

Bảng 2: Bảng mô tả nghiệp vụ “Đăng nhập”

Hình 2: Biểu đồ Use Case “Đăng nhập” – UC01 o Bảng mô tả nghiệp vụ “ Đăng ký tài khoản”

Tên usecase Đăng ký tài khoản

Mô tả chức năng Cho phép khách hàng mới đăng ký tài khoản để truy cập vào các chức năng của trang web. Điều kiện tiên quyết Không có

Kịch bản Luồng sự kiện chính :

1 Người dùng nhập đầy đủ thông tin cá nhân, hệ thống sẽ gửi mã xác nhận vào email hoặc số điện thoại.

2 Khách hàng nhập đúng mã xác nhận và hoàn tất quá trình đăng ký tài khoản.

Luồng sự kiện thay thế:

1 Nếu khách hàng nhập sai mã xác nhận, hệ thống sẽ cảnh báo và yêu cầu khách hàng nhập đúng

2 Nếu khách hàng nhập sai email hoặc số điện thoại thì sẽ không có mã xác nhận nào được gửi đi Buộc khách hàng phải nhập chính xác thông tin

Bảng 3: Bảng mô tả nghiệp vụ “Đăng ký tài khoản”

Hình 3: Biểu đồ Use Case “Đăng ký tài khoản” – UC02 o Bảng mô tả nghiệp vụ “ Xem, tìm kiếm sản phẩm”

Tên use case Xem, tìm kiếm sản phẩm

Để sử dụng chức năng này, bạn cần đăng nhập vào tài khoản "khách hàng" của mình Sau khi đăng nhập, bạn có thể xem thông tin chi tiết sản phẩm, bao gồm các đánh giá của người dùng khác về sản phẩm đó Ngoài ra, chức năng này cũng cho phép bạn tìm kiếm sản phẩm một cách nhanh chóng và dễ dàng.

Kịch bản Luồng sự kiện chính :

1 Khách hàng nhập từ khoá và hệ thống sẽ tiến hành tìm kiếm những thức uống có tên tương tự từ khoá.

2 Khách hàng có thể nhấn để xem thông tin chi tiết từng sản phẩm.

Luồng sự kiện thay thế: Không

Bảng 4: Bảng mô tả nghiệp vụ “Xem, tìm kiếm sản phẩm”

Hình 4: Biểu đồ Use Case “Xem, tìm kiếm sản phẩm” – UC03 o Bảng mô tả nghiệp vụ “ Đánh giá sản phẩm”

Tên use case Đánh giá sản phẩm

Mô tả chức năng Cho phép khách hàng bình luận và đánh giá sản phẩm. Điều kiện tiên quyết Đăng nhập tài khoản khách hàng, đã mua sản phẩm.

Kịch bản Luồng sự kiện chính :

1 Khách hàng đăng nhập vào trang web

2 Nhấn vào chi tiết sản phẩm và đánh giá 1-5 sao cùng bình luận hoặc hình ảnh.

Luồng sự kiện thay thế:

1 Yêu cầu đăng nhập khi khách hàng chưa đăng nhập.

2 Không cho phép đánh giá khi chưa mua sản phẩm đó hoặc đã từng đánh giá

Bảng 5: Bảng mô tả nghiệp vụ “Đánh giá sản phẩm”

Hình 5: Biểu đồ Use Case “Đặt hàng và đánh giá sản phẩm” – UC04 o Bảng mô tả nghiệp vụ “ Đặt hàng”

Tên use case Đặt hàng

Mô tả chức năng Cho phép khách hàng đặt hàng Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Khách hàng đăng nhập vào trang web

2 Nhấn vào giỏ hàng và đặt hàng

3 Hệ thống sẽ yêu cầu khách hàng xác nhận lại địa chỉ nhận hàng, số điện thoại trước khi đặt hàng.

4 Khách hàng lựa chọn một trong hai hình thức thanh toán: bằng tài khoản ngân hàng, các loại ví điện tử hoặc thanh toán khi nhận hàng (tiền mặt).

5 Sau khi nhận được hàng và hoá đơn, khách hàng nhấn xác nhận đã nhận được hàng trên trang web

Luồng sự kiện thay thế:

1 Trong trường hợp khách hàng từ chối nhận hàng đã đặt và chưa thanh toán tiền, hệ thống sẽ lưu lại thông tin khách hàng đó để quản lý có phương án xử lý.

Bảng 6: Bảng mô tả nghiệp vụ “Đặt hàng”

Hình 6: Biểu đồ Use Case “Đặt hàng” – UC05 o Bảng mô tả nghiệp vụ “Quản lý trang cá nhân”

Tên use case Quản lý trang cá nhân

Mô tả chức năng Quản lý thông tin cá nhân, xem lịch sử mua hàng. Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Khách hàng đăng nhập vào trang web.

2 Nhấn vào trang cá nhân.

3 Khách hàng có thể cập nhật họ tên, số điện thoại, địa chỉ, thay đổi mật khẩu cá nhân

Luồng sự kiện thay thế: Không

Bảng 7: Bảng mô tả nghiệp vụ “Quản lý trang cá nhân”

Hình 7: Biểu đồ Use Case “Quản lý trang cá nhân” – UC06 o Bảng mô tả nghiệp vụ “Quản lý đơn hàng”

Tên use case Quản lý đơn hàng

Tác nhân Nhân viên, Quản lý cửa hàng, Đối tác vận chuyển, khách hàng.

Mô tả chức năng Cập nhật trạng thái đơn hàng, xem chi tiết đơn hàng. Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web

2 Vào quản lý đơn hàng

3 Xác nhận đơn hàng của khách hàng

4 Cập nhật trạng thái đơn hàng : Chờ xác nhận => Món ăn đang được chế biến => Đang giao hàng => Giao hàng thành công.

5 Khách hàng chỉ có thể xem trạng thái đơn hàng và chi tiết đơn hàng.

Luồng sự kiện thay thế: Không

Bảng 8: Bảng mô tả nghiệp vụ “Quản lý đơn hàng”

Hình 8: Biểu đồ Use Case “Quản lý đơn hàng” – UC07 o Bảng mô tả nghiệp vụ “ Quản lý sản phẩm”

Tên use case Quản lý sản phẩm

Tác nhân Nhân viên, Quản lý cửa hàng

Mô tả chức năng Thêm, xóa, cập nhật thông tin sản phẩm Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Vào trang quản lý sản phẩm.

3 Nhân viên chỉ được phép cập nhật thông tin số lượng sản phẩm Quản lý cửa hàng, Quản trị viên có thể thêm, cập nhật trạng thái cho sản phẩm.

Luồng sự kiện thay thế: Không

Bảng 9: Bảng mô tả nghiệp vụ “Quản lý sản phẩm”

Hình 9: Biểu đồ Use Case “Quản lý sản phẩm” – UC08 o Bảng mô tả nghiệp vụ “ Quản lý thông tin khách hàng”

Tên use case Quản lý thông tin khách hàng

Tác nhân Nhân viên, Quản lý cửa hàng

Mô tả chức năng Xem thông tin khách hàng, các sản phẩm, đơn hàng mà khách hàng đã mua. Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Vào trang thông tin khách hàng.

3 Lựa chọn xem thông tin khách hàng, các sản phẩm, đơn hàng mà khách hàng đã mua.

Luồng sự kiện thay thế: Không.

Bảng 10: Bảng mô tả nghiệp vụ “Quản lý thông tin khách hàng”

Hình 10: Biểu đồ Use Case “Quản lý thông tin khách hàng” – UC09 o Bảng mô tả nghiệp vụ “ Quản lý nhân viên”

Tên use case Quản lý nhân viên

Tác nhân Quản lý cửa hàng

Để quản lý thông tin nhân viên hiệu quả, người dùng cần đăng nhập với tài khoản quản lý cửa hàng Sau khi đăng nhập, bạn có thể thực hiện các chức năng như thêm, xóa, sửa thông tin nhân viên một cách linh hoạt Ngoài ra, người dùng cũng có thể tạo tài khoản cho nhân viên cửa hàng, giúp họ dễ dàng truy cập và quản lý thông tin của mình.

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Vào trang quản lý nhân viên.

3 Có quyền thêm, chỉnh sửa các thông tin nhân viên: Họ tên, địa chỉ, số điện thoại Cập nhật mức lương nhân viên, cập nhật trạng thái nhân viên (còn làm hay đã nghỉ)

4 Chọn mục tạo tài khoản để tạo mới tài khoản nhân viên bao gồm tên đăng nhập và mật khẩu.

Luồng sự kiện thay thế: Không

Bảng 11: Bảng mô tả nghiệp vụ “Quản lý nhân viên”

Hình 11: Biểu đồ Use Case “Quản lý nhân viên” – UC10 o Bảng mô tả nghiệp vụ “ Quản lý kho nguyên liệu”

Tên use case Quản lý nguyên liệu

Tác nhân Quản lý cửa hàng, Nhà cung cấp.

Để quản lý nguyên liệu hiệu quả, chức năng cập nhật số lượng nguyên liệu tồn kho cho phép người dùng dễ dàng theo dõi và điều chỉnh số lượng nguyên liệu hiện có Ngoài ra, chức năng này cũng cho phép thêm và cập nhật thông tin nguyên liệu nhập mới, giúp người dùng quản lý dữ liệu một cách chính xác và toàn diện Bên cạnh đó, người dùng cũng có thể xem thông tin chi tiết về phiếu nhập hàng, giúp họ theo dõi và kiểm soát quá trình nhập hàng một cách hiệu quả Tuy nhiên, để sử dụng chức năng này, người dùng cần phải đăng nhập vào hệ thống trước.

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Vào trang quản lý nguyên liệu.

3 Cho phép cập nhật số lượng nguyên liệu tồn

4 Cho phép thêm, cập nhật số lượng, tên, thời gian, đơn giá nguyên liệu từng loại nhập, tổng tiền.

5 Nhà cung cấp chỉ có thể xem thông tin phiếu nhập hàng bao gồm thời gian nhập, tên nguyên liệu, số lượng, đơn giá, tổng tiền.

Luồng sự kiện thay thế: Không

Bảng 12: Bảng mô tả nghiệp vụ “Quản lý kho nguyên liệu”

Hình 12: Biểu đồ Use Case “Quản lý nguyên liệu” – UC11 o Bảng mô tả nghiệp vụ “Thống kê báo cáo”

Tên use case Thống kê báo cáo

Tác nhân Quản lý cửa hàng

Để theo dõi tình hình kinh doanh của mình, chức năng thống kê doanh thu theo ngày, tháng, năm là không thể thiếu Ngoài ra, chức năng này còn giúp bạn xác định được món bán chạy nhất (best seller) và món đã bán hết (sold out), từ đó đưa ra chiến lược kinh doanh phù hợp Tuy nhiên, để sử dụng chức năng này, bạn cần phải đăng nhập vào hệ thống trước.

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

3 Xem bảng doanh thu theo từng ngày, hoặc theo tháng, năm.

4 Tạo báo cáo, in báo cáo Luồng sự kiện thay thế: Không.

Bảng 13: Bảng mô tả nghiệp vụ “Thống kê báo cáo”

Hình 13: Biểu đồ Use Case “Thống kê báo cáo” – UC12 o Bảng mô tả nghiệp vụ “Quản lý thông tin đối tác vận chuyển”

Tên use case Quản lý thông tin đối tác vận chuyển

Tác nhân Quản lý cửa hàng, Quản trị viên

Mô tả chức năng Thêm, xóa, sửa thông tin đối tác vận chuyển Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Vào trang quản lý đối tác vận chuyển.

3 Thêm, xóa, thay đổi thông tin đối tác vận chuyển, tạo tài khoản cho đối tác vận chuyển.

Luồng sự kiện thay thế: Không

Bảng 14: Bảng mô tả nghiệp vụ “Quản lý thông tin đối tác vận chuyển”

Hình 14: Biểu đồ Use Case “Quản lý thông tin đối tác vận chuyển” – UC13 o Bảng mô tả nghiệp vụ “Quản lý nhà cung cấp nguyên liệu”

Tên use case Quản lý nhà cung cấp nguyên liệu

Tác nhân Quản lý cửa hàng

Mô tả chức năng Thêm, xóa, thay đổi thông tin nhà cung cấp nguyên liệu. Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Vào trang quản lý nhà cung cấp.

3 Thêm, thay đổi thông tin nhà cung cấp nguyên liệu, tạo tài khoản nhà cung cấp nguyên liệu, cập nhật trạng thái.

Luồng sự kiện thay thế: Không

Bảng 15: Bảng mô tả nghiệp vụ “Quản lý nhà cung cấp nguyên liệu”

Hình 15: Biểu đồ Use Case “ Quản lý nhà cung cấp nguyên liệu” – UC14 o Bảng mô tả nghiệp vụ “ Bán hàng”

Tên use case Bán hàng

Mô tả chức năng Thực hiện bán hàng cho khách Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Xác nhận đơn hàng, tích điểm cho khách hàng thân thiết

5 Giao cho đối tác vận chuyển Luồng sự kiện thay thế: Không

Bảng 16: Bảng mô tả nghiệp vụ “Bán hàng”

Hình 16: Biểu đồ Use Case “Bán hàng” – UC15 o Bảng mô tả nghiệp vụ “ Đăng xuất”

Tên use case Đăng xuất

Tác nhân Nhân viên, khách hàng, quản lý cửa hàng, quản trị viên

Mô tả chức năng Thực hiện đăng xuất khỏi hệ thống Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

3 Xác nhận đăng xuất Luồng sự kiện thay thế: Không

Bảng 17: Bảng mô tả nghiệp vụ “Đăng xuất”

Hình 17: Biểu đồ Use Case “Đăng xuất” – UC16 o Bảng mô tả nghiệp vụ “Quản lý giỏ hàng”

Tên use case Quản lý giỏ hàng

Mô tả chức năng Thực hiện quản lý chi tiết giỏ hàng Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

2 Xem chi tiết giỏ hàng

3 Thêm, xoá, cập nhật chi tiết tên món, số lượng món Luồng sự kiện thay thế: Không

Bảng 18: Bảng mô tả nghiệp vụ “Quản lý giỏ hàng”

Hình 18: Biểu đồ Use Case “Quản lý giỏ hàng” – UC17 o Bảng mô tả nghiệp vụ “Quản lý CTKM”

Tên use case Quản lý chương trình khuyến mãi

Tác nhân Quản lý cửa hàng

Mô tả chức năng Thực hiện quản lý chi tiết chương trình khuyến mãi Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

1 Đăng nhập vào trang web.

3 Cập nhật chi tiết chương trình khuyến mãi( tên món, phần trăm KM, ngày bắt đầu), thêm mới CTKM Luồng sự kiện thay thế: Không

Bảng 19: Bảng mô tả nghiệp vụ “Quản lý CTKM”

Hình 19: Biểu đồ Use Case “Quản lý CTKM” – UC18 o Bảng mô tả nghiệp vụ “Quản lý giá sản phẩm”

Tên use case Quản lý giá món

Tác nhân Quản lý cửa hàng

Mô tả chức năng Thực hiện quản lý chi tiết giá món cho từng sản phẩm Điều kiện tiên quyết Đăng nhập

Kịch bản Luồng sự kiện chính :

4 Đăng nhập vào trang web.

6 Cập nhật chi tiết đơn giá, ngày áp dụng Luồng sự kiện thay thế: Không

Bảng 20: Bảng mô tả nghiệp vụ “Quản lý giá sản phẩm”

Hình 20: Biểu đồ Use Case “Quản lý giá sản phẩm” – UC19

Biểu đồ tuần tự/ giao tiếp

Hình 21: Biểu đồ tuần tự “Đăng ký tài khoản”

Hình 22: Biểu đồ tuần tự “Bán hàng”

Hình 23: Biểu đồ tuần tự “Tích điểm”

 Cập nhật thông tin món

Hình 24: Biểu đồ tuần tự “Cập nhật thông tin món”

 Cập nhật thông tin nhân viên

Hình 25: Biểu đồ tuần tự “Cập nhật thông tin nhân viên”

 Cập nhật thông tin chương trình khuyến mãi

Hình 26: Biểu đồ tuần tự “Cập nhật thông tin chương trình khuyến mãi”

 Cập nhật thông tin cá nhân

Biểu đồ hoạt động

Hình 28: Biểu đồ hoạt động “Nhập nguyên liệu”

Hình 29: Biểu đồ hoạt động “Đặt hàng”

 Cập nhật thông tin món

Hình 30: Biểu đồ hoạt động “Cập nhật thông tin món”

 Cập nhật thông tin nhân viên

Hình 31: Biểu đồ hoạt động “Cập nhật thông tin nhân viên”

 Cập nhật thông tin cá nhân

Hình 32: Biểu đồ hoạt động “Cập nhật thông tin cá nhân”

PHÂN TÍCH HỆ THỐNG

Mô tả phân tích hệ thống

a Các đối tượng tham gia vào hệ thống:

- Món, đơn hàng, hóa đơn, báo cáo, nguyên liệu, giá món

- Thông tin nhân viên, thông tin khách hàng, thông tin nhà cung cấp, thông tin đối tác vận chuyển

- Phiếu nhập nguyên liệu, phiếu hủy/ trả nguyên liệu, chi tiết phiếu tích điểm b Các tác nhân tham gia vào hệ thống:

- Khách hàng, quản lý cửa hàng, nhân viên, đối tác vận chuyển, nhà cung cấp, lớp và thuộc tính các lớp, phương thức khác,

Biểu đồ lớp

Biểu đồ trạng thái

Hình 34: Biểu đồ trạng thái “Món (Sản phẩm)”

Hình 35: Biểu đồ trạng thái “Báo cáo”

Hình 36: Biểu đồ trạng thái “Nhập nguyên liệu”

Hình 37: Biểu đồ trạng thái “Nguyên liệu”

 Đơn hàng thanh toán trước bằng ví điện tử

Hình 38: Biểu đồ trạng thái “Đơn hàng thanh toán trước bằng ví điện tử”

 Đơn hàng thanh toán bằng tiền mặt sau khi nhận món

Hình 39: Biểu đồ trạng thái “Đơn hàng thanh toán bằng tiền mặt sau khi nhận món”

Hình 40: Biểu đồ trạng thái “Trả/hủy nguyên liệu”

Hình 41: Biểu đồ trạng thái “Trạng thái nhân viên”

 Trạng thái quản lý cửa hàng

Hình 43: Biểu đồ trạng thái “Trạng thái phiếu/mã khuyến mãi”

Hình 42: Biểu đồ trạng thái “Trạng thái quản lý cửa hàng”

THIẾT KẾ HỆ THỐNG

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

a Lựa chọn CN mạng – Kiến trúc hạ tầng oKiến trúc 3 tầng:

Hình 44:Mô hình kiến trúc 3 tầng o Ưu điểm của kiến trúc ba tầng

● Tạo điều kiện dễ dàng khi phát triển: lập trình viên dễ phát triển ứng dụng

● Sử dụng máy tính hiệu quả: sử dụng máy tính phù hợp từng tầng

● Cải tiến hiệu năng: có thể nhân rộng máy tính ở tầng Application Server, Database (dùng cho load balancing), mỗi tầng được chuyên môn hóa, dễ tối ưu hóa

Việc nâng cao tính bảo mật là yếu tố quan trọng trong việc xây dựng hệ thống thông tin hiện đại Với cơ chế bảo mật cho tầng ứng dụng, dữ liệu phía sau sẽ được bảo vệ an toàn hơn, giảm thiểu rủi ro mất mát hoặc lộ thông tin quan trọng Đồng thời, dữ liệu cũng sẽ được truyền tải với tốc độ cao, giúp người dùng dễ dàng thao tác và truy cập thông tin một cách nhanh chóng và an toàn.

● Hạn chế đầu tư: dễ dàng thêm bớt máy tính trong hệ thống

● Đa dạng kiểu máy client: mobile, PC, PDAs, …. o Biểu đồ triển khai để biểu diễn tình trạng mạng

Hình 45: Biểu đồ triển khai để biểu diễn tình trạng mạng b Thiết kế tương tranh – An toàn bảo mật o Thiết kế tương tranh:

Khi áp dụng quy tắc hệ thống, việc thêm nhân viên hoặc món mới sẽ được kiểm tra kỹ lưỡng Nếu mọi thông tin nhập vào trùng khớp với bất kỳ đối tượng nào đã tồn tại trong Database, hệ thống sẽ ngay lập tức thông báo rằng đối tượng đó đã tồn tại Điều này giúp ngăn chặn sự trùng lặp và đảm bảo tính chính xác của dữ liệu.

Khi áp dụng quy tắc nghiệp vụ, nếu thông tin của một sản phẩm bất kỳ đang được chỉnh sửa, khách hàng sẽ chỉ có thể xem thông tin cho đến khi quá trình chỉnh sửa hoàn tất, đảm bảo tính chính xác và nhất quán của thông tin sản phẩm.

Đối với nhân viên, khách hàng và quản trị viên, hệ thống chỉ cho phép cập nhật trạng thái và chỉnh sửa trang cá nhân, tuyệt đối không được phép xóa dữ liệu khỏi hệ thống để đảm bảo tính toàn vẹn và bảo mật thông tin.

Đối với các sản phẩm, nguyên liệu và chương trình khuyến mãi đã được cập nhật thành công trên hệ thống, người dùng sẽ không có quyền xóa mà chỉ được phép cập nhật số lượng hoặc trạng thái kinh doanh Điều này giúp đảm bảo tính nhất quán và chính xác của thông tin trên hệ thống, đồng thời hạn chế tối đa các sai sót không đáng có.

Khi khách hàng đang xem sản phẩm, thông tin sản phẩm đang được cập nhật bởi nhân viên sẽ không được hiển thị ngay lập tức, đảm bảo an toàn và bảo mật cho quá trình cập nhật thông tin sản phẩm.

● Privacy (Tính riêng tư) : User có quyền mới được xem và điều chỉnh, ngăn chặn việc truy cập bất hợp pháp.

▪ Khách hàng chỉ có thể vào xem thông tin sản phẩm, thông tin giỏ hàng, giám sát đơn hàng cá nhân.

▪ Khách hàng có thể vào xem, cập nhật thông tin của cá nhân.

Nhân viên chỉ có thể truy cập và cập nhật thông tin số lượng món, trong khi quản lý cửa hàng là người có quyền hạn cao hơn, bao gồm cả việc cập nhật thông tin chương trình khuyến mãi, thêm món mới và chỉnh sửa chi tiết thông tin món.

▪ Quản lý cửa hàng và nhân viên đều có thể xem thông tin khách hàng bao gồm họ tên, địa chỉ, lịch sử mua hàng.

▪ Quản trị viên có quyền xem hết tất cả các thông tin trong hệ thống nhưng không có quyền cập nhật, chỉnh sửa.

▪ Đối tác vận chuyển chỉ có quyền xem chi tiết đơn hàng.

● Authentification (Xác thực): Có xác định độ tin cậy của thông tin gửi đến

 Irrefutability (Không thể chối cãi): đảm bảo người tạo ra thông tin không thể phủ nhận “họ chính là người tạo ra nó”.

Ví dụ: đăng nhập lại user tác nghiệp, thời điểm cập nhật, …

Tính toàn vẹn là một yếu tố quan trọng trong bảo mật dữ liệu, đảm bảo rằng thông tin được lưu trữ và truyền tải một cách nhất quán và chính xác trong toàn bộ hệ thống Điều này có nghĩa là dữ liệu không bị mất mát, thay đổi hoặc phá hủy một cách bất hợp pháp, đồng thời có các biện pháp ngăn chặn và phát hiện những hành động phá hoại dữ liệu trái phép.

Ví dụ: Cấm truy cập trực tiếp vào Database Chỉ cập nhật thông tin thông qua hệ thống.

 Safety (An toàn): o Quy định quyền hạn truy cập tài nguyên (máy tính, server, Database, process, file,

Để đảm bảo tính bảo mật và an toàn, hệ thống chỉ cho phép những thành viên được cấp phép truy cập vào server, database và các tài nguyên quan trọng khác Điều này đặc biệt quan trọng khi hệ thống hoạt động trên Internet, nơi mà các cuộc tấn công mạng và xâm nhập trái phép của hacker có thể xảy ra thường xuyên, nhằm chiếm quyền kiểm soát chương trình đang chạy và truy cập trái phép vào tài nguyên hệ thống.

▪ Mã hóa thông tin Bảo vệ tài nguyên của hệ thống client.,

▪ Chống truy cập bất hợp pháp, phá hoại từ bên ngoài.

▪ Thuê hacker hoặc người có chuyên môn kiểm tra hệ thống. o Các vấn đề cần lưu ý:

▪ Ngăn chặn truy cập máy chủ khi không được phép.

▪ Các thông tin nhạy cảm không bị truyền ra ngoài: tt cá nhân, chiến lược kinh doanh,

▪ Đảm bảo thông tin truyền đi không bị “nghe lén”, chỉ người nhận mới sử dụng được.

Lựa chọn CSDL

Microsoft SQL Server là hệ quản trị cơ sở dữ liệu (DBMS) mạnh mẽ do công ty Microsoft phát triển và cung cấp, hỗ trợ các ngôn ngữ lập trình SQL và có khả năng tương thích với nhiều hệ điều hành khác nhau, bao gồm Windows, Linux và macOS, giúp người dùng linh hoạt trong việc xây dựng và quản lý cơ sở dữ liệu của mình.

SQL Server cung cấp một loạt các tính năng phong phú cho việc quản lý và sử dụng cơ sở dữ liệu, bao gồm khả năng lưu trữ và truy vấn dữ liệu một cách hiệu quả Ngoài ra, nó còn hỗ trợ cho các hệ thống phân tán, cho phép người dùng dễ dàng quản lý và truy cập dữ liệu từ nhiều nguồn khác nhau Đồng thời, SQL Server cũng cung cấp các tính năng an toàn và bảo mật mạnh mẽ, giúp bảo vệ dữ liệu khỏi các truy cập trái phép và đảm bảo tính toàn vẹn của dữ liệu.

 Microsoft SQL Server còn cung cấp một số tính năng khác như:

SQL Server cung cấp một loạt các tính năng lập trình mạnh mẽ, cho phép người dùng tận dụng các ngôn ngữ lập trình phổ biến như Transact-SQL, NET và Python để xây dựng và tùy chỉnh các ứng dụng của mình.

▪ Tính năng đồ họa: SQL Server có thể sử dụng với các công cụ đồ họa như

SQL Server Reporting Services (SSRS) để tạo ra các báo cáo và biểu đồ dữ liệu.

▪ Tính năng khai thác dữ liệu: SQL Server có tính năng khai thác dữ liệu (Data

Mining) cho phép người dùng phân tích và khai thác dữ liệu lớn để tìm ra các mẫu và quy luật bên trong dữ liệu.

Tính năng đồng bộ hóa dữ liệu là một trong những tính năng quan trọng của SQL Server, cho phép người dùng đồng bộ hóa dữ liệu một cách hiệu quả giữa các cơ sở dữ liệu khác nhau hoặc giữa các hệ thống khác nhau, giúp đảm bảo tính nhất quán và chính xác của dữ liệu.

SQL Server cung cấp một loạt các tính năng an toàn để bảo vệ dữ liệu khỏi các cuộc tấn công mạng và giúp người dùng kiểm soát truy cập vào dữ liệu một cách hiệu quả Các tính năng này cho phép người dùng thiết lập các chính sách bảo mật mạnh mẽ, kiểm soát truy cập dựa trên vai trò và giám sát hoạt động của người dùng Điều này giúp đảm bảo rằng dữ liệu được bảo vệ an toàn và chỉ những người dùng được ủy quyền mới có thể truy cập vào dữ liệu.

 Đối với hệ thống bán trà sữa Phúc Long, tụi em quyết định sử dụng hệ cơ sở dữ liệu SQL Server bởi vì :

Microsoft SQL Server là một hệ quản trị cơ sở dữ liệu chuyên nghiệp, được ứng dụng rộng rãi trong các công ty và doanh nghiệp lớn, đáp ứng nhu cầu lưu trữ và quản lý dữ liệu phức tạp.

SQL Server đã có lịch sử phát triển lâu dài và sở hữu một cộng đồng người dùng rộng lớn, điều này cho phép các nhà phát triển dễ dàng tìm kiếm giải pháp khắc phục khi gặp phải lỗi xảy ra.

SQL Server là một hệ quản trị cơ sở dữ liệu mạnh mẽ, cung cấp nhiều tính năng quan trọng cho việc quản lý và sử dụng dữ liệu hiệu quả Với khả năng lưu trữ và truy vấn dữ liệu linh hoạt, SQL Server hỗ trợ cho các hệ thống phân tán và đảm bảo an toàn, bảo mật cho dữ liệu của người dùng.

SQL Server nổi bật với khả năng mở rộng cao, cho phép chạy trơn tru trên nhiều nền tảng khác nhau, bao gồm Windows, Linux và macOS, đáp ứng linh hoạt nhu cầu của các đội lập trình đa nền tảng.

SQL Server nổi bật với khả năng tương thích cao, cho phép kết nối dễ dàng với nhiều ngôn ngữ lập trình khác nhau như NET, Python, Java và Javascript Trong dự án này, ngôn ngữ lập trình chính được sử dụng là Javascript, mang lại sự linh hoạt và tiện lợi cho việc phát triển Ngoài ra, SQL Server cũng cho phép mở rộng và tích hợp với các ngôn ngữ khác như Java và Python trong tương lai, giúp tăng cường khả năng phát triển và ứng dụng.

Vẽ biểu đồ thiết kế cơ sở dữ liệu

Hình 46: Biểu đồ thiết kế cơ sở dữ liệu

Lược đồ phân rã hệ thống con

Hình 47: Lược đồ phân rã hệ thống con

Một số giao diện người dùng chính

Hình 48: Giao diện trang chủ

3.5.2 Giao diện tất cả sản phẩm

Hình 49: Giao diện tất cả sản phẩm

3.5.3 Giao diện sản phẩm cà phê

Hình 50: Giao diện các loại sản phẩm làm từ cà phê

3.5.4 Giao diện sản phẩm trà

Hình 51: Giao diện các loại sản phẩm làm từ trà

3.5.5 Giao diện sản phẩm bán chạy (best seller)

Hình 52: Giao diện các sản phẩm bán chạy (best seller)

3.5.6 Giao diện chi tiết sản phẩm

Hình 53: Giao diện xem chi tiết sản phẩm

Hình 54: Giao diện giỏ hàng

3.5.8 Giao diện hóa đơn thanh toán

Hình 55: Giao diện hóa đơn thanh toán

Ngày đăng: 28/12/2023, 18:58

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w