Đồ án xây dựng hệ thống quản lý kinh doanh thiết bị công nghệ

TỔNG QUÁT ĐỀ TÀI

LÝ DO CHỌN ĐỀ TÀI

Như chúng ta cũng thấy trong thị trường hiện nay thì việc cạnh tranh về kinh doanh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công ty lớn đều chú tâm đến việc làm thoả mãn nhu cầu của khách hàng một cách tốt nhất

So với kinh doanh truyền thống thì thương mại điện tử có chi phí thấp hơn, hiệu quả đạt cao hơn nhiều Hơn thế nữa, với lợi thế của Internet đang phát triển vượt bậc thì việc truyền tải thông tin về sản phẩm nhanh chóng, thuận tiện Kết hợp với bộ phận giao hàng tận nơi, là thông qua hệ thống logistic, thanh toán qua ví điện tử hay ngân hàng để trả tiền ngày càng giúp cho loại hình này càng phát triển vượt bậc

Biết được nhu cầu đó của người dùng và các đối tác sử dụng nhóm em xây dựng một website thương mại điện tử nhằm đáp ứng cho mọi người tiêu dùng trên toàn quốc và thông qua hệ thống này người dùng có thể mua được sản phẩm cần thiết và phù hợp

Do đó, với sự ra đời các website bán hàng qua Internet, mọi người có thể mua mọi thứ hàng hoá mọi lúc mọi nơi hay dù ở bất kỳ đâu trên đất nước Việt Nam mà không mất thời gian ra tận nơi.

Phần mềm được xây dựng với định hướng giúp việc mua sắm thiết bị công nghệ của khách hàng dễ dàng và nhanh gọn hơn, không mất thời gian và công sức Ngoài ra, phần mềm còn hỗ trợ cửa hàng trong việc quản lý các đơn đặt hàng từ khách hàng giúp việc bán hàng trở nên tiện lợi, hiệu quả hơn Không những vậy, hệ thống còn hỗ trợ người quản lý hệ thống trong việc quản lý việc kinh doanh của các cửa hàng (chi nhánh) và giúp các cửa hàng quản lý được các nhân viên của cửa hàng.

Các đối tượng cần xây dựng hệ thống là các hệ thống kinh doanh sản phẩm công nghệ với quy mô lớn: gồm nhiều cửa hàng, chi nhánh khác nhau trên khắp đất nước.

MỤC TIÊU

Xây dựng hệ thống hỗ trợ việc quản lý kinh doanh của chuỗi cửa hàng kinh doanh thiết bị công nghệ Từ đó người quản lý có thể quản lý các cửa hàng, chi nhánh nhỏ một cách đơn giản nhất mà không cần phải di chuyển đến trực tiếp cửa hàng Bên cạnh đó còn giúp cho những người quản lý cửa hàng dễ dàng quản lý đơn hàng, nhân viên, sản phẩm trong kho, khách hàng,… Đặc biệt, mục tiêu của dự án là muốn đưa đến một trải nghiệm mua hàng tốt nhất cho khách hàng, từ đó giúp khách hàng cảm thấy hứng thú khi mua hàng Qua đó sẽ góp phần thúc đẩy hiệu quả kinh doanh.

KHẢO SÁT TRANG WEB LIÊN QUAN

FPT SHOP

Hình 1 Trang web FPT shop

- Lý do chọn FPT shop: Sau khi khảo sát một vài trang website kinh doanh các thiết bị điện tử, nhóm đã quyết định chọn trang web FPT shop dựa trên tiêu chí giao diện thân thiện, dễ sử dụng và hầu như đầy đủ chức năng nhóm dự tính (có thể bổ sung thêm), đồng thời FPT shop là trang web kinh doanh các thiết bị điện tử có tiếng tại Việt Nam.

- Ứng dụng có bố cục khá đầy đủ và bắt mắt với các chức năng chính như:

+ Danh mục: hiển thị các danh mục thời trang cho các nhóm đối tượng chung gồm (Điện thoại – Laptop – Phụ kiện), trong từng nhóm đối tượng có các danh mục sản phẩm dành riêng cho đối tượng hoặc sản phẩm dành chung với đối tượng khác Trong từng danh mục sản phẩm sẽ có danh mục các loại của sản phẩm đó Ngoài ra có danh mục top để cung cấp tin tức, thông tin về sản phẩm mới và các sản phẩm nổi bật+ Bộ lọc: Lọc sản phẩm trong danh sách theo các tiêu chí chung như theo giá, theo thương hiệu, theo các tính năng vượt trội

+ Thành viên: Không nhất thiết phải đăng ký tài khoản mới có thể mua hàng, đăng ký để có thể xem lại lịch sử mua hàng, lưu thông tin địa chỉ mua hàng lưu các phiếu giảm giá

+ Hiển thị chi tiết sản phẩm: hiển thị các hình ảnh chi tiết sản phẩm và hình ảnh 360 độ sản phẩm, màu sắc, kích cỡ, giá thành, số lượng muốn chọn, bảng kích thước, vị trí cửa hàng gần nhất, các thông tin chi tiết về sản phẩm, các đánh giá của người mua trước, chính sách hoàn trả, phương thức thanh toán, tính năng so sánh các sản phẩm với nhau, bên cạnh hiện thêm các combo phụ kiện nên mua cùng sản phẩm đó, hiển thị thêm các bài viết liên quan đến sản phẩm

+ Giỏ hàng: Sau khi thêm sản phẩm vào giỏ hàng có thể thấy thông tin cần thiết của sản phẩm (tên sản phẩm, số lượng, giá tiền, màu sắc, kích cỡ), chỉnh sửa số lượng muốn mua, tổng giá tiền, mã giảm giá (nếu có). + Tìm kiếm: Có thể tìm kiếm sản phẩm bằng từ khóa hoặc tìm kiếm bằng cách chọn theo danh mục trong chức năng tìm kiếm để xem nhiều sản phẩm liên quan hơn và đặc biệt có tìm kiếm sản phẩm theo xu hướng

+ Giao diện thân thiện, dễ sử dụng

+ Có đủ các chức năng cần thiết cho một ứng dụng thương mại điện tử + Phân chia danh mục rõ ràng và chi tiết

+ Hiển thị các chương trình khuyến mãi đặc biệt ở đầu trang website để người dùng dễ tiếp cận đến khuyến mãi

+ Màu sắc trên giao diện được sử dụng chưa hài hoà, khiến người dùng rối mắt

+ Không thể xem lại các sản phẩm đã xem gần nhất

+ Không có đề xuất các sản phẩm khác khi vào xem chi tiết một sản phẩm

CELLPHONES

Lý do chọn Cellphones: Cellphones là trang website mua sắm thiết bị công nghệ phủ sóng khá lớn trên toàn bộ Việt Nam, bên cạnh đó nó là thương hiệu lớn và đặc biệt trang web cũng có những tính năng nhóm chúng em muốn đưa vào trang web của mình

- Cách bố trí của Cellphones rất bắt mắt và các biểu tượng của chức năng được thiết kế rất nhẹ nhàng, các viền của hình ảnh và khung sản phẩm được bo góc, sử dụng tông màu chính cho toàn bộ giao diện là 3 màu đỏ, trắng cung cấp trải nghiệm khi sử dụng giao diện khá dễ chịu, phân chia sản phẩm theo các danh mục hoặc bộ sưu tập.

- Ở phần đầu trang web luôn hiển thị các chương trình khuyến mãi đang chạy để người dùng dễ thấy và tiếp cận

- Ở trang xem chi tiết sản phẩm cũng những trang web cung cấp đầy đủ các thông tin về sản phẩm, các khuyến mãi, các phương thức thanh toán ngoài có thêm tab đề xuất những sản phẩm tương tự, sản phẩm qua sử dụng hay sản phẩm cũ của sản phẩm đang xem và đặc biết trang sẽ hiển thị chi tiết những cửa hàng còn sản phẩm

+ Các nút chức năng chỉ dùng biểu tượng để mô tả nhưng rất dễ hiểu

+ Đáp ứng được các chức năng cần thiết của một ứng dụng thương mại điện tử

+ Giao diện đơn điệu, khó tạo được ấn tượng với người dùng

+ Chỉ có giao diện nền sáng nên dễ gây mỏi mắt với một số người dùng

AliExpress

Lý do chọn AliExpress: Đây là ứng dụng thương mại điện tử tương đối lớn ở thị trường quốc tế (trực thuộc Alibaba) Do đó khi khảo sát ứng dụng này sẽ mang lại góc nhìn thị trường thương mại điện tử ở quốc tế giúp nhóm có thể học hỏi và cải tiến vào dự án.

- Nhìn chung, thiết kế của AliExpress rất dễ nhìn, bắt mắt, chỉ hiển thị các thông tin cần thiết trên sản phẩm ở trang chủ Ngoài ra, phần bố cục cũng được phân chia hợp lý từ trên xuống.

- Có hệ thống đề xuất giúp sản phẩm hiển thị cho người dùng luôn được cập nhật mới thành các sản phẩm người dùng cần, không bị trùng lặp nhàm chán.

- Phần chi tiết sản phẩm được thiết kế bắt mắt, hiển thị đầy đủ thông tin cần thiết Bên cạnh đó, các nút bấm được thiết kế nổi bật hơn, phân bố hợp lý giúp tránh việc người dùng bấm nhầm không cần thiết.

- Có hệ thống giao hàng toàn quốc cũng như có hỗ trợ thanh toán bằng thẻ quốc tế Tuy nhiên lại không có hình thức thanh toán COD.

+ Có hệ thống đề xuất sản phẩm cho người dùng

+ Các sản phẩm được phân loại sâu hơn (theo màu sắc, cấu hình…)

+ Giao diện đẹp, bắt mắt, thông tin hiển thị không bị thiếu hoặc thừa

+ Có tích hợp giao hàng quốc tế

+ Có thanh toán bằng thẻ quốc tế

+ Theo dõi được đơn hàng

+ Có hệ thống mã giảm giá

+ Khi chọn màu sắc, hình ảnh của sản phẩm không thay đổi mà chỉ hiển thị ở phần chọn màu

+ Giao diện chỉ hỗ trợ chế độ màu sáng

YÊU CẦU VÀ KIẾN TRÚC HỆ THỐNG

GIỚI THIỆU

Hiện nay, các công nghệ tiên tiến phát triển ngày càng mạnh mẽ và được ứng dụng ngày càng nhiều vào các lĩnh vực kinh tế, sản xuất cũng như đời sống thường nhật của con người Một điểm tiêu biểu trong việc phát triển các công nghệ đó phải kể đến việc ứng dụng công nghệ thông tin vào hầu hết các hoạt động Nhờ đó, các công việc được thực hiện nhanh, chính xác và đạt kết quả cao hơn rất nhiều.

