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

MÔ TẢ CHỨC NĂNG HỆ THỐNG 5.1 User 5.1.1 Màn hình chính 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ạ

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO PBL5: ĐỒ ÁN CÔNG NGHỆ PHẦN MỀM

ĐỀ TÀI: WEBSITE BÁN QUẦN ÁO

GIẢNG VIÊN HƯỚNG DẪN:

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ự 10

4.4.1 Đăng ký 10

4.4.2 Đăng nhập 10

4.4.3 Đặt mua 11

4.4.4 Thanh toán 11

4.4.5 Thêm sản phẩm 12

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

4.4.7 Xóa sản phẩm 13

4.4.8 Nhập hàng 14

4.4.9 Tìm kiếm 14

4.4.10 Thống kê 15

4.5 Biểu đồ lớp 16

4.6 Cơ sở dữ liệu 16

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

5.1 User 17

5.1.1 Màn hình chính 17

5.1.2 Đăng nhập: 19

5.1.3 Đăng ký 20

5.2 Admin 29

5.2.1 Đăng nhập 29

5.2.2 Màn hình chính 32

5.2.3 Quản lý danh mục 34

5.2.4 Quản lý sản phẩm 36

5.2.5 Quản lý slider 38

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

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

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

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

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

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

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

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

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

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 47

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

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

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

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

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

7 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 48

8 TÀI LIỆU THAM KHẢO 48

LỜI NÓI ĐẦU

Trong thế giới hiện đại 4.0 ngày nay ngành công nghệ thông tin hiện tại đang trong đà phát triển vượt bậc với nhiều thành tựu lớn Việc áp dụng khoa học kỹ thuật công nghệ tiên tiến đã một phần nào đó nâng cao cải thiện đời sống vật chất lẫn tinh thần của mỗi người Máy tính điện thoại hiện đã trở thành một trong những công cụ làm việc, học tập , giải trí có hiệu quả nơi mà mọi người có thể trao đổi, giao lưu trực tiếp ngay khi không cần phải gặp mặt nhau Và nó đang dần trở thành một phần không thể thiếu đối với của mỗi người Nhờ vào đó con người có thể thoải mái học tập lao động, thoải mái tìm kiếm những nguồn tài liệu khổng lồ trên internet.

Đứng trước sự cạnh tranh gay gắt các hoạt động công nghệ thông tin, các doanh nghiệp, nhà tư bản luôn luôn muốn áp dụng khoa học kĩ thuật, công nghệ thông tin vào

mô hình kinh doanh của họ để phần nào hiện đại hóa quy trình hoạt động của doanh nghiệp để giảm bớt sức lao động của công nhân đồng nâng cao lợi nhuận.

Vào cuối tháng 12/2019 , Dịch bệnh Covid -19 đã gây ra một thiệt hại vô cùng to lớn với nhân loại Nhưng cũng là cơ hội vô cùng lớn để các sàn thương mại điện tử trỗi lên mạnh mẽ Trước tình hình đó chúng em xây dựng một trang web bán quần áo online phục vụ nhu cầu mua bán quần áo một cách thuận tiện nhanh chóng và hiệu quả, uy tín.

Qua đây em xin được cảm ơn sự chỉ bảo tận tình của thầy Đặng Hoài Phương , thầy

và thầy cô trong hội đồng phản biện đã cho em lời chỉ dẫn và đánh giá cực kì quý báu Những lời bình luận này sẽ là một trong những bài học quý báu để chúng em có thể rút kinh nghiệm cũng như phát huy được những điểm mạnh và điểm yếu của mình Chúng em xin cảm ơn.

1 QUÁ TRÌNH TRIỂN KHAI

10/3/2022 - 12/3/2022 Cài đặt Xampp 15/3/2022 - 20/3/2022 Tạo project trên github, Phân chia công việc

Diagram, Web Admin, Web User

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

2 DANH SÁCH PHÂN CÔNG NHIỆM VỤ 2.1 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ụ

