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

BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo

50 222 3

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

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

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Website Bán Quần Áo
Tác giả Huỳnh Văn Quân Phúc, Huỳnh Văn, Trịnh Quân Xuân, Trịnh Xuân Phúc
Người hướng dẫn Đặng Hoài Phương
Trường học Đại học Đà Nẵng
Chuyên ngành Công nghệ thông tin
Thể loại báo cáo đồ án
Năm xuất bản 2022
Thành phố Đà Nẵng
Định dạng
Số trang 50
Dung lượng 4,32 MB

Cấu trúc

  • 1. QUÁ TRÌNH TRIỂN KHAI (5)
  • 2. DANH SÁCH PHÂN CÔNG NHIỆM VỤ (5)
    • 2.1. Bảng phân công nhiệm vụ (5)
    • 2.2. Quản lý dự án (5)
  • 3. GIỚI THIỆU (6)
    • 3.1. Mục đích (6)
    • 3.2. Phạm vi (6)
  • 4. TỔNG QUAN (6)
    • 4.1. Tác nhân (6)
    • 4.2. Biểu đồ ca sử dụng (7)
    • 4.3. Biểu đồ hoạt động (8)
    • 4.4. Biểu đồ tuần tự (11)
      • 4.4.1. Đăng ký (11)
      • 4.4.2. Đăng nhập (11)
      • 4.4.3. Đặt mua (12)
      • 4.4.4. Thanh toán (12)
      • 4.4.5. Thêm sản phẩm (13)
      • 4.4.6. Sửa thông tin sản phẩm (14)
      • 4.4.7. Xóa sản phẩm (14)
      • 4.4.8. Nhập hàng (15)
      • 4.4.9. Tìm kiếm (15)
      • 4.4.10. Thống kê (16)
    • 4.5. Biểu đồ lớp (17)
    • 4.6. Cơ sở dữ liệu (18)
  • 5. MÔ TẢ CHỨC NĂNG HỆ THỐNG (18)
    • 5.1 User (18)
      • 5.1.1 Màn hình chính (18)
      • 5.1.2 Đăng nhập (21)
      • 5.1.3 Đăng ký (22)
      • 5.1.4 Màn hình tìm kiếm hiển thị sản phẩm (24)
      • 5.1.6 Màn hình xem giỏ hàng (28)
      • 5.1.7 Màn hình thanh toán (31)
    • 5.2 Admin (33)
      • 5.2.1. Đăng nhập (33)
      • 5.2.2. Màn hình chính (35)
      • 5.2.3. Quản lý danh mục (38)
      • 5.2.4. Quản lý sản phẩm (40)
      • 5.2.5. Quản lý slider (42)
      • 5.2.6. Quản lý đơn đặt hàng (44)
      • 5.2.7. Quản lý tài khoản khách hàng (46)
      • 5.2.8. Quản lý tài khoản nhân viên (48)
  • 6. YÊU CẦU PHI CHỨC NĂNG (50)
    • 6.1. Yêu cầu về công nghệ và nền tảng cơ sở dữ liệu (50)
    • 6.2. Yêu cầu về bảo mật và an toàn dữ liệu (50)
    • 6.3. Yêu cầu về giao diện (51)
    • 6.4. Yêu cầu về bộ chữ Tiếng Việt (51)
    • 6.5. Yêu cầu về quản trị và sử dụng (51)
    • 6.6. Yêu cầu về khả năng quản lý khối lượng dữ liệu lớn và dễ dàng nâng cấp (51)
    • 6.7. Yêu cầu về tốc độ xử lý (51)
    • 6.8. Yêu cầu về tích hợp hệ thống (51)
    • 6.9. Yêu cầu về đường truyền (51)
    • 6.10. Yêu cầu về máy trạm (52)
    • 6.11. Yêu cầu về môi trường phát triển và ngôn ngữ lập trình (52)
  • 7. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN (52)
  • 8. TÀI LIỆU THAM KHẢO (52)

Nội dung

QUÁ TRÌNH TRIỂN KHAI

Ngày Nội dung công việc Sản phẩm

15/3/2022 - 20/3/2022 Tạo project trên github, Phân chia công việc

21/3/2022 - 4/4/2022 Thiết kế Use Case Diagram, Activity

Diagram, Web Admin, Web User 4/4/2022 - 10/4/2022 Thiết kế Database

11/4/2022 - 2/5/2022 Hoàn thành Front-end Web User, Admin

3/5/2022 - 31/5/2022 Hoàn thành Back-end Web User, Admin

1/6/2022 - 7/6/2022 Tìm database để hiển thị trên Web

8/6/2022 - 14/6/2022 Sửa lỗi và hoàn thiện Web

15/6/2022 - 22/6/2022 Viết báo cáo, làm slide để trình bày

Bảng 1 Quá trình triển khai

DANH SÁCH PHÂN CÔNG NHIỆM VỤ

Bảng phân công nhiệm vụ

Ngô Đắc Quốc Long Front-end User, viết báo cáo

Trương Công Thành Đạt Back-end User, viết báo cáo

Trương Đình Huy Back-end Admin, viết báo cáo

Phạm Cao Kỳ Front-end Admin, viết báo cáo

Bảng 2 Phân công nhiệm vụ

Quản lý dự án

- Thảo luận nhóm thông qua các hình thức trực tiếp, thông qua các phương tiện truyền thông bao gồm các ứng dụng Messenger, Microsoft Team.

