Báo Cáo Đồ Án Cơ Sở 2 Đề Tài- Website Cửa Hàng Thời Trang.pdf

 Xây dựng giao diện người dùng Xây dựng chức năng  Xây dựng cơ sở dữ liệu o Kết quả đạt được  Giới thiệu về đề tài: Phát triển Dự án Fullstack “Website Cửa hàng Thời trang” tập trung

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

VÀ TRUYỀN THÔNG VIỆT – HÀN

NHÂN BẢN – PHỤNG SỰ - KHAI PHÓNG

BÁO CÁO ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI: WEBSITE CỬA HÀNG THỜI TRANG

Sinh viên thực hiện: LÊ VĂN QUÂN (22IT235)

ĐOÀN QUỐC HUY (22IT110) Lớp: 22SE1

Giảng viên hướng dẫn: T S NGUYỄN VĂN BÌNH

Đà nẵng tháng 06 năm 2023,

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 2

Đề tài: Website cửa hàng thời trang

Đà nẵng tháng 06 năm 2023,

MỞ ĐẦU

Trong thời đại số hóa hiện nay, việc sử dụng Internet và các thiết bị di động để mua sắm đã trở thành xu hướng phổ biến Với sự phát triển của thương mại điện tử, các cửa hàng trực tuyến đang trở thành một lựa chọn phổ biến cho người tiêu dùng Trong bối cảnh đó, việc thiết kế một trang web bán hàng hiệu quả và thân thiện với người dùng là

vô cùng quan trọng Với sự phát triển của ngành thời trang, cửa hàng thời trang trực tuyến đã trở thành một trong những lĩnh vực được quan tâm nhất trong thương mại điện

tử Tuy nhiên, để thành công trong lĩnh vực này, việc thiết kế một trang web bán hàng chuyên nghiệp và ấn tượng là rất quan trọng Chính vì vậy, em đã chọn đề tài "Thiết kế website cửa hàng thời trang" cho đồ án cơ sở của mình Trong đồ án này, em sẽ tập trung vào việc phân tích các yếu tố quan trọng để thiết kế một trang web bán hàng thời trang thành công, bao gồm thiết kế giao diện, trải nghiệm người dùng, khả năng tìm kiếm

và tính năng thanh toán, giỏ hàng, và bình luận bên cạnh đó là sự phân quyền giữa admin và user

LỜI CẢM ƠN

Trước hết, em xin gửi lời cảm ơn chân thành đến khoa Khoa học Máy tính và TrườngĐại học Công nghệ Thông tin và Truyền thông Việt Hàn Em cảm thấy may mắn và tựhào khi được học tập tại môi trường này, nơi cung cấp cho em những kiến thức bổ ích và

cơ hội để phát triển bản thân.Em cũng muốn bày tỏ lòng biết ơn đến các giảng viên, đặcbiệt là thầy giáo Nguyễn Văn Bình, người đã hướng dẫn em trong quá trình thực hiện đồ

án cơ sở này Thầy giáo Nguyễn Văn Bình là một người thầy rất tâm huyết và tận tình,luôn hỗ trợ và động viên em trong suốt quá trình học tập và nghiên cứu khoa học Nhờ sựhướng dẫn và giúp đỡ của thầy giáo Nguyễn Văn Bình, em đã có thể hoàn thành đồ áncủa mình một cách tốt nhất Những kiến thức và kinh nghiệm mà thầy giáo truyền đạt sẽluôn là tài sản quý giá trong sự nghiệp học tập và làm việc của em trong tương lai Mộtlần nữa, em xin chân thành cảm ơn khoa Khoa học Máy tính và Trường Đại học Côngnghệ Thông tin và Truyền thông Việt Hàn cùng với sự hỗ trợ nhiệt tình của thầy giáoNguyễn Văn Bình Em hy vọng sẽ có cơ hội tiếp tục học tập và phát triển tại trường trongtương lai

NHẬN XÉT

(Của giảng viên hướng dẫn)

MỤC LỤC

MỞ ĐẦU 3

LỜI CẢM ƠN 4

NHẬN XÉT 5

MỤC LỤC 6

DANH MỤC CÁC BẢNG 10

DANH MỤC HÌNH 11

DANH MỤC CỤM TỪ VIẾT TẮT 12

PHẦN MỞ ĐẦU 13

CHƯƠNG 1: TỔNG QUÁT 15

1 Khảo sát hiện trạng 15

1.1 Nhu cầu sử dụng 15

1.2 Sử dụng để làm gì? 16

1.3 Lợi ích so với bán hàng truyền thống 16

1.4 Có ai làm website như vậy chưa? 16

1.5 Yêu cầu cụ thể 19

1.6 Các đối tượng người dùng 20

1.7 Kết luận 20

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 21

2 Phân tích hệ thống 21

2.1 Phân tích yêu cầu 21

2.2 Mô hình hóa yêu cầu 22

2.3 Các ca sử dụng 24

2.3.1 Use case: Thanh toán 24

2.3.2 Use Case: Giỏ hàng 25

