báo cáo dự án 1 xây dựng website bán quần áo

- Khách hàng tiềm năng : Những người chưa mua sản phẩm của thương hiệu nhưng có khả năng trở thành khách hàng trong tương lai.- Khách hàng hiện tại : Những người đã mua sản phẩm của thươ

TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC

BÁO CÁO DỰ ÁN 1 XÂY DỰNG WEBSITE BÁN QUẦN ÁO

Giáo viên hướng

Dự án 1 – Xây Dựng website Bán Quần Áo

2

Hà Nội – 2023

NHẬN XÉT (Của giáo viên hướng dẫn)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Giáo viên hướng dẫn ký, ghi rõ họ tên

NHẬN XÉT

(Của hội đồng phản biện)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

HĐ phản biện ký, ghi rõ họ tên

Ghi chú:

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Mục lục

NHẬN XÉT 0

LỜI MỞ ĐẦU 1

GIẢI THÍCH THUẬT NGỮ 2

PHẦN 0: Giới Thiệu Chung 4

1 Thông tin giảng viên giảng dạy 4

2. Tên Danh sách thành viên trong nhóm dự án 4

PHẦN 1: KHẢO SÁT - GIỚI THIỆU TỔNG QUAN 5

1 Khảo sát – Giới thiệu đề tài 7

1.1 Khảo sát: 8

1.2 Hệ thống tương tự 9

1.3 Đối tượng sử dụng website 10

1.4 Sơ đồ làm việc nhóm 11

1.5 Phân chia công việc 12

1.6 Công cụ và công nghệ 13

PHẦN 2: PHÂN TÍCH NỘI DUNG – THIẾT KẾ HỆ THỐNG 14

1 Danh sách các tác nhân 15

2 Ma trận phân quyền 16

3 Phân tích nội dung 17

3.1:Sơ đồ use case model 18

3.2 Đặc tả use case 19

3.3Mô tả chi tiết luồng và chức năng 20

PHẦN 3: THIẾT KẾ GIAO DIỆN 21

1 Giao diện Admin 22

Đăng nhập 23

Quản lý nhân viên 24

Thêm nhân viên 25

Sửa nhân viên 26

Quản Lý Đơn Hàng 27

Thêm Đơn Hàng 28

Xóa Đơn Hàng 29

Sửa Đơn Hàng 30

Quản lý danh mục hàng hóa 31

Thêm danh mục hàng hóa 32

Sửa danh mục hàng hóa 33

Xóa Hàng Hóa 34

Quản lý sản phẩm 35

Sửa sản phẩm 36

Thêm sản phẩm 37

Xóa sản phẩm 38

Quản lý banner 39

Thêm Banner 40

Xóa Banner 41

Sửa Banner 42

Quản lý khuyến mại 43

Thêm khuyến mại 44

Sửa khuyến mại 45

Xóa khuyến mại 46

Quản lý phần mục đã xóa 47

Thống kê 48

2 Giao diện người dùng: 49

Trang chủ 50

Cửa Hàng 51

Giới Thiệu 53

Thành Viên 94

Danh Mục Sản Phẩm 54

Chi Tiết Sản Phẩm 55

Giỏ Hàng 56

Thanh Toán online 57

Hiển thị hóa đơn 58

Đăng Nhập 59

Đăng Kí 60

Tìm Kiếm Hàng Hóa 61

Bình Luận 62

PHẦN 4: XÂY DỰNG CƠ SỞ DỮ LIỆU 63

1: Sơ đồ ERD 64

2: Phân tích sơ đồ ERD 65

2.1: Bảng user 66

2.2: Bảng nhân viêm 67

2.3: Bảng admin 68

2.4: Bảng danh mục hàng hóa 69

2.5: Bảng danh sách sản phẩm 70

2.6: Bảng đơn hàng 71

2.7: Bảng chi tiết đơn hàng 72

2.8: Bảng khách hàng 72