Sau khi được phân công nhiệm vụ, mỗi thành viên sẽ thực hiện công việc của mình Sau 1 - 2 tuần, cả nhóm sẽ tổ chức một cuộc họp để thông báo tiến độ của từng thành viên Nếu có ai gặp khó khăn, nhóm sẽ cùng nhau thảo luận và tìm ra giải pháp thích hợp.

- Các sản phẩm của các thanh viên sau khi hoàn thành sẽ gửi qua Microsoft Team, tổng hợp lại một sản phẩm hoàn chỉnh.

Sau khi sản phẩm đã hoàn chỉnh, một thành viên trong nhóm sẽ được phân nhiệm vụ tìm kiếm, kiểm thử và chỉnh sửa các lỗi sai Sau khi hoàn tất công việc này, sản phẩm sẽ được gửi cho một thành viên khác để thực hiện thiết kế giao diện hệ thống.

Sau khi hoàn thành sản phẩm, nhóm sẽ gửi sản phẩm cho tất cả thành viên để xem xét kỹ lưỡng Tiếp theo, nhóm sẽ tổ chức họp nhằm đưa ra các giải pháp cải tiến Nếu giải pháp được đánh giá khả thi và nhận được sự đồng thuận từ các thành viên, giải pháp đó sẽ được thực hiện.

- Dùng Google drive để thực hiện báo cáo và làm sơ đồ online cả nhóm thuận tiện trong việc vẽ, viết, góp ý, chỉnh sửa báo cáo chung.

GIỚI THIỆU

Mục đích

Trong bối cảnh dịch bệnh phức tạp hiện nay, các sàn thương mại điện tử ngày càng phát triển để đáp ứng nhu cầu mua sắm an toàn và thuận tiện Chúng tôi đã xây dựng một website bán quần áo dễ sử dụng, phù hợp với mọi lứa tuổi và giới tính, đồng thời cập nhật xu hướng thời trang mới nhất.

Phạm vi

Hệ thống phục vụ cho 2 đối tượng chính :

Admin có khả năng quản lý toàn diện các hoạt động bán hàng, theo dõi doanh thu, và giám sát nhân viên cũng như khách hàng Hệ thống còn hỗ trợ quản lý nhập kho, xử lý hóa đơn và cập nhật thông tin nhà cung cấp một cách hiệu quả.

+ Nhân viên: quản lý bán hàng, quản lý hóa đơn và quản lý thông tin khách hàng.+ Khách hàng: cho phép tìm kiếm, xem, đặt hàng sản phẩm.

TỔNG QUAN

Tác nhân

Bảng dưới đây liệt kê tất cả các tác nhân trong hệ thống bán quần áo, trong đó mỗi tác nhân thể hiện một vai trò người dùng Hiện tại, hệ thống bao gồm các vai trò như Quản trị viên và nhân viên.

Mỗi tác nhân có những thao tác riêng khi truy cập vào hệ thống, căn cứ vào quyền của mình.

Nhân viên có quyền quản lý danh sách danh mục, sản phẩm, slider và khách hàng, bao gồm việc thêm, xem, sửa và xóa các mục Họ cũng có khả năng xác nhận và hủy đơn hàng đã đặt cho khách hàng, đồng thời có thể tự chỉnh sửa thông tin cá nhân của mình.

Quản lý Bao gồm các quyền của nhân viên, ngoài ra còn có quyền quản lý thông tin nhân viên; xem, thêm, sửa, xóa nhân viên

Khách hàng Có chức năng đăng ký, đăng nhập, tìm kiếm, tra cứu thông tin sản phẩm, tạo giỏ hàng, mua hàng

Biểu đồ ca sử dụng

Sơ đồ dưới đây trình bày tổng quát các nhóm chức năng và các tác nhân trong hệ thống Các chức năng của hệ thống được phân chia thành các use case cụ thể.

Hình 1: Sơ đồ Use-case

Biểu đồ hoạt động

Hình 2: Sơ đồ Activity User

Hình 3: Sơ đồ Activity Admin

Biểu đồ tuần tự

Hình 4: Biểu đồ tuần tự - Đăng ký

Hình 5: Biểu đồ tuần tự chức năng đăng nhập

Hình 6: Biểu đồ tuần tự chức năng đặt mua

Hình 7: Biểu đồ tuần tự chức năng thanh toán

Hình 8: Biểu đồ tuần tự chức năng thêm sản phẩm

4.4.6 Sửa thông tin sản phẩm

Hình 9: Biểu đồ tuần tự chức năng sửa thông tin sản phẩm

Hình 10: Biểu đồ tuần tự chức năng xóa sản phẩm

Hình 11: Biểu đồ tuần tự chức năng nhập hàng

Hình 12: Biểu đồ tuần tự chức năng tìm kiếm

Hình 13: Biểu đồ tuần tự chức năng thống kê

Biểu đồ lớp

Cơ sở dữ liệu

MÔ TẢ CHỨC NĂNG HỆ THỐNG

User

Hình 16: Giao diện màn hình chính

Giao diện Màn hình chính

Mô tả Màn hình hiển thị các chức năng của hệ thống như sản phẩm mới, bạn chạy, slider quảng cáo, đăng nhập, giỏ hàng.

Truy cập Truy cập vào website

Thành phần Kiểu Dữ liệu Mô tả

Mới Button Button mới Dùng để truy cập vào trang sản phẩm mới

Bán chạy Button Button bán chạy Dùng để truy cập vào trang sản phẩm bán chạy