2.3.3 Use Case: Đặt mua sản phẩm 26

2.3.4 Use Case: Đánh giá sản phẩm 27

2.3.5 Use Case: Đăng nhập 28

2.3.6 Use Case: Tìm kiếm sản phẩm 29

2.3.7 Use Case: Xem thông tin sản phẩm 30

2.3.8 Use Case: Quản lý sản phẩm 31

2.3.9 Use Case: Quản lý khách hàng 32

2.3.10 Use Case: Quản lý đơn hàng 33

2.3.11 Use Case: Đăng ký tài khoản 34

2.4 Biểu đồ ca sử dụng 35

2.4.1 Sơ đồ Use Case tổng quát 35

2.4.2 Biểu đồ Use Case chi tiết Admin 36

2.4.3 Biểu đồ Use Case chi tiết khách hàng thành viên 37

2.4.4 Biểu đồ Use case chi tiết khách hàng tiềm năng 38

2.5 Mô hình hóa cấu trúc 38

2.5.1 Xác định các lớp 38

2.5.2 Biểu đồ lớp phân tích 39

2.6 Biểu đồ trình tự 40

2.6.1 Biểu đồ trình tự đăng nhập 40

2.6.2 Biểu đồ trình tự thêm sản phẩm vào giỏ hàng 41

2.6.3 Biểu đồ trình tự thanh toán 42

3 Thiết kế hệ thống 43

3.1 Thiết kế giao diện người dùng 43

3.1.1 Trải nghiệm người dùng (UX) 43

3.1.2 Thiết kế giao diện (UI) 43

3.1.3 Responsive Design: 43

3.1.4 Thương mại Điện tử: 43

3.1.5 Hiển thị Sản phẩm: 43

3.1.6 Tốc độ Tải Trang: 44

3.2 Thiết kế các chức năng 45

3.2.1 Chức năng của website cửa hàng thời trang dành cho admin 45

3.2.2 Chức năng của website cửa hàng thời trang dành cho user 45

3.3 Thiết kế cơ sở dữ liệu 46

3.3.1 Phân tích cơ sở dữ liệu của Website 46

3.3.2 Mô hình hóa CSDL ERD 48

CHƯƠNG 3: XÂY DỰNG HỆ THỐNG VÀ KẾT QUẢ ĐẠT ĐƯỢC 49

4 Xây dựng hệ thống và kết quả đạt được 49

4.1 Môi trường và công nghệ đã sử dụng 49

4.1.1 Môi trường phát triển 49

4.1.2 Công cụ lập trình (IDE) 49

4.1.3 Những công cụ cũng như debug 50

4.2 Laravel là gì nó có gì có gì nổi bật hơn? 50

4.2.1 Framework PHP Hiện Đại: 50

4.2.2 Blade Template Engine: 50

4.2.3 Migration: 50

4.2.4 Eloquent ORM: 51

4.2.5 Middleware: 51

4.2.6 Artisan Console: 51

4.2.7 Tính bảo mật cao: 51

4.2.8 Laravel Community và Ecosystem: 51

4.3 Các chức năng và các trang đã thực hiện 52

4.3.1 Đăng Nhập 52

4.3.2 Đăng Ký 53

4.3.3 Giao Diện Trang Chủ 53

4.3.4 Danh Mục Sản Phẩm 55

4.3.5 Trang Danh Sách Sản Phẩm 56

4.3.6 Trang Danh Sách Sản Phẩm Theo Danh Mục Cha 57

4.3.7 Trang Danh Sách Sản Phẩm Theo Danh Mục Con 58

4.3.8 Trang Chi Tiết Sản Phẩm 59

4.3.9 Trang Giỏ Hàng 60

4.3.10 Trang Xác Thực Đơn Hàng 61

4.3.11 Trang Theo Dõi Đơn Hàng 62

4.3.12 Trang Địa Chỉ 63

4.3.13 Trang Chủ Admin 64

4.3.14 Trang Quản Lý Danh Mục 65

4.3.15 Trang Quản Lý Sản Phẩm 66

4.3.16 Trang Quản Lý Mã Khuyến Mãi 67

4.3.17 Trang Quản Lý Đơn Hàng 68

4.3.18 Trang Thống Kê Doanh Thu Theo Khoảng Ngày 69

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

5 Kết Luận 70

6 Mục Tiêu Và Hướng phát triển website 72 DANH MỤC TÀI LIỆU THAM KHẢO 73

DANH MỤC CÁC BẢNG

Bảng 1 Danh mục các từ viết tắt 12

Bảng 2 Danh sách các actor 23

Bảng 3.Use case: Thanh toán 24

Bảng 4 Use case Giỏ Hàng 25

Bảng 5.Use Case Đặt mua sản phẩm 26

Bảng 6.Use Case: Đánh giá sản phẩm 27

Bảng 7.Use Case: Đăng nhập 28

Bảng 8.Use Case: Tìm kiếm sản phẩm 29

Bảng 9.Use Case: Xem thông tin sản phẩm 30

