Báo cáo học phần lập trình web – thực hành Đề tài xây dựng website tmdt cửa hàng bán Đồ thể thao

Những vấn đề trọng tâm Khi xây dựng hệ thống thương mại điện tử bán đồ thể thao, có một số vấn đềtrọng tâm cần chú ý: - Nghiên cứu thị trường và khách hàng: Hiểu rõ nhu cầu và sở thích c

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

BÁO CÁO HỌC PHẦN LẬP TRÌNH WEB – THỰC HÀNH

Đề tài

XÂY DỰNG WEBSITE TMDT CỬA HÀNG BÁN ĐỒ

THỂ THAO

Sinh viên thực hiện:

1 Nguyễn Duy Khanh - 224367

2 Trần Minh Khang - 222618

3 Võ Hoàng Kha - 220820

4 Phan Thanh Vũ - 226687

Cần Thơ, 10/2024

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

BÁO CÁO HỌC PHẦN LẬP TRÌNH WEB – THỰC HÀNH

Đề tài XÂY DỰNG HỆ THỐNG WEBSITE TMDT CỬA HÀNG ĐỒ THỂ THAO

MỤC LỤC Trang

TRƯỜNG ĐẠI HỌC NAM CẦN THƠ 1

A- Phần giới thiệu 2

I Đặt vấn đề 2

II Những nghiên cứu liên quan 3

III Những vấn đề trọng tâm 3

IV Phương pháp nghiên cứu 4

B-Phần nội dung 5

II.Chương 1:Đặc tả yêu cầu 5

1 Giới thiệu chung 5

2 Chức năng và tính năng 5

3 Vấn đề mà giải pháp sẽ xử lý 6

4 Đặc điểm nổi bật của sản phẩm 6

II Chương 2: Thiết kế giải pháp 7

1).Thiết kế kiến trúc tổng thể: 7

1.Nghiêm cứu thị trường: 14

2 Xây dựng giao diện người dùng: 14

3 Phát triển tính năng: 14

4 Marketing và Quảng cáo 14

5 Dịch vụ khách hàng 14

6 Phấn tích và Tối ưu 14

7 Phát triển kênh bán hàng 15

8 Cập nhật theo xu hướng 15

I Chương 3: Cài đặt giải pháp 15

LỜI NÓI ĐẦU

Với sự phát triển không ngừng của nền kinh tế cùng với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, internet ngày càng giữ vai trò quan trọng trong các lĩnh vực khoa học và đời sống Với mạng internet, tin học thực sự tạo nên một cuộc cách mạng trao đổi thông tin trong mọi lĩnh vực văn hóa, xã hội, chính trị, kinh tế vv Đòi hỏi mỗi doanh nghiệp công ty phải có những giải pháp chiến lược phù hợp đúng đắn để có thể đứng vững và phát triển Một giải pháp đặt ra ứng dụng tiến

bộ của công nghệ thông tin vào công việc quản lý kinh doanh

Hiện nay quần áo thể thao là những sản phẩm cần thiết và gần gũi với đời sống con người Quần áo thể thao hiện nay rất đa dạng và phong phú Xuất phát từ thực tế đó

em đã chọn đề tài xây dựng và thiết kế website TMDT bán đồ thể thao làm project

của nhóm mình Trong quá trình tìm hiểu, nghiên cứu không thể tránh khỏi những sai sót, rất mong cô đóng góp ý kiến để có thể hoàn thiện bài tập tốt hơn.

PHẦN GIỚI THIỆU

1 Đặt vấn đề

Trong thời đại công nghệ số, thương mại điện tử đang trở thành một phầnkhông thể thiếu trong đời sống kinh tế Cửa hàng bán đồ thể thao cần một hệthống website thương mại điện tử để tối ưu hóa quy trình kinh doanh, thuhút khách hàng và nâng cao trải nghiệm mua sắm Đề tài này nhằm giảiquyết bài toán xây dựng một nền tảng trực tuyến hiệu quả, phục vụ cho việcbán hàng, quản lý kho và chăm sóc khách hàng

2 Những nghiên cứu liên quan

Trong Khoa, đã có một số đề tài như “ Xây dựng hệ thống quản lý mua bán quần áo thể thao” và “ ứng dụng công nghệ web vào trong mua bán quần áo thể thao” Trong nước, những nghiêm cứu liên quan đến việc mua bán đồ thểthao bằng phương pháp trực tuyến đã được thực hiện, những vẫn còn nhiều vấn đề chưa giải quyết như khó khăn trong việc tiếp cận khách hàng online Ngoài nước, một số đề tài đã phát triển các giải pháp tương tự những thường gặp khó khăn trong việc trải nghiệm của người dùng vì có quá nhiều trang web đa dạng