Khi xã hội ngày càng phát triển, mức sống của người dân được nâng cao đồng thời thu nhập kinh tế ngày càng được cải thiện thì nhu cầu mua sắm của mọi người theo đó cũng ngày càng cao Tuy nhiên, với cuộc sống ngày càng bận rộn như hiện nay thì việc muốn mua sắm những món đồ mình ưa thích hay cần thì người tiêu dùng phải đến tận cửa hàng để chọn lựa vì thế sẽ mất khá nhiều thời gian và công sức Bên cạnh đó, khi có nhiều khách hàng đến cửa hàng thì nhân viên sẽ phải túc trực nhiều hơn, thanh toán lâu hơn và có thể sẽ không thể cho khách hàng trải nghiệm tốt nhất được.

Cùng với các lý do nêu trên, qua tìm hiểu nhóm được biết việc xây dựng một trang web thương mại điện tử sẽ giúp cho khách hàng giảm bớt được thời gian, công sức đến tận cửa hàng để mua Muốn lựa chọn cho mình những món đồ dùng ưng ý phù hợp với túi tiền thì khách hàng chỉ cần thông qua Internet là có thể mua được sản phẩm mình cần Không những thế, với cửa hàng thì việc sử dụng hệ thống sẽ giúp chuyển lượng lớn khách từ mua hàng trực tiếp tại cửa hàng sang mua hàng trực tuyến, từ đó có thể chăm sóc khách hàng tốt hơn, cửa hàng không còn bị quá tải vào các giờ cao điểm Ngoài ra, việc khách hàng mua hàng trực tuyến sẽ giúp cửa hàng có thời gian chuẩn bị đơn hàng kỹ hơn, giảm thiểu sai sót trong quá trình làm việc.

YÊU CẦU HỆ THỐNG

Trong hệ thống quản lý kinh doanh thời trang hiện tại có các quyền bao gồm Super Admin, Admin, Store Manager, Customer (Khách hàng), Guest (Khách vãng lai)

− Super Admin: Là người có tất cả quyền của hệ thống và có toàn quyền quản lý các admin bình thường khác

− Admin: Là quản trị viên bình thường của hệ thống và có quyền thấp hơn so với Super Admin Người này chỉ có thể quản lý thông tin các chi nhánh và các dữ liệu hiển thị trên ứng dụng/website khách hàng

− Store Manager: Được xem là quản lý của một chi nhánh và có quyền quản lý khách hàng, nhân viên, đơn hàng, tồn kho của cửa hàng

− Employee: Là nhân viên của một chi nhánh Người này có quyền quản lý đơn hàng, xem khách hàng, xem sản phẩm.

− Customer: Là người có toàn quyền sử dụng ứng dụng/ website khách hàng như quản lý giỏ hàng, tạo đơn hàng, xem sản phẩm, xem lịch sử đặt hàng và quản lý địa chỉ giao hàng

− Guest: Là người có quyền sử dụng một số chức năng của ứng dụng/ website khách hàng như xem sản phẩm, chi tiết sản phẩm, đăng nhập, đăng ký, đặt lại mật khẩu

Xây dựng một hệ thống Quản lý kinh doanh thời trang bao gồm một ứng dụng để cửa hàng có thể quảng bá sản phẩm, đồng thời thông qua ứng dụng này khách hàng có thể xem thông tin các sản phẩm, tìm kiếm, thêm sản phẩm vào giỏ hàng và thanh toán hóa đơn của mình Các chức năng cụ thể dành cho Khách hàng bao gồm:

+ Đăng ký hoặc đăng nhập bằng tài khoản

+ Cập nhập thông tin về tài khoản của mình

+ Xem và lựa chọn các sản phẩm website kinh doanh

+ Tiến hành đặt hàng và thanh toán

+ Xem lịch sử đặt hàng

+ Bằng cách mua hàng để có điểm thưởng và nhận những ưu đãi khi đạt tới 1 mức nào đó

Ngoài ra, hệ thống còn bao gồm một trang web để quản lý cửa hàng có thể tiếp nhận, quản lý đơn hàng và đồng thời quản lý các sản phẩm đang bán Các chức năng cụ thể dành cho Cửa hàng bao gồm:

+ Đăng nhập vào tài khoản

+ Xem số lượng sản phẩm đang có ở cửa hàng

+ Xem danh sách, chi tiết đơn hàng

+ Tiếp nhận đơn hàng mới

+ Quản lý danh mục sản phẩm

+ Quản lý đơn hàng lưu trữ

+ Quản lý mã giảm giá

Các chức năng của Super Admin thì ngoài những chức năng của Admin còn có thêm 1 số chức năng:

+ Quản lý quyền và phân quyền

2.3 Yêu cầu phi chức năng

- Yêu cầu sử dụng: Cung cấp cho người dùng các ứng dụng thân thiện, dễ nhìn, dễ sử dụng và dễ tương tác

- Yêu cầu sẵn có: Ứng dụng sẵn sàng hoạt động tại mọi thời điểm người dùng truy cập

- Tính chính xác: Hệ thống phải lưu trữ chính xác thông tin sản phẩm, giỏ hàng, thông tin người dùng, …

- Yêu cầu hiệu năng: Các thao tác cập nhật dữ liệu phải được hoàn thành (không báo lỗi), các chức năng thêm, xóa, sửa trong mỗi yêu cầu phải được thực hiện càng nhanh càng tốt.

+ Chỉ người dùng đã xác thực bằng username, password và có quyền truy cập mới có thể truy cập và sử dụng ứng dụng

+ Dữ liệu của người dùng phải được bảo mật

- Khả năng bảo trì: Dữ liệu backup phải luôn sẵn sàng trong trường hợp dữ liệu bị mất thì có thể khôi phục được dễ dàng

- Yêu cầu mở rộng: Các chức năng yêu cầu tính toán như tính tiền đơn hàng có thể thay đổi dễ dàng nếu cần

KIẾN TRÚC HỆ THỐNG

Hình 4 Mô hình Client-Server Đề tài được xây dựng dựa trên mô hình Client-Server Kiến trúc Client-Server là mô hình phân tách các chức năng và trách nhiệm giữa các thành phần khác nhau trong hệ thống Trong trường hợp của bạn, mobile app và hai website là các client (khách hàng) và chúng tương tác với server (máy chủ) thông qua RESTful API.

Client: Client chính là khách hàng sử dụng dịch vụ Nó có thể là một tổ chức hay cá nhân cụ thể nào đó Và khi khái niệm này được sử dụng trong lĩnh vực kỹ thuật số thì cũng mang ý nghĩa tương tự như vậy Trong Client Server thì Client chính là một máy tính (Host) Chúng có khả năng nhận thông tin từ nhà cung cấp và sử dụng dịch vụ cụ thể (Server) Như vậy client ở đây chỉ người sử dụng website, ứng dụng muốn thực hiện một yêu cầu cụ thể tới server

Server: Là máy tính có khả năng cung cấp tài nguyên và các dịch vụ đến các máy khách khác trong hệ thống mạng Server đóng vai trò cung cấp dữ liệu, những dịch vụ mà client cần Server được xây dựng theo mô hình MVC (Model-View- Controller), một mô hình phát triển phần mềm phổ biến Trong mô hình này, Model đại diện cho dữ liệu và logic xử lý dữ liệu, View đại diện cho giao diện người dùng (UI) và hiển thị thông tin cho người dùng, Controller đại diện cho logic điều khiển và xử lý yêu cầu từ client Mô hình MVC giúp tách biệt logic ứng dụng và hiển thị, dễ dàng quản lý và phát triển hệ thống

1 Hệ thống được chia thành 5 mô-đun chính: (1) (2) Mô-đun đầu tiên và mô-đun thứ hai là ứng dụng di động và website dành cho khách hàng có thể xem tất cả sản phẩm, xem danh sách cửa hàng còn hàng của sản phẩm đó, thực hiện tìm kiếm, xem chi tiết các sản phẩm này và quản lý giỏ hàng của họ cũng như thực hiện thanh toán đơn hàng, xem thông tin chi tiết đơn hàng, quy đổi điểm tích lũy thành phiếu giảm giá, cập nhật thông tin khách hàng, chỉnh sửa địa chỉ giao hàng, hiển thị địa chỉ các cửa hàng còn hàng (3) Mô-đun thứ ba là trang web dành cho quản trị viên (CMS) có thể quản lý nội dung hiển thị trên các ứng dụng khách hàng, quản lý việc kinh doanh của các chi nhánh cũng như quản lý tất cả thông tin của hệ thống (4) Mô-đun thứ tư là website dành cho người quản lý chi nhánh có thể quản lý các đơn hàng, doanh thu, các sản phẩm và số lượng tồn kho của cửa hàng đang quản lý (5) Mô-đun thứ năm là máy chủ (server) giúp kết nối cơ sở dữ liệu (database) và kiểm soát luồng dữ liệu cho các mô-đun trên

2 Hệ thống cũng có các mục tiêu phi chức năng như xác thực cho hệ thống, mã hóa và giải mã mật khẩu người dùng hay có phân quyền cơ bản.

Hình 5 Kiến trúc hệ thống

3.4 Các công nghệ sử dụng

- Java Spring Boot là một giải pháp giúp xây dựng ứng dụng và microservices sử dụng Spring Framework nhanh và dễ dàng hơn với các đặc điểm:

● Auto config: tự động cấu hình thay cho bạn, chỉ cần bắt đầu code và chạy

● Xây dựng các bean dựa trên annotation thay vì XML

● Server Tomcat được nhúng ngay trong file JAR build ra, chỉ cần chạy ở bất kì đâu java chạy được

- Các ưu điểm này hoạt động cùng với nhau để đưa ra một công cụ cho phép ta xây dựng ứng dụng Spring cơ bản nhanh và dễ dàng.

- SDK viết tắt của Software Development Kit là các công cụ và phần mềm dùng để phát triển ứng dụng thông qua một nền tảng nhất định Theo đó, SDK cung cấp các thư viện, tài liệu, mẫu template, sample code, debugging, documentation hoặc các tài liệu bổ sung,… để nhà phát triển có thể tích hợp thêm vào phần mềm/ứng dụng của mình Đa phần chúng thường là chức năng hiển thị quảng cáo, push notification,…

- Next.js là một framework front-end React được phát triển dưới dạng open- source bổ sung các khả năng tối ưu hóa như render phía máy chủ (SSR) và tạo trang web static NextJS xây dựng dựa trên thư viện React, có nghĩa là các ứng dụng NextJS sử dụng core của React và chỉ thêm các tính năng bổ sung Việc triển khai ứng dụng SSR cho phép máy chủ truy cập tất cả dữ liệu được yêu cầu và xử lý JavaScript cùng nhau để hiển thị trang Sau đó, trang được gửi lại toàn bộ cho trình duyệt và ngay lập tức được hiển thị SSR cho phép các trang web load trong thời gian nhỏ nhất và tăng trải nghiệm người dùng với khả năng phản hồi nhanh hơn

PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Lược đồ Usecase

Hình 9 Usecase Admin – Super Admin

Đặc tả và lược đồ Sequence

Brief Description Cho phép người dùng đăng nhập vào hệ thống

