đề tài xây dựng website bán hàng quần áo

 Mục đích của dự án này là xây dựng được giao diện trang web bằng các ngôn ngữ lập trình cơ bản đã được học như HTML,CSS, JAVA SCRIP, PHP, BOOTSTRAP 2.. Với những thao tác đơn giản trên

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

TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính

BÁO CÁO TÊN ĐỀ TÀI : XÂY DỰNG WEBSITE BÁN HÀNG

Đà Nẵng, tháng 12 năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

VIỆT - HÀN Khoa Khoa Học Máy Tính

BÁO CÁO TÊN ĐỀ TÀI : XÂY DỰNG WEBSITE BÁN HÀNG

QUẦN ÁO

HUỲNH VĂN HẠ HUYÊN Mã sv : 22IT.B096 Giảng viên hướng dẫn: ThS.NGUYỄN THANH CẨM

Đà Nẵng, tháng 12 năm 2023

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Chữ ký của Giáo viên hướng dẫn

Đà Nẵng, tháng 12 năm 2023

LỜI CẢM ƠN

Lời đầu tiên chúng em xin trân trọng cảm ơn và bày tỏ lòng biết ơn sâu sắc nhất

tới thầy NGUYỄN THANH CẨM , giáo viên hướng dẫn đồ án cơ sở 2 đã nhiệt tình

hướng dẫn, chỉ bảo

Dù chúng em đã cố gắng hết sức trong khả năng của mình, thời gian hạn chế vànhiều dự án khác cần hoàn thành có thể dẫn đến một số sai sót không tránh khỏi.Chúng em rất mong nhận được sự thông cảm, những góp ý và chỉ bảo từ phía thầy cô

Do trình độ lý luận và kinh nghiệm thực tiễn còn hạn chế, bài báo cáo có thể tồn tạimột số thiếu sót Chúng em rất mong nhận được ý kiến đóng góp từ phía thầy cô để cóthể học hỏi thêm kinh nghiệm và hoàn thiện công việc của mình

Chúng em xin chân thành cảm ơn các thầy cô giáo đang giảng dạy tại khoacông nghệ thông tin Trường Đại học CNTT & TT Việt – Hàn đã nhiệt tình ủng hộ,cung cấp tài liệu và đưa ra những ý kiến đóng góp quý báu!

Cuối cùng, nhóm mình xin chân thành giành lời cảm ơn chân thành tới bạn bè

đã động viên, khuyến khích và tạo điều kiện cho nhóm mình hoàn thành tốt đề tài củamình

Chúng em xin chân thành cảm ơn!

Đà Nẵng, tháng 12 năm 2023

Nhóm sinh viên

ĐẶNG NGUYỄN CÔNG HÙNG HUỲNH VĂN HẠ HUYÊN

MỤC LỤC

MỞ ĐẦU 3

1 Giới thiệu 3

2 Mục tiêu đề tài 3

3 Lý do chọn đề tài 4

4.Bố cục báo cáo 4

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 5

1.1 Giới thiệu sơ lược về website 5

1.2 Giới thiệu về ngôn ngữ lập trình 5

1.3 Tầm quan trọng của Công nghệ thông tin trong việc mua sắm trực tuyến 6

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

2.1 Phân tích về giao diện trang web 7

2.2 Yêu cầu chức năng 8

2.3 Sơ đồ phân tích thiết kế hệ thống 10

2.3.1 Sơ đồ use-case 10

2.3.2 Class diagram 12

2.3.3 Squence diagram 13

2.3.4 Activity diagram 16

CHƯƠNG 3: CHƯƠNG TRÌNH DEMO 18

3.1 Giao diện admin 18

3.2 Giao diện người dùng 20

KẾT LUẬN 26

Về mặt lý thuyết: 26

Về mặt kỹ năng: 27

Một số hạn chế 27

TÀI LIỆU THAM KHẢO 27

DANH MỤC HÌNH VẼ

Hình 1 Mô hình use-case tổng quát 12

Hình 2 Biểu đồ ca sử dụng của khách hàng 13

Hình 3 Biểu đồ ca sử dụng của quản trị viên 13

Hình 4 Biểu đồ lớp 14

Hình 5 Biểu đồ trình tự mua sản phẩm 15

Hình 6 Biểu đồ trình tự đăng kí thông tin khách hàng 16

