đồ án 2 xây dựng website thương mại điện tử về thực phẩm sạch

Danh sách Use Case1 Đăng nhập tài khoản Người dùng chưa đăng nhập2 Tạo tài khoản Người dùng bên quản lý3 Xem danh sách tài khoản Người dùng bên quản lý4 Xem thông tin tài khoản Người dùn

GIỚI THIỆU CHUNG

Lý do chọn đề tài

Trong thời đại hiện nay, sự tiến bộ mạnh mẽ của ngành công nghệ thông tin đã định hình một cách quan trọng cách chúng ta mua sắm và tiếp cận thực phẩm sạch. Việc tận dụng nguồn lực công nghệ giúp con người giải quyết nhiều vấn đề liên quan đến thực phẩm và đồ ăn hằng ngày Chính sự phát triển nhanh chóng này đã tạo ra nhu cầu lớn về các nền tảng thương mại điện tử đặc biệt chuyên sâu về thực phẩm sạch Ngành công nghiệp thương mại điện tử về thực phẩm sạch đòi hỏi sự chú ý đặc biệt đến chất lượng, an toàn thực phẩm và quy trình sản xuất bền vững. Để đáp ứng nhu cầu ngày càng tăng của người tiêu dùng đối với thực phẩm sạch và an toàn, chúng tôi quyết định triển khai dự án "Xây dựng Website Thương mại Điện tử về Thực phẩm Sạch".

Trang web của chúng em không chỉ mang đến trải nghiệm mua sắm thuận tiện mà còn là nơi tập trung của những sản phẩm thực phẩm sạch chất lượng cao Với các tính năng như tìm kiếm thông minh, đánh giá sản phẩm và quản lý đơn hàng,chúng tôi hướng đến việc tạo ra một nền tảng trực tuyến an toàn và tin cậy cho người tiêu dùng quan tâm đến sức khỏe và nguồn gốc của thực phẩm mình tiêu thụ.

Phạm vi nghiên cứu

‒ Nghiên cứu về hệ thống website thương mại điện tử phổ biến hiện nay Đồng thời, nghiên cứu các công cụ quản lý cửa hang, bán hàng.

‒ Tìm hiểu các công nghệ xây dựng website Tìm hiểu các thuật toán recommend (khuyến nghị) phù hợp cho những hệ thống hiện nay.

Đối tượng nghiên cứu

 Ngôn ngữ lập trình: Javascript, NodeJS

 Những chủ cửa hàng có nhu cầu sử dụng công cụ để quản lý của hàng bao.

 Người tiêu dùng quan tâm đến thực phẩm sạch và thường xuyên mua sắm online.

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

‒ Nghiên cứu từ những website đang có trên thị trường hiện nay như: Bác tôm, Thực phẩm sạch 24h, Sfood,… Từ đó rút ra những ưu, nhược điểm về cả tính năng lẫn giao diện và đưa ra giải pháp cho phần mềm của mình.

‒ Tìm hiểu những công nghệ cần thiết và phù hợp với nhu cầu của đề tài.

‒ Tìm hiểu và áp dụng những kiến trúc, mẫu thiết kế cho từng phần của dự án để đạt hiệu quả tối đa có thể.

‒ Tham khảo ý kiến đóng góp của giảng viên hướng dẫn để phát triển đề tài đạt được kết quả tốt nhất.

CÔNG NGHỆ SỬ DỤNG

ReactJs

‒ React (còn được biết đến là React.js hoặc ReactJS) là một thư viện JavaScript phía trước miễn phí và mã nguồn mở để xây dựng giao diện người dùng dựa trên các thành phần.

‒ Vì React chỉ quan tâm đến giao diện người dùng và việc render các thành phần lên DOM, các ứng dụng React thường phụ thuộc vào các thư viện để định tuyến và các chức năng phía khách hàng khác.

‒ React cho phép chia giao diện người dùng thành các thành phần nhỏ, độc lập, tái sử dụng được.

‒ React có một cộng đồng phát triển mạnh mẽ, với hàng nghìn người đóng góp và nhiều tài nguyên học tập.

MongoDB

‒ MongoDB là một hệ quản trị cơ sở dữ liệu phi quan hệ, mã nguồn mở, hướng tài liệu (Document-Oriented) MongoDB được phát triển bởi MongoDB Inc và ra mắt vào tháng hai năm 2009.

‒ MongoDB được viết bằng C++ cung cấp hiệu suất cao, tính mở rộng cao và khả năng mở rộng dễ dàng.

‒ MongoDB lưu trữ dữ liệu trong document kiểu JSON (Binary JSON) thay vì dạng bảng như các hệ sở dữ liệu quan hệ nên công việc truy vấn sẽ rất nhanh.

‒ MongoDB lưu trữ dữ liệu dưới dạng Bson, được xây dựng dựa trên Json và sử dụng ngôn ngữ MQL, được xây dựng dựa trên JavaScript Vì thế hệ quản trị cơ sở dữ liệu sẽ tương thích tốt với lại server được xây dựng bằng JavaScript, từ đó nâng cao tốc độ phát triển.

‒ MongoDB dễ dàng cài đặt, tương thích mọi nền tảng, từ đó dễ dàng triển khai MongoDB trên bất kỳ hệ điều hành nào.

‒ MongoDB cho hiệu suất đọc ghi cao, dễ dàng mở rộng khi phát triển.

Nodejs

‒ NodeJS là mã nguồn mở chạy trên môi trường V8 JavaScript runtime (một trình thông dịch JavaScript chạy cực nhanh trên trình duyệt Chrome). NodeJS giúp các nhà phát triển xây dựng các ứng dụng web một cách đơn giản và dễ dàng mở rộng

‒ NodeJS có thể được dùng để xây dựng các loại ứng dụng khác nhau như các ứng dụng dòng lệnh, ứng dụng web, ứng dụng trò chuyện theo thời gian thực, máy chủ REST API, Tuy nhiên, NodeJS thường được dùng chủ yếu để xây dựng các chương trình mạng như máy chủ web, tương tự như PHP, Java hoặc ASP.NET

‒ Hiệu suất cao: Dựa trên V8 JavaScript runtime, giúp ứng dụng xử lý hiệu quả và đồng thời.

‒ Xử lý không đồng bộ: Hỗ trợ mô hình không đồng bộ, tăng khả năng đáp ứng của ứng dụng.

‒ JavaScript cả phía máy chủ và máy khách: Đồng nhất, giảm độ phức tạp và tăng khả năng tái sử dụng mã nguồn.

‒ Thư viện và module phong phú: Hệ sinh thái mạnh mẽ, giúp tiết kiệm thời gian và công sức.

‒ Cộng đồng phát triển mạnh mẽ: Sự hỗ trợ nhanh chóng từ cộng đồng toàn cầu.

‒ Khả năng tích hợp tốt: Tích hợp linh hoạt với các công nghệ và dịch vụ khác.

THIẾT KẾ HỆ THỐNG

Xây dựng hệ thống

Hình 3-4 Kiến trúc hệ thống

3.1.2 Mô tả các thành phần trong kiến trúc hệ thống

Bảng 3.1 Bảng mô tả các thành phần của kiến trúc hệ thống

Front-end Phần người dùng tương tác trực tiếp và nhìn thấy trên

4 Database Lưu trữ dữ liệu.

5 Storage Lưu trữ các dữ liệu dạng hình ảnh, file với khả năng truy xuất nhanh chóng.

3.2.1 Quản lý tài khoản người dùng

‒ Đăng nhập: Người dùng đăng nhập vào hệ thống.