- 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 có sản phẩm hoàn chỉnh, phân nhiệm vụ cho một thành viên tiếp tục tìm kiếm, kiểm thử và chỉnh sửa các lỗi sai, sau khi xong việc tiếp tục gửi cho một thành viên khác trong nhóm để thực hiện thiết kế giao diện hệ thống.

- Sau khi đã hoàn thành xong sản phẩm, sản phẩm sẽ được gửi cho tất cả thành viên trong nhóm để xem xét lại một cách kĩ càng, sau đó họp để đưa ra các giải pháp cải tiến, nếu giải pháp khả thi và các thành viên trong nhóm đồng ý thì 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.

3 GIỚI THIỆU 3.1 Mục đích

Với tình hình dịch bệnh phức tạp hiện nay, các sàn thương mại điện tử nổi lên nhằm đáp ứng nhu cầu mua hàng hóa một cách thuận tiện, an toàn và nhanh chóng Trên cơ

sở đó chúng em 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, giới tính, bắt kịp xu thế.

3.2 Phạm vi

Hệ thống phục vụ cho 2 đối tượng chính : + Admin: cho phép quản lý bán hàng, quản lý doanh thu, quản lý nhân viên, khách hàng; quản lý nhập kho, quản lý hóa đơn và quản lý thông tin nhà cung cấp.

+ 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

4 TỔNG QUAN 4.1 Tác nhân

Bảng dưới đây mô tả tất cả các tác nhân của hệ thống bán quần áo Một tác nhân đại diện cho một vai trò người dùng; hiện tại có Quản trị viên, 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.

phẩm, slider, khách hàng; xác nhận đơn hàng; hủy đơn hàng đã đặt cho khách hàng; tự chỉnh sửa thông tin bản thân

quản lý thông tin nhân viên; xem, thêm, sửa, xóa nhân viên

4.3 Biểu đồ hoạt động 4.3.1 Sơ đồ Activity User

Hình 2: Sơ đồ Activity User

4.3.2 Sơ đồ Activity Admin

Hình 3: Sơ đồ Activity Admin

4.4 Biểu đồ tuần tự 4.4.1 Đăng ký

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

4.4.2 Đăng nhập

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

4.4.3 Đặt mua

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

4.4.4 Thanh toán

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

4.4.5 Thêm sản phẩm

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

4.4.7 Xóa sản phẩm

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

4.4.8 Nhập hàng

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

4.4.9 Tìm kiếm

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

4.4.10 Thống kê

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

4.5 Biểu đồ lớp

Hình 14: Class Diagram

4.6 Cơ sở dữ liệu

Hình 15: Database

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

5.1.1 Màn hình chính

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

Nội dung giao diện

hàng

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

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

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

Click button mớ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

Click button bán chạy

Khi user kích nút bán chạy, chuyển sang màn hình 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 chạy

Click dropdown thời trang

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

Click button

khuyến mãi, sẽ chuyển sang màn hình các

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

hiển thị loại quần áo tương ứng với từng slider.

ứng của từng

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

5.1.2 Đăng nhập:

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

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

Nội dung giao diện

thống

user

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

Đăng nhập Khi user kích nút đăng

nhập, hệ thống sẽ kiểm tra email với mật khẩu tương ứng có tồn tại trong hệ thống hay không, nếu có thì cho user đăng nhập vào hệ thống, nếu không thì

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

mật khẩu ” Hiện thông báo:

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

đăng ký

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

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

5.1.3 Đăng ký

Hình 18: Register User

Giao diện Đăng kí

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

Nội dung giao diện

user

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

trong các thông tin họ tên, email, mật khẩu, nhập lại mật khẩu, địa chỉ, số điện thoại thì hiển thị thông báo

“Thông tin không được

bỏ trống”.

Khi user kích nút đăng

ký, hệ thống sẽ kiểm tra email có tồn tại trong hệ thống hay không, nếu có thì cho hiển thị thông báo “Tên đăng nhập đã tồn tại”, nếu không thì cho phép

Quay lại màn hình

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

“Tên đăng nhập đã tồn tạ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.

Nội dung giao diện

từ CSDL

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

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.

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.

Các loại quần

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