2.9: Bảng quyền 73

2.10: Bảng mã giảm giá 74

2.11: Bảng bài viết 75

2.12: Bảng banner ảnh 76

2.13: Bảng bình luận 77

PHẦN 5: XÂY DỰNG HỆ THỐNG 78

1 Mô hình làm việc 79

PHẦN 6: TỔNG KẾT 80

1 Mức độ hoàn thành dự án 81

2 Những khó khăn gặp phải và cách giải quyết 82

3 Những bài học rút ra sau khi làm dự án 83

4 Hướng phát triển dự án trong tương lai 84

LỜI CẢM ƠN 95

LỜI MỞ ĐẦU

Ngày nay với tốc độ phát triển của khoa học kỹ thuật trên thế giới ngày càng mạnh mẽ.Cuộc cách mạng công nghệ thông tin đã và đang diễn ra trên hầu hết các nước tiên tiến trênthế giới Cùng với sự phát triển không ngừng của công nghệ thông tin nhu cầu về mua sắmtrực tuyến online ngày càng được tăng cao Các nhãn thương hiệu và các cửa hàng vừa nhỏ

lẻ kinh doanh quần áo theo hướng bán hàng trực tuyến online trên mạng nên khách hàng cóthể sớm tiếp cận được xem sản phẩm mà mình muốn và có thể đặt mua hàng từ xa mà khôngcần phải đi chuyển xa để tới cửa hàng

Chính vì các lý do trên, chúng em đã chọn đề tài “Xây dựng website bán hàng quần áo

” là website cung cấp cho những khách hàng có thể sử dụng nó một cách dễ dàng để có thểxem và lựa chọn quần áo phù hợp, thay vì việc đi chuyển những cửa hàng quần áo nhiều nơi

và đứng xem lựa chọn sản phẩm liên tục để phù hợp với mong muốn Như vậy quá vất vảcho chúng ta trong thời đại công nghệ phát triển hiện nay Vì thế nên em suy nghĩ tạo rawebsite này để giúp cho khách hàng tiết kiệm thời gian hơn và thuận tiện hơn Với số lượng

thành viên chỉ có 3 người nên chúng em tập trung phát triển phần phía bên quản trị viên

Rất mong nhận được sự cảm thông của quý thầy cô

GIẢI THÍCH THUẬT NGỮ

1 Tester Người kiểm tra sản phẩm mà lập trình viên làm ra

2 Designer Người tạo ra giao diện một cách hoàn chỉnh

3 Backend Developer Người xử lý mọi logic nghiệp vụ phức tạp ở ẩn phía

sau, giúp hệ thống hoạt động trơn tru

4 Fronend Developer Người xử lý việc xây dựng lên giao diện hệ thống từ

thiết kế của designer

7 HTML Viết tắt của Hypertext Transfer Protocol

8 CSS Viết tắt của Cascading Style Sheet

PHẦN 0: GIỚI THIỆU CHUNG

1 1 Thông tin giảng viên giảng dạy

- Họ và tên: Nguyễn Đức Anh

- Đơn vị: Giảng viên bộ môn Công Nghệ Thông Tin

Danh sách thành viên trong nhóm dự án:

1 Phạm Thế Bảo PH37935 baoptph37935@fpt.edu.vn

2 Đỗ Thái Bình PH15131 binhdtph15131@fpt.edu.vn

3 Lưu Văn Long PH35411 phonglvph35411@fpt.edu.v

n

PHẦN 1: KHẢO SÁT - GIỚI THIỆU TỔNG QUAN

1 Khảo sát – Giới thiệu đề tài.

1.1 Khảo sát:

Đối tượng  Nhân viên cửa hàng thương hiệu

Người thực hiện  Đỗ Thái Bình, Phạm Thế Bảo, Lưu Văn Phong