Pre-Conditions Người dùng đã có tài khoản trong hệ thống

Post-Conditions Người dùng đăng nhập thành công

1 Người dùng vào trang đăng nhập

2 Người dùng nhập username, password

4 Hệ thống xác thực thông tin đăng nhập [E1]

5 Thông báo đăng nhập thành công

Exception Flows [E1] Tài khoản hoặc mật khẩu không hợp lệ sẽ thông báo và quay lại bước 1

Bảng 1 Đặc tả đăng nhập b Sequence Diagram

Hình 10 Lược đồ Sequence Đăng nhập

❖ Đăng ký tài khoản a Đặc tả

Name Đăng ký tài khoản

Brief Description Cho phép người dùng đăng ký tài khoản

Pre-Conditions Người dùng chưa có tài khoản trong hệ thống

Post-Conditions Người dùng đăng ký tài khoản thành công

Main Flow 1 Ở trang đăng nhập bấm vào nút “Đăng ký”

2 Hệ thống chuyển sang trang nhập số điện thoại

3 Nhập email và bấm nút “Gửi OTP” [A1]

4 Hệ thống chuyển sang trang xác nhận OTP

5 Nhập mã OTP đã gửi đến số điện thoại

7 Hệ thống chuyển sang trang đăng ký

8 Nhập thông tin và bấm nút “Đăng ký” [A1]

9 Hệ thống kiểm tra thông tin đăng ký [E1]

10 Thông báo đăng ký tài khoản thành công

Alternate Flows [A1] Bấm nút quay lại và sẽ về trang đăng ký

[A2] Bấm nút quay lại và sẽ về trang nhập số điện thoại Exception Flows [E1] Tài khoản đăng ký không hợp lệ sẽ thông báo

Bảng 2 Đặc tả Đăng ký tài khoản b Sequence Diagram

Hình 11 Lược đồ Sequence Đăng ký

❖ Đặt lại mật khẩu a Đặt tả

Name Đặt lại mật khẩu

Brief Description Giúp người dùng đặt lại mật khẩu

Người dùng đã có tài khoản trong hệ thống

Người dùng chưa đăng nhập

Mật khẩu của người dùng được đặt lại

11 Ở trang đăng nhập bấm vào nút “Quên mật khẩu”

12 Hệ thống chuyển sang trang nhập số điện thoại đăng ký

13 Nhập email và bấm nút “Gửi OTP” [A1]

14 Hệ thống chuyển sang trang xác nhận OTP

15 Nhập mã OTP đã gửi đến số điện thoại

17 Hệ thống chuyển sang trang đặt lại mật khẩu

18 Nhập mật khẩu mới và xác nhận mật khẩu

20 Hệ thống xử lý và thông báo đặt lại thành công [E1]

Alternate Flows [A1] Bấm vào nút quay lại để quay về trang đăng nhập

[A2] Bấm nút quay lại để quay về trang nhập số điện thoại [E1] Đặt lại mật khẩu không thành công sẽ thông báo lỗi Exception Flows

Bảng 3 Đặc tả đặt lại mật khẩu b Sequence Diagram

Hình 12 Lược đồ Sequence Đặt lại mật khẩu Ứng dụng/ Website khách hàng

❖ Xem danh sách địa chỉ nhận hàng a Đặc tả

Name Xem danh sách địa chỉ nhận hàng

Brief Description Giúp khách hàng xem được danh sách địa chỉ nhận hàng

Pre-Conditions Đăng nhập vào hệ thống với tài khoản quyền Customer

Post-Conditions Hiển thị danh sách địa chỉ nhận hàng của khách hàng

Main Flow 1 Khách hàng vào tab “Cài đặt”

2 Bấm vào nút ‘Địa chỉ’

3 Hệ thống xử lý và hiển thị danh sách địa chỉ nhận hàng của người dùng

Bảng 4 Đặc tả Xem danh sách địa chỉ nhận hàng b Sequence Diagram

Hình 13 Lược đồ Sequence Xem danh sách địa chỉ nhận hàng

❖ Thêm địa chỉ nhận hàng a Đặc tả

Name Thêm địa chỉ nhận hàng

Brief Description Giúp khách hàng thêm địa chỉ nhận hàng mới

Pre-Conditions 1 Đăng nhập vào hệ thống với tài khoản quyền Customer

2 Vào trang xem danh sách địa chỉ nhận hàng

Post-Conditions Địa chỉ nhận hàng mới được thêm

Main Flow 1 Bấm vào nút “Thêm địa chỉ mới”

2 Hệ thống chuyển sang trang điền thông tin địa chỉ

3 Điền thông tin và bấm nút “Xác nhận” [A1]

4 Hệ thống xử lý thêm địa chỉ

5 Thông báo thêm địa chỉ thành công [E1]

Alternate Flows [A1] Bấm vào nút quay lại để quay về trang danh sách địa chỉ

Exception Flows [E1] Thêm địa chỉ không thành công sẽ thông báo lỗi

Bảng 5 Đặc tả Thêm địa chỉ nhận hàng b Sequence Diagram

Hình 14 Lược đồ Sequence Thêm địa chỉ nhận hàng

❖ Cập nhật địa chỉ nhận hàng a Đặc tả

Name Cập nhật địa chỉ nhận hàng

Brief Description Giúp khách hàng cập nhật thông tin địa chỉ nhận hàng

Post-Conditions Địa chỉ nhận hàng được cập nhật

Main Flow 1 Bấm vào nút cập nhật ở hàng địa chỉ muốn cập nhật

2 Hệ thống chuyển sang trang hiển thị thông tin của địa chỉ

3 Cập nhật thông tin và bấm nút “Xác nhận” [A1]

4 Hệ thống xử lý cập nhật địa chỉ

5 Thông báo cập nhật địa chỉ thành công [E1]

Alternate Flows [A1] Bấm vào nút quay lại để quay về trang danh sách địa chỉ

Exception Flows [E1] Cập nhật địa chỉ không thành công sẽ thông báo lỗi

Bảng 6 Đặc tả Cập nhập địa chỉ nhận hàng b Sequence Diagram

Hình 15 Lược đồ Sequence Cập nhập địa chỉ nhận hàng

❖ Xóa địa chỉ a Đặc tả

Name Xóa địa chỉ nhận hàng

Brief Description Giúp khách hàng xóa địa chỉ nhận hàng

Post-Conditions Địa chỉ nhận hàng được xóa

Main Flow 1 Bấm vào nút xóa ở hàng địa chỉ muốn xóa

2 Hệ thống hiển thị dialog xác nhận xóa địa chỉ

4 Hệ thống xử lý xóa địa chỉ

5 Thông báo xóa địa chỉ thành công

Alternate Flows [A1] Bấm vào nút “Hủy” để quay về trang danh sách địa chỉ

Bảng 7 Đặc tả Xoá địa chỉ b Sequence Diagram

Hình 16 Lược đồ Sequence Xoá địa chỉ

❖ Xem danh sách sản phẩm a Đặc tả

Name Xem danh sách sản phẩm

Brief Description Giúp khách hàng xem được danh sách sản phẩm

Post-Conditions Hiển thị danh sách sản phẩm

Main Flow 4 Khách hàng truy cập vào trang chủ

5 Bấm vào nút ‘Xem tất cả’ ở phần ‘Dành cho bạn’ [A1] [A2]

6 Hệ thống xử lý và hiển thị danh sách sản phẩm

Alternate Flows [A1] Khách hàng chọn vào danh mục bất kỳ và hệ thống sẽ hiển thị danh sách sản phẩm theo danh mục được chọn

[A2] Khách hàng bấm vào nút ‘Xem tất cả’ ở phần ‘Đang khuyến mãi’ và hệ thống hiển thị danh sách sản phẩm đang được giảm giá

Bảng 8 Đặc tả Xem danh sách sản phẩm b Sequence Diagram

Hình 17 Lược đồ Sequence Xem danh sách sản phẩm

❖ Xem chi tiết sản phẩm a Đặc tả

Name Xem chi tiết sản phẩm

Giúp người dùng xem thông tin chi tiết của một sản phẩm

Người dùng xem được danh sách sản phẩm

Hiển thị trang thông tin chi tiết của sản phẩm đã chọn

21 Người dùng bấm vào sản phẩm muốn xem thông tin chi tiết

22 Hệ thống xử lý và hiển thị trang thông tin chi tiết của sản phẩm

Bảng 9 Đặc tả Xem chi tiết sản phẩm b Sequence Diagram

Hình 18 Lược đồ Sequence Xem chi tiết sản phẩm

Cho phép khách hàng thực hiện đặt hàng

Pre-Conditions 1 Đăng nhập tài khoản có quyền Customer

2 Truy cập vào trang giỏ hàng

3 Giỏ hàng có tối thiếu 1 sản phẩm Khách hàng đặt hàng thành công

1 Bấm vào nút “Đặt hàng”

2 Hệ thống chuyển sang trang đặt hàng

3 Chọn địa chỉ và thông tin người nhận hàng

4 Hệ thống xử lý và đưa ra các dịch vụ giao hàng

5 Chọn dịch vụ giao hàng cũng và chọn phương thức thanh toán cũng như giảm giá nếu có

6 Bấm vào nút ‘Đặt hàng’ [A1]

7 Hệ thống xử lý và tiến hành tạo đơn hàng [E1]

8 Hệ thống thông báo đặt hàng thành công và quay về trang chủ

Alternate Flows [A1] Bấm vào nút quay lại để quay về trang giỏ hàng

[E1] Tạo đơn hàng không thành công sẽ thông báo lỗi Exception Flows

Bảng 10 Đặc tả Đặt hàng b Sequence diagram

Hình 19 Lược đồ Sequence Đặt hàng

❖ Cập nhật giỏ hàng a Đặc tả

Name Cập nhật giỏ hàng

Brief Description Cho phép khách hàng cập nhật giỏ hàng

Pre-Conditions 1 Đăng nhập vào hệ thống với quyền Customer

3 Có ít nhất 1 sản phẩm trong giỏ hàng

Post-Conditions Khách hàng cập nhật thành công các sản phẩm đang có trong giỏ hàng

Main Flow 1 Bấm vào nút có dấu ‘+’ hoặc ‘-’ ở mỗi sản phẩm để tăng giảm số lượng

2 Hệ thống xử lý và cập nhật số lượng sản phẩm trong giỏ hàng

Exception Flows [E1] Khi thay đổi số lượng về 0 sản phẩm sẽ bị xóa

Bảng 11 Đặc tả Cập nhật giỏ hàng b Sequence Diagram

Hình 20 Lược đồ Sequence Cập nhật giỏ hàng

❖ Quản lý thông tin cá nhân a Đặc tả

Name Quản lý thông tin cá nhân

Brief Description Cho phép khách hàng quản lý thông tin cá nhân

Pre-Conditions Đăng nhập tài khoản có quyền Customer

Post-Conditions Khách hàng thực hiện sửa thông tin cá nhân thành công