3 Những vấn đề trọng tâm

Khi xây dựng hệ thống thương mại điện tử bán đồ thể thao, có một số vấn đềtrọng tâm cần chú ý:

- Nghiên cứu thị trường và khách hàng: Hiểu rõ nhu cầu và sở thích của đối

tượng khách hàng mục tiêu để xác định loại sản phẩm, thương hiệu và giá cảphù hợp

- Tối ưu hóa giao diện người dùng: Thiết kế trang web cần thân thiện, dễ

điều hướng và hấp dẫn để tạo trải nghiệm mua sắm tốt nhất cho khách hàng

- Quản lý tồn kho: Đảm bảo hệ thống có khả năng theo dõi và quản lý tồn

kho hiệu quả, tránh tình trạng hết hàng hoặc tồn kho quá nhiều

- Thanh toán an toàn và linh hoạt: Cung cấp nhiều phương thức thanh toán

an toàn và tiện lợi, bao gồm thẻ tín dụng, ví điện tử và chuyển khoản ngân hàng

- Chính sách giao hàng và đổi trả: Thiết lập chính sách giao hàng rõ ràng,

nhanh chóng và linh hoạt, cùng với quy trình đổi trả dễ dàng để tăng sự hài lòng của khách hàng

- Chăm sóc khách hàng: Xây dựng hệ thống hỗ trợ khách hàng tốt để giải

đáp thắc mắc, xử lý khiếu nại và tạo sự gắn bó với thương hiệu

- Bảo mật thông tin: Đảm bảo rằng thông tin cá nhân và tài chính của khách

hàng được bảo mật, tạo lòng tin và tăng cường uy tín của thương hiệu

Tập trung vào những vấn đề này sẽ giúp hệ thống thương mại điện tử bán đồ thể thao hoạt động hiệu quả và thu hút được nhiều khách hàng

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

Để xây dựng hệ thống website thương mại điện tử bán đồ thể thao, có thể áp dụng một số phương pháp nghiên cứu sau:

-Nghiên cứu thị trường:

+ Khảo sát và phỏng vấn: Tiến hành khảo sát và phỏng vấn khách hàng mục tiêu để hiểu rõ nhu cầu, sở thích và thói quen mua sắm của họ

+ Phân tích cạnh tranh: Nghiên cứu các đối thủ cạnh tranh để xác định điểm mạnh, điểm yếu và cơ hội trên thị trường

- Phân tích nhu cầu người dùng:

+ Nghiên cứu hành vi người dùng: Sử dụng các công cụ phân tích web để ttheo dõi hành vi truy cập của người dùng trên website

5 Phân công nghiên cứu:

Trần Minh Khang phụ trách làm Chương 1: Đặt tả yêu cầu

Võ Hoàng Kha phụ trách làm Chương 2: Thiết kế giải pháp

Nguyễn Duy Khanh phụ trách làm Chương 3: Cài đặt giải pháp

Phan Thanh Vũ Chương 4: Đánh giá kiểm thử

PHẦN NỘI DUNG CHƯƠNG 1: ĐẶT TẢ YÊU CẦU

1 Giới thiệu chung

Hệ thống thương mại điện tử bán quần áo thể thao được thiết kế nhằm cungcấp một nền tảng mua sắm trực tuyến tiện lợi, an toàn và dễ sử dụng chongười tiêu dùng Với sự phát triển nhanh chóng của thương mại điện tử, hệthống này không chỉ giúp người tiêu dùng dễ dàng tìm kiếm và mua sắm sảnphẩm mà còn mang đến cho các nhà bán lẻ một giải pháp quản lý hiệu quả.

2 Chức năng và tính năng

2.1 Chức năng cho khách hàng

- Đăng ký và Đăng nhập:

- Người dùng có thể tạo tài khoản mới hoặc đăng nhập vào tài khoản hiện có

- Tính năng khôi phục mật khẩu thông qua email để đảm bảo an toàn thông tin

- Tìm kiếm và lọc sản phẩm:

- Cho phép người dùng tìm kiếm sản phẩm theo tên, danh mục, kích thước, màu sắc, và giá

- Các bộ lọc giúp sắp xếp sản phẩm theo nhiều tiêu chí khác nhau

- Xem chi tiết sản phẩm:

+ Hiển thị thông tin chi tiết như mô tả, giá cả, hình ảnh, và đánh giá từ kháchhàng

+ Cung cấp thông tin về kích thước và chính sách đổi trả