Thời trang Dropdown Dropdown thời trang

Click để hiển thị các loại quần áo của nam, nữ.

Khuyến mãi Button Button khuyến mãi Dùng để truy cập vào trang sản phẩm khuyến mãi.

Giỏ hàng Dropdown Dropdown giỏ hàng

Click để hiển thị ảnh, tên,

SL, giá, button chi tiết, button xóa đơn hàng

Slider Button Button Slider Slider chuyển sang hình quảng cáo mới mỗi 3s, click vào sẽ hiện danh sách sản phẩm quảng cáo

Các hành động trong giao diện

Hành động Mô tả Thành công Lỗi

Khi user kích nút mới, chuyển sang màn hình sản phẩm mới.

Vào màn chính của sản phẩm mới.

Không chuyển sang màn hình của sản phẩm mới

Khi user kích nút bán chạy,

Chuyển sang màn hình bán chạy.

Không chuyển sang màn hình của sản phẩm bán màn hình bán chạy

Khi user kích dropdown thời trang, sẽ hiện menu thả xuống gồm danh sách cách loại quần áo.

Hiển thị các danh sách quần áo.

Không hiện thị danh sách quần áo

Khi user kích vào button khuyến mãi, sẽ chuyển sang màn hình các sản phẩm khuyến mãi.

Vào màn hình sản phẩm khuyến mãi.

Không chuyển sang màn hình của sản phẩm khuyến mãi

Khi user kích vào dropdown giỏ hàng, sẽ hiện menu chi tiết giỏ hàng.

Hiển thị các thông tin chi tiết giỏ hàng

Không hiển thị giỏ hàng

Click slider Khi user kích vào slider, sẽ hiển thị loại quần áo tương ứng với từng slider.

Hiển thị trang thông tin tương ứng của từng slider.

Không chuyển sang màn hình của các sản phẩm theo thông tin của slider

Bảng 4: Mô tả chức năng của màn hình chính

Hình 17: Giao diện Đăng nhập

Mô tả Cho phép user đăng nhập vào hệ thống

Truy cập Trang đăng nhập hiển thị khi click vào Đăng nhập

Thành phần Kiểu Dữ liệu Mô tả

Email TextBox – String(100) Dữ liệu trích xuất từ CSDL

Trường dành cho user nhập email

Mật khẩu TextBox – String(100) Dữ liệu trích xuất từ CSDL

Trường dành cho user nhập mật khẩu Đăng nhập Button Button Login Đăng nhập vào hệ thống Đăng kí Button Button Register Đăng ký tài khoản user

Khi người dùng nhấn nút đăng nhập, hệ thống sẽ xác thực email và mật khẩu Nếu thông tin đúng, người dùng sẽ được phép truy cập vào hệ thống; ngược lại, hệ thống sẽ hiển thị thông báo “Sai email hoặc mật khẩu”.

Khi không nhập tài khoản hoặc mật khẩu thì hiển thị thông báo

“Email, mật khẩu không được bỏ trống”.

Vào màn chính của Tab hệ thống.

“Sai email hoặc mật khẩu”

“Email, mật khẩu không được bỏ trống”. Đăng kí Chuyển sang màn hình đăng ký

Chuyển sang màn hình đăng ký

Bảng 5: Mô tả chức năng đăng nhập

Mô tả Cho phép user đăng kí tài khoản mới

Truy cập Trang đăng ký hiển thị khi click vào Đăng kí ở màn hình đăng nhập

Thành phần Kiểu Dữ liệu Mô tả

Họ tên TextBox – String(100) Text họ tên Trường dành cho user nhập họ tên

Email TextBox – String(100) Text email Trường dành cho user nhập email

Mật khẩu TextBox – String(100) Test mật khẩu Đăng nhập vào hệ thống

TextBox – String(100) Test nhập lại mật khẩu Đăng kí tài khoản user Địa chỉ TextBox – String(100) Test địa chỉ Trường dành cho user nhập địa chỉ

Số điện thoại TextBox – String(100) Test nhập số điện thoại

Trường dành cho user nhập số điện thoại Đăng kí Button Button đăng kí Đăng ký tài khoản user

Các hành động trong giao diện

Khi người dùng không cung cấp đầy đủ thông tin cần thiết như họ tên, email, mật khẩu, xác nhận mật khẩu, địa chỉ và số điện thoại trong quá trình đăng ký, hệ thống sẽ hiển thị thông báo yêu cầu nhập lại thông tin.

Quay lại màn hình đăng nhập

“Thông tin không được bỏ trống” Hiện thông báo:

“Tên đăng nhập đã bỏ trống”.

Khi người dùng nhấn nút đăng ký, hệ thống sẽ xác minh xem địa chỉ email đã có trong cơ sở dữ liệu hay chưa Nếu email đã tồn tại, hệ thống sẽ hiển thị thông báo "Tên đăng nhập đã tồn tại" Ngược lại, nếu email chưa được sử dụng, người dùng sẽ được phép tạo tài khoản mới.

Bảng 6: Mô tả chức năng đăng ký

5.1.4 Màn hình tìm kiếm hiển thị sản phẩm:

Hình 19: Màn hình tìm kiếm hiển thị sản phẩm

Giao diện Tìm kiếm, hiển thị sản phẩm

Mô tả Cho phép user tìm kiếm, chọn sản phẩm để thêm vào giỏ hàng