Main Flow 1 Khách hàng bấm vào nút xem thông tin cá nhân

2 Hệ thống hiển thị các thông tin của khách hàng

3 Khách hàng chỉnh sửa thông tin cá nhân

4 Khách hàng bấm nút xác nhận

5 Hệ thống thực hiện cập nhật thông tin khách hàng [E1]

6 Thông báo cập nhật thành công

Exception Flows [E1] Thông tin không hợp lệ sẽ thông báo không cập nhật thành công và quay về bước 2

Bảng 12 Đặc tả Quản lý thông tin cá nhân b Sequence diagram

Hình 21 Lược đồ Sequence Quản lý thông tin cá nhân

❖ Hủy đơn hàng a Đặc tả

Brief Description Cho phép khách hàng hủy đơn hàng

2 Bấm vào thẻ ‘Đơn hàng’ và có tối thiểu 1 đơn hàng

3 Chỉ cho phép hủy đơn hàng đã đặt trong vòng 3 tiếng

Post-Conditions Khách hàng thực hiện được hủy đơn hàng thành công

Main Flow 1 Bấm vào nút ‘Hủy đơn hàng’ ở đơn hàng muốn hủy

2 Hệ thống hiển thị trang chọn lý do hủy đơn trang

3 Chọn lý do hủy và bấm nút ‘Hủy đơn hàng’

4 Hệ thống xử lý hủy đơn hàng

5 Chuyển về trang hiển thị danh sách đơn hàng đã hủy

Bảng 13 Đặc tả Hủy đơn hàng b Sequence Diagram

Hình 22 Lược đồ Sequence Hủy đơn hàng

❖ Xem chi tiết đơn hàng a Đặc tả

Name Xem chi tiết đơn hàng

Brief Description Cho phép người dùng xem chi tiết đơn hàng bất kỳ

2 Có tối thiểu 1 đơn hàng ở phần đơn hàng

Post-Conditions Người dùng xem được thông tin chi tiết của đơn hàng

Main Flow 1 Bấm vào thẻ ‘Đơn hàng’

2 Hệ thống hiển thị danh sách đơn hàng của người dùng

3 Bấm vào đơn hàng muốn xem chi tiết

4 Hệ thống xử lý và hiển thị thông tin chi tiết của đơn hàng

Bảng 14 Đặc tả Xem chi tiết đơn hàng b Sequence Diagram

Hình 23 Lược đồ Sequence Xem chi tiết đơn hàng

❖ Viết đánh giá a Đặc tả

Cho phép khách hàng viết đánh giá sản phẩm đã mua

1 Đăng nhập vào hệ thống với quyền Customer

2 Bấm vào thẻ ‘Đơn hàng’ và chọn thẻ ‘Đã hoàn thành’

3 Có tối thiểu 1 đơn hàng

4 Cho phép đánh giá đơn hàng đã hoàn thành trong 1 tuần Khách hàng thực hiện đánh giá các sản phẩm trong đơn hàng thành công

1 Bấm vào đơn hàng muốn đánh giá

2 Hệ thống hiển thị chi tiết đơn hàng

3 Bấm vào biểu tượng đánh giá ở mỗi sản phẩm

4 Hệ thống hiển thị trang đánh giá sao và ghi nội dung đánh giá

5 Điền nội dung đánh giá và bấm nút ‘Gửi đánh giá’ [A1]

6 Hệ thống xử lý và thông báo đánh giá thành công

7 Quay về trang chi tiết đơn hàng

[A1] Bấm nút quay lại và sẽ về bước 2 Alternate Flows

Bảng 15 Đặc tả Viết đánh giá b Sequence Diagram

Hình 24 Lược đồ Sequence Viết đánh giá

❖ Quản lý danh sách sản phẩm yêu thích a Đặc tả

Name Quản lý danh sách sản phẩm yêu thích

Brief Description Cho phép khách hàng quản lý sản phẩm được lưu vào mục yêu thích

2 Bấm vào thẻ cài đặt

Post-Conditions Khách hàng có thể xem và cập nhật danh sách sản phẩm yêu thích thành công

Main Flow 1 Bấm vào phần ‘My Favorites’

2 Hệ thống hiển thị danh sách sản phẩm đã bấm yêu thích [E1]

3 Bấm vào biểu tượng yêu thích trên sản phẩm [A1]

4 Hệ thống xóa sản phẩm ra khỏi danh sách yêu thích

Alternate Flows [A1] Bấm vào sản phẩm sẽ hiển thị trang chi tiết sản phẩm

Exception Flows [E1] Không có sản phẩm yêu thích sẽ hiển thị trang thông báo

Bảng 16 Đặc tả Quản lý danh sách yêu thích b Sequence Diagram

Hình 25 Lược đồ Sequence Quản lý danh sách yêu thích

❖ Xem đánh giá a Đặc tả

Name Xem đánh giá của sản phẩm

Brief Description Giúp người dùng xem các đánh giá của một sản phẩm

Post-Conditions Khách hàng xem được các đánh giá, bình luận của người đã mua sản phẩm được chọn

Main Flow 1 Bấm vào sản phẩm muốn xem đánh giá để vào trạng chi tiết sản phẩm

2 Hệ thống xử lý và hiển thị tối đa 5 đánh giá mới nhất của sản phẩm [E1]

3 Bấm vào nút ‘Xem tất cả’ ở phần ‘Xếp hàng & nhận xét’

4 Hệ thống xử lý và hiển thị trang có các bài viết đánh giá của sản phẩm

Alternate Flows [A1] Hệ thống vẫn sẽ hiển thị tối đa 5 bình luận mới nhất của sản phẩm mà không cần bấm ‘Xem tất cả’

Exception Flows [E1] Nếu không có đánh giá sẽ hiển thị ‘Hãy là người đầu tiên đánh giá sản phẩm’ và không hiển thị nút ‘Xem tất cả’ ở phần ‘Xếp hàng & nhận xét’

Bảng 17 Đặc tả Xem đánh giá b Sequence Diagram

Hình 26 Lược đồ Sequence Xem đánh giá

❖ Xem danh sách quản trị viên a Đặc tả

Name Xem danh sách quản trị viên

Brief Description Cho phép Super Admin xem danh sách quản trị viên

Pre-Conditions Đăng nhập tài khoản có quyền Super Admin

Post-Conditions Hiển thị danh sách quản trị viên

Main Flow 1 Chọn vào thẻ “Quản trị viên” ở thanh menu bên trái màn hình

2 Hệ thống xử lý lấy dữ liệu danh sách quản trị viên

3 Hệ thống hiển thị danh sách quản trị viên dạng bảng

Bảng 18 Đặc tả Xem danh sách quản trị viên b Sequence Diagram

Hình 27 Lược đồ Sequence Xem danh sách quản trị viên

❖ Thêm quản trị viên a Đặc tả

Name Thêm quản trị viên

Brief Description Cho phép Super Admin thêm quản trị viên mới vào hệ thống

Post-Conditions Quản trị viên mới được tạo

Main Flow 1 Ở phần bảng danh sách quản trị viên, bấm vào nút “Tạo mới” ở góc trên bên phải

2 Hệ thống hiển thị form tạo quản trị viên

3 Nhập thông tin của quản trị viên muốn thêm

5 Hệ thống thực hiện thêm quản trị viên mới [E1]

6 Hệ thống thông báo tạo thành công

Alternate Flows [A1] Bấm vào nút “Hủy” để quay về bước 2

Exception Flows [E1] Thông tin không hợp lệ sẽ thông báo lỗi và quay về bước 2

Bảng 19 Đặc tả Thêm quản trị viên b Sequence Diagram

Hình 28 Lược đồ Sequence Thêm quản trị viên

❖ Cập nhật quản trị viên a Đặc tả

Name Cập nhật quản trị viên

Brief Description Cho phép Super Admin cập nhật thông tin quản trị viên

Post-Conditions Quản trị viên được cập nhật

Main Flow 1 Ở phần bảng danh sách quản trị viên, bấm vào nút cập nhật ở hàng quản trị viên muốn cập nhật

2 Hệ thống hiển thị form cập nhật quản trị viên

3 Cập nhật thông tin trong form

5 Hệ thống thực hiện cập nhật thông tin quản trị viên [E1]

6 Hệ thống thông báo tạo thành công

Bảng 20 Đặc tả Cập nhập quản trị viên b Sequence Diagram

Hình 29 Lược đồ Sequence Cập nhập quản trị viên

❖ Xóa quản trị viên a Đặc tả

Name Xóa quản trị viên

Brief Description Cho phép Super Admin xóa quản trị viên

Post-Conditions Quản trị viên được xóa

Main Flow 1 Ở phần bảng danh sách quản trị viên, bấm vào nút xóa ở hàng quản trị viên muốn xóa

2 Hệ thống hiển thị thông báo xác nhận xóa quản trị viên

3 Bấm nút “OK” để xác nhận xóa [A1]

4 Hệ thống xử lý xóa quản trị viên

5 Hệ thống thông báo xóa thành công [E1]

Bảng 21 Đặc tả Xoá quản trị viên b Sequence Diagram

Hình 30 Lược đồ Sequence Xoá quản trị viên

❖ Xem danh sách sản phẩm a Đặc tả

Name Xem danh sách sản phẩm

Brief Description Cho phép Admin xem danh sách sản phẩm

Pre-Conditions Đăng nhập tài khoản có quyền Admin

Post-Conditions Hiển thị danh sách sản phẩm

Main Flow 1 Chọn vào tab “Sản phẩm” ở thanh menu bên trái màn hình

2 Hệ thống xử lý lấy dữ liệu

3 Hệ thống hiển thị danh sách sản phẩm

Bảng 22 Đặc tả Xem danh sách sản phẩm b Sequence Diagram

Hình 31 Lược đồ Sequence Xem danh sách sản phẩm a Đặc tả

Brief Description Cho phép Admin thêm sản phẩm mới vào hệ thống

Pre-Conditions 1 Đăng nhập tài khoản có quyền Admin

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

Post-Conditions Sản phẩm được thêm vào hệ thống

Main Flow 1 Bấm vào nút “Tạo mới” ở góc trên bên phải của danh sách sản phẩm để hiển thị phần điền thông tin sản phẩm

2 Nhập thông tin của sản phẩm muốn thêm

4 Hệ thống thực hiện thêm sản phẩm mới [E1]

5 Thông báo thêm sản phẩm mới thành công

Exception Flows [E1] Thông tin không hợp lệ sẽ thông báo lỗi

Bảng 23 Đặc tả Thêm sản phẩm b Sequence Diagram

Hình 32 Lược đồ Sequence Thêm sản phẩm

❖ Cập nhật sản phẩm a Đặc tả

Name Cập nhật sản phẩm

Brief Description Cho phép Admin cập nhật thông tin sản phẩm

Post-Conditions Sản phẩm được cập nhật

Main Flow 1 Chọn nút biểu tượng cập nhật của sản phẩm cần cập nhật

2 Admin thực hiện thay đổi các trường thông tin cần thay đổi

