Báo cáo kết thúc học phần cơ sở lập trình web

Trang web bánhàng thể thao không chỉ đơn thuần là một nền tảng kinh doanh trực tuyến, màcòn là cầu nối giữa người tiêu dùng đam mê thể thao với các sản phẩm chấtlượng, đáp ứng nhu cầu và

BỘ CÔNG THƯƠNGTRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO KẾT THÚC HỌC PHẦN

CƠ SỞ LẬP TRÌNH WEB

Giáo viên hướng dẫn: Ths Đinh Thu Khánh

Hà Nội, tháng năm 05 2024

PHIẾU CHẤM ĐIỂMSTT Họ và tên sinh viên Nội dung thực hiện Điểm Chữ ký

1 Lê Tuấn Anh Thiết kế danh mục “Phụ

Kiện Thể Thao”

2 Phạm Thế Hùng

Thiết kế “Trang chủ”,

“Đăng nhập”, “Liên hệ”,

“Giới thiệu về chúng tôi”

3 Phạm Như Khải Thiết kế danh mục “DịchVụ Sân Bóng”

4 Trần Nhật Quân Thiết kế danh mục “QuầnÁo Thể Thao”

5 Phạm Quang Thắng Thiết kế danh mục “Giày

Thể Thao”

Giảng viên chấm 1:

Giảng viên chấm 2:

MỤC LỤC

MỤC LỤC

DANH MỤC CÁC HÌNH

MỞ ĐẦU 6

PHẦN 1: TỔNG QUAN VỀ ĐỀ TÀI FOOTYGEAR & FIELDS 7

1.1 Giới thiệu đề tài 7

1.2 Giới thiệu về trang web cần thiết kế 7

1.3 Mục đích của website cần thiết kế 7

1.4 Một số trang web tham khảo 8

1.5 Các đối tượng sử dụng của hệ thống và các chức năng, quyền hạn trên hệ thống 8

1.6 Một số trang chính của website 8

1.7 Nội dung và yêu cầu các chức năng của website 9

PHẦN 2: KHẢO SÁT VÀ PHÂN TÍCH 10

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

2.1.1 Tầm quan trọng của website bán đồ thể thao: 10

2.1.2 Lợi ích khi thiết kế website chuyên nghiệp: 10

2.1.3 Xu hướng tiêu dùng và thiết kế website: 10

2.2 Mô tả các chức năng 10

2.2.1 Cung cấp thông tin chi tiết về sản phẩm: 10

2.2.2 Chức năng tìm kiếm sản phẩm: 10

2.2.3 Giỏ hàng: 11

2.2.4 Phương thức thanh toán đa dạng: 11

2.2.5 Hỗ trợ trực tuyến: 11

2.2.6 Quảng bá và truyền thông: 11

2.2.7 Quản lý cửa hàng: 11

2.2.8 Lưu trữ thông tin khách hàng: 11

2.3 Thiết kế Layout 12

2.3.1 Trang chủ 12

2.3.2 Trang Sản phẩm 12

2.3.3 Trang Đăng nhập 13

PHẦN 3: THIẾT KẾ TRANG WEB 14

3.1 Trang chính 14

3.1.1 Trang chủ 14

3.1.2 Sản phẩm 15

3.1.3 Giới thiệu về chúng tôi 15

3.1.4 Liên hệ 16

3.1.5 Giỏ hàng 16

3.2 Trang đăng nhập 17

KẾT LUẬN 18

TÀI LIỆU THAM KHẢO 19

DANH MỤC CÁC HÌNH

Hình 2.1 Thiết kế Layout Trang chủ 12

Hình 2.2 Thiết kế Layout Sản phẩm 12

Hình 2.3 Đăng nhập 13

Hình 3.1 Giao diện Trang chủ 14

Hình 3.2 Giao diện Sản phẩm 15

Hình 3.3 Giao diện Giới thiệu về chúng tôi 15

Hình 3.4 Giao diện Liên hệ 16