‒ Tạo tài khoản: Tạo tài khoản với các thông tin theo yêu cầu.

‒ Chỉnh sửa thông tin tài khoản.

‒ Xem danh sách sản phẩm: Danh sách được hiển thị dưới dạng bảng.

‒ Tạo sản phẩm: Tạo mới sản phẩm với các thông tin theo yêu cầu.

‒ Chỉnh sửa sản phẩm: Chỉnh sửa sản phẩm với các thông tin theo yêu cầu

3.2.3 Quản lý loại sản phẩm:

‒ Xem danh sách loại sản phẩm: Danh sách được hiển thị dưới dạng bảng.

‒ Tạo loại sản phẩm: Tạo mới loại sản phẩm với các thông tin theo yêu cầu.

‒ Chỉnh sửa sản phẩm: Chỉnh sửa loại sản phẩm với các thông tin theo yêu cầu.

‒ Xem danh sách phiếu nhập: Danh sách được hiển thị dưới dạng bảng.

‒ Tạo phiếu nhập: Cho phép chọn các sản phẩm để tạo phiếu nhập Tự động tính toán tổng giá.

‒ Xem danh sách hoá đơn: Danh sách được hiển thị dưới dạng bảng.

‒ Tạo hoá đơn: Cho phép chọn các sản phẩm để tạo phiếu nhập.

‒ Chỉnh sửa hoá đơn: Chỉnh sửa các trạng thái giao hàng và trạng thái thanh

3.2.6 Quản lý phiếu giảm giá:

‒ Xem danh sách phiếu giảm giá: Danh sách được hiển thị dưới dạng bảng.

‒ Xem chi tiết phiếu giảm giá.

‒ Tạo phiếu giảm giá: Tạo mới phiếu giảm giá với các thông tin theo yêu cầu.

‒ Chỉnh sửa phiếu giảm giá: Chỉnh sửa phiếu giảm giá với các thông tin theo yêu cầu.

‒ Xem danh sách khách hàng: Danh sách được hiển thị dưới dạng bảng.

‒ Xem chi tiết khách hàng.

‒ Tạo khách hàng: Tạo mới khách hàng với các thông tin theo yêu cầu.

‒ Chỉnh sửa khách hàng: Chỉnh sửa khách hàng với các thông tin theo yêu cầu.

‒ Xem danh sách chức vụ: Danh sách được hiển thị dưới dạng bảng.

‒ Tạo chức vụ: Cho phép tạo chức vụ với việc lựa chọn các quyền hạn của chức vụ đó.

‒ Chỉnh sửa chức vụ: Cho phép chỉnh sửa chức vụ với việc lựa chọn các quyền hạn của chức vụ đó.

‒ Thông kê sản phẩm và doanh số.

3.2.10 Khuyến nghị sản phẩm (giao diện khách hàng):

‒ Khuyến nghị các sản phẩm phù hợp với khách hàng cho từng khách hàng cụ thể.

Thiết kế hệ thống

3.3.1 Sơ đồ Use-case tổng quát

3.3.1.1 Sơ đồ Use Case của người dùng bên quản lý

Hình 3-5 Sơ đồ Use Case của người dùng bên quản lý (1)

Hình 3.3 Sơ đồ Use Case của người dùng bên quản lý (2)

Hình 3.4 Sơ đồ Use Case của người dùng bên quản lý (3)

3.3.1.2 Sơ đồ Use Case của khách hàng

Hình 3.5 Sơ đồ Use Case của khách hàng

3.3.1.3 Sơ đồ Use Case của người dùng chưa đăng nhập

Hình 3.6 Sơ đồ Use Case của người dùng chưa đăng nhập

Bảng 3.2 Bảng danh sách Actor

1 Người dùng chưa đăng nhập Người dùng chưa đăng nhập vào hệ thống

2 Người dùng bên quản lý

Người sử dụng phần mềm để quản lý cửa hàng Tuỳ vào các chức vụ khác nhau mà có phân quyền khác nhau.

3 Khách hàng Người sử dụng website cho việc mua hàng, xem sản phẩm.

Bảng 3.3 Danh sách Use Case

1 Đăng nhập tài khoản Người dùng chưa đăng nhập

2 Tạo tài khoản Người dùng bên quản lý

3 Xem danh sách tài khoản Người dùng bên quản lý

4 Xem thông tin tài khoản Người dùng bên quản lý

5 Chỉnh sửa thông tin tài khoản Người dùng bên quản lý

6 Xoá tài khoản Người dùng bên quản lý

7 Tạo sản phẩm Người dùng bên quản lý

8 Xem danh sách sản phẩm Người dùng bên quản lý

9 Xem chi tiết sản phẩm Người dùng bên quản lý

10 Chỉnh sửa sản phẩm Người dùng bên quản lý

11 Xoá sản phẩm Người dùng bên quản lý

12 Tạo loại sản phẩm Người dùng bên quản lý

13 Xem danh sách loại sản phẩm Người dùng bên quản lý

14 Xem chi tiết loại sản phẩm Người dùng bên quản lý

15 Chỉnh sửa loại sản phẩm Người dùng bên quản lý

16 Xoá loại sản phẩm Người dùng bên quản lý

17 Tạo phiếu nhập Người dùng bên quản lý

18 Xem danh sách phiếu nhập Người dùng bên quản lý

19 Xem chi tiết phiếu nhập Người dùng bên quản lý

20 Xoá phiếu nhập Người dùng bên quản lý

21 Tạo hoá đơn Người dùng bên quản lý

22 Xem danh sách hoá đơn Người dùng bên quản lý

23 Xem chi tiết hoá đơn Người dùng bên quản lý

24 Chỉnh sửa hoá đơn Người dùng bên quản lý

25 Xoá hoá đơn Người dùng bên quản lý

26 Tạo phiếu giảm giá Người dùng bên quản lý

27 Xem danh sách phiếu giảm giá Người dùng bên quản lý

28 Xem chi tiết phiếu giảm giá Người dùng bên quản lý

29 Chỉnh sửa phiếu giảm giá Người dùng bên quản lý

30 Xoá phiếu giảm giá Người dùng bên quản lý

31 Tạo khách hàng Người dùng bên quản lý

32 Xem danh sách khách hàng Người dùng bên quản lý

37 Xem danh sách chức vụ Người dùng bên quản lý

38 Xem chi tiết chức vụ Người dùng bên quản lý

39 Chỉnh sửa chức vụ Người dùng bên quản lý

40 Xoá chức vụ Người dùng bên quản lý

41 Thống kê sản phẩm Người dùng bên quản lý

42 Thống kê doanh số Người dùng bên quản lý

43 Đăng nhập tài khoản khách hàng Người dùng chưa đăng nhập

44 Đăng ký tài khoản khách hàng Người dùng chưa đăng nhập

45 Xem thông tin cá nhân tài khoản khách hàng Khách hàng

46 Chỉnh sửa thông tin cá nhân tài khoản khách hàng Khách hàng

47 Xem sản phẩm khuyến nghị Khách hàng

3.3.4.1 Đặc tả Use Case Đăng nhập tài khoản

Bảng 3.4 Use Case Đăng nhập tài khoản

Tên Use Case Đăng nhập tài khoản

Tóm tắt Chức năng đăng nhập vào hệ thống.

Dòng sự kiện chính 1 Hệ thống hiển thị form đăng nhập.

2 Người dùng nhập tên đăng nhập và mật khẩu và nhấn “Đăng nhập”.

3 Hệ thống kiểm tra thông tin đăng nhập

4 Hệ thống hiển thị màn hình chính.

Dòng sự kiện khác Không có