4 Hệ thống thực hiện cập nhật thông tin sản phẩm [E1]

Bảng 24 Đặc tả Cập nhật sản phẩm b Sequence Diagram

Hình 33 Lược đồ Sequence Cập nhật sản phẩm

❖ Xóa sản phẩm a Đặc tả

Brief Description Cho phép Admin xoá sản phẩm

Post-Conditions Sản phẩm được xóa khỏi hệ thống

Main Flow 1 Tại danh sách tất cả sản phẩm, chọn nút biểu tượng xóa của sản phẩm cần xoá

2 Hiện thị hộp thoại xác nhận

4 Hệ thống thực hiện xoá sản phẩm

5 Thông báo xoá thành công [E1]

Alternate Flows [A1] Bấm nút “Hủy” sẽ tắt hộp thoại và dừng quá trình xóa

Exception Flows [E1] Xóa sản phẩm không thành công sẽ thông báo lỗi

Bảng 25 Đặc tả Xoá sản phẩm b Sequence Diagram

Hình 34 Lược đồ Sequence Xoá sản phẩm

❖ Xem danh sách mã giảm giá a Đặc tả

Name Xem danh sách mã giảm giá

Brief Description Cho phép Admin xem danh sách mã giảm giá

Pre-Conditions Đăng nhập tài khoản có quyền Admin

Post-Conditions Hiển thị danh sách mã giảm giá

Main Flow 1 Chọn vào tab “Mã giảm giá” ở thanh menu bên trái màn hình

3 Hệ thống hiển thị danh sách mã giảm giá

Bảng 26 Đặc tả Xem danh sách mã giảm giá b Sequence Diagram

Hình 35 Lược đồ Sequence Xem danh sách mã giảm giá

❖ Thêm mã giảm giá a Đặc tả

Name Thêm mã giảm giá

Brief Description Cho phép Admin thêm mã giảm giá mới vào hệ thống

2 Vào trang quản lý mã giảm giá

Post-Conditions Mã giảm giá được thêm vào hệ thống

Main Flow 1 Bấm vào nút “Tạo mới” ở góc trên bên phải của danh sách mã giảm giá để hiển thị phần điền thông tin

2 Nhập thông tin của mã giảm giá muốn thêm

4 Hệ thống thực hiện thêm mã giảm giá [E1]

5 Thông báo thêm mã giảm giá mới thành công

Bảng 27 Đặc tả Thêm mã giảm giá b Sequence Diagram

Hình 36 Lược đồ Sequence Thêm mã giảm giá

❖ Xóa mã giảm giá a Đặc tả

Name Xoá mã giảm giá

Brief Description Cho phép Admin xoá giảm giá

2 Vào trang quản lý mã giảm giá

Post-Conditions Mã giảm giá được xóa khỏi hệ thống

Main Flow 1 Tại danh sách tất cả mã giảm giá, chọn nút biểu tượng xóa của mã giảm giá cần xoá

4 Hệ thống thực hiện xoá mã giảm giá

5 Thông báo xoá thành công [E1]

Exception Flows [E1] Xóa mã giảm giá không thành công sẽ thông báo lỗi

Bảng 28 Đặc tả Xoá mã giảm giá b Sequence Diagram

Hình 37 Lược đồ Sequence Xoá mã giảm giá

❖ Xóa đơn hàng a Đặc tả

Brief Description Cho phép Admin xoá đơn hàng

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

Post-Conditions Đơn hàng được xóa khỏi hệ thống

Main Flow 1 Tại danh sách tất cả đơn hàng, chọn nút biểu tượng xóa của đơn hàng cần xoá

4 Hệ thống thực hiện xoá đơn hàng

5 Thông báo xoá thành công

Bảng 29 Đặc tả Xoá đơn hàng b Sequence Diagram

Hình 38 Lược đồ Sequence Xoá đơn hàng

❖ Xem danh sách khách hàng a Đặc tả

Name Xem danh sách khách hàng

Brief Description Cho phép Store Manager xem danh sách khách hàng

Actor(s) Store Manager, Admin, Employee

Pre-Conditions Đăng nhập tài khoản có quyền Store Manager/Admin/Employee

Post-Conditions Hiển thị danh sách khách hàng

Main Flow 1 Chọn vào tab “Khách hàng” ở thanh menu bên trái màn hình

3 Hệ thống hiển thị danh sách khách hàng

Bảng 30 Đặc tả Xem danh sách khách hàng b Sequence Diagram

Hình 39 Lược đồ Sequence Xem danh sách khách hàng

❖ Thêm khách hàng a Đặc tả

Brief Description Cho phép Store Manager thêm khách hàng mới vào hệ thống

Pre-Conditions 1 Đăng nhập tài khoản có quyền Store Manager/Admin/Employee

2 Vào trang quản lý khách hàng

Post-Conditions Khách hàng được thêm vào hệ thống

Main Flow 1 Bấm vào nút “Tạo mới” ở góc trên bên phải của danh sách khách hàng để hiển thị phần điền thông tin khách hàng

2 Nhập thông tin của khách hàng muốn thêm

4 Hệ thống thực hiện thêm khách hàng mới [E1]

5 Thông báo thêm khách hàng mới thành công

Bảng 31 Đặc tả Thêm khách hàng b Sequence Diagram

Hình 40 Lược đồ Sequence Thêm khách hàng

❖ Cập nhật khách hàng a Đặc tả

Name Cập nhật khách hàng

Brief Description Cho phép người dung cập nhật thông tin khách hàng

Post-Conditions Sản phẩm được cập nhật

Main Flow 1 Chọn nút biểu tượng cập nhật của khách hàng cần cập nhật

2 Thay đổi các trường thông tin cần thay đổi

4 Hệ thống thực hiện cập nhật thông tin khách hàng [E1]

Bảng 32 Đặc tả Cập nhật khách hàng b Sequence Diagram

Hình 41 Lược đồ Sequence Cập nhập khách hàng

❖ Xem danh sách đơn hàng

Name Xem danh sách đơn hàng

Brief Description Cho phép người dùng xem danh sách đơn hàng

Pre-Conditions Đăng nhập tài khoản có quyền Store Manager/Admin/Employee

Post-Conditions Hiển thị danh sách đơn hàng

Main Flow 1 Chọn vào tab “Đơn hàng” ở thanh menu bên trái màn hình

3 Hệ thống hiển thị danh sách đơn hàng

Bảng 33 Đặc tả Xem danh sách đơn hàng b Sequence Diagram

Hình 42 Lược đồ Sequence Xem danh sách đơn hàng

❖ Tạo đơn hàng a Đặc tả

Brief Description Cho phép Employee tạo đơn hàng mới vào hệ thống

Pre-Conditions 1 Đăng nhập tài khoản có quyền Employee

Post-Conditions Đơn hàng được thêm vào hệ thống

Main Flow 1 Bấm vào nút “Tạo mới” ở góc trên bên phải của danh sách đơn hàng để hiển thị phần điền thông tin đơn hàng

2 Nhập thông tin của đơn hàng muốn thêm

3 Bấm nút “Tạo đơn hàng”

4 Hệ thống thực hiện thêm đơn hàng mới [E1]

5 Thông báo thêm đơn hàng mới thành công

Bảng 34 Đặc tả Tạo đơn hàng b Sequence Diagram

Hình 43 Lược đồ Sequence Tạo đơn hàng

❖ Cập nhật đơn hàng a Đặc tả

Name Cập nhật đơn hàng

Brief Description Cho phép người dùng cập nhật thông tin đơn hàng

Pre-Conditions 1 Đăng nhập tài khoản có quyền Store Manager/ Employee

Post-Conditions Đơn hàng được cập nhật

Main Flow 1 Chọn nút biểu tượng cập nhật của đơn hàng cần cập nhật

2 Thay đổi các trường thông tin cần thay đổi

4 Hệ thống thực hiện cập nhật thông tin đơn hàng[E1]

Bảng 35 Đặc tả Cập nhập đơn hàng b Sequence Diagram

Hình 44 Lược đồ Sequence Cập nhập đơn hàng

❖ Cập nhật trạng thái đơn hàng a) Đặc tả

Name Cập nhật trạng thái đơn hàng

Brief Description Cho phép Store Manager cập nhật trạng thái của một đơn hàng

Pre-Conditions 1 Đăng nhập với tài khoản có quyền Store Manager

Post-Conditions Cửa hàng cập nhật thành công trạng thái của một đơn hàng

Main Flow 1 Bấm vào nút mũi tên hướng xuống ở cuối đơn hàng muốn cập nhật trạng thái

2 Hệ thống hiển thị Hộp thoại xác nhận

4 Hệ thống kiểm tra và đưa đơn hàng đến trạng thái tiếp theo

Alternate Flows [A1] Bấm nút “Hủy” sẽ đóng hộp thoại và dừng quá trình

Bảng 36 Đặc tả Cập nhật trạng thái đơn hàng b) Sequence Diagram

Hình 45 Lược đồ Sequence Cập nhật trạng thái đơn hàng

Class Diagram

Thiết kế Database

THIẾT KẾ GIAO DIỆN

ỨNG DỤNG KHÁCH HÀNG

Hình 48 Giao diện đăng nhập

Bảng 37 Mô tả giao diện đăng nhập

Hình 49 Giao diện đăng ký

2 Input Nhập tên người dùng

Bảng 38 Mô tả giao diện đăng ký

5.3.1 Xem chi tiết sản phẩm:

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

4 Button Thêm vào giỏ hàng

5 TextView Xem tất cả đánh giá

Bảng 39 Mô tả giao diện chi tiết sản phẩm

Hình 51 Giao diện xem đánh giá

2 Cardview Sắp xếp danh sách

Bảng 40 Mô tả giao diện xem đánh giá

5.5.1 Chọn phương thức thanh toán:

Hình 52 Giao diện chọn phương thức thanh toán

2 Button Thêm phương thức thanh toán

Bảng 41 Mô tả giao diện chọn phương thức thanh toán

5.6.1 Quản lý địa chỉ giao hàng:

Hình 53 Giao diện quản lý địa chỉ giao hàng

2 ImageView Chỉnh sửa địa chỉ

Bảng 42 Mô tả giao diện quản lý địa chỉ giao hàng

Hình 54 Giao diện quản lý giỏ hàng

1 Button Quay về trang trước

2 Button Tăng số lượng sản phẩm

3 Button Giảm số lượng sản phẩm

Bảng 43 Mô tả giao diện quản lý giỏ hàng

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

Hình 55 Giao diện cập nhật thông tin cá nhân

1 Button Thay đổi hình đại diện

4 Input Email của người dùng

6 TextView Group Chọn giới tính

8 Button Cập nhật thông tin

9 Button Quay về trang cài đặt

Bảng 44 Mô tả giao diện cập nhật thông tin cá nhân

5.9.1 Quản lý danh sách yêu thích:

Hình 56 Giao diện quản lý danh sách yêu thích

1 Button Quay về trang cài đặt