-giảm bớt nhân sự dẫn đến tiết kiệm chi phí

 Tăng doanh thuThay vì phải đến tận nơi để mua quần áo thì có thể vào website, lựa chọn sản phẩm và cuối cùng có thể thanh toán online cho giỏ hàng mà mình muốn

Khách hàng có thể xem được những sản phẩm mới, những sản phẩm khuyến mại

Mọi thứ trở nên tiện lợi thì nhiều người tiếp cận được -> tăng doanh thu

Kết quả khảo sát Những nhóm đối tượng:

- Khách hàng tiềm năng : Những người chưa mua sản phẩm của thương hiệu nhưng có khả năng trở thành khách hàng trong tương lai.

- Khách hàng hiện tại : Những người đã mua sản phẩm của thương hiệu và có kinh nghiệm sử dụng

- Người tiêu dùng trung thành : Những người đã mua sản phẩm của thương hiệu nhiều lần và có xu hướng ổn định trong sự lựa chọn của họ

- Người mua quần áo trực tuyến : Nếu thương hiệu cung cấp dịch vụ mua sắm trực tuyến, đối tượng này sẽ quan trọng để đánh giá trải nghiệm mua sắm trực tuyến và hệ thống giao hàng

Khảo sát đội tuổi của các đối tượng :

- Người trẻ (18-24 tuổi): Nhóm này thường quan tâm đến xu hướng thời trang, thường xuyên cập nhật với các trào lưu mới

và có thể là nhóm chủ yếu trong việc mua sắm trực tuyến

- Người trung niên (25-40 tuổi): Đây là nhóm độ tuổi mà nhiều người có thu nhập ổn định và có thể quan tâm đến chất lượng sản phẩm, phong cách thoải mái và tính ứng dụng

- Người trung niên trở lên (40 tuổi trở lên): Nhóm này có thể tìm kiếm những sản phẩm phù hợp với phong cách sống và sởthích của họ Họ cũng có thể chú trọng đến yếu tố như thoải mái và chất lượng

 Kết quả khảo sát nhóm đối tượng cho thấy thế nào:Sau đây chúng em đã khảo sát những nhóm đối tượng chothấy những yếu tố và mong muốn đối với website bán hàngquần áo :

1 Trải nghiệm Mua Sắm Trực Tuyến Thân Thiện:

- Khách hàng quan trọng đánh giá trải nghiệm mua sắmtrực tuyến Họ muốn website dễ sử dụng, tìm kiếm sản phẩm dễ dàng và quy trình thanh toán thuận lợi

- Giao diện người dùng nên được thiết kế một cách rõ ràng và hấp dẫn

2 Thông Tin Chi Tiết về Sản Phẩm:

- Đối tượng có thể mong đợi thông tin chi tiết về sảnphẩm, bao gồm hình ảnh chất lượng cao, mô tả chi tiết,kích thước, chất liệu và các chi tiết khác để đảm bảo họhiểu rõ về sản phẩm trước khi mua

3 Chính Sách Đổi/Trả và Giao Hàng:

- Khách hàng đặc biệt quan trọng với chính sách đổi/trảhàng linh hoạt và thông tin rõ ràng về quá trình giao hàng

- Cung cấp thông tin về chi phí giao hàng, thời gian

giao hàng dự kiến và phương thức thanh toán.

4 Khuyến Mãi và Ưu Đãi:

- Đối tượng có thể đánh giá cao các chương trình khuyến mãi, giảm giá hoặc ưu đãi đặc biệt

- Thông tin về các chương trình khuyến mãi nên được hiển thị rõ ràng và dễ tìm kiếm

5.Tương Tác và Hỗ Trợ Khách Hàng:

- Đối tượng có thể mong đợi có các kênh tương tác nhưchat trực tuyến, hỗ trợ qua điện thoại hoặc email để giải đáp thắc mắc và giúp đỡ khi cần thiết

6.Phản Hồi và Đánh Giá Khách Hàng:

- Cung cấp phản hồi từ khách hàng trước đó và đánh giá sản phẩm để giúp đối tượng đưa ra quyết định mua sắm thông tin

7.Thương Hiệu và Bền Vững:

- Nếu đối tượng có xu hướng quan tâm đến thương hiệu và bền vững, cung cấp thông tin về nguồn gốc

Kết luận :

Chúng em nhận thấy ngành công nghệ thông tin đang rất phát triển dẫn đến nhu cầu mua sắm quần áo ngày càng lớn Qua khảo sát chúng em thấy rằng những thương hiệu may mặc thời trang theo hướng bán hàng trực tuyến trên mạng giúp khách hàng mọi độ tuổi từ nhỏ đến lớn có thể tiếp cận với mua sắm online Ngoài những lợi ích kể trên thì hầu hết các cửa hàng bán hàng trực tiếp có vấn đề chung không xác định tình trạng còn hàng, hết sản phẩm, hết kích cỡ size của các sản phẩm dẫn đến khách hàng cảm thấy khó tiếp cận, mất thời gian

đi chuyển Chính vì những lý do trên nên bọn em muốn phát triển một trang web để khách hàng có thể xem được những sản phẩm giúp giảm bớt nhân sự từ đó giúp tiết kiệm chi phí

và thay vì phải đến trực tiếp cửa hàng thì có thể chuyển sang trực tuyến trên website và thanh toán online, mọi thứ đều trở lên tiện lợi thì nhiều người có thể tiếp cận được giúp cho chủ cửa hàng và những thương hiệu thời trang tăng doanh số

1.2 Hệ thống tương tự

1.2.1 Thương Hiệu Dirty Coin

Links website: https://dirtycoins.vn/

- Sau khi khảo sát thương hiệu, chúng em nhận thấy website có những vấn đề cần

Phải:

+ Vấn đề 1: Trải Nghiệm Mua Sắm Online Không Tốt

- Website gặp khó khăn trong việc tìm kiếm sản phẩm và quá trình thanh toán

không thuận lợi

- Giao diện người dùng cần được cải thiện để làm cho trải nghiệm mua sắm trực

tuyến trở nên mượt mà và dễ dàng hơn

+ Vấn đề 2: Thông Tin Sản Phẩm Thiếu Chi Tiết

- Mô tả sản phẩm và hình ảnh không đủ chi tiết, làm cho khách hàng khó đưa ra quyết định mua sắm

- Cần cập nhật thông tin sản phẩm, bao gồm hình ảnh chất lượng cao và mô tả chi tiết

để tạo niềm tin và hiểu biết đầy đủ từ phía khách hàng

1.2.2 Thương Hiệu Elisa

Links website: https://elise.vn/blog/category/esg-activities

- Sau khi khảo sát thương hiệu, chúng em nhận thấy website có những vấn đề cần

Phải:

+ Vấn Đề 1: Trải Nghiệm Mua Sắm Online Không Tốt

- Website của ELISA Việt Nam có thể gặp khó khăn trong việc tìm kiếm sản phẩm và quá trình thanh toán có thể không thuận lợi

- Giao diện người dùng có thể cần được cải thiện để tạo ra trải nghiệm mua sắm trực tuyến tốt hơn

+Vấn Đề 2: Thông Tin Sản Phẩm Thiếu Chi Tiết

- Mô tả sản phẩm và hình ảnh có thể không đủ chi tiết, điều này có thể làm cho khách hàng cảm thấy khó khăn khi đưa ra quyết định mua sắm

- Cần cập nhật thông tin sản phẩm, bao gồm hình ảnh chất lượng cao và mô tả chi tiết để tạo niềm tin và hiểu biết đầy đủ từ phía khách hàng

1.3 Đối tượng sử dụng website bán hàng quần áo:

● Khách Hàng

● Bộ Phận Nhân Viên;

● Bộ phận quản trị viên