Hình 7 Biểu đồ trình tự đăng nhập 17

Hình 8 Biểu đồ hoạt động mua sắm và thanh toán 18

Hình 9 Biểu đồ hoạt động đăng nhập 19

Hình 10 Biểu đồ hoạt động đăng kí 19

Hình 11 Đăng nhập admin 20

Hình 12 Giao diện danh sách sản phẩm 21

Hình 13 Giao diện danh sách danh mục 21

Hình 14 Giao diện danh sách User 22

Hình 15 Giao diện đăng nhập 22

Hình 16 Giao diện đăng kí 23

Hình 17 Giao diện trang chủ 23

Hình 18 Giao diện tin tức 24

Hình 19 Giao diện giới thiệu 24

Hình 20 Giao diện sản phẩm 25

Hình 21 Giao diện sản phẩm 25

Hình 22 Giao diện sản phẩm 26

Hình 23 Giao diện chi tiết sản phẩm 26

Hình 24 Giao diện giỏ hàng 27

Hình 25 Giao diện thanh toán sản phẩm 27

MỞ ĐẦU

1 Giới thiệu

 Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo

cả chiều rộng và sâu Máy tính điện tử không còn là một thứ phương tiện quý hiếm mà đang ngày càng trở thành một công cụ làm việc và giải trí thông dụngcủa con người, không chỉ ở công sở mà còn ngay cả trong gia đình

 Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu tư và cải thiện các giải pháp cũng như các sản phẩm nhằm cho phép tiến hành thương mại hóa trên Internet Thông qua các sản phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thương mại điện tử Với

những thao tác đơn giản trên máy có nối mạng Internet bạn sẽ có tận tay

những gì mình cần mà không phải mất nhiều thời gian Bạn chỉ cần vào các trang dịch vụ thương mại điện tử, làm theo hướng dẫn và click vào những gì bạn cần Các nhà dịch vụ sẽ mang đến tận nhà cho bạn

 Mục đích của dự án này là xây dựng được giao diện trang web bằng các ngôn ngữ lập trình cơ bản đã được học như HTML,CSS, JAVA SCRIP, PHP, BOOTSTRAP

2 Mục tiêu đề tài

 Mục tiêu của đề tài website bán hàng quần áo là tối ưu hóa doanh số bán hàng, xây dựng cộng đồng khách hàng trung thành, và thúc đẩy thương hiệu thông qua trải nghiệm mua sắm tích cực và tương tác khách hàng tích cực

 Xây dựng thương hiệu: Trang web có thể được sử dụng để xây dựng và tăng cường thương hiệu của doanh nghiệp Việc tạo ra một trải nghiệm mua sắm trực tuyến tích cực và giao diện trang web thân thiện với người dùng có thể giúp tạo ra ấn tượng tích cực về thương hiệu

 Phát triển cộng đồng khách hàng: Một mục tiêu khác có thể là xây dựng cộng đồng khách hàng trung thành Điều này có thể đạt được bằng cách tạo ra các chương trình khách hàng thân thiện, hỗ trợ khách hàng tốt, và tạo ra các kênh giao tiếp để tương tác với khách hàng

 Nâng cao hiệu suất kinh doanh: Mục tiêu cuối cùng có thể là nâng cao hiệu suất kinh doanh tổng thể của doanh nghiệp Điều này bao gồm việc theo dõi và phân tích dữ liệu, thực hiện chiến lược tiếp thị hiệu quả, và

điều chỉnh chiến lược kinh doanh dựa trên phản hồi và dữ liệu thu thập được từ khách hàng.

3 Lý do chọn đề tài

 Thương mại điện tử là một lĩnh vực mới đang được nhiều cơ quan, nhiều

công ty, nhiều đoàn thể cũng như cá nhân nghiên cứu và phát triển nhằm đưacác thiết bị, các ứng dụng liên quan đến điện tử tin học vào phục vụ cho sự phát triển kinh doanh Thương mại điện tử là một trong những lĩnh vực được xem là mang tính thời sự ở Việt nam, ở nước ta cũng đã có nhiều tổ chức, cá nhân nghiên cứu, ứng dụng thương mại điện tử vào kinh doanh nhưng đây là một lĩnh vực mới mẻ và còn rất non trẻ Với những thao tác đơn giản trên máy có nối mạng Internet người tiêu dùng sẽ có tận tay những gì mình cần chỉ cần vào các trang web bán hàng, làm theo hướng dẫn và click vào những