2 CardView Sang trang xem chi tiết sản phẩm

Bảng 45 Mô tả giao diện quản lý danh sách yêu thích

Hình 57 Giao diện lịch sử đặt hàng

1 TabItem Xem đơn hàng đang xử lý

2 TabItem Xem đơn hàng đã được xác nhận

3 TabItem Xem đơn hàng đang giao

4 TabItem Xem đơn hàng đã hoàn thành

5 TabItem Xem đơn hàng đã hủy

Bảng 46 Mô tả giao diện lịch sử đặt hàng

Hình 58 Giao diện đánh giá sản phẩm

1 Button Về chi tiết đơn hàng

2 Button Đánh giá số sao

4 Button Về chi tiết đơn hàng

Bảng 47 Mô tả giao diện đánh giá sản phẩm

CMS Website

5.2.1 Giao diện trang tổng quan

Hình 59 Giao diện trang tổng quan

Trang tổng quan sẽ cung cấp cho bạn các thông tin bán hàng của hệ thống bao gồm tổng doanh thu, tổng giá trị chiết khấu, tổng số lượng đơn hàng, tổng số lượng khách hàng, doanh thu theo từng tháng, thống kế số lượng sản phẩm bán được, thống kế doanh thu theo từng chi nhánh

1 Input Chọn thời gian từ đến đến lấy thông tin thống kê

2 Input Chọn năm lấy thông tin doanh thu của hệ thống

3 Select lựa chọn xem thống kê sản phẩm bán được hay thống kê bán hàng theo từng cửa hàng

Bảng 48 Mô tả giao diện trang tổng quan

5.2.2 Giao diện trang phân quyền

Trang phân quyền sẽ hiện toàn bộ usecase của hệ thống với từng usecase sẽ được phân quyền những chức năng cụ thể cái nào có thể truy cập, cái nào không thể truy cập

Giao diện lấy danh sách các nhóm phân quyên

Hình 60 Giao diện trang phân quyền

Button Lấy danh sách nhóm phân quyền theo trạng thái

Button Xem thông tin chi tiết nhóm phân quyền

Bảng 49 Mô tả giao diện trang phân quyền

Giao diện Biểu mẫu cập nhật thông tin nhóm phân quyên

Hình 61 Giao diện Cập nhập phân quyền

1 Input Nhập tên nhóm phân quyên

2 Input Nhập chi tiết thông tin nhóm phân quyền

3 Select Chọn các quyền cho từng nhóm phân quyền

4 Button Huỷ những tác vụ vừa thực hiện

5 Button Cập nhật lại thông tin nhóm phân quyền đó

Bảng 50 Mô tả giao diện Cập nhập phân quyền

Hình 62 Giao diện Danh mục sản phẩm

1 Button Lấy danh sách danh mục sản phẩm theo trạng thái

2 Button Hiển thị biểu mẫu để tạo mới danh mục sản phẩm

3 Button Xem thông tin chi tiết danh mục sản phẩm

4 Button Xoá danh mục sản phẩm

Bảng 51 Mô tả giao diện danh mục sản phẩm

Hình 63 Giao diện tạo danh mục sản phẩm

1 Input Nhập tên danh mục sản phẩm

2 Radio Chọn trạng thái cho danh mục sản phẩm

3 Input Nhập ghi chú cho danh mục

4 Input Tải lên hình đại diện cho danh mục sản phẩm

5 Button Huỷ các tác vụ vừa thực hiện

6 Button Thực hiện thêm mới danh mục sản phẩm đó vào hệ thống

Bảng 52 Mô tả giao diện tạo danh mục sản phẩm

Hình 64 Giao diện cập nhập danh mục sản phẩm

1 Input Nhập lại tên danh mục sản phẩm khi cần thay đổi

2 Radio Chọn lại trạng thái cho danh mục sản phẩm khi cần thay đổi

3 Input Nhập lại ghi chú cho danh mục khi cần thay đổi

4 Input Tải lại lên hình đại diện cho danh mục sản phẩm khi cần thay đổi

6 Button Thực hiện cập nhật thông tin mới cho danh mục sản phẩm đó vào hệ thống

Bảng 53 Mô tả giao diện cập nhập danh mục sản phẩm

Hình 65 Giao diện xác nhận xoá danh mục sản phẩm

Button Huỷ bỏ tác vụ xoá danh mục sản phẩm

Button Thực hiện xoá danh mục sản phẩm đó khỏi hệ thống

Bảng 54 Mô tả giao diện xác nhận xoá danh mục sản phẩm

Hình 66 Giao diện danh sách sản phẩm

1 Button Hiển thị biểu mẫu tạo mới sản phẩm

2 Button Sắp xếp giá sản phẩm theo thứ tự tăng hoặc giảm dần

3 Button Xem sản phẩm theo trạng thái

4 Button Xem chi tiết sản phẩm

5 Button Xoá sản phẩm khỏi hệ thống

Bảng 55 Mô tả giao diện danh sách sản phẩm

Hình 67 Giao diện tạo sản phẩm

1 Input Nhập tên sản phẩm

2 Input Nhập thông tin giá sản phẩm

3 Select Chọn danh mục sản phẩm

4 Radio Chọn trạng thái có hết hàng hay không cho sản phẩm

5 Radio Chọn trạng thái có giảm giá hay không

6 Input Nhập phần trăm giảm giá cho sản phẩm có trạng thái giảm giá

7 Radio Chọn trạng thái mở hay khoá cho sản phẩm

8 Input Nhập thông tin chi tiết sản phẩm

9 Input Tải lên hình ảnh cho sản phẩm đó

10 Button Đóng biểu mẫu huỷ hết tác vụ đã thực hiện

11 Input Nhập tên màu sắc

13 Input Nhập giá cho từng màu sắc

14 Input Tải lên hình ảnh cho từng màu sắc

15 Radio Chọn trạng thái cho màu sắc

16 Button Thêm màu sắc vào danh sách màu của sản phẩm

18 Button Thêm sản phẩm vào hệ thống

Bảng 56 Mô tả giao diện tạo mới sản phẩm

Hình 68 Giao diện cập nhật sản phẩm (1)

Hình 69 Giao diện cập nhật sản phẩm (2)

1 Input Nhập lại tên sản phẩm

2 Input Nhập lại thông tin giá sản phẩm

3 Select Chọn lại danh mục sản phẩm

4 Radio Chọn lại trạng thái có hết hàng hay không cho sản phẩm

5 Radio Chọn lại trạng thái có giảm giá hay không

6 Input Nhập lại phần trăm giảm giá cho sản phẩm có trạng thái giảm giá

7 Radio Chọn lại trạng thái mở hay khoá cho sản phẩm

8 Input Nhập lại thông tin chi tiết sản phẩm

9 Input Tải lên lại hình ảnh cho sản phẩm đó

10 Button Đóng biểu mẫu huỷ hết tác vụ đã thực hiện

11 Input Nhập tên màu sắc

13 Input Nhập giá cho từng màu sắc

14 Input Tải lên hình ảnh cho từng màu sắc

15 Radio Chọn trạng thái cho màu sắc

16 Button Cập nhập lại màu sắc vào danh sách màu của sản phẩm

18 Button Cập nhập lại sản phẩm vào hệ thống

Bảng 57 Mô tả giao diện cập nhật sản phẩm

Hình 70 Giao diện xác nhận xoá sản phẩm

Button Huỷ tác vụ xoá sản phẩm

Button Thực hiện xoá sản phẩm khỏi hệ thống

Bảng 58 Mô tả giao diện xác nhận xoá sản phẩm

Hình 71 Giao diện xem danh sách lịch sử nhập hàng

1 Button Lấy danh sách sản phẩm theo trạng thái nhập hàng

2 Button Xem thông tin chi tiết nhập hàng

3 Button Huỷ yêu cầu nhập hàng

Bảng 59 Mô tả giao diện xem danh sách lịch sử nhập hàng

Hình 72 Giao diện xác nhận huỷ yêu cầu nhập hàng

Button Huỷ tác vụ “Huỷ yêu cầu nhập hàng”

Button Thực hiện Huỷ yêu cầu nhập hàng

Bảng 60 Mô tả giao diện xác nhận huỷ yêu cầu nhập hàng

Hình 73 Giao diện xem yêu cầu nhập hàng

Button Thoát khỏi tính năng xem yêu cầu nhập hàng

Bảng 61 Mô tả giao diện xem yêu cầu nhập hàng

5.2.6 Đơn hàng Ở Case là Admin thì hệ thống sẽ hiển thị các đơn hàng lưu trữ

Hình 74 Giao diện danh sách đơn hàng

1 Button Xem chi tiết thông tin đơn hàng

Bảng 62 Mô tả giao diện danh sách đơn hàng

Xem thông tin chi tiết của đơn hàng lưu trữ

Hình 75 Giao diện xem chi tiết đơn hàng

1 Button Huỷ thao tác vừa thực hiện

Bảng 63 Mô tả giao diện xem chi tiết đơn hàng

Hình 76 Giao diện xem danh sách mã giảm giá

1 Button Hiển thị biểu mẫu tạo mới mã giảm giá

2 Button Lấy danh sách mã giảm giá theo trạng thái

3 Button Xem chi tiết mã giảm giá

Bảng 64 Mô tả giao diện xem danh sách mã giảm giá

Hình 77 Giao diện tạo mới mã giảm giá

1 Input Nhập tên mã giảm giá

2 Input Nhập chi tiết mã giảm giá

3 Select Chọn hình thức giảm

4 Input Nhập giá trị giảm giá

5 Input Với hình thức giảm giá là phần trăm thì cần nhập thêm giá tối đa được giảm

6 Switch Chọn trạng thái có chuyển đổi

7 Select Nếu trạng thái không cho chuyển đổi thì sẽ chọn hạng thành viên khi đạt được sẽ được cung cấp mã giảm giá

8 Input Nếu trạng thái cho chuyển đổi thì nhập số xu cần để sở hữu mã giảm giá

9 Button Huỷ tác vụ trước đó thực hiện

10 Button Thêm mã giảm giá vào hệ thống

Bảng 65 Mô tả giao diện tạo mới mã giảm giá

Hình 78 Giao diện cập nhật mã giảm giá

1 Input Nhập tên mã giảm giá

2 Input Nhập chi tiết mã giảm giá

3 Select Chọn hình thức giảm

4 Input Nhập giá trị giảm giá

5 Input Với hình thức giảm giá là phần trăm thì cần nhập thêm giá tối đa được giảm

6 Switch Chọn trạng thái có chuyển đổi

7 Select Nếu trạng thái không cho chuyển đổi thì sẽ chọn hạng thành viên khi đạt được sẽ được cung cấp mã giảm giá

8 Input Nếu trạng thái cho chuyển đổi thì nhập số xu cần để sở hữu mã giảm giá

10 Button Cập nhập lại mã giảm giá vào hệ thống

Bảng 66 Mô tả giao diện cập nhật mã giảm giá

Hình 79 Giao diện xem danh sách cửa hàng