- Giỏ hàng:

+ Người dùng có thể thêm, chỉnh sửa và xóa sản phẩm trong giỏ hàng

+ Tự động tính toán tổng giá trị đơn hàng và hiển thị phí vận chuyển

- Thanh toán:

+ Hỗ trợ nhiều phương thức thanh toán như thẻ tín dụng, ví điện tử, và chuyển khoản ngân hàng

- Quản lý tài khoản:

+ Người dùng có thể cập nhật thông tin cá nhân, địa chỉ giao hàng, và xemlịch sử mua hàng

2.2 Chức năng cho quản trị viên

- Quản lý sản phẩm:

+ Quản trị viên có thể thêm, sửa, xóa thông tin sản phẩm, bao gồm mô tả, giá, và hình ảnh.

+ Cập nhật số lượng hàng tồn kho và quản lý danh mục sản phẩm

- Quản lý đơn hàng:

+ Theo dõi tình trạng đơn hàng từ khi đặt hàng cho đến khi giao hàng

+ Xử lý yêu cầu trả hàng và hoàn tiền

- Quản lý khách hàng:

+ Quản trị viên có thể xem và quản lý thông tin tài khoản khách hàng

+ Khóa hoặc xóa tài khoản khách hàng khi cần thiết

- Báo cáo và thống kê:

+ Cung cấp báo cáo về doanh thu, lượng hàng bán ra, và các chỉ số hiệu suất khác

+ Giúp quản trị viên có cái nhìn tổng quan về hoạt động kinh doanh

4 Đặc điểm nổi bật của sản phẩm

- Giao diện thân thiện và dễ sử dụng: Thiết kế giao diện trực quan, dễ dàng

sử dụng trên nhiều thiết bị (máy tính, điện thoại di động)

- Tính năng bảo mật cao: Bảo vệ thông tin người dùng và giao dịch qua các phương pháp bảo mật tiên tiến

Kết luận: Hệ thống thương mại điện tử bán quần áo thể thao không chỉ đáp ứng

nhu cầu mua sắm của người tiêu dùng mà còn cung cấp một nền tảng quản lýhiệu quả cho các nhà bán lẻ Việc nắm rõ các chức năng, tính năng và vấn đềcần giải quyết sẽ đảm bảo sự thành công và khả năng cạnh tranh của sản phẩm trên thị trường

II Chương 2: Thiết kế giải pháp

1).Thiết kế kiến trúc tổng thể:

Hệ thống website thương mại điện tử bán đồ thể thao được thiết kế dựa trên kiến trúc 3 lớp, bao gồm:

1.1 Lớp giao diện (Presentation Layer):

Đây là phần giao diện mà người dùng tương tác Giao diện được thiết kế

thân thiện và dễ sử dụng, cung cấp các chức năng như tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng, và thanh toán

1.2 Lớp xử lý nghiệp vụ (Business Logic Layer):

Chịu trách nhiệm xử lý các yêu cầu từ khách hàng và quản lý quy trình kinh doanh Lớp này bao gồm các chức năng như quản lý giỏ hàng, xử lý thanh toán và quản lý thông tin người dùng

1.3 Lớp dữ liệu (Data Layer):

Đây là nơi lưu trữ và quản lý tất cả dữ liệu của hệ thống, bao gồm thông tin sản phẩm, đơn hàng, người dùng, và các báo cáo phân tích

2 Chức năng của từng thành phần trong hệ thống

2.1 Giao diện người dùng:

- Trang chủ: Hiển thị các sản phẩm nổi bật, chương trình khuyến mãi và

thông tin về thương hiệu

- Danh mục sản phẩm: Cung cấp chức năng lọc và tìm kiếm để người dùng

dễ dàng tìm thấy sản phẩm mong muốn

- Giỏ hàng và thanh toán: Hiển thị danh sách sản phẩm đã chọn và cung cấp

các tùy chọn thanh toán

2.2 Xử lý nghiệp vụ:

- Quản lý sản phẩm: Thêm, sửa, xóa sản phẩm từ cơ sở dữ liệu

- Quản lý đơn hàng: Xử lý đơn hàng, từ khi khách hàng đặt hàng cho đến

khi đơn hàng được giao

- Quản lý người dùng: Đăng ký, đăng nhập, và quản lý thông tin người dùng

2.3 Dữ liệu:

- Cơ sở dữ liệu: Sử dụng hệ quản trị cơ sở dữ liệu như SQL Server hoặc để

lưu trữ thông tin sản phẩm, người dùng, và giao dịch

3 Giải thuật xử lý

Một số giải thuật quan trọng trong hệ thống bao gồm:

3.1.Giải thuật tìm kiếm sản phẩm:

Tìm kiếm : Giúp người dùng dễ dàng truy cập và tìm kiếm sản phẩm mong muốn thông qua các phương pháp như tìm kiếm theo từ khóa, danh mục, tự động hoàn thành, bộ lọc và tìm kiếm nâng cao

3.2 Giải thuật thanh toán:

Xử lý các phương thức thanh toán bằng cách xác thực thông tin thẻ tín dụng

hoặc tài khoản ngân hàng, đảm bảo rằng giao dịch diễn ra an toàn và chính xác

3.3 Giải thuật phân tích dữ liệu:

Sử dụng các phương pháp thống kê để phân tích doanh thu và hành vi của

người dùng, từ đó đưa ra báo cáo và đề xuất cải tiến

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

Cơ sở dữ liệu được thiết kế với các bảng chính sau:

Hình 1 Cơ sở dữ liệu của hệ thống

4.1.Mô hình Usecase và phân rã

1 Mô hình Usecase chính:

Hình 2 Usecase Admin

2 Mô hình Usecase phân rã chức năng

a) Mô hình phân rã chức năng quản lý sản phẩm :

Hình 3 Usecase Sản phẩm

b) Mô hình phân rã chức năng quản lý khách hàng:

Hình 4 Usecase khách hàng

c) Mô hình phân rã chức năng quản lý nhà cung cấp:

Hình 5 Usecase Nhà cung cấp

d) Mô hình phân rã chức năng tìm kiếm:

Hình 6 Usecase Tìm Kiếm

e) Mô hình phân rã chức năng quản lý nhân viên :

Hình 7 Usecase Nhân Viên

f) Mô hình phân rã chức năng quản lý đơn đặt hàng:

Hình 8 Usecase Giỏ hàng

5 Sơ đồ ERD: Sơ đồ ERD mô tả mối quan hệ giữa các thực thể trong hệ thống.

Đây là sơ đồ ERD cho hệ thống quản lý cửa hàng đồ thể thao:

Hình 9

5 Giới thiệu về công nghệ

5.1 Ngôn ngữ lập trình

- HTML/CSS: Sử dụng để thiết kế giao diện người dùng

- JavaScript: Đảm bảo các chức năng tương tác trên trang web

- ASP.NET: Cung cấp các tính năng quản lý nội dung, người dùng, giỏ hàng, thanh toán, tìm kiếm sản phẩm

5.2 Cơ sở dữ liệu

SQL server đề lưu trữ thông tin về khách hàng, sản phẩm, danh mục, đánh

giá

6 Kết luận : Chương này đã trình bày thiết kế tổng thể của hệ thống website

thương mại điện tử bán đồ thể thao, bao gồm kiến trúc hệ thống, chức năng của từng thành phần, giải thuật xử lý, thiết kế cơ sở dữ liệu và các công nghệ được sử dụng Những yếu tố này sẽ tạo ra một nền tảng vững chắc để xây dựng và triển khai hệ thống, đáp ứng nhu cầu mua sắm của người dùng một cách hiệu quả và an toàn

CHƯƠNG 3: CÀI ĐẶT GIẢI PHÁP

1 Tổng quan về cài đặt hệ thống

Cài đặt hệ thống quản lý cửa hàng bán đồ thể thao bao gồm việc triển khaicác thành phần phần mềm, cấu hình máy chủ, thiết lập cơ sở dữ liệu và tích hợpcác dịch vụ bên ngoài Chương này sẽ trình bày chi tiết các bước cần thiết để càiđặt và triển khai hệ thống

Môi Trường Cài Đặt:

Backend: Sử dụng SQL Sever để xử lý logic và lưu trữ dữ liệu

Kiến trúc hệ thống: Hệ thống được thiết kế theo mô hình MVC View-Controller) để đảm bảo tính tổ chức và khả năng mở rộng

View: Thành phần chịu trách nhiệm hiển thị giao diện người dùng Viewnhận dữ liệu từ Controller và hiển thị chúng cho người dùng

Controller: Thành phần trung gian giữa Model và View Controller xử lý cácyêu cầu từ người dùng, tương tác với Model để lấy dữ liệu và chuyển dữ liệuđến View để hiển thị.

3 Giao diện chức năng của từng thành phần trong hệ thống:

3.1 Client-Side ( FrontEnd):

Giao diện người dùng hệ thống website TMDT cửa hàng đồ thể thao

Trang chủ (Home): Hiển thị các thông tin về hệ thống, các sản phẩm về đồ thể thao : Giày, Áo Khoác , và giá bán của từng sản phẩm