Truy cập Click vào các button mới, bán chạy, thời trang, khuyến mãi.

Thành phần Kiểu Dữ liệu Mô tả

Danh mục Select Dữ liệu trích xuất từ CSDL

Trường để user chọn các option danh mục.

Giá từ Select Dữ liệu trích xuất từ CSDL

Trường dành cho user chọn giá tiền sản phẩm tối thiểu cần tìm kiếm. Đến Select Dữ liệu trích xuất từ CSDL

Trường dành cho user chọn giá tiền sản phẩm tối đa cần tìm kiếm

Tìm kiếm Button Button tìm kiếm Tìm kiếm các sản phẩm theo option bên trên.

Button Button các loại quần áo

Trường để user chọn và hiển thị các loại quần áo.

Các sản phẩm quần áo

Img Img các sản phẩm quần áo

Hình ảnh các loại quần áo, khi click vào sẽ chuyển sang màn hình hiển thị chi tiết thông tin sản phẩm.

Thêm giỏ hàng Button Button thêm giỏ hàng

Trường để thêm sản phẩm vào giỏ hàng

Các hành động trong giao diện

Hệ thống sẽ kiểm tra các tùy chọn mà người dùng đã chọn và hiển thị các sản phẩm tương ứng Nếu không có sản phẩm nào phù hợp với tùy chọn, sẽ xuất hiện thông báo "Kết quả tìm kiếm (0 sản phẩm)".

Xem các sản phẩm quần áo

Khi user kích nút vào các loại sản phẩm quần áo, sẽ hiển thị ra các sản phẩm tương ứng với loại quần áo.

Hiển thị các sản phẩm quần áo tương ứng với loại đó.

Xem chi tiết sản phẩm quần áo

Khi user click vào image quần áo, sẽ chuyển tới trang chi tiết quần áo.

Chuyển sang trang chi tiết quần áo.

Không chuyển được sang trang chi tiết.

Thêm quần áo vào giỏ hàng.

Khi user click vào button thêm giỏ hàng, sẽ chuyển tới trang chi tiết giỏ hàng.

Chuyển sang trang chi tiết giỏ hàng.

Không chuyển được sang trang chi tiết.

Bảng 7: Mô tả chức năng tìm kiếm, hiển thị sản phẩm

5.1.5 Màn hình xem chi tiết sản phẩm:

Hình 20: Màn hình xem chi tiết sản phẩm

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

Mô tả Cho phép user xem chi tiết hình ảnh, chất liệu, đánh giá, thêm vào giỏ hàng

Truy cập Click vào hình ảnh quần áo

Thành phần Kiểu Dữ liệu Mô tả

Hình ảnh Image Dữ liệu trích xuất từ CSDL

Trường để user chọn xem rõ các hình ảnh của quần, áo.

Mô tả Text Dữ liệu trích xuất từ CSDL

Trường dành cho user biết được tên, chất liệu, giá tiền, giá khuyến mãi. Đánh giá Button Button đánh giá Trường dùng để đánh giá sản phẩm

Button Button thêm vào giỏ hàng

Trường dùng để thêm vào giỏ hàng

Các hành động trong giao diện

Hành động Mô tả Thành công Lỗi

Khi user click vào button thêm giỏ hàng, sẽ chuyển tới trang chi tiết giỏ hàng.

Chuyển sang trang chi tiết giỏ hàng.

Không chuyển được sang trang chi tiết.

Bảng 8: Mô tả chức năng xem chi tiết sản phẩm

5.1.6 Màn hình xem giỏ hàng

Hình 21: Màn hình xem giỏ hàng

Giao diện Xem chi tiết giỏ hàng

Mô tả Cho phép user xem chi tiết giỏ hàng mà mình đã chọn quần áo

Truy cập Click vào button xem giỏ hàng

Thành phần Kiểu Dữ liệu Mô tả

STT Text Text số thứ tự Hiện số thứ tự của sản phẩm

Tên sản phẩm Text Text tên sản phẩm Hiện tên của từng loại quần áo

Button Button tăng giảm Trường dùng để tăng giảm số lượng quần áo đặt mua

Thành tiền Text Text thành tiền Trường hiện giá tiền của từng loại quần áo

Xóa Button Button xóa Trường xóa 1 sản phẩm quần áo đã chọn khỏi giỏ hàng

Tổng tiền Text Text tổng tiền Hiện tổng tiền của giỏ hàng

Nút "Xóa toàn bộ" cho phép người dùng xóa toàn bộ giỏ hàng, trong khi nút "Đặt mua" được sử dụng để tiến hành đặt mua những món quần áo đã có trong giỏ Sau khi nhấn nút "Đặt mua", người dùng sẽ được chuyển tới trang thanh toán để hoàn tất giao dịch.

Các hành động trong giao diện

Hành động Mô tả Thành công Lỗi

Khi user click vào button xóa, quần áo tương ứng sẽ bị xóa khỏi giỏ hàng

Xóa được sản phẩm ra khỏi giỏ hàng

Khi nhấn nút xóa toàn bộ, tất cả quần áo trong giỏ hàng sẽ bị xóa, và thông báo “Không có sản phẩm trong giỏ hàng” sẽ hiển thị.

Khi user click vào button đặt mua, sẽ chuyển tới trang thanh toán để mua đơn hàng

Chuyển thành công đến trang thanh toán

Không bắt lỗi sự kiện này

Bảng 9: Mô tả chức năng xem chi tiết giỏ hàng