1 Button Hiển thị biểu mẫu tạo cửa hàng mới

2 Button Xem thông tin chi tiết cửa hàng đó

3 Button Xoá cửa hàng khỏi hệ thống

Bảng 67 Mô tả giao diện xem danh sách cửa hàng

Hình 80 Giao diện xác nhận xoá cửa hàng

Button Huỷ tác vụ xoá cửa hàng

Button Thực hiện xoá cửa hàng khỏi hệ thống

Bảng 68 Mô tả giao diện xác nhận xoá cửa hàng

Hình 81 Giao diện tạo mới cửa hàng

1 Input Nhập thông tin tên cửa hàng

2 Input Nhập địa chỉ cửa hàng

6 Input Nhập thông tin kinh độ

7 Input Nhập thông tin vĩ độ

8 Input Nhập thông tin số điện thoại

9 Button Huỷ những tác vụ đã thực hiện

10 Button Thêm mới cửa hàng vào hệ thống

Bảng 69 Mô tả giao diện tạo mới cửa hàng

Hình 82 Giao diện cập nhật cửa hàng

1 Input Nhập lại thông tin tên cửa hàng

2 Input Nhập lại địa chỉ cửa hàng

3 Select Chọn lại tỉnh thành

4 Select Chọn lại quận huyên

5 Select Chọn lại phường xã

6 Input Nhập lại thông tin kinh độ

7 Input Nhập lại thông tin vĩ độ

8 Input Nhập lại thông tin số điện thoại

10 Button Cập nhật thông tin mới cửa hàng vào hệ thống

Bảng 70 Mô tả giao diện cập nhật cửa hàng

Hình 83 Giao diện danh sách quản trị viên

1 Button Hiển thị biểu mẫu tạo quản trị viên mới

2 Button Hiển thị danh sách quản trị viên theo trạng thái

3 Button Xem thông tin chi tiết về quản trị viên bất kỳ chọn

4 Button Xoá quản trị viên khỏi hệ thống

Bảng 71 Mô tả giao diện danh sách quản trị viên

Hình 84 Giao diện xác nhận xoá quản trị viên

Button Huỷ tác vụ xoá quản trị viên

Button Thực hiện xoá quản trị viên khỏi hệ thống

Bảng 72 Mô tả giao diện xác nhận xoá quản trị viên

Hình 85 Giao diện thêm quản trị viên

1 Input Nhập tên đăng nhập

6 Input Nhập số điện thoại

7 Button Huỷ tác vụ đã thực hiện

8 Button Thêm quản trị viên vào hệ thống

Bảng 73 Mô tả giao diện thêm quản trị viên

Hình 86 Giao diện cập nhật quản trị viên

1 Input Nhập lại tên đăng nhập

2 Input Nhập lại mật khẩu

3 Input Nhập lại họ tên

5 Radio Chọn lại trạng thái

6 Input Nhập lại số điện thoại

7 Button Huỷ tác vụ đã thực hiện

8 Button Cập nhật thông tin mới quản trị viên vào hệ thống

Bảng 74 Mô tả giao diện cập nhật quản trị viên

Hình 87 Giao diện danh sách khách hàng

1 Button Hiển thị biểu mẫu tạo mới khách hàng

2 Button Xem chi tiết thông tin khách hàng

4 Button Lấy thông tin khách hàng theo giới tính

Bảng 75 Mô tả giao diện danh sách khách hàng

Hình 88 Giao diện xác nhận xoá khách hàng

Button Huỷ tác vụ xoá khách hàng

Button Thực hiện tác vụ xoá khách hàng

Bảng 76 Mô tả giao diện xác nhận xoá khách hàng

Hình 89 Giao diện thêm mới khách hàng

1 Input Nhập họ tên khách hàng

3 Radio Chọn trạng thái khách hàng

5 Select Chọn giới tính khách hàng

7 Button Huỷ tác vụ vừa thực hiện

8 Button Thêm mới khách hàng vào hệ thống

Bảng 77 Mô tả giao diện thêm mới khách hàng

Hình 90 Giao diện cập nhật khách hàng

1 Input Nhập lại họ tên khách hàng

3 Radio Chọn lại trạng thái khách hàng

5 Select Chọn lại giới tính khách hàng

6 Select Chọn lại ngày sinh

8 Button Cập nhật thông tin mới khách hàng vào hệ thống

Bảng 78 Mô tả giao diện cập nhật khách hàng

STORE

5.3.1 Giao diện trang tổng quan

Hình 91 Giao diện trang tổng quan

Trang tổng quan sẽ cung cấp cho bạn các thông tin bán hàng của hệ thống bao gồm tổng doanh thu, tổng giá trị chiết khấu, tổng số lượng đơn hàng, tổng số lượng khách hàng, doanh thu theo từng tháng, thống kế số lượng sản phẩm bán được, thống kế doanh thu theo từng chi nhánh

Input Chọn thời gian từ đến đến lấy thông tin thống kê của cửa hàng Input Chọn năm lấy thông tin doanh thu của cửa hàng

Bảng 79 Mô tả giao diện trang tổng quan

Hình 92 Giao diện danh sách sản phẩm

1 Button Sắp xếp giá sản phẩm thứ tự tăng hoặc giảm dần

2 Button Xem danh sách sản phẩm theo trạng thái

3 Button Xem chi tiết sản phẩm

Hình 93 Xem chi tiết sản phẩm

1 Button Thoát chế độ xem chi tiết sản phẩm

Bảng 81 Mô tả giao diện xem chi tiết sản phẩm

Hình 94 Giao diện danh sách nhập hàng

1 Button Lấy lịch sử nhập hàng theo trạng thái

2 Button Xem chi tiết lịch sự nhập hàng

3 Button Xác nhân nhận hàng

4 Button Từ chối nhập hàng

Hình 95 Giao diện xem chi tiết nhập hàng

Button Thoát khỏi tính năng xem yêu cầu nhập hàng

Bảng 83 Mô tả giao diện xem tiết nhập hàng

Lấy tất cả thông tin đơn hàng đang thực hiện tại cửa hàng đó

Hình 96 Giao diện danh sách đơn hàng ở store

Bảng 84 Mô tả giao diện danh sách đơn hàng ở store

Hình 97 Giao diện danh sách nhân viên

1 Button Hiển thị biểu mẫu tạo nhân viên mới cho cửa hàng

2 Button Xem chi tiết thông tin nhân viên

3 Button Xoá nhân viên khỏi cửa hàng

Bảng 85 Mô tả giao diện danh sách nhân viên

Hình 98 Giao diện xác nhận xoá nhân viên

Button Huỷ các tác vụ vừa thực hiện

Button Thực hiện tác vụ xoá nhân viên

Bảng 86 Mô tả giao diện xác nhận xoá nhân viên

Hình 99 Giao diện thêm nhân viên

1 Input Nhập tên đăng nhập

3 Input Nhập họ và tên

5 Radio Chọn trạng thái nhân viên

7 Select Chọn cửa hàng trực thuộc

10 Button Thực hiện tác vụ thêm nhân viên mới vào cửa hàng

Bảng 87 Mô tả giao diện thêm nhân viên

Hình 100 Giao diện cập nhật nhân viên

1 Input Nhập lại tên đăng nhập

2 Input Nhập lại mật khẩu

3 Input Nhập lại họ và tên

5 Radio Chọn lại trạng thái nhân viên

7 Select Chọn lại cửa hàng trực thuộc

8 Input Nhập lại ghi chú

10 Button Thực hiện tác vụ cập nhập nhân viên mới vào cửa hàng

Bảng 88 Mô tả giao diện cập nhật nhân viên

Hình 101 Giao diện danh sách khách hàng ở store

Bảng 89 Mô tả giao diện danh sách khách hàng ở store

Hình 102 Mô tả giao diện danh sách khách hàng ở store

Button Huỷ tác vụ xoá khách hàng

Button Thực hiện tác vụ xoá khách hàng

Bảng 90 Mô tả giao diện danh sách khách hàng ở store

Hình 103 Giao diện thêm khách hàng

Bảng 91 Mô tả giao diện thêm khách hàng

EMPLOYEE

Hiển thị các sản phẩm đang được bán ở cửa hàng

Hình 105 Giao diện danh sách sản phẩm ở nhân viên

1 Button Hiển thị danh sách sản phẩm theo trạng thái

Bảng 93 Mô tả giao diện danh sách sản phẩm ở nhân viên

Lấy tất cả thông tin đơn hàng đang thực hiện tại cửa hàng đó

Hình 106 Giao diện danh sách đơn hàng ở nhân viên

Bảng 94 Mô tả giao diện danh sách đơn hàng ở nhân viên

Hình 107 Giao diện danh sách khách hàng ở nhân viên

Bảng 95 Mô tả giao diện danh sách khách hàng ở nhân viên

Hình 108 Giao diện xác nhận xoá khách hàng ở nhân viên

1 Button Huỷ tác vụ xoá khách hàng

2 Button Thực hiện tác vụ xoá khách hàng

Bảng 96 Mô tả giao diện xác nhận xoá khách hàng ở nhân viên

Hình 109 Giao diện thêm khách hàng

Bảng 97 Mô tả giao diện thêm khách hàng

Hình 111 Giao diện trang chọn sản phẩm ở tab bán hàng

1 Button Thêm sản phẩm muốn thêm vào hoá đơn

3 Button Tạo thêm hoá đơn mới

4 Select Chọn màu sắc muốn mua

5 Button Huỷ tác vụ lựa chọn màu

6 Button Thêm sản phẩm cùng với màu sắc vào đơn

Bảng 99 Mô tả giao diện trang chọn sản phẩm ở tab bán hàng

Hình 112 Giao diện trang tính tiền ở tab bán hàng

1 Select Chọn khách hàng trong danh khách hàng

3 Input/View Hiển thị hoặc nhập số tiền thanh toán

7 Input/View Hiển thị hoặc nhập số tổng số tiền cần thanh toán

8 Button Thực hiện thanh toán đơn hàng

Bảng 100 Mô tả giao diện trang tính tiền ở tab bán hàng

Hình 113 Giao diện nhập địa chỉ ở tab bán hàng

1 Select Chọn tỉnh thành trong trường hợp giao hàng

4 Input Nhập địa chỉ giao hàng

5 Button Tính phí giao hàng tự động từ khoảng cách cửa hàng đến địa chỉ giao

Bảng 101 Mô tả giao diện nhập địa chỉ ở tab bán hàng

Hình 114 Giao diện trang ghi chú ở tab bán hàng

1 Input Nhập thông tin ghi chú nếu có

Bảng 102 Mô tả giao diện trang ghi chú ở tab bán hàng

CUSTOMER

Hình 115 Giao diện trang đăng nhập

1 Input Nhập tài khoản hoặc email đăng nhập

3 Button Di chuyển qua site quên mật khẩu

4 Button Thực hiện việc đăng nhập

Bảng 103 Mô tả giao diện trang đăng nhập

Hình 116 Giao diện trang quên mật khẩu