Bảng 10.Use Case: Quản lý sản phẩm 31

Bảng 11.Use Case: Quản lý khách hàng 32

Bảng 12.Use Case: Quản lý đơn hàng 33

Bảng 13.Use Case: Đăng ký tài khoản 34

DANH MỤC HÌNH

Hình 1.Sơ đồ Use Case tổng quát 36

Hình 2.Biểu đồ Use Case chi tiết Admin 37

Hình 3.Biểu đồ Use Case chi tiết khách hàng thành viên 38

Hình 4.Biểu đồ Use case chi tiết khách hàng tiềm năng 39

Hình 5.Biểu đồ lớp phân tích 40

Hình 6 Biểu đồ trình tự đăng nhập 41

Hình 7.Biểu đồ trình tự thêm sản phẩm vào giỏ hàng 42

Hình 8.Biểu đồ trình tự thanh toán 43

Hình 9.Mô hình hóa csdl erd 49

Hình 10.Hình ảnh giao diện đăng nhập 53

Hình 11.Hình ảnh giao diện đăng ký 54

Hình 12.Hình ảnh giao diện trang chủ 55

Hình 13 Hình ảnh mô tả giao diện danh mục sản phẩm 56

Hình 14.Hình ảnh mô tả danh sách sản phẩm 57

Hình 15 Hình ảnh Danh Sách Sản Phẩm Theo Danh Mục Cha 58

Hình 16 Hình ảnh Danh Sách Sản Phẩm Theo Danh Mục Con 59

Hình 17 Hình ảnh Trang Chi Tiết Sản Phẩm 60

Hình 18 Hình ảnh trang giỏ hàng 61

Hình 19 Hình ảnh trang xác thực đơn hàng 62

Hình 20 Hình ảnh trang theo dõi đơn hàng 63

Hình 21 Hình ảnh trang hồ sơ địa chỉ cá nhân 64

Hình 22 Hình ảnh trang chủ admin 65

Hình 23 Hình ảnh trang quản lý danh mục 66

Hình 24 Hình ảnh trang quản lý sản phẩm 67

Hình 25 Hình ảnh trang quản lý mã khuyến mãi 68

Hình 26 Hình ảnh trang quản lý đơn hàng 69

Hình 27 Hình ảnh trang Thống Kê Doanh Thu Theo Khoảng Ngày 70

Thống nhấtCMS: Content Management System Hệ thống Quản lý Nội

dungSEO: Search Engine Optimization Tối ưu hóa Công cụ Tìm

kiếmUI: User Interface Giao diện Người dùngUX: User Experience Trải nghiệm Người dùngHTTP: Hypertext Transfer Protocol Giao thức Truyền tải

Siêu văn bản

Từ đó em xây dựng một website bán quần áo tốt nhất có thể

 Nội dung bài báo cáo gồm 3 chương

 Chương 1: Tổng Quát

o Khảo sát hiện trạng

 Nhu cầu sử dụng website bán áo quần

 Các website bán áo quần hiện có

 Mô tả tổng quan về sản phẩm

 Chương 2: Phân tích và thiết kế hệ thống

o Phân tích hệ thống

 Mô hình use case diagram

 Mô hình class diagram

 Mô hình sequence diagram

 Mô hình ERD

o Thiết kế hệ thống

 Thiết kế giao diện người dùng

 Thiết kế chức năng

 Thiết kế cơ sở dữ liệu

 Chương 3: Xây dựng hệ thống và kết quả đạt được

o Môi trường, Công cụ (ide) được sử dụng, các công nghệ

Xây dựng hệ thống

 Xây dựng giao diện người dùng

 Xây dựng chức năng

 Xây dựng cơ sở dữ liệu

o Kết quả đạt được

 Giới thiệu về đề tài:

Phát triển Dự án Fullstack “Website Cửa hàng Thời trang” tập trung vàoviệc xây dựng một hệ thống thông tin toàn diện, từ giao diện người dùng đến hệthống quản lý nền, nhằm tối ưu hóa trải nghiệm mua sắm trực tuyến và quản lýhiệu quả các hoạt động kinh doanh của cửa hàng thời trang Dự án này sẽ tích hợpnhững tính năng độc đáo, như quản lý sản phẩm, quảng cáo, giỏ hàng, thanh toán,

và theo dõi đơn hàng

 Mục đích, và yêu cầu của đề tài:

Mục đích chính của dự án là xây dựng một hệ thống website đa chức năng,giúp cửa hàng thời trang tối ưu hóa quá trình quản lý kinh doanh và cung cấp mộttrải nghiệm mua sắm thuận lợi, hiệu quả cho khách hàng Đồng thời, đề tài cũngđặt ra mục tiêu nghiên cứu và áp dụng các công nghệ fullstack để đảm bảo tính ổnđịnh, bảo mật và linh hoạt cho hệ thống