Hình 22: Màn hình thanh toán

Mô tả Cho phép user xác nhận mua đơn hàng

Truy cập Trang thanh toán hiển thị khi click button đặt mua ở giỏ hàng

Thành phần Kiểu Dữ liệu Mô tả

Họ tên TextBox – String(100) Text họ tên Trường dành cho nhập họ tên

Email TextBox – String(100) Text email Trường dành cho nhập email

Trường nhập số điện thoại được định dạng là TextBox với độ dài tối đa 100 ký tự, cho phép người dùng kiểm tra tính hợp lệ của số điện thoại Trường nhập địa chỉ cũng là TextBox với độ dài tối đa 100 ký tự, dùng để nhập địa chỉ một cách chính xác Cuối cùng, trường nhập lời nhắn được thiết kế dưới dạng TextBox với độ dài tối đa 100 ký tự, giúp người dùng có thể gửi lời nhắn dễ dàng.

Submit Button Button submit Để chốt mua đơn hàng

Các hành động trong giao diện

Hành động Mô tả Thành công Lỗi

Nếu bạn đã đăng nhập vào website, thông tin cá nhân như họ tên, email, số điện thoại và địa chỉ sẽ được tự động điền Sau khi nhấn nút submit, bạn sẽ nhận được thông báo "Đặt hàng thành công, chúng tôi sẽ liên hệ với bạn để giao hàng" Đối với khách chưa đăng nhập, bạn cần cung cấp đầy đủ thông tin trước khi thực hiện việc đặt hàng; nếu không, hệ thống sẽ hiển thị thông báo yêu cầu.

“Thông tin không được bỏ trống

Quay lại màn hình giỏ hàng

“Thông tin không được bỏ trống”

Bảng 10: Mô tả chức năng xác nhận đơn hàng

Admin

Hình 23: Giao diện đăng nhập web admin

Mô tả Cho phép admin đăng nhập vào hệ thống

Truy cập Lúc mới vào trang đăng nhập admin

Thành phần Kiểu Dữ liệu Mô tả

Username TextBox – String(100) Dữ liệu trích xuất từ CSDL

Trường dành cho admin nhập usernamePassword TextBox – String(100) Dữ liệu trích xuất Trường dành cho password

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

Lấy lại mật khẩu nếu quên

Các hành động trong giao diện

Hành động Mô tả Thành công Lỗi

Khi admin nhấn nút đăng nhập, hệ thống sẽ xác thực tên người dùng và mật khẩu để kiểm tra tính hợp lệ Nếu thông tin chính xác, người dùng sẽ được phép truy cập vào hệ thống; ngược lại, hệ thống sẽ hiển thị thông báo "Vui lòng kiểm tra lại tài khoản và mật khẩu!".

Khi không nhập tài khoản hoặc mật khẩu thì hiển thị thông báo

“Email, mật khẩu không được bỏ trống”.

Khi việc đăng nhập được thực hiện thành công, hệ thống sẽ kiểm tra xem tài khoản thuộc Vai trò (Role) nào Sau đó

Vào màn chính của Tab hệ thống.

Hiện thông báo: “Sai tài khoản hoặc mật khẩu”

“Email, mật khẩu không được bỏ trống”. hiện lên một Thông báo với nội dung:

“Xin chào Nhân viên / Quản lý.”

Bảng 11: Mô tả chức năng đăng nhập web admin

Hình 24: Giao diện trang chủ web admin

Màn hình Màn hình chính

Màn hình hiển thị cung cấp cái nhìn tổng quan về các chức năng chính của hệ thống, bao gồm số liệu quan trọng của cửa hàng như số đơn hàng mới, lượng khách hàng mới và số lượt xem của shop.

Người dùng đăng nhập thành công sẽ hiển thị ra màn hình chính

Mục Loại Dữ liệu Mô tả

Xin chào + tên người dùng

Nút Nút: Xin chào + tên người dùng

Nút "Xin chào + tên người dùng" cho phép người dùng chỉnh sửa thông tin cá nhân trong tài khoản của mình Trong khi đó, nút "Đăng xuất" giúp người dùng quay trở lại màn hình đăng nhập.

Trang chủ Nút Nút: Trang chủ - Nút “Trang chủ” dùng để chuyển tiếp đến màn hình chính

Danh mục Nút Nút: Danh mục - Nút “Danh mục” dùng để hiển thị, thêm, sửa, xoá các danh mục trong hệ thống.

Sản phẩm Nút Nút: Sản phẩm - Nút “Sản phẩm” dùng để hiển thị, thêm, sửa, xóa thông tin các sản phẩm có trong hệ thống

Slider Nút Nút cho phép người dùng hiển thị, thêm, sửa và xóa các slider trong hệ thống Trong khi đó, Nút Đơn đặt hàng giúp xem chi tiết thông tin các đơn đặt hàng và xác nhận hoặc xóa đơn hàng của khách hàng.

Khách hàng Nút Nút cung cấp thông tin chi tiết về khách hàng và đơn hàng liên quan, nếu có Ngoài ra, người dùng có thể dễ dàng xóa thông tin khách hàng khi cần thiết.

Nhân viên Nút Nút: Nhân viên - Nút “Nhân viên” cho phép quản lý xem, thêm, sửa, xóa nhân viên hoặc quản lý khác

Thao tác trên màn hình

Tên thao tác Mô tả Thành công Thất bại Điều khiển Cung cấp các chức năng của ứng dụng để người dùng có thể lựa chọn