Hình 3.5 Giao diện Giỏ hàng 16

Hình 3.6 Giao diện trang đăng nhập 17

MỞ ĐẦU

Trong thời đại công nghệ số hiện nay, sự phát triển mạnh mẽ của internet vàthương mại điện tử đã mở ra nhiều cơ hội kinh doanh mới và đầy tiềm năng.Thương mại điện tử không chỉ thay đổi cách mọi người mua sắm mà còn thayđổi cách doanh nghiệp tiếp cận khách hàng, quản lý kho hàng, và phát triểnthương hiệu Đặc biệt, ngành hàng thể thao - một lĩnh vực đang ngày càngđược quan tâm và đầu tư - cũng không nằm ngoài xu thế này Trang web bánhàng thể thao không chỉ đơn thuần là một nền tảng kinh doanh trực tuyến, màcòn là cầu nối giữa người tiêu dùng đam mê thể thao với các sản phẩm chấtlượng, đáp ứng nhu cầu và sở thích đa dạng của họ Với một giao diện thânthiện, tính năng tìm kiếm và thanh toán tiện lợi, cùng với dịch vụ chăm sóckhách hàng chuyên nghiệp, trang web bán hàng thể thao mang đến trảinghiệm mua sắm trực tuyến tuyệt vời cho người tiêu dùng Mục tiêu của đềtài này là xây dựng một trang web bán hàng thể thao hoàn chỉnh, từ khâu lên

ý tưởng, thiết kế giao diện người dùng, đến phát triển các chức năng chínhnhư quản lý sản phẩm, giỏ hàng, thanh toán và hỗ trợ khách hàng Đề tài cũng

sẽ đi sâu vào các chiến lược tiếp thị trực tuyến và phân tích dữ liệu để tối ưuhóa hoạt động kinh doanh, tăng cường hiệu quả tiếp cận khách hàng và thúcđẩy doanh số bán hàng Thông qua việc thực hiện đề tài này, chúng tôi mongmuốn không chỉ phát triển một công cụ kinh doanh hiệu quả mà còn góp phầnvào sự phát triển của thị trường thể thao trong nước, đáp ứng nhu cầu ngàycàng cao của người tiêu dùng và tạo nên một cộng đồng thể thao sôi động vàgắn kết

PHẦN 1: TỔNG QUAN VỀ ĐỀ TÀI FOOTYGEAR & FIELDS1.1 Giới thiệu đề tài

Đề tài này tập trung vào việc thiết kế và phát triển trang web "FootyGear &Fields", một nền tảng trực tuyến chuyên cung cấp các sản phẩm liên quan đếnbóng đá và dịch vụ cho thuê sân bóng Trang web này sẽ đáp ứng nhu cầu củacác tín đồ bóng đá, từ việc mua sắm các trang thiết bị chất lượng cho đến việctìm và thuê sân bóng phù hợp

1.2 Giới thiệu về trang web cần thiết kế

"FootyGear & Fields" là một trang web thương mại điện tử đa năng, cung cấpcác sản phẩm bóng đá như áo đấu, giày, bóng, phụ kiện, và đồng thời cungcấp dịch vụ cho thuê sân bóng Trang web sẽ có giao diện hiện đại, thân thiệnvới người dùng và tích hợp các chức năng tiên tiến để nâng cao trải nghiệmmua sắm và thuê sân bóng

1.3 Mục đích của website cần thiết kế

Trang web này được thiết kế với các mục đích chính như sau:

- Cung cấp sản phẩm bóng đá chất lượng: Cung cấp các sản phẩm chính

hãng từ các thương hiệu uy tín, đảm bảo chất lượng và độ bền

- Tạo điều kiện mua sắm thuận tiện: Đơn giản hóa quy trình tìm kiếm và

mua sắm các sản phẩm bóng đá thông qua các tính năng tìm kiếm và thanhtoán trực tuyến

- Dịch vụ cho thuê sân bóng: Cung cấp thông tin chi tiết về các sân bóng,

