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

Nhân viên Có quyền thêm, xem, sửa, xóa danh sách danh mục, sản phẩm, slider, khách hàng; xác nhận đơn hàng; hủy đơnhàng đã đặt cho khách hàng; tự chỉnh sửa thông tin bảnthân Quản lý Bao

Trang 1

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:

Trang 2

Báo cáo đồ án Công nghệ phần mềm

MỤC LỤC

LỜI NÓI ĐẦU

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ụ

2.2 Quản lý dự án

3 GIỚI THIỆU

3.1 Mục đích

3.2 Phạm vi

4 TỔNG QUAN

4.1 Tác nhân

4.2 Biểu đồ ca sử dụng

4.3 Biểu đồ hoạt động

4.4 Biểu đồ tuần tự

4.4.1 Đăng ký

4.4.2 Đăng nhập

4.4.3 Đặt mua

4.4.4 Thanh toán

4.4.5 Thêm sản phẩm

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

4.4.7 Xóa sản phẩm

4.4.8 Nhập hàng

4.4.9 Tìm kiếm

4.4.10 Thống kê

4.5 Biểu đồ lớp

4.6 Cơ sở dữ liệu

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

5.1 User

5.1.1 Màn hình chính

5.1.2 Đăng nhập:

5.1.3 Đăng ký

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

Trang 3

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

5.1.7 Màn hình thanh toán 28

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

TIEU LUAN MOI download : skknchat123@gmail.com moi nhat

Trang 4

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ỗingườ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áitì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 doanhnghiệ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 doanhnghiệ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ớnvớ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ênmạnh mẽ Trước tình hình đó chúng em xây dựng một trang web bán quần áo onlinephụ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ả, uytí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útkinh 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

Trang 5

1 QUÁ TRÌNH TRIỂN KHAI

Ngày

1/3/2022 - 9/3/2022 10/3/2022 - 12/3/2022 15/3/2022 - 20/3/2022 21/3/2022 - 4/4/20224/4/2022 - 10/4/202211/4/2022 - 2/5/20223/5/2022 - 31/5/20221/6/2022 - 7/6/20228/6/2022 - 14/6/2022

-22/6/2022 23/6/2022

Sản phẩm

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

2.2 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

- Mỗi thành viên sau khi được phân công nhiệm vụ sẽ thực hiện, sau 1 - 2 tuần cả nhóm sẽ

tổ chức một cuộc họp thông báo tiến độ mỗi thành viên, nếu có thành viên gặp khó khăn thì cả nhóm sẽ cùng nhau thảo luận và tìm ra cách giải quyết

- 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ựchiệ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

5TIEU LUAN MOI download : skknchat123@gmail.com moi nhat

Chọn đề tài Cài đặt XamppTạo project trên github, Phân chia công việc Thiết kế Use Case Diagram, Activity

Diagram, Web Admin, Web UserThiết kế Database

Hoàn thành Front-end Web User, AdminHoàn thành Back-end Web User, AdminTìm database để hiển thị trên Web

Sửa lỗi và hoàn thiện WebViết báo cáo, làm slide để trình bàyDeploy Web

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

Nội dung công việc

Trang 6

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

+ 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

Nhân viên Có quyền thêm, xem, sửa, xóa danh sách danh mục, sản

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

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ânviê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

Trang 7

Bảng 3 Tác nhân

4.2 Biểu đồ ca sử dụng

Sơ đồ sau đây cung cấp tổng thể về các nhóm chức năng, các tác nhân của hệ thống

Các chức năng của hệ thống được chia thành các usecase sau:

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

Trang 8

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

Hình 2: Sơ đồ Activity User

Trang 9

4.3.2 Sơ đồ Activity Admin

Hình 3: Sơ đồ Activity Admin

Trang 10

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

Trang 11

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

Trang 12

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

Trang 13

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

Trang 14

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

Trang 15

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ê

Trang 16

4.5 Biểu đồ lớp

Hình 14: Class Diagram

4.6 Cơ sở dữ liệu

Trang 17

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

trang sản phẩm mới

trang sản phẩm bán chạy

trang sản phẩm khuyếnmãi

button xóa đơn hàng

Trang 18

Trang 19

quảng cáo mới mỗi 3s,click vào sẽ hiện danhsách sản phẩm quảng cáo

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

Click button Khi user kích Vào màn chính của Không chuyển sang màn

sản phẩm mới

Click button Khi user kích Chuyển sang màn Không chuyển sang màn

chạy

menu thả xuống

áo

Click button Khi user kích Vào màn hình sản Không chuyển sang màn

khuyến mãi

Dropdown giỏ vào dropdown tin chi tiết giỏ hàng

menu chi tiết giỏhàng

vào slider, sẽ thông tin tương hình của các sản phẩm

Trang 20