Truy cập được chức năng đã chọn

“Có lỗi không xác định xảy ra”

Bảng 12: Mô tả chức năng trang chủ web admin

Hình 25: Giao diện quản lý danh mục

Tên Use Case Quản lý danh mục

Thông tin danh mục được lấy từ cơ sở dữ liệu và hiển thị trên màn hình Cả nhân viên và quản lý đều có quyền xem, thêm, sửa và xóa thông tin danh mục.

Tác nhân Nhân viên, quản lý

Mô tả Chức năng này cho phép xem và thêm, sửa, xóa thông tin danh mục

Kích hoạt NA Điều kiện tiên quyết

Người dùng đăng nhập thành công và chọn nút “Danh mục”

Mục Loại Dữ liệu Mô tả

ID Table Dữ liệu trích xuất từ CSDL.

Hiển thị ID danh mục

Tên danh mục Table Dữ liệu được trích xuất từ CSDL.

Hiển thị tên danh mục

Parent ID Table Dữ liệu được trích xuất từ CSDL.

Hiển thị Parent ID của danh mục

Thứ tự Table Dữ liệu được trích xuất từ CSDL.

Hiển thị thứ tự danh mục

Hành động Table Gồm 2 button chỉnh sửa và xóa danh mục

Thao tác trên màn hình

Tên thao tác Mô tả Thành công Thất bại

Thêm mới Nút Thêm một danh mục mới vào CSDL danh mục

Xóa Nút Xóa một danh mục

Bảng 13: Mô tả chức năng thêm danh mục sản phẩm

Hình 26: Giao diện quản lý sản phẩm

Tên Use Case Quản lý sản phẩm

Thông tin sản phẩm được trích xuất từ CSDL và hiển thị lên màn hình, có thể thêm, sửa, xóa thông tin sản phẩm.

Tác nhân Nhân viên, quản lý

Mô tả Chức năng này cho phép xem và thêm, sửa, xóa thông tin sản phẩm

Kích hoạt NA Điều kiện tiên quyết

Quản lý đăng nhập thành công và chọn nút “Sản phẩm”

Mục Loại Dữ liệu Mô tả

ID Table Dữ liệu được trích xuất từ CSDL.

Hiển thị ID sản phẩm

Tên sản phẩm Table Dữ liệu được trích xuất từ CSDL.

Hiển thị tên sản phẩm

Danh mục Table Dữ liệu được trích xuất từ CSDL.

Hiển thị danh mục của sản phẩm

Giá Table Dữ liệu được trích xuất từ CSDL.

Hiển thị giá của sản phẩm

Hành động Table Gồm hai button chỉnh sửa và xóa danh mục

Thao tác trên màn hình

Tên thao tác Mô tả Thành công Thất bại phẩm mới vào CSDL

Sửa Nút Sửa thông tin sản phẩm

Xóa Nút Xóa một sản phẩm

Bảng 14: Mô tả chức năng thêm sản phẩm

Hình 27: Giao diện quản lý slider

Thông tin slider được trích xuất từ CSDL và hiển thị lên màn hình Nhân viên và quản lý đều có thể xem và thêm, sửa, xoá slider.

Tác nhân Nhân viên, quản lý

Mô tả Chức năng này cho phép xem và thêm, sửa, xóa thông tin slider

Kích hoạt NA Điều kiện tiên quyết

Người dùng đăng nhập thành công và chọn nút “Slider”

Mục Loại Dữ liệu Mô tả

Tên slider Table Dữ liệu được trích xuất từ bảng.

Hình ảnh Table Dữ liệu được trích xuất từ bảng.

Hiển thị hình ảnh của slider

Liên kết Table Dữ liệu được trích xuất từ bảng.

Hiển thị liên kết của slider

Thứ tự Table Dữ liệu được trích xuất từ bảng.

Hiển thị thứ tự của slider

Hành động Table Gồm hai button chỉnh sửa và xóa slider

Thao tác trên màn hình

Tên thao tác Mô tả Thành công Thất bại

Thêm Nút Thêm một slider mới vào CSDL

Không bắt lỗi sự kiện này

Sửa Nút Sửa thông tin slider

Không bắt lỗi sự kiện này

Xóa Nút Xóa một slider Không bắt lỗi sự kiện này

Bảng 15: Mô tả chức năng quản lý slider

5.2.6 Quản lý đơn đặt hàng

Hình 28: Giao diện quản lý đơn đặt hàng

Tên Use Case Quản lý đơn đặt hàng

Thông tin đơn đặt hàng được lấy từ cơ sở dữ liệu và hiển thị trên màn hình, cho phép cả nhân viên và quản lý có khả năng xem, thêm, sửa đổi và xóa thông tin đơn đặt hàng.

Tác nhân Nhân viên, quản lý

Mô tả Chức năng này cho phép xem và thêm, sửa, xóa thông tin đơn đặt hàng

Kích hoạt NA Điều kiện tiên quyết

Quản lý đăng nhập thành công và chọn nút “Đơn đặt hàng”

Mục Loại Dữ liệu Mô tả

STT Table Dữ liệu được trích xuất từ CSDL.

Hiển thị số thứ tự của đơn hàng

Tên khách hàng Table Dữ liệu được trích xuất từ CSDL.

Hiển thị tên khách hàng đã đặt hàng

Ngày đặt Table Dữ liệu được trích xuất từ CSDL.

Hiển thị ngày đặt của đơn hàng