1.4 Sơ đồ làm việc nhóm

Hình 1.8: Sơ đồ làm việc nhóm

1.5 Phân chia công việc

1.5.1 Đối tượng tham gia vào dự án

Các đối tượng tham gia vào dự án của chúng em, bao gồm:+ Nhóm phát triển dự án

+ Developer

Thành viên Nhiệm Vụ Đánh giá

Lưu Văn Phong Thực hiện giao điện, phát

triển module cùng nhóm

CoderDesign

- Tuy mới vào nhóm dự án

ở giai đoạn giữa không lâu, tiến độ thực hiện làm công việc được giao kịp thời hạn

đã đưa ra và có sự đóng gópmức khá

Phạm Thế Bảo

( trưởng nhóm 13 )

Thực hiện giao điện, phát triển module cùng nhóm

CoderQuản lý nhóm

- Thực hiện phân chia những công việc dự án , hoàn thành đảm bảo tiến độ công việc hoàn toàn , có sự đóng góp mức tốt

Đỗ Thái Bình Thực hiện giao điện, phát

triển module cùng nhómCoder

DocumentDesign

- Hoàn thành được những nhiệm vụ đã được giao đúng thời hạn đã đưa ra cũng như hỗ trợ góp kịp tiến

độ công việc và có sự đóng góp mức khá

1.5.2 Mô tả công việc

1.6 Công cụ và công nghệ

1.6.1 Các công cụ hỗ trợ phát triển dự án

Stt Tên công cụ Chức năng

tác, tham khảo code giữa các thành viên

đổi công việc, phân công công việc giữa các thành viên

đổi công việc dự án, giải đáp thắc mắc những vấn đề, phân công công việc giữa các thành viên

nhóm về trao đổi công việc dự án, hỏi đáp những vấn đề công việc

1.6.2 Các công nghệ sử dụng pháp triển dự án

2 Ma trận phân quyền

ST T

Viên

Khách Hàng

8 Quản lý Sản Phẩm (Thêm, sửa, xóa)

x

13 Quản lý Khách Hàng (thêm,sửa,xóa)

14 Quản lý mục đã xóa (thêm sửa xóa)

mãi(Thêm, sửa, xóa)

17 Xem thống kê x x

18 Quản lý thống kê x

19 Xem danh mục hàng hóa

20 Xem danh sách sản phẩm

3 Sơ đồ use case

Sơ đồ use tổng quát:

Hình 3.1: Sơ đồ use case khách hàng

Hình 3.2: Sơ đồ use case khách hàng chưa đăng nhập

Hình 3.3: Sơ đồ use case tổng quát Admin

Hình 3.4: Sơ đồ use case tổng quát Nhân viên

Sơ đồ use case phân rã:

Phía Quản trị viên

Hình 3.5: Sơ đồ use case phân rã chức năng đăng nhập

Hình 3.6: Sơ đồ use case phân rã quản lý danh mục

Hình 3.7: Sơ đồ use case phân rã quản lý nhân viên

Hình 3.8: Sơ đồ use case phân rã quản lý sản phẩm

Hình 3.9: Sơ đồ use case phân rã quản lý bình luận

Hình 3.10: Sơ đồ use case phân rã quản lý khuyến mãi

Hình 3.11: Sơ đồ use case phân rã quản lý đơn hàng

Hình 3.12: Sơ đồ use case phân rã quản lý thống kê

Hình 3.13: Sơ đồ use case phân rã quản lý tài khoản

4 Đặc tả use case

4.0: Đăng ký

Tên use case Đăng ký

Mô tả Cho phép người dùng đăng nhập vào hệ thống để sử

dụng chức năng đăng kýActor Admin, người dùng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng nhập của hệ

thốngTiền điều kiện Người dung phải có tài khoản trong hệ thống

Hậu điều kiện Đăng nhập thành công

Luồng sự kiện chính 1 Hiển thị màn hình đăng ký