gì bạn cần

 Ở Việt Nam cũng có rất nhiều doanh nghiệp đang tiến hành thương mại hóa trên Internet nhưng do những khó khăn về cơ sở hạ tầng như viễn thông chưa phát triển mạnh, các dịch vụ thanh toán điện tử qua ngân hàng chưa phổ biến nên chỉ dừng lại ở mức độ giới thiệu sản phẩm và tiếp nhận đơn đặt hàng thôngqua web

4.Bố cục báo cáo

Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau:

Chương 1 Cơ sở lý thuyết

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

Chương 3 Chương trình demo

Cuối cùng là Kết luận, Tài liệu tham khảo liên quan đến đề tài.

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT1.1 Giới thiệu sơ lược về website

 Trang web bán hàng quần áo là một nền tảng trực tuyến chuyên cung cấp các sảnphẩm thời trang và phục vụ nhu cầu mua sắm trực tuyến của người tiêu dùng tronglĩnh vực thời trang Thông thường, trang web này sẽ hiển thị và bán đa dạng các sảnphẩm như áo, quần, giày dép, phụ kiện và nhiều loại trang phục khác

 Những trang web bán hàng quần áo thường cung cấp thông tin chi tiết về từngsản phẩm, bao gồm hình ảnh, mô tả sản phẩm, giá cả, và kích thước có sẵn Ngườimua có thể dễ dàng duyệt qua các danh mục hoặc sử dụng công cụ tìm kiếm để tìmkiếm sản phẩm mong muốn

1.2 Giới thiệu về ngôn ngữ lập trình

Website được xây dựng bằng các ngôn ngữ lập trình cơ bản đã được học Cụ thể làngôn ngữ HTML, CSS, JAVA SCRIP, PHP, BOOTSTRAP.Dưới đây là giới thiệu

về ngôn ngữ lập trình được sử dụng :

 HTML (HyperText Markup Language): HTML là ngôn ngữ đánh dấu tiêu chuẩnđược sử dụng để xây dựng cấu trúc và hiển thị nội dung trên trang web Nó sửdụng các thẻ (tags) để xác định các phần tử trong trang như tiêu đề, đoạn vănbản, hình ảnh, liên kết, bảng và biểu mẫu HTML là ngôn ngữ cơ bản để xác địnhcấu trúc của trang web và cung cấp cơ sở cho các ngôn ngữ và công nghệ khác

 CSS (Cascading Style Sheets): CSS là ngôn ngữ định kiểu được sử dụng để xácđịnh cách trang web được hiển thị và trình bày Với CSS, bạn có thể xác định cácthuộc tính như màu sắc, phông chữ, kích thước, đường viền, khoảng cách và bốcục của các phần tử HTML CSS cho phép tách biệt giữa nội dung và kiểu dáng,giúp tạo ra các trang web có giao diện thẩm mỹ, linh hoạt và dễ bảo trì

 JavaScript: JavaScript là một ngôn ngữ lập trình dựa trên các sự kiện driven) và được sử dụng phổ biến trong phát triển web JavaScript cho phép thêmcác chức năng tương tác và động vào trang web Bằng cách sử dụng JavaScript,bạn có thể xử lý sự kiện như nhấp chuột, nhập liệu, thay đổi nội dung động, tạohiệu ứng, kiểm tra và xử lý dữ liệu nhập vào từ người dùng JavaScript là mộtngôn ngữ mạnh mẽ để tạo ra trải nghiệm tương tác trên trang web