Yêu cầu cụ thể bao gồm:

 Xây dựng giao diện người dùng thân thiện, tương tác mượt mà

 Phát triển hệ thống quản lý sản phẩm, bao gồm thêm, sửa, xóa sản phẩm

 Tích hợp tính năng quảng cáo và khuyến mãi để tăng cường doanh số bánhàng

 Xây dựng hệ thống giỏ hàng và thanh toán an toàn và thuận tiện

 Phát triển chức năng theo dõi đơn hàng để cập nhật trạng thái và vị trí giaohàng

 Phạm vi nghiên cứu:

Nghiên cứu sẽ tập trung vào việc phát triển và triển khai hệ thống fullstackwebsite theo yêu cầu và mục tiêu đã đề ra Phạm vi cụ thể sẽ bao gồm các công

nghệ và ngôn ngữ lập trình phổ biến như HTML, CSS, Tailwind CSS, SCSS,Jquery, JavaScript cho phần frontend và Ajax, Laravel.php, MySql cho phầnbackend Đồng thời, sẽ tiến hành nghiên cứu các phương pháp tối ưu hóa trảinghiệm người dùng và đảm bảo an toàn thông tin trong quá trình giao dịch.

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

Phương pháp nghiên cứu sẽ bao gồm quá trình phân tích yêu cầu, thiết kế

hệ thống, triển khai, và kiểm thử Sử dụng phương pháp Agile để quản lý dự án vàđảm bảo tính linh hoạt trong quá trình phát triển Đồng thời, sẽ thực hiện các bướckiểm thử chất lượng để đảm bảo rằng hệ thống hoạt động mượt mà và đáp ứngđúng các yêu cầu đã đặt ra

Thông qua việc nghiên cứu và phát triển, hy vọng rằng dự án sẽ mang lại giải pháptoàn diện và hiệu quả cho việc quản lý cửa hàng thời trang và tạo ra trải nghiệmmua sắm tuyệt vời cho khách hàng

Cụ thể, nhu cầu sử dụng website bán áo quần được thể hiện qua các khía cạnhsau:

 Tính tiện lợi: Website bán áo quần mang lại sự tiện lợi cho người tiêu

dùng, giúp họ có thể mua sắm mọi lúc, mọi nơi mà không cần phải đến cửahàng

 Mức độ đa dạng: Các website bán áo quần cung cấp đa dạng các sản

phẩm thời trang, giúp người tiêu dùng dễ dàng tìm kiếm được sản phẩmphù hợp với nhu cầu của mình

 Giá cả cạnh tranh: Các website bán áo quần thường có giá cả cạnh tranh

hơn so với các cửa hàng truyền thống

Trong trường hợp kinh doanh, các chủ cửa hàng sử dụng website bán áo quần để

mở rộng thị trường, tiếp cận được nhiều khách hàng hơn Họ cũng có thể sử dụngwebsite bán áo quần để quảng bá sản phẩm, thu hút khách hàng và tăng doanh sốbán hàng

1.3.Lợi ích so với bán hàng truyền thống

Website bán áo quần mang lại nhiều lợi ích so với bán hàng truyền thống, cụthể như:

 Tiết kiệm chi phí: Bán hàng qua website giúp các chủ cửa hàng tiết kiệm

được chi phí thuê mặt bằng, nhân công, quảng cáo

 Tăng khả năng cạnh tranh: Website bán áo quần giúp các chủ cửa hàng

tăng khả năng cạnh tranh với các cửa hàng khác, đặc biệt là các cửa hànglớn

 Mở rộng thị trường: Website bán áo quần giúp các chủ cửa hàng mở rộng

thị trường, tiếp cận được nhiều khách hàng hơn, kể cả những khách hàng ởxa

1.4.Có ai làm website như vậy chưa?

Câu trả lời là có Hiện nay, có rất nhiều website bán áo quần trên thị trường Một

số website bán áo quần nổi tiếng ở Việt Nam có thể kể đến như:

 Zanado: Zanado là một trong những website bán áo quần lớn nhất Việt

Nam Website cung cấp đa dạng các sản phẩm thời trang từ nhiều thươnghiệu khác nhau, bao gồm quần áo nam, quần áo nữ, quần áo trẻ em, phụkiện thời trang

 Tiki: Tiki cũng là một website bán áo quần lớn ở Việt Nam Website cung

cấp đa dạng các sản phẩm thời trang với mức giá cạnh tranh

 Shopee: Shopee là một website thương mại điện tử đa dạng các sản phẩm,

trong đó có áo quần Website cung cấp đa dạng các sản phẩm thời trang vớimức giá cạnh tranh



 Các tính năng mà người ta đã làm là gì? (đặc biệt là những tính năng hay)

Các website bán áo quần hiện nay thường có các tính năng cơ bản như:

 Trang chủ: Trang chủ của website thường bao gồm các thông tin tổng

quan về website, các sản phẩm mới nhất, các chương trình khuyến mãi

 Danh mục sản phẩm: Danh mục sản phẩm giúp người dùng dễ dàng tìm

kiếm sản phẩm theo nhu cầu

 Trang sản phẩm: Trang sản phẩm cung cấp thông tin chi tiết về sản phẩm,