Dòng sự kiện ngoại lệ 1 Thông tin đăng nhập sai:

Hệ thống hiển thị thông báo tài khoản đăng nhập không hợp lệ.

Các yêu cầu đặc biệt Không có

Trạng thái hệ thống trước khi thực thiện use case

Người dùng chưa đăng nhập Điều kiện: Không có

Trạng thái hệ thống sau khi thực hiện use case Người dùng đăng nhập thành công vào hệ thống, có thể sử dụng các quyền mà hệ thống cho phép Điểm mở rộng Không có

3.3.4.2 Đặc tả Use Case Tạo tài khoản

Bảng 3.5 Use Case Tạo tài khoản

Tên Use Case Tạo tài khoản

Tóm tắt Tạo tài khoản bên quản lý

Dòng sự kiện chính 1 Người dùng nhập thông tin tài khoản và nhấn

2 Tài khoản được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin tài khoản không đạt yêu cầu

Actor: Người dùng bên quản lý Điều kiện: Không có

Trạng thái hệ thống sau khi thực hiện use case Tài khoản được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.3 Đặc tả Use Case Xem danh sách tài khoản

Bảng 3.6 Use Case Xem danh sách tài khoản

Tên Use Case Xem danh sách tài khoản

Tóm tắt Xem danh sách tài khoản bên quản lý

Dòng sự kiện chính 1 Hiển thị danh sách tài khoản dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Dòng sự kiện ngoại lệ Không có

Trạng thái hệ thống sau khi thực hiện use case

Hiển thị danh sách tài khoản Điểm mở rộng Không có

3.3.4.4 Đặc tả Use Case Xem thông tin tài khoản

Bảng 3.7 Use Case Xem thông tin tài khoản

Tên Use Case Xem thông tin tài khoản

Tóm tắt Xem thông tin tài khoản đối với người dùng bên quản lý

Dòng sự kiện chính 1 Người dùng nhấn vào tài khoản trong danh sách

2 Hiện thị thông tin chi tiết của tài khoản

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông tin chi tiết của tài khoản

3.3.4.5 Đặc tả Use Case Chỉnh sửa thông tin tài khoản

Bảng 3.8 Use Case Chỉnh sửa thông tin tài khoản

Tên chức năng Chỉnh sửa thông tin tài khoản

Tóm tắt Chỉnh sửa thông tin tài khoản của người dùng bên quản lý

Dòng sự kiện chính 1 Người dùng nhấn nút “Sửa” trong danh sách

2 Nhập thông tin cần chỉnh sửa và nhấn “Cập nhật”

3 Tài khoản được chỉnh sửa và hiển thị thông báo

Dòng sự kiện ngoại lệ 1 Dữ liệu nhập không hợp lệ

Tài khoản được chỉnh sửa và thông báo thành công Điểm mở rộng Không có

3.3.4.6 Đặc tả Use Case Xoá tài khoản

Bảng 3.9 Use Case Xoá tài khoản

Tên chức năng Xoá tài khoản

Tóm tắt Xoá tài khoản người dùng bên quản lý

Dòng sự kiện chính 1 Nhấn nút “Xoá” trong danh sách.

2 Hệ thống hiển thị thông báo xác nhận xoá.

3 Người dùng nhấn nút “Xác nhận”.

4 Hệ thống xoá tài khoản và hiển thị thông báo.

Trạng thái hệ thống sau khi thực hiện use case Hệ thống xoá tài khoản và hiển thị thông báo Điểm mở rộng Không có

3.3.4.7 Đặc tả Use Case Tạo sản phẩm

Bảng 3.10 Use Case Tạo sản phẩm

Tên Use Case Tạo sản phẩm

Tóm tắt Tạo mới sản phẩm

Dòng sự kiện chính 1 Người dùng nhập thông tin sản phẩm và nhấn

2 Sản phẩm được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin sản phẩm không đạt yêu cầu

Hệ thống hiển thị thông báo thông tin không hợp lệ.

Trạng thái hệ thống sau khi thực hiện use case Sản phẩm được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.8 Đặc tả Use Case Xem danh sách sản phẩm

Bảng 3.11 Use Case Xem danh sách sản phẩm

Tên Use Case Xem danh sách sản phẩm

Tóm tắt Xem danh sach sản phẩm

Dòng sự kiện chính 1 Hiển thị danh sách sản phẩm dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Trạng thái hệ thống sau khi thực hiện use case Hiển thị danh sách sản phẩm Điểm mở rộng Không có

3.3.4.9 Đặc tả Use Case Xem chi tiết sản phẩm

Bảng 3.12 Use Case Xem chi tiết sản phẩm

Tên Use Case Xem chi tiết sản phẩm

Tóm tắt Xem chi tiết sản phẩm

Dòng sự kiện chính 1 Người dùng nhấn vào sản phẩm trong danh sách

2 Hiện thị thông tin chi tiết của sản phẩm

Các yêu cầu đặc biệt Không có khi thực thiện use case Điều kiện: Không có

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông tin chi tiết của sản phẩm

3.3.4.10 Đặc tả Use Case Chỉnh sửa sản phẩm

Bảng 3.13 Use Case Chỉnh sửa sản phẩm

Tên chức năng Chỉnh sửa sản phẩm

Tóm tắt Chỉnh sửa sản phẩm

3 Sản phẩm được chỉnh sửa và hiển thị thông báo

Dòng sự kiện ngoại lệ 1 Dữ liệu nhập không hợp lệ:

Hệ thống hiển thị thông báo dữ liệu nhập không hợp lệ.

Sản phẩm được chỉnh sửa và thông báo thành công Điểm mở rộng Không có

3.3.4.11 Đặc tả Use Case Xoá sản phẩm

Bảng 3.14 Use Case Xoá sản phẩm

4 Hệ thống xoá sản phẩm và hiển thị thông báo.

Hệ thống xoá sản phẩm và hiển thị thông báo Điểm mở rộng Không có

3.3.4.12 Đặc tả Use Case Tạo loại sản phẩm

Bảng 3.15 Use Case Tạo loại sản phẩm

Tên Use Case Tạo loại sản phẩm

Tóm tắt Tạo mới loại sản phẩm

Dòng sự kiện chính 1 Người dùng nhập thông tin loại sản phẩm và nhấn “Tạo loại sản phẩm”

2 Loại sản phẩm được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin loại sản phẩm không đạt yêu cầu

Các yêu cầu đặc biệt Không có trước khi thực thiện use case Điều kiện: Không có

Trạng thái hệ thống sau khi thực hiện use case Loại sản phẩm được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.13 Đặc tả Use Case Xem danh sách loại sản phẩm

Bảng 3.16 Use Case Xem danh sách loại sản phẩm

Tên Use Case Xem danh sách loại sản phẩm

Tóm tắt Xem danh sách loại sản phẩm trên giao diện quản lý

Dòng sự kiện chính 1 Hiển thị danh sách loại sản phẩm dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Trạng thái hệ thống sau khi thực hiện use case Hiển thị danh sách loại sản phẩm Điểm mở rộng Không có

3.3.4.14 Đặc tả Use Case Xem chi tiết loại sản phẩm

Bảng 3.17 Use Case Xem chi tiết loại sản phẩm sách

2 Hiện thị thông tin chi tiết của loại sản phẩm

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông tin chi tiết của loại sản phẩm

3.3.4.15 Đặc tả Use Case Chỉnh sửa loại sản phẩm

Bảng 3.18 Use Case Chỉnh sửa loại sản phẩm

Tên chức năng Chỉnh sửa loại sản phẩm