hiển thị loại ứng của từng theo thông tin của slider

slider

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

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

Trang 21

Đăng nhập Khi user kích nút đăng Vào màn chính của Hiện thông

hiển thị thông báo “Saiemail hoặc mật khẩu”

thì hiển thị thông báo

Trang 22

Giao diện

Đăng kí

Trang 23

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ông tin không được

bỏ trống”

Khi user kích nút đăng

ký, hệ thống sẽ kiểmtra email có tồn tại

không, nếu có thì chohiển thị thông báo “Tênđăng nhập đã tồn tại”,nếu không thì cho phépđăng ký tài khoản user

Trang 24

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

sản phẩmcần tìm kiếm

Trang 25

Tìm kiếm Button Button tìm kiếm Tìm kiếm các sản

phẩm theo optionbên trên

các loại quần áo

vào sẽ chuyển sangmàn hình hiểnchi tiết thôngsản phẩm

hàng

Tìm kiếm Khi user kích nút tìm Hiển thị các sản Không hiển thị

kiếm, hệ thống sẽ kiểm phẩm phù hợp

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

sẽ hiện thông báo”Kết

phẩm)

Xem các sản Khi user kích nút vào Hiển thị các sản Không hiển thị

áo, sẽ hiển thị ra các tương ứng với loại

với loại quần áo

sản phẩm quần image quần áo, sẽ chi tiết quần áo được sang trang chi

quần áo

vào giỏ hàng button thêm giỏ hàng, chi tiết giỏ hàng được sang trang chi

Trang 26

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

hình ảnh của quần,áo

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

đánh giá sản phẩmtrên thang 5 sao

Trang 28

tiết giỏ hàng

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

sản phẩm

loại quần áo

quần áo đặt mua

Trang 29

tiền của từngquần áo

phẩm quầnchọn khỏi giỏ hàng

khỏi giỏ hàng

button xóa toàn bộ, quần áo ra khỏi giỏ kiện nàytoàn bộ quần áo trong hàng

giỏ hàng sẽ bị xóa đi,hiển thị “Không có sảnphẩm trong giỏ hàng”

chuyển tới trang thanh toántoán để mua đơn hàng

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

Trang 30

5.1.7 Màn hình thanh toán

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

Trang 31

email, số điện thoại,địa chỉ sẽ được điền

sẵn, click submit đặthàng thành công, hiển

chúng tôi sẽ liên hệ vớibạn để giao hàng” Nếubạn là khách, bạn phảiđiền đầy đủ thông tin

“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

Trang 32

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

login, hệ thống sẽ của Tab hệ thống tài khoản hoặc

Trang 34

nếu không thì hiển thịthông báo “Vui lòngkiểm tra lại tài khoản

và mật khẩu!”

khoản hoặc mật khẩuthì hiển thị thông báo

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

Khi việc đăng nhậpđược thực hiện thànhcông, hệ thống sẽkiểm tra xem tàikhoản thuộc Vai trò(Role) nào Sau đóhiện lên một Thôngbáo với nội dung:

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

Forgotpassword

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

Trang 35

5.2.2 Màn hình chính

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

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 Người dùng đăng nhập thành công sẽ hiển thị ra màn hình chính

hình

Nội dung màn hình

Xin chào + tên Nút Nút: 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á

login

32

Trang 36

Trang 37

Đăng xuất

dùng để trở về màn hình đăng nhập

Trang chủ

dùng để chuyển tiếp đến màn hình chính

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

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

để hiển thị, thêm, sửa, xóa các slider có trong hệ thống

Đơn đặt hàng

hàng” dùng để xem chi 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

hiển thị thông tin chi tiết 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

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

Trang 38

Trang 39

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

ứng dụng để người dùng có chức năng đã “Có lỗi không

ra”

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

5.2.3 Quản lý danh mục

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

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

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

Requirement màn hình Nhân viên và quản lý đều có thể xem và thêm, sửa,

Trang 40

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

từ CSDL

trích xuất từCSDL

Gồm 2 button chỉnh sửa và xóadanh mục

Trang 42

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

mục mới vàoCSDL

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

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

Trang 43

Use Case ID UC-02

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

Requirement hình, có thể thêm, sửa, xóa thông tin sản phẩm

Ref

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

Trang 44

Trang 46

Trang 47

Tên Use Quản lý slider

Case

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

Requirement Nhân viên và quản lý đều có thể xem và thêm, sửa, xoá slider

Ref

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

Tiêu đề	Website Bán Quần Áo
Tác giả	Phạm Cao Kỳ, Trương Đình Huy, Ngô Đắc Quốc Long, Trương Công Thành Đạt
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	Đồ án
Năm xuất bản	2022
Thành phố	Đà Nẵng

Định dạng
Số trang	63
Dung lượng	1,37 MB