bao gồm hình ảnh, mô tả, giá cả

 Giỏ hàng: Giỏ hàng giúp người dùng lưu trữ các sản phẩm mà họ muốn

mua

 Thanh toán: Website cung cấp các phương thức thanh toán khác nhau,

giúp người dùng dễ dàng lựa chọn phương thức thanh toán phù hợp

 Ngoài các tính năng cơ bản, các website bán áo quần hiện nay còn có các tính

năng hay khác, chẳng hạn như:

 Tính năng lọc sản phẩm: Tính năng này giúp người dùng dễ dàng tìm

kiếm sản phẩm theo các tiêu chí khác nhau, chẳng hạn như giá cả, thươnghiệu, màu sắc

 Tính năng gợi ý sản phẩm: Tính năng này giúp người dùng tìm thấy các

sản phẩm phù hợp với sở thích và nhu cầu của mình

 Tính năng đánh giá sản phẩm: Tính năng này giúp người dùng tham khảo

ý kiến của những người đã mua sản phẩm trước đó



 Nên nêu ra 2 website cụ thể và có mô tả sơ lược

Dưới đây là mô tả sơ lược về 2 website bán áo quần nổi tiếng ở Việt Nam:

 Zanado

Zanado là một website bán áo quần lớn nhất Việt Nam Websitecung cấp đa dạng các sản phẩm thời trang từ nhiều thương hiệu khác nhau,bao gồm quần áo nam, quần áo nữ, quần áo trẻ em, phụ kiện thời trang Một số tính năng nổi bật của Zanado:

o Tính năng lọc sản phẩm: Zanado cung cấp nhiều tiêu chí lọc sản

phẩm, giúp người dùng dễ dàng tìm kiếm sản phẩm phù hợp

o Tính năng gợi ý sản phẩm: Zanado dựa trên lịch sử mua sắm của

người dùng để gợi ý các sản phẩm phù hợp

o Tính năng đánh giá sản phẩm: Zanado cung cấp tính năng đánh

giá sản phẩm, giúp người dùng tham khảo ý kiến của những người

o Tính năng giao hàng nhanh: Tiki cung cấp dịch vụ giao hàng nhanh trong ngày, giúp người dùng nhận được sản phẩm nhanh chóng.

o Tính năng bảo hành chính hãng: Tiki cam kết bán hàng chính hãng,

có bảo hành chính hãng

o Tính năng đổi trả dễ dàng: Tiki hỗ trợ đổi trả sản phẩm dễ dàng trong vòng 30 ngày

Tóm lại, nhu cầu sử dụng website bán áo quần ngày càng tăng cao Các website bán

áo quần hiện nay đã cung cấp nhiều tính năng đa dạng và hữu ích, giúp người dùng dễ dàng tìm kiếm và mua sắm sản phẩm thời trang

1.5.Yêu cầu cụ thể

Website bán áo quần sẽ được xây dựng với các yêu cầu cụ thể sau:

 Cung cấp đa dạng các sản phẩm thời trang từ nhiều thương hiệu khác nhau,bao gồm quần áo nam, quần áo nữ, quần áo trẻ em, phụ kiện thời trang

 Giá cả cạnh tranh, đảm bảo chất lượng sản phẩm

 Dễ dàng sử dụng, giúp người dùng dễ dàng tìm kiếm và mua sắm sảnphẩm

 Cung cấp các tính năng hữu ích, giúp người dùng có trải nghiệm mua sắmtốt nhất

Các chức năng:

Website bán áo quần sẽ cung cấp các chức năng cơ bản sau:

 Trang chủ: Trang chủ của website sẽ bao gồm các thông tin tổng quan về

website, các sản phẩm mới nhất, các chương trình khuyến mãi

 Danh mục sản phẩm: Danh mục sản phẩm giúp người dùng dễ dàng tìm

kiếm sản phẩm theo nhu cầu

 Trang sản phẩm: Trang sản phẩm cung cấp thông tin chi tiết về sản phẩm,

bao gồm hình ảnh, mô tả, giá cả

 Giỏ hàng: Giỏ hàng giúp người dùng lưu trữ các sản phẩm mà họ muốn

mua

 Thanh toán: Website cung cấp các phương thức thanh toán khác nhau,

giúp người dùng dễ dàng lựa chọn phương thức thanh toán phù hợp.Ngoài các chức năng cơ bản, website bán áo quần sẽ còn cung cấp các chức nănghữu ích khác, chẳng hạn như:

 Tính năng lọc sản phẩm: Tính năng này giúp người dùng dễ dàng tìm

kiếm sản phẩm theo các tiêu chí khác nhau, chẳng hạn như giá cả, thươnghiệu, màu sắc

 Tính năng gợi ý sản phẩm: Tính năng này giúp người dùng tìm thấy các

sản phẩm phù hợp với sở thích và nhu cầu của mình

 Tính năng đánh giá sản phẩm: Tính năng này giúp người dùng tham khảo