Tóm tắt Chỉnh sửa loại sản phẩm trên giao diện quản lý

3 Loại sản phẩm được chỉnh sửa và hiển thị thông báo

Trạng thái hệ thống sau khi thực hiện use case Loại sản phẩm được chỉnh sửa và thông báo thành công Điểm mở rộng Không có

3.3.4.16 Đặc tả Use Case Xoá loại sản phẩm

Bảng 3.19 Use Case Xoá loại sản phẩm

Tên chức năng Xoá loai sản phẩm

Tóm tắt Xoá loại sản phẩm trên giao diện quản lý

4 Hệ thống xoá loại sản phẩm và hiển thị thông báo.

Trạng thái hệ thống sau khi thực hiện use case Hệ thống xoá loại sản phẩm và hiển thị thông báo Điểm mở rộng Không có

3.3.4.17 Đặc tả Use Case Tạo phiếu nhập

Bảng 3.20 Use Case Tạo phiếu nhập

Tên Use Case Tạo phiếu nhập

Tóm tắt Tạo mới phiếu nhập trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhập thông tin phiếu nhập và nhấn

2 Phiếu nhập được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin phiếu nhập không đạt yêu cầu

Trạng thái hệ thống sau khi thực hiện use case Phiếu nhập được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.18 Đặc tả Use Case Xem danh sách phiếu nhập

Bảng 3.21 Use Case Xem danh sách phiếu nhập

Tên Use Case Xem danh sách phiếu nhập

Tóm tắt Xem danh sách phiếu nhập trên giao diện quản lý

Dòng sự kiện chính 1 Hiển thị danh sách phiếu nhập dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Hiển thị danh sách phiếu nhập Điểm mở rộng Không có

3.3.4.19 Đặc tả Use Case Xem chi tiết phiếu nhập

Bảng 3.22 Use Case Xem chi tiết phiếu nhập

Tên Use Case Xem chi tiết phiếu nhập

Tóm tắt Xem chi tiết phiếu nhập trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhấn vào phiếu nhập trong danh sách

2 Hiện thị thông tin chi tiết của phiếu nhập, bao gồm cả những sản phẩm trong phiếu nhập.

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông tin chi tiết của phiếu nhập

3.3.4.20 Đặc tả Use Case Xoá phiếu nhập

Bảng 3.23 Use Case Xoá phiếu nhập

Tên chức năng Xoá phiếu nhập

Tóm tắt Xoá phiếu nhập trên giao diện quản lý

4 Hệ thống xoá phiếu nhập và hiển thị thông báo.

Hệ thống xoá phiếu nhập và hiển thị thông báo Điểm mở rộng Không có

3.3.4.21 Đặc tả Use Case Tạo hoá đơn

Bảng 3.24 Use Case Tạo hoá đơn

Tên Use Case Tạo hoá đơn

Tóm tắt Tạo hoá đơn trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhập thông tin hoá đonw và nhấn

2 Hoá đơn được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin hoá đơn không đạt yêu cầu

Trạng thái hệ thống sau khi thực hiện use case Hoá đơn được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.22 Đặc tả Use Case Xem danh sách hoá đơn

Bảng 3.25 Use Case Xem danh sách hoá đơn

Tên Use Case Xem danh sách hoá đơn

Tóm tắt Xem danh sách hoá đơn trên giao diện quản lý

Dòng sự kiện chính 1 Hiển thị danh sách hoá đơn dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Trạng thái hệ thống sau khi thực hiện use case Hiển thị danh sách hoá đơn Điểm mở rộng Không có

3.3.4.23 Đặc tả Use Case Xem chi tiết hoá đơn

Bảng 3.26 Use Case Xem chi tiết hoá đơn

Tên Use Case Xem chi tiết hoá đơn

Tóm tắt Xem chi tiết hoá đơn trên giao điện quản lý

Dòng sự kiện chính 1 Người dùng nhấn vào hoá đơn trong danh sách

2 Hiện thị thông tin chi tiết của hoá đơn, bao gồm cả danh sách sản phẩm trong hoá đơn

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông tin chi tiết của hoá đơn

3.3.4.24 Đặc tả Use Case Chỉnh sửa hoá đơn

Bảng 3.27 Use Case Chỉnh sửa hoá đơn

Tên chức năng Chỉnh sửa hoá đơn

Tóm tắt Chỉnh sửa hoá đơn trên giao diện quản lý

3 Hoá đơn được chỉnh sửa và hiển thị thông báo

Hoá đơn được chỉnh sửa và thông báo thành công Điểm mở rộng Không có

3.3.4.25 Đặc tả Use Case Xoá hoá đơn

Bảng 3.28 Use Case Xoá hoá đơn

Tên chức năng Xoá hoá đơn

Tóm tắt Xoá hoá đơn trên giao diện quản lý

4 Hệ thống xoá hoá đơn và hiển thị thông báo.

Trạng thái hệ thống sau khi thực hiện use case Hệ thống xoá hoá đơn và hiển thị thông báo Điểm mở rộng Không có

3.3.4.26 Đặc tả Use Case Tạo phiếu giảm giá

Bảng 3.29 Use Case Tạo phiếu giảm giá

Tên Use Case Tạo phiếu giảm giá

Tóm tắt Tạo phiếu giảm giá trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhập thông tin phiếu giảm giá và nhấn “Tạo phiếu giảm giá”

2 Phiêu giảm giá được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin phiếu giảm giá không đạt yêu cầu

Trạng thái hệ thống sau khi thực hiện use case Phiếu giảm giá được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.27 Đặc tả Use Case Xem danh sách phiếu giảm giá

Bảng 3.30 Use Case Xem danh sách phiếu giảm giá

Tên Use Case Xem danh sách phiếu giảm giá

Tóm tắt Xem danh sách phiếu giảm giá trên giao diện khách hàng

Dòng sự kiện chính 1 Hiển thị danh sách phiếu giảm giá dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Trạng thái hệ thống sau khi thực hiện use case Hiển thị danh sách phiếu giảm giá Điểm mở rộng Không có

3.3.4.28 Đặc tả Use Case Xem chi tiết phiếu giảm giá

Bảng 3.31 Use Case Xem chi tiết phiếu giảm giá

Tên Use Case Xem chi tiết phiếu giảm giá

Tóm tắt Xem thông chi tiết phiếu giảm giá trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhấn vào phiếu giảm giá trong danh sách

2 Hiện thị thông tin chi tiết của phiếu giảm giá

Hiển thị thông tin chi tiết của phiếu giảm giá

3.3.4.29 Đặc tả Use Case Chỉnh sửa phiếu giảm giá

Bảng 3.32 Use Case Chỉnh sửa phiếu giảm giá

Tên chức năng Chỉnh sửa phiếu giảm giá

Tóm tắt Chỉnh sửa phiếu giảm giá trên giao diện quản lý

3 Phiếu giảm giá được chỉnh sửa và hiển thị thông báo

Phiếu giảm giá được chỉnh sửa và thông báo thành công Điểm mở rộng Không có

3.3.4.30 Đặc tả Use Case Xoá phiếu giảm giá

Bảng 3.33 Use Case Xoá phiếu giảm giá

Tên chức năng Xoá phiếu giảm giá

Tóm tắt Xoá phiếu giảm giá trên giao diện quản lý

4 Hệ thống xoá phiếu giảm giá và hiển thị thông báo.

Hệ thống xoá phiếu giảm giá và hiển thị thông báo Điểm mở rộng Không có

3.3.4.31 Đặc tả Use Case Tạo khách hàng

Bảng 3.34 Use Case Tạo khách hàng