quần áo

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.

hàng

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

kiếm, hệ thống sẽ kiểm tra các option và hiển thị các sản phẩm tương ứng với option đã chọn , nếu không có sản phẩm nào phù hợp thì

sẽ hiện thông báo”Kết quả tìm kiếm(0 sản phẩm).

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

Không hiển thị.

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

tiết.

tiết giỏ hàng.

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

Nội dung giao diện

từ CSDL

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

chất liệu, giá tiền, giá khuyến mãi.

đánh giá sản phẩm trên thang 5 sao Thêm vào giỏ

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

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

Thêm vào giỏ

sẽ chuyển tới trang chi tiết giỏ hàng.

Chuyển sang trang

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

Nội dung giao diện

sản phẩm

loại quần áo Tăng giảm số

lượng

tăng giảm số lượng

tiền của từng loại quần áo

phẩm quần áo đã chọn khỏi giỏ hàng

giỏ hàng

xóa toàn bộ giỏ hàng

những quần áo có trong giỏ hàng chuyển tới trang thanh toán

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

Xóa 1 sản phẩm

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

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

button xóa toàn bộ, toàn bộ quần áo trong giỏ hàng sẽ bị xóa đi, hiển thị “Không có sản phẩm trong giỏ hàng”

Xóa được toàn bộ quần áo ra khỏi giỏ hàng

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

Đặt mua giỏ

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

5.1.7 Màn hình thanh toán

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

Giao diện 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

Nội dung giao diện

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

đăng nhập vào website, các thông tin họ tên, email, số điện thoại, địa chỉ sẽ được điền sẵn, click submit đặt hàng thành công, hiển thị 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” Nếu bạn là khách, bạn phải điền đầy đủ thông tin

để submit, nếu không

sẽ hiện thông báo

“Thông tin không được

bỏ trống

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

Hiện thông báo:

“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

5.2 Admin 5.2.1 Đăng nhập

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

Giao diện Đăng nhập

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

Nội dung giao diện

từ CSDL

Trường dành cho

username

password

thống

Forgot

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

login, hệ thống sẽ kiểm tra username với

Vào màn chính

khẩu ”

có tồn tại trong hệ thống hay không, nếu

có thì cho user đăng nhập vào hệ thống, nếu không thì hiển thị

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 đó 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ý.”

Hiện thông báo:

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

Forgot password

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

5.2.2 Màn hình chính

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

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

Mô tả Màn hình hiển thị các chức năng chính của hệ thống, các số liệu

sơ lược về shop bán hàng như số đơn hàng mới, khách hàng mới, lượt xem shop

Truy cập màn

Nội dung màn hình

Xin chào + tên

Nút “Xin chào + tên người dùng” dùng để chỉnh sửa thông tin cá nhân của bản thân người đang login

Đăng xuất Nút Nút: Đăng xuất - dùng để trở về màn hình Nút “Đăng xuất”

đăng nhập

Trang chủ Nút Nút: Trang chủ - dùng để chuyển tiếp đến Nút “Trang chủ”

màn hình chính

Danh mục Nút Nút: Danh mục - dùng để hiển thị, Nút “Danh mục”

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 - dùng để hiển thị, thêm, Nút “Sản phẩm”

sửa, xóa thông tin các sản phẩm có trong hệ thống

Slider Nút Nút: Slider - để hiển thị, thêm, sửa, Nút “Slider” dùng

xóa các slider có trong hệ thống

Đơn đặt hàng Nút Nút: Đơn đặt hàng - hàng” dùng để xem chi Nút “Đơn đặt

tiết thông tin các đơn đặt hàng và xác nhận đơn hàng( Có thể xóa đơn hàng của khách hàng)

Khách hàng Nút Nút: Khách hàng - hiển thị thông tin chi tiết Nút “Khách hàng”

của khách hàng và đơn hàng của khách hàng (nếu có) Có thể xóa khách hàng.

Nhân viên Nút Nút: Nhân viên - cho phép quản lý xem, Nút “Nhân viên”

thêm, sửa, xóa nhân viên hoặc quản lý khác