2 Nhập email, user, số điện thoại, password

3 Hệ thống kiểm tra thông tin đăng ký

4 Đăng ký thành công và sử dụng chức năng đăng nhập kế tiếp

5 Kết thúc use case

4.1: Đăng nhập

Tên use case Đăng nhập

Mô tả Cho phép người dùng đăng nhập vào hệ thống để sử

dụng chức năngActor Admin, người dùng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng nhập của hệ

thốngTiền điều kiện Người dung phải có tài khoản trong hệ thống

Hậu điều kiện Đăng nhập thành công

Luồng sự kiện chính 6 Hiển thị màn hình đăng nhập

7 Nhập user name và password

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

9 Đăng nhập thành công và sử dụng chức năng10.Kết thúc use case

4.2: Đăng xuất

Tên use case Đăng xuất

Mô tả Cho phép người dùng đăng xuất ra khỏi tài khoản đang

đăng nhập

Actor Admin, người dùng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng xuất của hệ thốngTiền điều kiện Người dùng phải đăng nhập vào hệ thống

Hậu điều kiện Thoát ra khỏi hệ thống thành công

Luồng sự kiện chính 1 Đăng nhập vào hệ thống thành công

2 Chọn chức năng đăng xuất

3 Đăng xuất thành công

4 Kết thúc use case

4.3: Quên mật khẩu

Tên use case Quên mật khẩu

Mô tả Cho phép thay đổi mật khẩu của tài khoản

Actor Admin, người dùng

Điều kiện kích hoạt Khi người dùng chọn chức năng quên mật khẩu

Tiền điều kiện Người dùng quên mật khẩu

Hậu điều kiện Hệ thống sẽ gửi đến email của người dùng 1 email để

xác nhận lấy lại mật khẩuLuồng sự kiện chính 1 Người dùng chọn chức năng quên mật khẩu

2 Người dùng nhập email muốn lấy lại mật khẩu

3 Hệ thống gửi đến email 1 liên kết giúp tạo mới mật khẩu

4 Khi thiết lập mật khẩu mới xong, hệ thống sẽ thông báo đổi mật khẩu thành công, và chuyển sang giao diện đăng nhập

4.4: Đổi mật khẩu

Tên use case Đổi mật khẩu

Mô tả Cho phép người dùng lấy lại mật khẩu bằng cách xác

nhận qua email hoặc số điện thoại liên kết với tài khoảnActor Admin, người dùng

Điều kiện kích hoạt Khi người dùng chọn chức năng đổi mật khẩu

Tiền điều kiện Người dùng phải đăng nhập vào hệ thống

Hậu điều kiện Mật khẩu sẽ được thay đổi theo mật khẩu người dùng

vừa tạoLuồng sự kiện chính 1 Đăng nhập vào hệ thống thành công

2 Chọn chức năng đổi mật khẩu

3 Người dùng nhập mật khẩu cũ, nhập mật khẩu mới và nhập lại mật khẩu

4 Hệ thống sẽ thông báo đổi mật khẩu thành công

và đưa người dùng về trang đăng nhập

5 Kết thúc use case

4.5: Tìm kiếm

Tên use case Tìm kiếm

Mô tả Cho phép người dùng truy cập vào hệ thống để thực

hiện chức năng tìm kiếmActor Admin, người dùng

Điều kiện kích hoạt Khi người dùng chọn chức năng tìm kiếm

Tiền điều kiện Khi người dùng đăng nhập vào hệ thống

Hậu điều kiện Thông tin tìm kiếm được hiển thị

Luồng sự kiện chính 3 Đăng nhập vào hệ thống thành công

Tên use case Danh mục hàng hóa

Mô tả Cho phép admin truy cập vào hệ thống để thực hiện

chức năng danh mục hàng hóa

Điều kiện kích hoạt Khi cần thêm loại hàng hóa ,admin chọn chức năng