Tên Use Case Tạo khách hàng

Tóm tắt Tạo mới tài khoản khách hàng trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhập thông tin khách hàng và nhấn

2 Khách hàng được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin khách hàng không đạt yêu cầu

Khách hàng được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.32 Đặc tả Use Case Xem danh sách khách hàng

Bảng 3.35 Use Case Xem danh sách khách hàng

Tên Use Case Xem danh sách khách hàng

Tóm tắt Xem danh sách khách hàng trên giao diện quản lý

Dòng sự kiện chính 1 Hiển thị danh sách khách hàng dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Trạng thái hệ thống sau khi thực hiện use case Hiển thị danh sách khách hàng Điểm mở rộng Không có

3.3.4.33 Đặc tả Use Case Xem chi tiết khách hàng

Bảng 3.36 Use Case Xem chi tiết khách hàng

Tên Use Case Xem chi tiết khách hàng

Tóm tắt Xem chi tiết khách hàng trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhấn vào khách hàng trong danh sách

2 Hiện thị thông tin chi tiết của khách hàng

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông tin chi tiết của khách hàng

3.3.4.34 Đặc tả Use Case Chỉnh sửa khách hàng

Bảng 3.37 Use Case Chỉnh sửa khách hàng

Tên chức năng Chỉnh sửa khách hàng

Tóm tắt Chỉnh sửa tài khoản khách hàng trên giao diện quản lý

3 Tài khoản khách hàng được chỉnh sửa và hiển thị thông báo

Trạng thái hệ thống sau khi thực hiện use case Tài khoản khách hàng được chỉnh sửa và thông báo thành công Điểm mở rộng Không có

3.3.4.35 Đặc tả Use Case Xoá khách hàng

Bảng 3.38 Use Case Xoá khách hàng

Tên chức năng Xoá khách hàng

Tóm tắt Xoá tài khoản khách hàng trên giao diện quản lý

4 Hệ thống xoá tài khoản khách hàng và hiển thị thông báo.

Trạng thái hệ thống sau khi thực hiện use case Hệ thống xoá tài khoản khách hàng và hiển thị thông báo Điểm mở rộng Không có

3.3.4.36 Đặc tả Use Case Tạo chức vụ

Bảng 3.39 Use Case Tạo chức vụ

Tên Use Case Tạo chức vụ

Tóm tắt Tạo mới chức vụ trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhập thông tin chức vụ và nhấn

2 Chức vụ được tạo trong hệ thống và hiển thị thông báo thành công

Dòng sự kiện ngoại lệ 1 Thông tin chức vụ không đạt yêu cầu

Chức vụ được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.37 Đặc tả Use Case Xem danh sách chức vụ

Bảng 3.40 Use Case Xem danh sách chức vụ

Tên Use Case Xem danh sách chức vụ

Tóm tắt Xem danh sách chức vụ trên giao diện quản lý

Dòng sự kiện chính 1 Hiển thị danh sách chức vụ dưới dạng bảng bao gồm các chức năng sắp xếp, lọc.

Hiển thị danh sách chức vụ Điểm mở rộng Không có

3.3.4.38 Đặc tả Use Case Xem chi tiết chức vụ

Bảng 3.41 Use Case Xem chi tiết chức vụ

Tên Use Case Xem chi tiết chức vụ

Tóm tắt Xem chi tiết chức vụ trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng nhấn vào chức vụ trong danh sách

2 Hiện thị thông tin chi tiết của chức vụ

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông tin chi tiết của chức vụ

3.3.4.39 Đặc tả Use Case Chỉnh sửa chức vụ

Bảng 3.42 Use Case Chỉnh sửa chức vụ

Tên chức năng Chỉnh sửa chức vụ

Tóm tắt Chỉnh sửa chức vụ trên giao diện quản lý

3 Chức vụ được chỉnh sửa và hiển thị thông báo

Chức vụ được chỉnh sửa và thông báo thành công Điểm mở rộng Không có

3.3.4.40 Đặc tả Use Case Xoá chức vụ

Bảng 3.43 Use Case Xoá chức vụ

Tên chức năng Xoá chức vụ

Tóm tắt Xoá chức vụ trên giao diện quản lý

4 Hệ thống xoá chức vụ và hiển thị thông báo.

Trạng thái hệ thống sau khi thực hiện use case Hệ thống xoá chức vụ và hiển thị thông báo Điểm mở rộng Không có

3.3.4.41 Đặc tả Use Case Thống kê sản phẩm

Bảng 3.44 Use Case Thống kê sản phẩm

Tên Use Case Thống kê sản phẩm

Tóm tắt Thống kê sản phẩm trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng lựa chọn thời gian thống kê

2 Hiển thị các sản phẩm dưới dạng biểu đồ tròn dựa vào số lượng nhập và số lượng bán

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông kê dưới dạng biểu đồ tròn Điểm mở rộng Không có

3.3.4.42 Đặc tả Use Case Thống kê doanh số

Bảng 3.45 Use Case Thống kê doanh số

Tên Use Case Thống kê doanh số

Tóm tắt Thống kê doanh số trên giao diện quản lý

Dòng sự kiện chính 1 Người dùng lựa chọn thời gian thống kê

2 Hiển thị số tiền nhập hàng, số tiền bán sản phẩm và lợi nhuận dưới dạng biểu đồ cột

Trạng thái hệ thống sau khi thực hiện use case Hiển thị thông kê dưới dạng biểu đồ cột

3.3.4.43 Đặc tả Use Case Đăng nhập tài khoản khách hàng

Bảng 3.46 Use Case Đăng nhập tài khoản khách hàng

Tên Use Case Đăng nhập tài khoản khách hàng

Tóm tắt Chức năng đăng nhập vào hệ thống bằng tài khoản khách hàng khi ở giao diện khách hàng

Dòng sự kiện chính 1 Hệ thống hiển thị form đăng nhập.