(event- PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngôn ngữlập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứngdụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thíchhợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa chocác ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học vàthời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nênPHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thếgiới.

 Bootstrap là một framework mã nguồn mở giúp phát triển giao diện người dùngđẹp mắt và linh hoạt cho trang web và ứng dụng di động Sử dụng HTML, CSS

và JavaScript, Bootstrap cung cấp các thành phần và lớp CSS tiện ích, giúp tạotrang web nhanh chóng và tương thích trên nhiều thiết bị và trình duyệt Đặc biệt,

nó hỗ trợ responsive design, đảm bảo trải nghiệm người dùng tốt trên các kíchthước màn hình khác nhau

1.3 Tầm quan trọng của Công nghệ thông tin trong việc mua sắm trực tuyến

Công nghệ thông tin (CNTT) đóng vai trò quan trọng và không thể phủ nhận trongviệc thúc đẩy và hỗ trợ mua sắm trực tuyến Dưới đây là một số điểm tầm quantrọng của Công nghệ thông tin trong lĩnh vực này:

 Trải nghiệm Người dùng Tốt Hơn: Giao diện người dùng (UI) và trải nghiệmngười dùng (UX) được cải thiện đáng kể nhờ vào công nghệ thông tin Các trangweb và ứng dụng mua sắm trực tuyến được thiết kế để làm cho quá trình muasắm trở nên thuận tiện và thú vị hơn

 Tích hợp Thanh Toán An Toàn: Công nghệ thông tin đóng vai trò quan trọngtrong việc cung cấp các phương tiện thanh toán an toàn và tiện lợi Hệ thốngthanh toán trực tuyến được mã hóa và bảo vệ bằng các biện pháp an ninh mạnh

mẽ, giúp người tiêu dùng cảm thấy yên tâm khi thực hiện giao dịch

 Mua Sắm 24/7 và Phân Phối Linh Hoạt: Công nghệ thông tin cho phép mua sắmtrực tuyến 24/7 từ mọi nơi trên thế giới Hệ thống quản lý kho và phân phối được

tự động hóa, giúp đảm bảo sự linh hoạt và hiệu suất trong quá trình vận chuyểnhàng hóa

 Đánh Giá và Đánh Giá Người Tiêu Dùng: Công nghệ thông tin hỗ trợ việc đánhgiá và đánh giá sản phẩm từ phía người tiêu dùng Những đánh giá này giúp

khách hàng đưa ra quyết định mua sắm thông tin và tăng tính minh bạch trongquá trình mua sắm trực tuyến.

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

2.1 Phân tích về giao diện trang web

 Giao Diện Người Dùng :

 Quy Trình Thanh Toán:

- Quy trình thanh toán nên đơn giản và an toàn Hỗ trợ nhiều phương thức thanhtoán để thuận tiện cho người mua

 Tương Tác Mạnh Mẽ:

- Cung cấp các chức năng tương tác như đánh giá sản phẩm, xếp hạng, và lựa chọnyêu thích để thúc đẩy tương tác và đánh giá từ cộng đồng người dùng

- Đảm bảo trang web hoạt động mượt mà trên nhiều trình duyệt khác nhau.

 Quản Lý Nội Dung:

 Mô Tả Sản Phẩm:

- Cung cấp mô tả chi tiết về sản phẩm, chất liệu, cách chăm sóc, và kích thước đểngười dùng có thể đưa ra quyết định mua hàng thông tin

 Bài Viết và Tin Tức:

- Nếu có, cung cấp bài viết, tin tức về thời trang, xu hướng để tạo thêm giá trị và thuhút người đọc

 Chứng Thực và Bảo Mật:

 Chứng Thực Người Dùng:

- Yêu cầu đăng nhập để theo dõi đơn hàng, lưu trữ thông tin cá nhân và cung cấpdịch vụ cá nhân hóa

 Bảo Mật Thanh Toán:

- Đảm bảo thông tin thanh toán được bảo mật bằng cách sử dụng kết nối an toàn vàgiao thức mã hóa

 Hiệu Suất Trang Web:

 Tải Trang Nhanh:

- Tối ưu hóa hình ảnh và tài nguyên để giảm thời gian tải trang và cải thiện trảinghiệm người dùng

2.2.Yêu cầu chức năng

Phân tích yêu cầu chức năng và phi chức năng là quá trình xác định và hiểu rõ cácchức năng và phi chức năng cần có trong hệ thống trang web bán hàng quần áo.Dưới đây là một phân tích chi tiết về yêu cầu chức năng và phi chức năng:

 Yêu cầu chức năng:

 Đăng Nhập và Đăng Ký:

- Người dùng có thể đăng nhập hoặc đăng ký tài khoản để quản lý thông tin cá nhân

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

 Hiển Thị Sản Phẩm:

- Hiển thị danh sách sản phẩm với hình ảnh, giá cả, mô tả chi tiết và nút mua hàng

 Giỏ Hàng và Thanh Toán:

- Thêm sản phẩm vào giỏ hàng và quản lý giỏ hàng

- Quy trình thanh toán an toàn và thuận tiện với nhiều phương thức thanh toán

 Quản Lý Tài Khoản Người Dùng:

- Người dùng có thể quản lý thông tin cá nhân, địa chỉ giao hàng và theo dõi lịch sử đơn hàng

 Điều Khiển Truy Cập:

- Quản lý quyền truy cập và bảo mật thông tin người dùng và quản trị viên

2.3 Sơ đồ phân tích thiết kế hệ thống

2.3.1 Sơ đồ use-case

Hình 1 Mô hình use-case tổng quát

Hình 2 Biểu đồ ca sử dụng của khách hàng

Hình 3 Biểu đồ ca sử dụng của quản trị viên

2.3.2 Class diagram

Hình 4 Biểu đồ lớp

2.3.3 Squence diagram

Hình 5 Biểu đồ trình tự mua sản phẩm

Hình 6 Biểu đồ trình tự đăng kí thông tin khách hàng

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

2.3.4 Activity diagram

Hình 8 Biểu đồ hoạt động mua sắm và thanh toán

Hình 9 Biểu đồ hoạt động đăng nhập

Hình 10 Biểu đồ hoạt động đăng kí

CHƯƠNG 3: CHƯƠNG TRÌNH DEMO3.1 Giao diện admin

Hình 11 Đăng nhập admin

Hình 12 Giao diện danh sách sản phẩm

Hình 13 Giao diện danh sách danh mục

Hình 14 Giao diện danh sách User

3.2 Giao diện người dùng

Hình 15 Giao diện đăng nhập

Hình 16 Giao diện đăng kí

Hình 17 Giao diện trang chủ

Hình 18 Giao diện tin tức

Hình 19 Giao diện giới thiệu

Hình 20 Giao diện sản phẩm

Hình 21 Giao diện sản phẩm

Hình 22 Giao diện sản phẩm

Hình 23 Giao diện chi tiết sản phẩm

Hình 24 Giao diện giỏ hàng

Hình 25 Giao diện thanh toán sản phẩm

KẾT LUẬN

 Xây dựng một trang web từ thiện - hỗ trợ trẻ em vùng sâu, vùng xa là một nhiệm

vụ quan trọng để tạo ra sự nhận thức và hỗ trợ cho trẻ em trong những vùng khókhăn Dưới đây là một tổng kết về chủ đề xây dựng trang web từ thiện nhằm hỗ trợtrẻ em vùng sâu, vùng xa:

- Mục tiêu: Trang web nhằm mục đích tạo ra sự nhận thức và gây quỹ để hỗ trợ trẻ

em trong các vùng sâu, vùng xa, nơi có điều kiện sống khó khăn và thiếu cácnguồn lực cần thiết

- Nội dung: Trang web nên cung cấp thông tin chi tiết về tình trạng của trẻ em

trong vùng sâu, vùng xa, nhấn mạnh các khó khăn và thách thức mà họ đang đốimặt Ngoài ra, nên giới thiệu các dự án và chương trình từ thiện cụ thể mà ngườidùng có thể đóng góp và hỗ trợ

- Thông tin dự án: Trang web nên cung cấp thông tin chi tiết về các dự án, chương

trình từ thiện đang được thực hiện hoặc được lên kế hoạch Thông tin này gồmmục tiêu, tiến độ, kết quả dự kiến và cách thức người dùng có thể đóng góp.Xây dựng một trang web từ thiện - hỗ trợ trẻ em vùng sâu, vùng xa không chỉ giúptạo ra sự nhận thức mà còn cung cấp cơ hội cho mọi người tham gia và đóng gópvào công cuộc hỗ trợ trẻ em yếu thế

Về mặt lý thuyết:

- Cần nắm vững các khái niệm và nguyên lý cơ bản của phân tích và thiết kế hệ

thống, lập trình hướng đối tượng, cơ sở dữ liệu, HTML, CSS, JavaScript, PHP,Bootstrap Kiến thức về SEO: Từ việc tối ưu hóa từ khóa, nội dung cho đến việctạo backlink, sử dụng công cụ quản lý và đo lường hiệu quả SEO

- Cũng cần hiểu rõ về các mô hình kinh doanh, chiến lược tiếp thị, pháp luật và an

ninh trên thương mại điện tử