Số ĐT Table Dữ liệu được trích xuất từ CSDL.

Hiển thị số điện thoại của khách hàng đã đặt hàng

Giá tiền Table Dữ liệu được trích xuất từ CSDL.

Hiển thị giá tiền của sản phẩm đã đặt hàng

Trạng thái Table Dữ liệu được trích xuất từ CSDL.

Hiển thị trạng thái để quản lý hoặc nhân viên xác nhận đơn hàng xóa đơn hàng

Thao tác trên màn hình

Tên thao tác Mô tả Thành công Thất bại

Nút Chi tiết thông tin của đơn hàng

Không bắt lỗi sự kiện này

Xóa Nút Xóa một đơn hàng

Không bắt lỗi sự kiện này

Bảng 16: Mô tả chức năng quản lý đơn đặt hàng

5.2.7 Quản lý tài khoản khách hàng

Hình 29: Giao diện quản lý tài khoản khách hàng

Tên Use Case Quản lý khách hàng

High Level Thông tin khách hàng được trích xuất từ CSDL và hiển thị lên màn

Ref hình Nhân viên và quản lý có thể xem và thêm, sửa, xóa thông tin khách hàng.

Tác nhân Nhân viên, quản lý

Mô tả Chức năng này cho phép xem và thêm, sửa, xóa thông tin khách hàng.

Kích hoạt NA Điều kiện tiên quyết

Quản lý đăng nhập thành công và chọn nút “Quản lý khách hàng”

Mục Loại Dữ liệu Mô tả

ID Table Dữ liệu được trích xuất từ CSDL.

Hiển thị ID khách hàng

Họ tên Table Dữ liệu được trích xuất từ CSDL.

Hiển thị họ tên khách hàng

Email Table Dữ liệu được trích xuất từ CSDL.

Hiển thị email khách hàng dùng khi đăng ký Địa chỉ Table Dữ liệu được trích xuất từ CSDL.

Hiển thị địa chỉ của khách hàng

Hành động Table Gồm hai button xem chi tiết đơn hàng của khách hàng và xóa khách hàng

Thao tác trên màn hình

Tên thao tác Mô tả Thành công Thất bại

Nút Chi tiết thông tin của đơn hàng khách hàng đã đặt

Không bắt lỗi sự kiện này

Xóa Nút Xóa một khách hàng

Không bắt lỗi sự kiện này

Bảng 17: Mô tả chức năng quản lý tài khoản khách hàng

5.2.8 Quản lý tài khoản nhân viên

Hình 30: Giao diện quản lý tài khoản nhân viên

Tên Use Case Quản lý nhân viên

Thông tin về nhân viên và người quản lý được lấy từ cơ sở dữ liệu và hiển thị trên màn hình Chỉ có quản lý mới có quyền xem, thêm, sửa hoặc xóa thông tin của nhân viên cũng như thông tin của chính mình.

Mô tả Chức năng này cho phép xem, thêm, sửa, xóa thông tin nhân viên và người quản lý

Kích hoạt NA Điều kiện tiên quyết

Người dùng đăng nhập thành công và chọn nút “Nhân viên”

Mục Loại Dữ liệu Mô tả

ID Table Dữ liệu được trích xuất từ CSDL.

Hiển thị ID nhân viên hoặc người quản lý

Họ tên Table Dữ liệu được trích xuất từ CSDL.

Hiển thị họ tên nhân viên hoặc người quản lý

Email Table Dữ liệu được trích xuất từ CSDL.

Hiển thị email nhân viên hoặc người quản lý

Level Table Dữ liệu được trích xuất từ CSDL.

Hiển thị user là nhân viên hoặc là quản lý

Hành động Table Gồm hai button chỉnh sửa thông tin và xóa nhân viên hoặc người quản lý

Thao tác trên màn hình

Tên thao tác Mô tả Thành công Thất bại

Thêm Nút Thêm một một nhân viên hoặc người quản lý vào CSDL

Sửa Nút Sửa thông tin nhân viên hoặc người quản lý

Xóa Nút Xóa một nhân viên

Bảng 18: Mô tả chức năng quản lý tài khoản nhân viên

YÊU CẦU PHI CHỨC NĂNG

Yêu cầu về công nghệ và nền tảng cơ sở dữ liệu

Hệ thống ứng dụng chạy trên mạng LAN giúp các bộ phận thực hiện nghiệp vụ một cách tập trung và đồng bộ Việc hợp nhất các trung tâm dữ liệu cho phép giảm số lượng máy chủ cần quản lý, đồng thời tránh tình trạng phân mảnh dữ liệu trên nhiều cơ sở dữ liệu cục bộ.

- Hệ thống được bảo mật cao, phân cấp, phân quyền sử dụng theo đúng các quy định.

Quản lý dữ liệu tập trung giúp giảm chi phí và bảo trì, đồng thời tối ưu hóa việc khai thác từ kho dữ liệu tổng thể Điều này không chỉ tự động hóa các quy trình nghiệp vụ mà còn tạo điều kiện thuận lợi cho việc sử dụng và khai thác dữ liệu hiệu quả.

Hệ quản trị cơ sở dữ liệu như SQL Server giúp giảm thiểu các trở ngại kỹ thuật, từ đó nâng cao khả năng xử lý và đảm bảo mức an toàn tối đa cho dữ liệu.

Yêu cầu về bảo mật và an toàn dữ liệu