2 Người dùng nhập tên đăng nhập và mật khẩu (cả nhập”.

3 Hệ thống kiểm tra thông tin đăng nhập

4 Hệ thống hiển thị màn hình chính.

Dòng sự kiện ngoại lệ 1 Thông tin đăng nhập sai:

Hệ thống hiển thị thông báo tài khoản đăng nhập không hợp lệ.

Người dùng chưa đăng nhập Điều kiện: Không có

Trạng thái hệ thống sau khi thực hiện use case Khách hàng đăng nhập thành công vào hệ thống, có thể sử các năng phía giao diện khách hàng Điểm mở rộng Không có

3.3.4.44 Đặc tả Use Case Đăng ký tài khoản khách hàng

Bảng 3.47 Use Case Đăng ký tài khoản khách hàng

Tên Use Case Đăng ký tài khoản khách hàng

Tóm tắt Đang ký tài khoản khách hàng trên giao diện khách hàng

Dòng sự kiện chính 1 Người dùng nhập thông tin khách hàng và nhấn

2 Tài khoản khách hàng được tạo trong hệ thống và hiển thị thông báo thành công

Hệ thống hiển thị thông báo thông tin tài khoản không hợp lệ.

Actor: Người dùng chưa đăng nhập Điều kiện: Không có

Tài khoản khách hàng được tạo thành công trong hệ thống Điểm mở rộng Không có

3.3.4.45 Đặc tả Use Case Xem thông tin cá nhân tài khoản khách hàng

Bảng 3.48 Use Case Xem thông tin cá nhân tài khoảng khách hàng

Tên Use Case Xem thông tin cá nhân tài khoản khách hàng

Tóm tắt Xem thông tin cá nhân tài khoản khách hàng trên giao diện khách hàng

Dòng sự kiện chính 1 Hiển thị thông tin cá nhân của tài khoản đang đăng nhập

Actor: Khách hàng Điều kiện: Không có

Hiển thị thông tin tài khoản khách hàng Điểm mở rộng Không có

3.3.4.46 Đặc tả Use Case Chỉnh sửa thông tin cá nhân tài khoản khách hàng

Bảng 3.49 Use Case Chỉnh sửa thông tin các nhân tài khoản khách hàng

Tên Use Case Chỉnh sửa thông tin cá nhân tài khoản khách hàng

Tóm tắt Chỉnh sửa thông tin cá nhân tài khoản khách hàng trên giao diện khách hàng

Dòng sự kiện chính 1 Người dùng nhấn nút “Sửa” trong thông tin tài khoản

3 Tài khoản khách hàng được chỉnh sửa và hiển thị thông báo

Hệ thống hiển thị thông báo thông tin tài khoản không hợp lệ.

Actor: Người dùng chưa đăng nhập Điều kiện: Không có

Tài khoản khách hàng được chỉnh sửa thành công trong hệ thống Điểm mở rộng Không có

3.3.4.47 Đặc tả Use Case Xem sản phẩm khuyến nghị

Bảng 3.50 Use Case Xem sản phẩm khuyến nghị

Tên Use Case Xem sản phẩm khuyến nghị

Tóm tắt Xem sản phẩm khuyến nghị cho khách hàng

Dòng sự kiện chính 1 Hiển thị các sản phẩm khuyến nghị cho khách hàng đang đăng nhập

Actor: Khách hàng Điều kiện: Không có

Trạng thái hệ thống sau khi thực hiện use case Hiển thị các sản phẩm khuyến nghị

Thiết kế dữ liệu

Hình 3-6 Sơ đồ Logic hoàn chỉnh

3.4.2 Danh sách các bảng trong cơ sở dữ liệu

Bảng 3.51 Danh sách các bảng trong cơ sở dữ liệu

STT Tên bảng dữ liệu Mô tả

1 accounts Lưu trữ thông tin tài khoản người dùng quản lý

2 product Lưu trữ thông tin sản phẩm

3 product_type Lưu trữ thông tin loại sản phẩm

4 customers Lưu trữ thông tin tài khoản khách hàng

5 imports Lưu trữ thông tin phiếu nhập

6 detail_imports Lưu trữ thông tin chi tiết phiếu nhập

7 orders Lưu trữ thông tin đơn hàng

8 detail_orders Lưu trữ thông tin chi tiết đơn hàng

9 coupons Lưu trữ thông tin phiếu giảm giá

10 ratings Lưu trữ thông tin đánh giá sản phẩm

3.4.3 Mô tả chi tiết các bảng

Bảng 3.52 Mô tả chi tiết bảng accounts

Tên thuộc tính Kiểu Ràng buộc Mô tả thuộc tính

1 id ObjectId PK, Not null Mã tài khoản.

2 usename String Not null Tên tài khoản.

3 name String Not null Họ và tên chủ tài khoản.

Unique Email chủ tài khoản.

5 password String Not null Mật khẩu.

Bảng 3.53 Mô tả chi tiết bảng product

1 id ObjectId PK, Not null Mã sản phẩm.

3 description String Not null Mô tả sản phẩm.

4 price String Not null Giá sản phẩm.

5 images Array Not null Danh sách hình ảnh sản phẩm.

6 type ObjectId Not null Loại sản phẩm

Bảng 3.54 Mô tả chi tiết bảng product_type

1 id ObjectId PK, Not null Mã loại sản phẩm.

2 name String Not null Tên loại sản phẩm.

Bảng 3.55 Mô tả chi tiết bảng customers

1 id ObjectId PK, Not null Mã khách hàng.

2 phone String Not null Số điện thoại khách hàng.

3 name String Not null Họ và tên khách hàng

4 address String Not null Địa chỉ khách hàng.

5 Avatar String Not null Ảnh đại diện khách hàng.

Bảng 3.56 Mô tả chi tiết bảng imports

1 id ObjectId PK, Not null Mã phiếu nhập hàng.

2 TotalPrice Int Not null Tổng giá tiền phiếu nhập hàng.

3 note String Not null Ghi chú phiếu nhập hàng.

Bảng 3.57 Mô tả chi tiết bảng detail_imports

1 id ObjectId PK, Not null Mã phiếu nhập.

2 product Arr FK, Not null Sản phẩm nhập.

3 import ObjectId FK, Not null Phiếu nhập hàng.

4 quantity Int Not null Số lượng sản phẩm nhập.

5 importPrict Int Not null Giá nhập hàng.

Bảng 3.58 Mô tả chi tiết bảng orders

1 id ObjectId PK, Not null Mã hóa đơn.

2 totalPrice Int Not null Tổng giá hóa đơn.

3 intoMoney Int Not null Số tiền đã nhận.

4 phone String Not null Số điện thoại khách hàng

5 address String Not null Địa chỉ khách hàng

6 customer ObjectId FK, Notnull Khách mua hàng

7 coupon ObjectId FK, Not null Mã giảm giá

Bảng 3.59 Mô tả chi tiết bảng detail_orders

1 id ObjectId PK, Not null Mã chi tiết hóa đơn

2 product Arr FK, Not null Danh sách sản phẩm trong hóa đơn

3 order ObjectId FK, Not null Mã hóa đơn

4 quantity Int Not null Số lượng sản phẩm.

5 price Int Not null Giá hóa đơn

Bảng 3.60 Mô tả chi tiết bảng coupons

1 id ObjectId PK, Not null Mã phiếu giảm giá.

2 name String Not null Tên/Mã phiếu giảm giá.

3 discountPercent String Not null Số phần trăm giá giảm.

4 isActive Boolean Not null Trạng thái phiếu giảm giá

Bảng 3.61 Mô tả chi tiết bảng ratings

PK, Not null Mã đánh giá.

FK, Not null Sản phẩm được đánh giá

FK, Not null Khách hàng đánh giá sản phẩm.

4 score String Not null Số sao đánh giá

5 comment String Not null Lời nhận xét, dánh giá sản phẩm của khách hàng

XÂY DỰNG ỨNG DỤNG

Danh sách màn hình

Bảng 4.1 Bảng danh sách các màn hình

STT Tên màn hình Ý nghĩa

1 Đăng nhập Đăng nhập vào hệ thống

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

3 Danh sách hoá đơn Xem danh sách hoá đơn

5 Thêm hoá đơn Tạo mới hoá đơn

4 Danh sách phiếu nhập Xem danh sách phiếu nhập

5 Thêm phiếu nhập Tạo mới phiếu nhập

6 Danh sách loại sản phẩm Xem danh sách loại sản phẩm

7 Thêm loại sản phẩm Tạo mới loại sản phẩm

8 Sửa loại sản phẩm Chỉnh sửa loại sản phẩm

9 Danh sách sản phẩm Xem danh sách sản phẩm

10 Thêm sản phẩm Tạo mới sản phẩm

11 Sửa sản phẩm Chỉnh sửa sản phẩm

12 Thống kê doanh số Thống kê tiền nhập, bán và lợi nhập

13 Thống kê sản phẩm Thống kê sản phẩm nhập, bán

14 Danh sách phiếu giảm giá Xem danh sách phiếu giảm giá

15 Thêm phiếu giảm giá Tạo phiếu giảm giá

16 Sửa phiếu giảm giá Chỉnh sửa phiếu giảm giá

17 Danh sách khách hàng Xem danh sách khách hàng

18 Thêm khách hàng Tạo tài khoản khách hàng

19 Sửa khách hàng Chỉnh sửa thông tin khách hàng

20 Danh sách tài khoản Xem danh sách tài khoản

21 Thêm tài khoản Tạo mới tài khoản

22 Chỉnh sửa tài khoản Chỉnh sửa thông tin tài khoản

Chi tiết màn hình

Hình 4-7 Màn hình đăng nhập

‒ Thanh đầu trang (header) được dùng chung cho các màn hình, bao gồm:

 Logo (1) khi nhấn vào sẽ về trang chủ

‒ Form đăng nhập bao gồm:

 Trường nhập (2) tên tài khoản khi đăng nhập admin và số điện thoại khi là khách hàng

 Nút đăng nhập (4) Khi nhấn sẽ thực hiện đăng nhập với nội dung đã nhập ở trên.

‒ Sau khi đăng nhập, người dùng sẽ được chuyển đến trang chủ của admin hoặc khách hàng tùy thuộc vào tài khoản.

4.2.2 Màn hình “Đăng ký thành viên”

Hình 4-8 Màn hình đăng ký

 Logo (1) khi nhấn vào sẽ về trang chủ

‒ Form đăng ký thành viên bao gồm:

 Trường nhập (2) số điện thoại.

 Khung nhập hình ảnh đại diện (4)

 Trường nhập họ và tên (5)

 Nút đăng ký (7) Khi nhấn sẽ thực hiện đăng ký khách hàng thành viên với

4.2.3 Màn hình “Home” ở module Admin

Hình 4-9 Màn hình Home Admin khi đăng nhập thành công

Hình 4-10 Màn hình Home ở module Admin

‒ Sau khi admin đăng nhập thành công sẽ hiện thông báo thành công (1) góc trên bên phải.

‒ Màn hình trang Home ở module bao gồm: o phần header chung (2) o Thanh sidebar (3) để di chuyển giữa các trang o Nội dung (4) giới thiệu và thông tin liên hệ IT support

4.2.4 Màn hình “Quản lý hóa đơn”

Hình 4-11 Màn hình Quản lý hóa đơn

‒ Thanh SideBar (1) thay đổi khi màn hình quản lý hóa đơn đang được mở.

‒ Nút thêm hóa đơn (2) dùng để chuyển sang trang tạo hóa đơn hoặc mua hàng tại cửa hàng.

‒ Khung lọc hóa đơn (3) bao gồm: o Lọc theo số điện thoại. o Lọc theo ngày lập hóa đơn. o Lọc theo giá trị hóa đơn. o Lọc theo tình trạng hóa đơn

‒ Bảng hóa đơn (4) bao gồm các thông tin như: Mã hóa đơn, Ngày lập hóa đơn, số điện thoại, giá, thành tiền, tình trạng giao hàng và tình trạng thanh toán,

‒ Hiện mũi tên sắp xếp tăng hoặc giảm (5) khi nhấn vào thanh tiêu đề bảng.

‒ Phần phân trang (7) ở cuối trang để quản lý số lượng hóa đơn khi có quá

4.2.5 Màn hình “Thêm hóa đơn”

Hình 4-12 Màn hình Thêm hóa đơn (I)

Màn hình thêm hóa đơn bao gồm các phần sau

‒ Khung tìm kiếm theo mã (1)

‒ Khung tìm kiếm theo tên (2)

‒ Danh sách sản phẩm đang được bán (3), click vào để thêm vào hóa đơn

‒ Sản phầm (4) bao gồm tên sản phẩm, mã sản phầm, loại sản phẩm và giá sản phẩm

‒ Khung hóa đơn (5) gòm các thông tin như mã sản phẩm, tên sản phẩm, giá sản phẩm và số lượng

‒ Có thể nhấn vào tiêu đề (6) của cột để sắp xếp hóa đơn.

‒ Nhấn vào khung (7) để nhập số lượng hoặc mũi tên để tăng giảm số lượng.

‒ Button (8) để xóa sản phẩm khỏi hóa đơn

‒ Thanh phân trang (9) để quản lý sản phẩm trong hóa đơn.

‒ Số tiền dự tính của hóa đơn (10) chưa qua miễn giảm.

‒ Nút tạo hóa đơn để tiến hành bước tiếp theo của việc tạo hóa đơn Khi nhấn nút này thì màn hình tiếp theo hiện lên như sau:

Hình 4.7 Màn hình Thêm hóa đơn (II)

‒ Màn hình (II) vẫn bao gồm bảng thông tin sản phẩm (1) trong hóa đơn.

‒ Phần thông tin khách khách và phương thức thanh toán gồm số điện thoại (2)

‒ Nếu chọn phương thức “Nhận hàng ngay” thì sẽ ẩn khung địa chỉ giao hàng (5) và sẽ phải thanh toán ngay (6)

‒ Nếu chọn phương thức “Giao hàng”(5) thì hiện khung địa chỉ giao hàng đi kèm và được chọn “Thanh toán sau”

‒ Ở phương thức “Thanh toán ngay”(6) thực hiện tại chỗ thì có hiện thông tin giá hóa đơn, tiền giảm giá, tiền nhận và sẽ tự động tính tiền thừa Nếu tiền thừa âm thì sẽ không thể thanh toán hóa đơn cho đến khi trả đủ tiền (tiền thừa dương).

‒ Nhấn nút “Quay lại”(9) để tiếp tục chọn sản phẩm hoặc nút “Thanh toán hóa đơn”(10) để hoàn tất việc mua sản phẩm (tạo hóa đơn).

4.2.6 Màn hình “Chi tiết hóa đơn”

Hình 4.8 Màn hình Chi tiết hóa đơn

4.2.7 Màn hình “Danh sách phiếu nhập”

Hình 4.9 Màn hình danh sách phiếu nhập (I)

‒ Màn hình danh sách phiếu nhập bao gồm khung lọc theo ngày nhập (1). Nhấn vào để mở khung chọn ngày (Màn hình phiếu nhập II).

‒ Khung lọc theo giá tiền (2) để lọc phiếu nhập và bảng dang sách phiếu nhập(3) gồm nút xóa (4) và phân trang (5) như đã nêu ở phần trên.

Hình 4.10 Màn hình danh sách phiếu nhập (II)

‒ Màn hình phiếu nhập (II) là phần lọc theo ngày nhập Ở đây ta có thể chọn các khung ngày có sẵn (7) hoặc chọn ngày cụ thể từ ngày(8) đến ngày(9).

4.2.8 Màn hình “Nhập sản phẩm”

Hình 4-13 Màn hình “Nhập sản phẩm”

4.2.9 Màn hình “Chi tiết phiếu nhập”

Hình 4-14 Màn hình “Chi tiết phiếu nhập”

4.2.10 Màn hình “Danh sách sản phẩm”

Hình 4-15 Màn hình Danh sách sản phẩm

‒ Màn hình danh sách sản phẩm có những phần mới như bộ lọc theo các thành phần như tên (1), giá (2), Loại sản phẩm (3), Sản phẩm trong kho (4), Số lượng hàn đã bán được (5) và theo trạng thái sản phẩm (6).

‒ Phần thông tin sản phẩm và các action như sắp xếp tăng giảm dần khi nhấn vào tiêu đề cột (7) Nút xóa và nút sang trang sửa sản phẩm (8)

4.2.11 Màn hình “Thêm sản phẩm”

‒ Màn hình thêm sản phẩm bao gồm các thông tin của sản phẩm như:

 Trạng thái của sản phẩm (7)

‒ Nút hủy (8) hành động thêm sản phẩm và nút thêm sản phẩm mới (9)

4.2.12 Màn hình “Chỉnh sửa sản phẩm”

Hình 4-17 Màn hình Chỉnh sửa sản phẩm.

4.2.13 Màn hình “Chi tiết sản phẩm”

Hình 4-18 Màn hình Chi tiết sản phẩm

4.2.14 Màn hình “Danh sách loại sản phẩm”

Hình 4-19 Màn hình Danh sách loại sản phâm

Màn hình loại sản phẩm gồm những thành phần cơ bản đã giải thích trước đó.

4.2.15 Màn hình “Thêm loại sản phẩm”

Hình 4-20.Màn hình thêm loại sản phẩm

Gồm tên loại sản phẩm và 2 nút để hủy hoặc thêm loại sản phẩm.

4.2.16 Màn hình “Chỉnh sửa loại sản phẩm”

Hình 4-21 Màn hình Chỉnh sửa loại sản phẩm

4.2.17 Màn hình “Quản lý chương trình khuyến mãi”

Hình 4-22 Màn hình Quản lý chương trình khuyến mãi.

‒ Màn hình quản lý chương trình khuyến mãi bao gồm bộ lọc theo những thông tin như: Mã giảm giá (1), mô tả (2), theo phần trăm giá(3), Giới hạn (4) để kiếm soát số lần dùng mã khi thanh toán hóa đơn và trạng thái của mã giảm giá (5)

‒ Bảng mã giảm giá cùng thông tin đi kèm và những nút liên quan.

4.2.18 Màn hình “Thêm mã giảm giá”

‒ Màn hình thêm mã giảm giá bao gồm thành phần Mã giảm giá (1) để người dùng hoặc nhân viên nhập vào khi thanh toán hóa đơn.

‒ Mô tả cho mã giảm giá (2)

‒ Phần trăm giá tiền được giảm theo hóa đơn.(3)

‒ Giới hạn (4) để có thể tùy chỉnh dùng mã này 1 lần hay dùng nhiều lần.

‒ Trạng thái sử dụng (5) để có thể điều chỉnh hoạt động.

‒ Nút hủy (6) hành động thêm hoặc nút thêm (7) để thêm mã giảm với thông tin trên.

4.2.19 Màn hình “Chỉnh sửa phiếu giảm giá”

Hình 4-24 Màn hình Chỉnh sửa phiếu giảm giá.

4.2.20 Màn hình “Quản lý khách hàng”

Hình 4-25 Màn hình Quản lý khách hàng.

‒ Màn hình này dùng để quản lý tài khoản thành viên của khách hàng gồm những thành phần đã được giải thích.

4.2.21 Màn hình “Thêm khách hàng”

Hình 4-26 Màn hình Thêm khách hàng

‒ Màn hình này dùng để đăng ký thành viên khi khách hàng muốn nhân viên

4.2.22 Màn hình “Chi tiết khách hàng”

Hình 4-27 Màn hình Chi tiết khách hàng.

4.2.23 Màn hình “Chỉnh sửa khách hàng”

Hình 4-28 Màn hình Chỉnh sửa khách hàng.

4.2.24 Màn hình “Thống kê sản phẩm”

Hình 4-29 Màn hình Thống kê sản phẩm.

4.2.25 Màn hình “Thống kê doanh thu”

Hình 4-30 Màn hình Thống kê doanh thu.

4.2.26 Màn hình “Quản lý tài khoản”

Hình 4-31 Màn hình Quản lý tài khoản.

 Màn hình quản lý tài khoản dùng để quản lý những tìa khoản đăng nhập vào module admin, là những tài khoản như chủ cửa hàng, nhân viên, quản lý sử dụng.

4.2.27 Màn hình “Quản lý thêm tài khoản”

Hình 4-32 Màn hình thêm tài khoản.

Quyền admin truy cập thể thêm những tài khoản có thể sử dụng để quản lý cửa hàng Giới hạn quyền hạn bằng cách thêm chức vụ của tài khoản.

TỔNG KẾT

Đánh giá

‒ Các thành viên nhóm tích cực tham gia bàn luận, trao đổi để giải quyết vấn đề.

‒ Sử dụng những công cụ như Github, Notion… để quản lý dự án được hiệu quả hơn.

‒ Có những buổi họp thành viên hàng tuần với mỗi dịp cuối tuần sau thời gian làm việc trên công ty.

‒ Báo cáo định kỳ 2 lần một tuần cho giảng viên và chỉnh sửa theo những góp ý được phản hồi.

‒ Các thành viên trong nhóm đã từng hợp tác với nhau trong quá khứ nên việc hoà nhập và trao đổi thông tin trở nên dễ dàng, thuận tiện hơn.

‒ Trên thị trường có nhiều website với đề tài tương tự nên tiết kiệm được nhiều thời gian trong việc tìm hiểu và nghiên cứu.

‒ Nhận được sự quan tâm, giúp đỡ nhiệt tình của giảng viên hướng dẫn để cải thiện chất lượng của đồ án.

‒ Có kinh nghiệm thực tế khi đi thực tập tại công ty sớm.

‒ Đồ án này là lần đầu tiên nhóm quyết định áp dụng những công nghệ mới vào đồ án và gặp nhiều trở ngại khó khăn trong quá trình tìm hiểu cũng như sửa chữa lỗi khi sử dụng.

‒ Sự phân chia thời gian gặp khó khăn khi vừa làm đồ án trên trường vừa thực hiện các công việc trên công ty khi thực tập và lên làm chính thức.

‒ Phần mềm đáp ứng được nhu cầu của người dùng.

Ưu điểm

‒ Hoàn thành các yêu cầu, đáp ứng đầy đủ các chức năng mà nhóm đã đặt ra từ trước.

‒ Phân quyền người dùng hợp lý hiệu quả làm cho việc quản lý phần mềm trở nên mạch lạc, dễ quản lý hơn.

‒ Giao diện tươi mới, sáng tạo, thân thiện giúp cho người dùng dễ dàng thao tác và sử dụng.

‒ Phần quản lý cửa hàng đầy đủ các chức năng để có thể áp dụng vào thực tế

Nhược điểm

‒ Phần module khách hàng còn ít chức năng, cần phát triển trọng tâm các chức năng module khách mua hàng của thương mại điện tử thay vì các chức năng quản lý nâng cao.

Hướng phát triển

‒ Hoàn thiện các chức năng tiên quyết của một các website thương mại điện tử nên có như : o Hệ thống theo dõi đơn hàng o Hệ thống khuyến mại,giảm giá o Hệ thống tư vấn trực tuyến o Tích hợp nhiều hình thức thanh toán. o Phát triển tính năng giao hàng dựa theo hình thức thanh toán trực tuyến, có địa chỉ phân cấp cụ thể o Tìm kiếm sản phẩm nâng cao hơn

‒ Áp dụng các thuật toán thông minh nhằm tối ưu trải nghiệm của người dùng trong quá trình phát triển lên khoá luận tốt nghiệp

‒ Tối ưu, nâng cao hiệu suất website.

Tiêu đề	Xây Dựng Website Thương Mại Điện Tử Về Thực Phẩm Sạch
Tác giả	Sa Đam, Bùi Tống Minh Châu
Người hướng dẫn	ThS. Trần Thị Hồng Yến
Trường học	Đại Học Quốc Gia Tp. Hồ Chí Minh
Chuyên ngành	Công Nghệ Thông Tin
Thể loại	đồ án
Năm xuất bản	2023
Thành phố	Tp.HCM

Định dạng
Số trang	101
Dung lượng	4,29 MB