ý kiến của những người đã mua sản phẩm trước đó

1.6.Các đối tượng người dùng

Website bán áo quần sẽ hướng đến các đối tượng người dùng sau:

 Người tiêu dùng: Các cá nhân, gia đình có nhu cầu mua sắm áo quần.

 Các doanh nghiệp: Các cửa hàng, shop thời trang có nhu cầu bán hàng qua

website

1.7.Kết luận

Mô tả tổng quan về sản phẩm của đề tài xây dựng website bán áo quần đã nêu rõcác yêu cầu cụ thể, các chức năng và các đối tượng người dùng của website Mô tảnày sẽ là cơ sở để xây dựng và phát triển website một cách hiệu quả

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

2 Phân tích hệ thống

2.1.Phân tích yêu cầu

Trước khi bắt đầu thiết kế giao diện website, chúng em đã tiến hành phân tích yêucầu để hiểu rõ các yêu cầu và mục tiêu của dự án Chúng em đã tìm hiểu về các chức năng cần có trên website, cách thức hiển thị sản phẩm, yêu cầu về tương tác người dùng và các yếu tố khác như tính responsitive, tốc độ tải trang

 Tìm hiểu về nhu cầu của người dùng: Nhóm thiết kế cần tìm hiểu về nhu cầu của người dùng thông qua các phương pháp như khảo sát, phỏng vấn, nghiên cứu thị trường,

 Xác định mục tiêu của dự án: Nhóm thiết kế cần xác định mục tiêu của dự

án, chẳng hạn như mục tiêu kinh doanh, mục tiêu marketing, mục tiêu trải nghiệm người dùng,

 Xác định các chức năng cần có trên website: Nhóm thiết kế cần xác định các chức năng cần có trên website để đáp ứng nhu cầu của người dùng và đạt được mục tiêu của dự án

 Xác định cách thức hiển thị sản phẩm: Nhóm thiết kế cần xác định cách thức hiển thị sản phẩm trên website sao cho đẹp mắt, dễ nhìn và dễ sử dụng

 Xác định yêu cầu về tương tác người dùng: Nhóm thiết kế cần xác định cácyêu cầu về tương tác người dùng, chẳng hạn như khả năng điều hướng, khảnăng tìm kiếm, khả năng thanh toán,

 Xác định các yếu tố khác: Nhóm thiết kế cần xác định các yếu tố khác cần thiết cho website, chẳng hạn như tính responsitive, tốc độ tải trang,

 Nhu cầu của người dùng: Người dùng muốn tìm kiếm sản phẩm nhanh chóng và dễ dàng, muốn xem được hình ảnh sản phẩm rõ ràng, muốn biết được giá cả sản phẩm, muốn mua hàng an toàn và thuận tiện

 Mục tiêu của dự án: Mục tiêu của dự án là cung cấp cho người dùng một kênh mua sắm áo quần trực tuyến tiện lợi và an toàn, giúp doanh nghiệp bán hàng hiệu quả hơn.

 Các chức năng cần có trên website: Website cần có các chức năng cơ bản như trang chủ, danh mục sản phẩm, trang sản phẩm, giỏ hàng, thanh toán, Ngoài ra, website cũng có thể cung cấp các chức năng hữu ích khácnhư tính năng lọc sản phẩm, tính năng gợi ý sản phẩm, tính năng đánh giá sản phẩm,

 Cách thức hiển thị sản phẩm: Sản phẩm cần được hiển thị rõ ràng, đẹp mắt,

dễ nhìn và dễ sử dụng Hình ảnh sản phẩm cần được chụp rõ nét, có nhiều góc độ khác nhau để người dùng có thể xem được sản phẩm từ nhiều hướng

 Yêu cầu về tương tác người dùng: Người dùng cần dễ dàng điều hướng trên website, dễ dàng tìm kiếm sản phẩm, dễ dàng đặt hàng và thanh toán

 Các yếu tố khác: Website cần có tính responsitive, đáp ứng được nhu cầu

sử dụng của người dùng trên các thiết bị khác nhau Website cũng cần có tốc độ tải trang nhanh chóng, giúp người dùng không phải chờ đợi lâu

2.2.Mô hình hóa yêu cầu

 Xác định các tác nhân:

 Danh sách các actor

Actor Chức năng

Khách hàng tiềm năng Xem danh sách sản phẩm

Xem thông tin chi tiết sản phẩm Tìm kiếm

Đăng ký tài khoảnXem các tin tức sự kiệnKhách hàng thành viên Có chức năng của khách hàng tiềm năng Ngoài ra còn có

thêm 1 số chức năng là:

Thêm vào giỏ hàngĐặt mua sản phẩm Quản lý đơn hàng: xem thông tin đơn hàng, chi tiết đơn hàngĐăng Nhập

Thanh toánĐánh giá sản phẩmAdmin Có tất cả các chức năng trong hệ thống

Quản lý sản phẩmQuản lý khách hàng…

Bảng 2 Danh sách các actor

2.3.Các ca sử dụng