giúp người dùng dễ dàng tìm và thuê sân bóng phù hợp với nhu cầu

- Xây dựng cộng đồng bóng đá: Tạo không gian cho những người yêu bóng

đá chia sẻ kinh nghiệm, thông tin và cập nhật các sự kiện bóng đá

- Tăng cường trải nghiệm người dùng: Mang lại trải nghiệm tốt nhất với

giao diện thân thiện, dịch vụ khách hàng chuyên nghiệp và các tính năng hữuích

1.4 Một số trang web tham khảo

- Sportway( https://sportsway.vn/): Trang web cung cấp đa dạng các sản

phẩm bóng đá với giao diện dễ sử dụng và chức năng tìm kiếm mạnh mẽ

- Nike Football (www.nike.com/football): Trang web của Nike, cung cấp

các sản phẩm bóng đá chính hãng và thiết kế tối giản, hiện đại

- Sân Bóng Đá ha-noi/): Trang web cung cấp dịch vụ cho thuê sân bóng, với thông tin chi

(https://klarasport.com/cac-san-bong-da-trong-khu-vuc-tiết về các sân bóng, giá thuê và đặt sân trực tuyến

1.5 Các đối tượng sử dụng của hệ thống và các chức năng, quyền hạn trên hệ thống

- Khách hàng (User): Người mua sắm trên trang web, có thể xem và mua sản

phẩm, thuê sân bóng, tạo tài khoản, theo dõi đơn hàng và gửi đánh giá sảnphẩm

- Quản trị viên (Admin): Quản lý toàn bộ trang web, bao gồm thêm, sửa,

xóa sản phẩm, quản lý đơn hàng, quản lý sân bóng, theo dõi doanh số và phảnhồi khách hàng

- Nhà cung cấp (Supplier): Quản lý sản phẩm của mình, cập nhật thông tin

sản phẩm và theo dõi doanh số bán hàng

- Quản lý sân bóng (Field Manager): Quản lý thông tin và lịch trình của các

sân bóng, xác nhận và theo dõi các yêu cầu thuê sân

1.6 Một số trang chính của website

- Trang chủ (Home): Giới thiệu các sản phẩm nổi bật, chương trình khuyến

mãi và tin tức mới nhất về bóng đá

- Trang sản phẩm (Products): Danh mục các sản phẩm bóng đá, có thể lọc

theo loại sản phẩm, thương hiệu, giá cả và các tiêu chí khác

- Trang chi tiết sản phẩm (Product Details): Cung cấp thông tin chi tiết về

sản phẩm, bao gồm mô tả, hình ảnh, giá, đánh giá và lựa chọn kích thước/màusắc

- Trang giỏ hàng (Shopping Cart): Hiển thị các sản phẩm đã chọn và cho

phép người dùng điều chỉnh số lượng hoặc xóa sản phẩm, thực hiện các bướcthanh toán và nhập thông tin giao hàng

- Trang chi tiết sân bóng (Field Details): Thông tin chi tiết về sân bóng, bao

gồm hình ảnh, mô tả, tiện ích và thêm vào giỏ hàng

- Trang liên hệ (Contact): Cung cấp thông tin liên hệ và mẫu biểu để người

dùng gửi câu hỏi hoặc yêu cầu hỗ trợ

- Trang giới thiệu (About Us): Thông tin về công ty, sứ mệnh, tầm nhìn và

đội ngũ nhân viên

- Trang đăng nhập/đăng ký (Login/Sign Up): Cho phép người dùng đăng

nhập hoặc tạo tài khoản mới

1.7 Nội dung và yêu cầu các chức năng của website

- Giao diện người dùng (UI): Thiết kế giao diện đẹp mắt, dễ sử dụng và tối

ưu hóa cho các thiết bị di động

- Giỏ hàng và thanh toán: Cho phép người dùng thêm sản phẩm vào giỏ

hàng, hiển thị số lượng và thực hiện thanh toán trực tuyến an toàn

- Đánh giá và phản hồi: Cho phép người dùng đánh giá sản phẩm và sân

bóng, gửi phản hồi

Trang web "FootyGear & Fields" sẽ được thiết kế và phát triển dựa trên cácyêu cầu và mục tiêu này, nhằm mang lại trải nghiệm mua sắm và thuê sânbóng tốt nhất cho người dùng và hỗ trợ hiệu quả cho doanh nghiệp trong việckinh doanh trực tuyến

PHẦN 2: KHẢO SÁT VÀ PHÂN TÍCH

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

2.1.1 Tầm quan trọng của website bán đồ thể thao:

Với sự phát triển mạnh mẽ của xu hướng mua sắm trực tuyến, việc sở hữumột website bán đồ thể thao trở nên cần thiết, giúp doanh nghiệp tiếp cậnkhách hàng mọi lúc mọi nơi và không bị giới hạn bởi thời gian hoạt động nhưcửa hàng truyền thống

2.1.2 Lợi ích khi thiết kế website chuyên nghiệp:

- Website chuyên nghiệp hỗ trợ đo lường hiệu quả kinh doanh thông qua cáctính năng thống kê lượt truy cập, đơn hàng, sản phẩm được tìm kiếm nhiều

- Tiết kiệm chi phí đầu tư so với kinh doanh truyền thống như thuê mặt bằng,điện, nước, sửa chữa

2.1.3 Xu hướng tiêu dùng và thiết kế website:

- Người tiêu dùng hiện nay có xu hướng mua hàng qua mạng thay vì đến cửahàng, đặc biệt là những người bận rộn

- Thiết kế website phản ánh sự chuyên nghiệp và khả năng bắt kịp xu thế thờiđại

2.2 Mô tả các chức năng

2.2.1 Cung cấp thông tin chi tiết về sản phẩm:

Trang web cần hiển thị thông tin đầy đủ về sản phẩm bao gồm mô tả, giá cả,thông số kỹ thuật, hình ảnh và video minh họa

2.2.2 Chức năng tìm kiếm sản phẩm:

Một công cụ tìm kiếm giúp khách hàng dễ dàng tìm thấy sản phẩm họ cầnthông qua từ khóa hoặc các bộ lọc khác nhau

2.2.3 Giỏ hàng:

Cho phép người dùng thêm sản phẩm vào giỏ hàng, xem lại danh sách sảnphẩm đã chọn, và thực hiện thay đổi trước khi thanh toán

2.2.4 Phương thức thanh toán đa dạng:

Hỗ trợ nhiều hình thức thanh toán trực tuyến như thẻ tín dụng, chuyển khoảnngân hàng, ví điện tử, COD (giao hàng nhận tiền)

2.2.5 Hỗ trợ trực tuyến:

Tích hợp chức năng chat trực tuyến hoặc hệ thống hỗ trợ qua email/điện thoại

để giải đáp thắc mắc và hỗ trợ khách hàng

2.2.6 Quảng bá và truyền thông:

Các tính năng quảng cáo sản phẩm, khuyến mãi, và thông tin marketing đượchiển thị rõ ràng để thu hút khách hàng

2.2.7 Quản lý cửa hàng:

Hệ thống quản lý cho phép phân quyền sử dụng, theo dõi đơn hàng, quản lýkho hàng và báo cáo doanh số

2.2.8 Lưu trữ thông tin khách hàng:

Khả năng lưu trữ và quản lý dữ liệu khách hàng an toàn, giúp phân tích hành

vi mua sắm và tối ưu hóa chiến lược kinh doanh

2.3.3 Trang Đăng nhập

Hình 2.3 Đăng nhập

PHẦN 3: THIẾT KẾ TRANG WEB

3.1 Trang chính

3.1.1 Trang chủ

Hình 3.1 Giao diện Trang chủ

3.1.2 Sản phẩm

Hình 3.2 Giao diện Sản phẩm

3.1.3 Giới thiệu về chúng tôi

Hình 3.3 Giao diện Giới thiệu về chúng tôi

3.2 Trang đăng nhập

Hình 3 Giao diện trang đăng nhập6

KẾT LUẬN

Việc xây dựng một trang web bán hàng thể thao không chỉ đáp ứng nhu cầungày càng cao của người tiêu dùng hiện đại mà còn mở ra một kênh kinhdoanh hiệu quả cho các doanh nghiệp Qua quá trình nghiên cứu và phát triển

đề tài, chúng tôi đã nhận thấy rõ những lợi ích và tiềm năng to lớn của thươngmại điện tử trong ngành hàng thể thao Một trang web bán hàng thể thao hiệuquả sẽ giúp người tiêu dùng dễ dàng tiếp cận với các sản phẩm chất lượng, từquần áo, giày dép, đến các thiết bị và phụ kiện thể thao, từ đó nâng cao trảinghiệm mua sắm Đồng thời, nó cũng giúp doanh nghiệp tối ưu hóa quy trìnhbán hàng, quản lý kho hàng, và cải thiện dịch vụ khách hàng, từ đó tăngcường khả năng cạnh tranh trên thị trường Thông qua đề tài này, chúng tôi đãkhám phá và áp dụng nhiều công nghệ và phương pháp tiên tiến nhằm xâydựng một nền tảng thương mại điện tử toàn diện Từ việc thiết kế giao diệnthân thiện với người dùng, phát triển các chức năng tìm kiếm và thanh toántiện lợi, đến việc triển khai các chiến lược tiếp thị trực tuyến hiệu quả, tất cảđều hướng đến mục tiêu mang lại trải nghiệm tốt nhất cho người tiêu dùng vàgia tăng giá trị kinh doanh Đồng thời, chúng tôi cũng chú trọng đến việc xâydựng hệ thống quản lý kho hàng thông minh và dịch vụ giao nhận nhanhchóng, đảm bảo sự hài lòng của khách hàng từ lúc đặt hàng đến khi nhậnhàng Điều này không chỉ giúp nâng cao uy tín của trang web mà còn tạoniềm tin và lòng trung thành từ phía khách hàng Chúng tôi tin rằng, với sự nỗlực không ngừng và sự đầu tư nghiêm túc, trang web bán hàng thể thao màchúng tôi đề xuất sẽ trở thành một điểm đến lý tưởng cho những người yêuthích và đam mê thể thao Nó sẽ không chỉ là nơi mua sắm mà còn là nơi kếtnối cộng đồng, chia sẻ kinh nghiệm và kiến thức về thể thao, góp phần xâydựng một cộng đồng thể thao sôi động và gắn kết Cuối cùng, chúng tôi hyvọng rằng đề tài này sẽ là một tài liệu tham khảo hữu ích cho những ai quantâm đến việc phát triển các trang web thương mại điện tử, đặc biệt trong lĩnhvực thể thao Chúng tôi mong muốn nhận được sự góp ý và phản hồi từ cácchuyên gia và người dùng để tiếp tục hoàn thiện và nâng cao chất lượng củatrang web, đáp ứng tốt hơn nhu cầu của thị trường và đóng góp vào sự pháttriển bền vững của ngành thể thao

TÀI LIỆU THAM KHẢO

- Thế Giới bóng đá(https://thegioibongda.net/) : Trang web bán các phụ

kiện bóng đá, giày thể thao

- Sportway (https://sportsway.vn/): Trang web cung cấp đa dạng các sảnphẩm bóng đá với giao diện dễ sử dụng và chức năng tìm kiếm mạnh mẽ

- Nike Football (www.nike.com/football): Trang web của Nike, cung cấpcác sản phẩm bóng đá chính hãng và thiết kế tối giản, hiện đại

- Sân Bóng Đá ha-noi/): Trang web cung cấp dịch vụ cho thuê sân bóng, với thông tin chi

(https://klarasport.com/cac-san-bong-da-trong-khu-vuc-tiết về các sân bóng, giá thuê và đặt sân trực tuyến