1 Input Nhập email đã được đăng ký trong shop

2 Button Quay lại trang đăng nhập

3 Button Tiếp tục bước tiếp theo của việc quên mật khẩu

4 Input Nhập mã OTP đã được gửi về email hoặc số điện thoại

5 Input Nhập mật khẩu mới

6 Input Nhập lại mật khẩu mới để kiểm tra

7 Button Quay lại bước điền email quên mật khẩu

8 Button Hoàn tất việc tạo mật khẩu mới

Bảng 104 Mô tả giao diện trang quên mật khẩu

Hình 117 Giao diện thanh menu website

1 Button Di chuyển về trang chủ

2 Input Tìm kiếm sản phẩm

3 Button Di chuyển đến trang thông tin cá nhân

4 Button Di chuyển đến trang giỏ hàng

5 Button Di chuyển đến trang sản phẩm yêu thích

6 Button Di chuyển đến trang có phân loại sản phẩm tương ứng

Bảng 105 Mô tả giao diện thanh menu website

5.5.4 Trang tất cả sản phẩm

Hình 118 Giao diện trang tất cả sản phẩm

1 Button Sắp xếp sản phẩm theo giá

2 Button Di chuyển đến trang thông tin sản phẩm

3 Button Thêm sản phẩm vào danh mục yêu thích

Bảng 106 Mô tả giao diện trang tất cả sản phẩm

Hình 119 Giao diện trang mã giảm giá

Button Chọn trang tất cả voucher

Button Chọn trang voucher của mình

Button Đổi phiếu giảm giá

Bảng 107 Mô tả giao diện trang mã giảm giá

5.5.5 Trang quản lí địa chỉ cá nhân

Hình 120 Giao diện trang quản lý địa chỉ cá nhân

1 Button Thêm một địa chỉ mới

2 Button Chỉnh sửa địa chỉ

3 Button Xoá địa chỉ đã chọn

4 Button Đặt địa chỉ làm địa chỉ mặc định

Bảng 108 Mô tả giao diện trang quản lý địa chỉ cá nhân

5.5.6 Trang thông tin cá nhân

Hình 121 Giao diện trang thông tin cá nhân

1 Input Hiển thị tên đăng nhập

2 Input Nhập họ và tên

7 Button Chọn để chỉnh sửa thông tin cá nhân

8 Button Chọn để hiển thị modal đổi mật khẩu

Bảng 109 Mô tả giao diện trang thông tin cá nhân

Hình 122 Giao diện trang giỏ hàng

1 Button Button chọn thể loại cho sản phẩm

2 Button Giảm số lượng sản phẩm

3 Button Tăng số lượng sản phẩm

5 Button Chọn dịch vụ vận chuyển

6 Button Chọn địa chỉ vận chuyển

7 Button Chọn mã giảm giá

8 Button Xác nhận thanh toán

Bảng 110 Mô tả giao diện trang giỏ hàng

THỰC HIỆN VÀ KIỂM THỬ

THỰC HIỆN

- Kế hoạch và chuẩn bị:

● Nghiên cứu tổng quát (các vấn đề, đối tượng, phạm vi nghiên cứu…)

● Nghiên cứu các ứng dụng có liên quan

● Xác định các chức năng có trong hệ thống

● Cấu trúc cơ sở dữ liệu

● Sử dụng Spring framework để tạo và truy vấn cơ sở dữ liệu

● Xây dựng các chức năng cho ứng dụng di động, website khách hàng, website admin và website store manager/ employee

- Frontend: Android SDK, Gradle, NextJS

- Frontend: Android Studio, Visual Studio Code

- Điện thoại android chạy SDK >= 26

KIỂM THỬ

Dự án được áp dụng phương pháp kiểm thử hộp đen vì đây là kỹ thuật mạnh mẽ để kiểm thử ứng dụng từ quan điểm của người dùng Kiểm thử hộp đen được sử dụng để kiểm tra hệ thống chống lại các yếu tố bên ngoài chịu trách nhiệm về lỗi phần mềm. Cách tiếp cận thử nghiệm này tập trung vào đầu vào của phần mềm và đầu ra được tạo ra Nhóm thử nghiệm không bao gồm các chi tiết bên trong như code, logic server và phương pháp phát triển Dự án lần này sẽ áp dụng phương pháp kiểm thử hộp đen này để kiểm thử :

1 Customer Thêm sản phẩm Kiểm thử phản hồi của ứng dụng khi khách hàng vào giỏ hàng thêm sản phẩm vào giỏ hàng

2 Customer Đặt hàng Kiểm thử phản hồi của ứng dụng khi khách hàng chọn các thông tin trong đơn hàng và bấm “Đặt hàng”

3 Customer Thêm địa chỉ mới Kiểm thử phản hồi của ứng dụng khi khách hàng điền đủ thông tin và bấm “Thêm địa chỉ mới”

Bảng 111 Kịch bản kiểm thử

Descriptio Test steps Test data Expected Actual Status

UN_01 Kiểm thử Chọn địa chỉ Địa chỉ:{ Hiển thị thông As Pass phản hồi Chọn phương Tên người báo đặt hàng expect của ứng thức thanh nhận: ”La Gia thành công và ed dụng khi toán Phong” quay về trang người dùng Bấm “Đặt Số điện thoại: chủ chọn đủ hàng” “093332317” thông tin Chi tiết: “80 trong đơn Nguyen Xi p25 đặt hàng quan Binh và chọn Thanh”}

“Đặt hàng” Phương thức thanh toán:

“Thanh toán khi nhận hàng”

Bảng 112 Kết quả mong đợi và thực tế của UN_01

Hình 123 Kết quả kiểm thử chức năng đặt hàng

ID Description Test steps Test data Expected Actual Status result result

UN_02 Kiểm thử Nhập tên Tên người nhận: Hiển thị As Pass phản hồi của người nhận “Mom” thông báo expected ứng dụng khi hàng thêm địa người dùng Số điện thoại: chỉ mới thêm địa chỉ Nhập số điện “0903992612” thành mới thoại Địa chỉ: “113 Điện Biên công

Nhập địa chỉ Phủ, Phường 22, Quận

Bình Thạnh, Hồ Chí Chọn loại địa Minh” chỉ

Loại địa chỉ: Nhà riêng Bật địa chỉ thành địa chỉ Địa chỉ mặc định: Tắt mặc định

Hình 124 Kết quả của việc thêm địa chỉ thành công

Description Test steps Test data Expected Actual Status

UN_03 Kiểm thử Bấm vào xem chi Hiển thị As Pass phản hồi của tiết một sản thông báo expected ứng dụng khi phẩm thêm vào giỏ người dùng Bấm nút “Thêm hàng thành thêm sản vào giỏ hàng” công phẩm vào giỏ hàng

Hình 125 Kết quả của việc thêm sản phẩm vào giỏ hàng thành công

TỔNG KẾT

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

1.1 Kiến thức và kỹ năng

Trong quá trình tìm kiếm và học hỏi để xây dựng một hệ thống bao gồm cả website lẫn ứng dụng di động về thương mại điện tử nhóm đã tích luỹ được những kiến thức và kinh nghiệm vô cùng bổ ích để phục vụ cho việc học tập và đi làm sau này:

- Kỹ năng xậy dựng một hệ thống website thương mại điện tử

- Kỹ năng tìm kiếm và học tập công nghệ mới

- Kỹ năng làm việc nhóm

- Nắm được các công nghệ đang phổ biến nhất hiện nay

- Tìm hiểu và tích hợp thêm các api dịch vụ do bên thứ 3 cung cấp

1.2 Các chức năng xây dựng được

Dự án đáp ứng đủ các yêu cầu được đặt ra và có bao gồm 5 mô-đun là ứng dụng di động, website cho khách hàng, website dành cho quản trị viên, website dành cho nhân viên và cửa hàng, cuối cùng là máy chủ

Dự án đã đặt được các điểm quan trọng sau:

- Xây dựng được một hệ thống hoạt động trên nhiều nền tảng thiết bị

- Website mua sắm dành cho khách hàng với đầy đủ các chức năng của một trang thương mại điện tử cơ bản như có nhiều phương thức thanh toán.

- Ứng dụng di động dành cho khách hàng

- Website admin tổng giúp người quản quản lý chuỗi cửa hàng có thể xem được thống kê doanh số bán hàng của toàn bộ hệ thống, quản lý các cửa hàng một cách nhanh chóng

- Website dành cho quản lý cửa hàng và nhân viên bán hàng hỗ trợ nhập liệu bán hàng khi khách hàng mua hàng trực tiếp tại cửa hàng mà không không qua hệ thống trực tuyến.

- Hệ thống quản lý kinh doanh đã đáp ứng được nhu cầu của hệ thống kinh của khách hàng cũng như tăng tốc độ vận hành, quản lý việc kinh doanh của chuỗi các cửa hàng trơn tru hơn.

- Giao diện ứng dụng thân thiện, dễ sử dụng

- Hệ thống có khả năng mở rộng và tái sử dụng tốt

Ưu điểm

- Đa nền tảng hỗ trợ nhiều loại thiết bị giúp khách hàng tiện lợi trong việc mua sắm

- Hệ thống website sử dụng đơn giản, dễ dàng sử dụng

- Tích hợp nhiều phương thức thanh toán giúp khách hàng có nhiều sự lựa chọn hơn trong việc mua sắm.

- Tích hợp AI phân tích sản phẩm người dùng thường xuyên xem để đưa ra các gợi ý sản phẩm phù hợp với từng khách hàng.

- Tổng quản lý có thể dễ dàng xem doanh thu các chi nhánh, giúp việc quản lý các cửa hàng trở nên dễ dàng hơn

- Cung cấp thêm website cho quản lí và nhân viên của cửa hàng giúp cho việc tra cứu thông tin sản phẩm trong cửa hàng một cách nhanh chóng.

- Hệ thống có thể sử dụng để kinh doanh đa dạng sản phẩm bằng cách thay đổi dữ liệu sản phẩm.

- Front-end được chia thành các viewmodel/components và Back-ends sử dụng công nghệ OOP nên có thể mở rộng và tái sử dụng khá tốt.

Nhược điểm

- Chưa hỗ trợ đa ngôn ngữ

- Chưa hỗ trợ người dùng có thể liên lạc tư vấn với cửa hàng

- Không sử dụng cơ sở dữ liệu thời gian thực nên giao diện cần được tải lại để phát hiện cập nhật dữ liệu mới

- Giao diện đơn giản, chưa có sức hút

Hướng phát triển

- Xây dựng hệ thống đề xuất sản phẩm cho người dùng

- Sử dụng cơ sở dữ liệu thời gian thực

- Ứng dụng kiến trúc multi-tenants

- Xây dựng hệ thống chat với nhân viên cửa hàng

- Xây dựng chat bot để hỗ trợ khách hàng mua sắm

- Hỗ trợ thêm nhiều phương thức thanh toán hơn

Định dạng
Số trang	136
Dung lượng	16,5 MB