2.3.1 Use case: Thanh toán

Tên use case Thanh toán

Tác nhân Khách hàng thành viên

Mục đích Cho phép khách hàng thanh toán cho

một sản phẩmĐiều kiện tiên quyết Người dùng đã thêm sản phẩm hoặc dịch

vụ vào giỏ hàng

Người dùng đã xác nhận đơn hàngNgười dùng đã đăng nhập vào hệ thống

Điều kiện sau Khách hàng thanh toán thành công

Mô tả Trong trường hợp này, luồng chính của

use case là người dùng chọn phương thức thanh toán, nhập thông tin thanh toán, và hệ thống xác thực thông tin thanh toán Nếu thông tin thanh toán hợp

lệ, hệ thống gửi yêu cầu thanh toán đến bên cung cấp dịch vụ thanh toán Bên cung cấp dịch vụ thanh toán xử lý yêu cầu thanh toán và thông báo cho hệ thống Nếu yêu cầu thanh toán được chấp nhận, hệ thống thông báo cho ngườidùng và chuyển đơn hàng sang trạng thái

"Đã thanh toán"

2.3.2 Use Case: Giỏ hàng

Tên use case Giỏ hàng

Tác nhân Khách hàng thành viên

Mục đích Cho phép người dùng xem, thêm, xóa, và

chỉnh sửa sản phẩm hoặc dịch vụ trong giỏ hàng

Điều kiện tiên quyết Người dùng đã đăng nhập vào hệ thống.Điều kiện sau Khách hàng xem, sửa hoặc xóa thành

công

Mô tả Trong trường hợp này, luồng chính của

use case là người dùng có thể xem, thêm,xóa, và chỉnh sửa sản phẩm hoặc dịch vụtrong giỏ hàng Người dùng có thể xem thông tin sản phẩm bao gồm tên sản phẩm, giá sản phẩm hoặc dịch vụ, số lượng sản phẩm, và tổng tiền thanh toán Người dùng có thể thêm sản phẩm hoặc dịch vụ vào giỏ hàng bằng cách nhấn nút

"Thêm vào giỏ hàng" Người dùng có thểxóa sản phẩm khỏi giỏ hàng bằng cách nhấn nút "Xóa" Người dùng có thể chỉnh sửa số lượng sản phẩm trong giỏ hàng bằng cách nhập số lượng mới

Bảng 4 Use case Giỏ Hàng

2.3.3 Use Case: Đặt mua sản phẩm

Tên use case Đặt mua sản phẩm

Tác nhân Khách hàng thành viên

Mục đích Cho phép người dùng đặt mua một sản

phẩmĐiều kiện tiên quyết Khách hàng đã đăng nhập vào hệ thống

Sản phẩm cần đặt mua phải có sẵnĐiều kiện sau Khách hàng đặt mua sản phẩm thành

công

Mô tả Trong trường hợp này, luồng chính của

use case là người dùng truy cập trang sảnphẩm cần đặt mua, nhập số lượng sản phẩm cần đặt mua, và xác nhận đơn hàng Hệ thống gửi yêu cầu đặt mua sản phẩm đến hệ thống quản lý đơn hàng Hệthống quản lý đơn hàng xử lý yêu cầu đặt mua sản phẩm và thông báo cho người dùng

Bảng 5.Use Case Đặt mua sản phẩm

2.3.4 Use Case: Đánh giá sản phẩm

Mục đích Cho phép người dùng đánh giá một

sản phẩmĐiều kiện tiên quyết Người dùng đã đăng nhập vào hệ

thống

Người dùng đã mua sản phẩm cần đánh giá

.Điều kiện sau Người dùng đánh giá sản phẩm thành

công

của use case là người dùng truy cập trang sản phẩm cần đánh giá, nhập đánh giá cho sản phẩm, và nhấn nút

"Đánh giá" Hệ thống lưu đánh giá của người dùng vào cơ sở dữ liệu và hiển thị thông báo cho người dùng

Bảng 6.Use Case: Đánh giá sản phẩm

2.3.5 Use Case: Đăng nhập

Tên use case Đăng nhập

Tác nhân Khách hàng thành viên, AdminMục đích Cho phép người dùng đăng nhập vào hệ

thốngĐiều kiện tiên quyết Người dùng đã có tài khoản

Điều kiện sau Người dùng đăng nhập thành công

Mô tả Trong trường hợp này, luồng chính của

use case là người dùng truy cập trang đăng nhập, nhập tên đăng nhập và mật khẩu, nhấn nút "Đăng nhập", và hệ thốngxác thực tên đăng nhập và mật khẩu của người dùng Nếu tên đăng nhập và mật khẩu hợp lệ, hệ thống đăng nhập thành công cho người dùng

Bảng 7.Use Case: Đăng nhập

2.3.6 Use Case: Tìm kiếm sản phẩm

Tên use case Tìm kiếm sản phẩm

Tác nhân Khách hàng tiềm năng, Khách hàng

thành viên, AdminMục đích Cho phép người dùng tìm kiếm sản