- Hệ thống có module quản lý riêng về việc phân cấp, phân quyền quản lý chi tiết đến từng chức năng công việc.

- Hệ thống cho phép đảm bảo tính toàn vẹn dữ liệu, an toàn dữ liệu; bảo mật; toàn vẹn; xác thực; ở mức ứng dụng và mức CSDL.

- Xây dựng hệ thống sao lưu dữ liệu và dự phòng.

Để đảm bảo khả năng phục hồi cho hệ thống, cần giảm thiểu thời gian gián đoạn giữa các sự cố Việc xây dựng hệ thống sao lưu dữ liệu và dự phòng là rất quan trọng để duy trì hoạt động liên tục và bảo vệ thông tin.

- Hệ thống không được để lộ thông tin ra ngoài cho các bên không liên quan.

Yêu cầu về giao diện

Giao diện chương trình được thiết kế thân thiện với người dùng, giúp dễ dàng tìm kiếm các chức năng qua menu Bên cạnh đó, các màn hình nhập liệu và tra cứu được bố trí hợp lý, tiện dụng với phím tắt và khả năng tương tác tốt.

Yêu cầu về bộ chữ Tiếng Việt

Tuân theo chuẩn quốc gia – Unicode.

Yêu cầu về quản trị và sử dụng

Quản trị hệ thống trở nên dễ dàng hơn với các công cụ hỗ trợ như quản lý người dùng, sao lưu và khôi phục dữ liệu Hệ thống cho phép phân quyền linh hoạt theo module và từng chức năng cụ thể.

Yêu cầu về khả năng quản lý khối lượng dữ liệu lớn và dễ dàng nâng cấp

Hệ thống được thiết kế mở, cho phép lưu trữ và quản lý khối lượng dữ liệu lớn, đồng thời phân mảng dữ liệu để tối ưu hóa khả năng tìm kiếm Hệ thống cũng dễ dàng nâng cấp khi có nhu cầu mới hoặc thay đổi từ các phần mềm sử dụng.

Yêu cầu về tốc độ xử lý

- Đảm bảo tốc độ xử lý của hệ thống, màn hình, báo cáo, các chương trình xử lý số liệu cần được tối ưu hóa.

- Thiết kế thêm CSDL bổ sung để lưu trữ các số liệu tính toán định kỳ để lên báo cáo nhanh.

Yêu cầu về tích hợp hệ thống

Có khả năng kết hợp với hệ thống ngân hàng để thanh toán bằng thẻ.

Yêu cầu về đường truyền

Hệ thống sử dụng mạng LAN để kết nối trung tâm dữ liệu và máy in hóa đơn.

Yêu cầu về máy trạm

- Máy trạm chạy Windows 10, 7, XP 32 bit

- Máy trạm chạy Windows 10, 7, XP 64bit/x64

Yêu cầu về môi trường phát triển và ngôn ngữ lập trình

Môi trường phát triển Microsoft Visual Studio, ngôn ngữ PHP; vì tính tiện dụng, dễ lập trình và triển khai ứng dụng

Ngày đăng: 19/10/2022, 03:02

HÌNH ẢNH LIÊN QUAN

Bảng 1. Quá trình triển khai - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Bảng 1. Quá trình triển khai (Trang 4)
Hình 4: Biểu đồ tuần tự - Đăng ký - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Hình 4 Biểu đồ tuần tự - Đăng ký (Trang 9)
Hình 6: Biểu đồ tuần tự chức năng đặt mua - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Hình 6 Biểu đồ tuần tự chức năng đặt mua (Trang 10)
Hình 8: Biểu đồ tuần tự chức năng thêm sản phẩm - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Hình 8 Biểu đồ tuần tự chức năng thêm sản phẩm (Trang 12)
Hình 12: Biểu đồ tuần tự chức năng tìm kiếm - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Hình 12 Biểu đồ tuần tự chức năng tìm kiếm (Trang 14)
Hình 13: Biểu đồ tuần tự chức năng thống kê - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Hình 13 Biểu đồ tuần tự chức năng thống kê (Trang 15)
Hình 14: Class Diagram - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Hình 14 Class Diagram (Trang 16)
Hình 15: Database - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Hình 15 Database (Trang 17)
5.1.1 Màn hình chính - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
5.1.1 Màn hình chính (Trang 17)
Bảng 5: Mô tả chức năng đăng nhập - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Bảng 5 Mô tả chức năng đăng nhập (Trang 21)
Bảng 6: Mô tả chức năng đăng ký - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
Bảng 6 Mô tả chức năng đăng ký (Trang 23)
Quay lại màn hình đăng nhập - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
uay lại màn hình đăng nhập (Trang 23)
Hình ảnh các loại quần   áo,   khi   click vào sẽ chuyển sang màn   hình   hiển   thị chi   tiết   thông   tin sản phẩm. - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
nh ảnh các loại quần áo, khi click vào sẽ chuyển sang màn hình hiển thị chi tiết thông tin sản phẩm (Trang 24)
5.1.6 Màn hình xem giỏ hàng - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
5.1.6 Màn hình xem giỏ hàng (Trang 27)
5.1.7 Màn hình thanh tốn - BÁO cáo PBL5 đồ án CÔNG NGHỆ PHẦN mềm đề tài WEBSITE bán QUẦN áo
5.1.7 Màn hình thanh tốn (Trang 29)

TỪ KHÓA LIÊN QUAN

TRÍCH ĐOẠN

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

TÀI LIỆU LIÊN QUAN

w