Hình 10 Giao Diện Áo Khoác(Home)

Hình 11: Giao Diện Giày (Home)

Hình 12: Giao Diện Quần Áo Thể Thao (Home)

Chức năng tìm kiếm đồ thể thao: Cho phép người dùng nhập tên giày, áo khoác và quần áo hoặc tên thương hiệu và hiển thị kết quả

Trang chi tiết sản phẩm : Khách hàng tiến hành có thể xem chi tiết loại sản phẩm mình đang quan tâm

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

Trang giỏ hàng ( đã có sản phẩm được thêm vào giỏ hàng): Giỏ hàng sẽ hiển thị đầy đủ sản phẩm người dùng đã thêm vào giỏ hàng trước đó

Hình 14 Giao diện giỏ hàngTrang đăng nhập: Người dùng tiến hành đặt hàng khi chưa đăng nhập sẽ được chuyển sang trang đăng nhập

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

Trang đăng ký thành viên: Người dùng chưa có tài khoản sẽ được đăng ký

để làm thành viên cửa hàng với nhiều ưu đãi hấp dẫn

Hình 16 Giao diện trang đăng kýTrang chi tiết đơn hàng: Giao diện hiển thị thông tin chi tiết đơn hàng bao gồm sản phẩm và số lượng sản phẩm mà khách hàng đã đặt

Hình 17 Giao diện trang chi tiết đơn hàng

Trang chi tiết đơn hàng: Sau khi thanh toán thì giao diện thông báo là đã thanh toán thành công và khách hàng có thể đợi nhân viên bên cửa hàng liên lạc với người dùng trong thời gian sớm nhất

Hình 18 Giao diện trang chi tiết đơn hàng thành công

3.2 Server-Side (Backend):

Giao diện quản trị hệ thống cửa hàng bán đồ thể thao

Trang đăng nhập (Login): Để tiến hành quản trị hệ thống cơ sở dữ liệu thì vẫn đăng nhập trên trang Login của Giao diện người dùng.

Hình 19 Giao diện trang đăng nhập AdminTrang chủ (Home): Giao diện trang chủ quản trị của hệ thống

Hình 20 Giao diện trang chủ AdminQuản lý sản phẩm: Admin có thể thêm sản phẩm mới, xóa, chỉnh sửa và xem chi tiết sản phẩm

Hình 21 Giao diện quản lý sản phẩmQuản lý sản phẩm: Giao diện thêm mới sản phẩm mới

Hình 22 Giao diện quản lý sản phẩm thêm mới

Quản lý sản phẩm: Giao diện sửa thông tin sản phẩm

Hình 23 Giao diện sửa thông tin sản phẩm.

Quản lý sản phẩm : Giao diện xóa sản phẩm , Admin có thể xóa bất kì sản phẩm nào ngưng bán

Hình 24 Giao diện xóa sản phẩmQuản lý sản phẩm : Giao diện sửa sản phẩm, Admin có thể sửa bất kì sản phẩm nào ngưng bán

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

CHƯƠNG IV: ĐÁNH GIÁ KIỂM THỬ

1 Mục tiêu kiểm thử:

Mục tiêu kiểm thử website bán quần áo thể thao bao gồm việc đảm bảo chức năng hoạt động chính xác, kiểm tra tính tương thích trên các trình duyệt và thiết bị di động, đánh giá tốc độ tải trang để cải thiện trải nghiệm người dùng, và xác định các lỗ hổng bảo mật nhằm bảo vệ dữ liệu khách hàng Bên cạnh

đó, việc đánh giá trải nghiệm người dùng thông qua giao diện, quy trình thanh toán, độ chính xác của thông tin sản phẩm, khả năng tìm kiếm, và các kênh hỗ trợ khách hàng cũng rất quan trọng Cuối cùng, kiểm tra tính năng khuyến mãi và giảm giá sẽ đảm bảo rằng các chương trình tiếp thị hoạt động hiệu quả Tổng hợp các yếu tố này sẽ giúp tối ưu hóa hiệu suất của website, nâng cao sự hài lòng của khách hàng và gia tăng doanh thu

2 Kịch bản kiểm thử:

Kịch bản kiểm thử cho website bán quần áo thể thao sẽ bao gồm kiểm tra cácchức năng chính như đăng nhập, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng, quy trình thanh toán, đăng ký tài khoản và kiểm tra tính bảo mật, nhằmđảm bảo mọi chức năng hoạt động chính xác và mang lại trải nghiệm người dùng tốt nhất

3 Kết quả kiểm thử:

Thái