phẩm dựa trên các tiêu chí mong muốnĐiều kiện tiên quyết Người dùng đã truy cập vào hệ thống.Điều kiện sau Khách hàng đã thực hiện tìm kiếm

Mô tả Trong trường hợp này, luồng chính của

use case là người dùng nhập từ khóa tìm kiếm vào ô tìm kiếm, hệ thống hiển thị danh sách sản phẩm phù hợp với từ khóatìm kiếm Người dùng có thể lọc danh sách sản phẩm theo các tiêu chí mong muốn, chẳng hạn như giá cả, thương hiệu, hoặc loại sản phẩm Người dùng cóthể xem thông tin chi tiết của một sản phẩm bằng cách nhấn vào sản phẩm đó

Bảng 8.Use Case: Tìm kiếm sản phẩm

2.3.7 Use Case: Xem thông tin sản phẩm

Tên use case Xem thông tin sản phẩm

Tác nhân Khách hàng tiềm năng, Khách hàng

thành viên, AdminMục đích Cho phép người dùng xem thông tin chi

tiết của một sản phẩmĐiều kiện tiên quyết Người dùng đã tìm thấy sản phẩm cần

xem thông tinĐiều kiện sau Khách hàng thực hiện xem thông tin sản

phẩm

Mô tả Trong trường hợp này, luồng chính của

use case là người dùng nhấn vào sản phẩm cần xem thông tin, hệ thống hiển thị trang thông tin sản phẩm của sản phẩm đó Người dùng có thể xem thông tin chi tiết của sản phẩm

Bảng 9.Use Case: Xem thông tin sản phẩm

2.3.8 Use Case: Quản lý sản phẩm

Tên use case Quản lý sản phẩm

Mục đích Cho phép admin quản lý sản phẩm thực

hiện các thao tác như tạo mới, cập nhật, xóa, và xem thông tin sản phẩmĐiều kiện tiên quyết Người dùng đã đăng nhập vào hệ thống.Điều kiện sau Admin xem, sửa hoặc xóa thành công

Mô tả Trong trường hợp này, luồng chính của

use case là admin quản lý sản phẩm truy cập trang quản lý sản phẩm, hệ thống hiển thị danh sách sản phẩm admin quản

lý sản phẩm có thể thực hiện các thao tácnhư tạo mới, cập nhật, xóa, và xem thông tin sản phẩm

Bảng 10.Use Case: Quản lý sản phẩm

2.3.9 Use Case: Quản lý khách hàng

Tên use case Quản lý khách hàng

Mục đích Cho phép admin quản lý khách hàng

thực hiện các thao tác như tạo mới, cập nhật, xóa, và xem thông tin khách hàngĐiều kiện tiên quyết Người dùng đã đăng nhập vào hệ thống.Điều kiện sau Admin xem, sửa hoặc xóa khách thành

công

Mô tả Trong trường hợp này, luồng chính của

use case là admin quản lý khách hàng truy cập trang quản lý khách hàng, chọn thao tác cần thực hiện, và hệ thống thực hiện thao tác theo yêu cầu của admin

Bảng 11.Use Case: Quản lý khách hàng

2.3.10 Use Case: Quản lý đơn hàng

Tên use case Quản lý đơn hàng

Mục đích Cho phép admin quản lý đơn hàng thực

hiện các thao tác như tạo mới, cập nhật, xóa, xem thông tin, và xử lý đơn hàngĐiều kiện tiên quyết Người dùng đã đăng nhập vào hệ thống.Điều kiện sau Admin xem, sửa hoặc xóa đơn hàng

Mô tả Trong trường hợp này, luồng chính của

use case là admin quản lý đơn hàng truy cập trang quản lý đơn hàng, chọn thao tác cần thực hiện, và hệ thống thực hiện thao tác theo yêu cầu của admin

Bảng 12.Use Case: Quản lý đơn hàng

2.3.11 Use Case: Đăng ký tài khoản

Tên use case Đăng ký tài khoản

Tác nhân Khách hàng tiềm năng

Mục đích Cho phép khách hàng tạo tài khoản mới

trên hệ thốngĐiều kiện tiên quyết Khách hàng chưa có tài khoản trên hệ

thống

Điều kiện sau Khách hàng đăng ký tài khoản thành

công

Mô tả Trong trường hợp này, luồng chính của

use case là khách hàng truy cập trang đăng ký tài khoản, nhập thông tin đăng

ký tài khoản, xác nhận lại thông tin đăng

ký tài khoản, và hệ thống thực hiện các bước tiếp theo của luồng chính

Bảng 13.Use Case: Đăng ký tài khoản

2.4.Biểu đồ ca sử dụng

2.4.1 Sơ đồ Use Case tổng quát

2.4.2 Biểu đồ Use Case chi tiết Admin

Hình 2.Biểu đồ Use Case chi tiết Admin

2.4.3 Biểu đồ Use Case chi tiết khách hàng thành viên

Hình 3.Biểu đồ Use Case chi tiết khách hàng thành viên