báo cáo bài tập lớn tạo web phụ tùng xe đạp online

GIỚI THIỆU ĐỀ TÀI1.1 Đặt vấn đề Việc mua phụ tùng xe đạp là điều cần thiết vì các bộ phận của xe đạp, như khung xe, tay gạt, phuốc, gạt đĩa và gạt líp, đều có thể bị mòn hoặc hư hỏng sau

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

LỜI CẢM ƠN  

Lời đầu tiên chúng em xin phép gửi lời cảm ơn tới Khoa Công nghệ thông tin –Trường đại học Phenikaa đã tạo điều kiện thuận lợi cho nhóm thực hiện bài tập lớnmôn học này

Chúng em xin chân thành cảm ơn tới giảng viên Vũ Quang Dũng đã hướng dẫn emtrong suốt quá trình hoàn thiện bài tập lớn này Em xin cảm ơn thầy đã gợi ý những

ý tưởng và giúp chúng em đưa ra những giải pháp phù hợp nhất để em có thể hoànthành bài tập lớn với kết quả tốt nhất

Mặc dù nhóm đã có cố gắng, nhưng với trình độ còn hạn chế, trong quá trình thựchiện đề tài không tránh khỏi những thiếu sót Chúng em hi vọng sẽ nhận đượcnhững ý kiến nhận xét, góp ý của các thầy giáo về những kết quả triển khai trongbài tập lớn

Chúng em xin trân trọng cảm ơn !

MỤC LỤC

LỜI CẢM ƠN 2

MỤC LỤC 3

CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI 1

1.1 Đặt vấn đề 1

1.2 Mục tiêu và phạm vi đề tài 1

1.2.1 Mục tiêu 1

1.2.2 Phạm vi đề tài 1

1.3 Định hướng giải pháp 2

1.4 Kết luận 3

CHƯƠNG 2 KHẢO SÁT VÀ PHÂN TÍCH YÊU CẦU 3

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

2.2 Tổng quan chức năng 3

2.2.1 Module 4

2.2.2 Biểu đồ use case tổng quát 4

2.2.3 Biểu đồ use case phân rã 5

2.2.4 Sơ đồ quan hệ đối tượng 8

2.2.5 Activites flow 9

CHƯƠNG 3 CÔNG NGHỆ SỬ DỤNG 13

3.1 Môi trường lập trình: 13

3.2 Cơ sở dữ liệu: 13

3.3 Các chức năng chính của dự án: 14

3.4 Giao diện người dùng và trải nghiệm người dùng: 14

3.5 Quản lý dự án: 14

CHƯƠNG 4 PHÁT TRIỂN VÀ TRIỂN KHAI ỨNG DỤNG 15

4.1 Thiết kế kiến trúc 15

CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 23

5.1 Đánh giá sản phẩm và hướng phát triển tương lai: 23

5.2 Khuynh hướng phát triển: 23

5.2.1 Cải thiện giao diện người dùng: 23

5.2.2 Chức năng báo cáo: 24

5.2.3 Tích hợp API bên thứ ba: 24

5.2.4 Bảo mật và quản lý quyền truy cập: 24

5.2.5 Đáp ứng và tối ưu hóa di động: 24

CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI

1.1 Đặt vấn đề

Việc mua phụ tùng xe đạp là điều cần thiết vì các bộ phận của xe đạp, như khung

xe, tay gạt, phuốc, gạt đĩa và gạt líp, đều có thể bị mòn hoặc hư hỏng sau một thời gian sử dụng Việc thay thế và nâng cấp phụ tùng không chỉ giúp xe đạp hoạt động trơn tru hơn mà còn cải thiện hiệu suất và độ an toàn khi đạp xe Ngoài ra, việc chọn đúng phụ tùng phù hợp sẽ tăng cường trải nghiệm cá nhân và đáp ứng nhu cầu cụ thể của người sử dụng, cho dù bạn là người đạp xe chuyên nghiệp hay người sử dụng xe đạp hàng ngày

1.2 Mục tiêu và phạm vi đề tài

1.2.1 Mục tiêu

+ Xây dựng website bán hàng trực tuyến: Phát triển một trang web hoàn chỉnh với đầy đủ các chức năng cần thiết của một nền tảng thương mại điện tử dành riêng cho xe đạp

+ Quản lý sản phẩm: Tạo ra các tính năng quản lý sản phẩm hiệu quả, bao gồm thêm, sửa, xóa và hiển thị chi tiết về các loại phụ tùng xe đạp khác nhau

+ Tìm kiếm và lọc sản phẩm: Cung cấp khả năng tìm kiếm và lọc sản phẩm theo nhiều tiêu chí như thương hiệu, loại xe, giá cả và thông số kỹ thuật để người dùng

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

+ Quản lý đơn hàng: Hỗ trợ toàn bộ quy trình đặt hàng, thanh toán và theo dõi đơn hàng một cách hiệu quả và rõ ràng

+ Thiết kế giao diện người dùng thân thiện: Đảm bảo giao diện người dùng trực quan, dễ sử dụng và tương thích tốt với các thiết bị di động để mang lại trải nghiệmmua sắm tốt nhất cho khách hàng

1.2.2 Phạm vi đề tài

+ Đối tượng phục vụ của hệ thống:

● Đối tượng khách hàng: Người tiêu dùng cá nhân có nhu cầu mua phụ tùng

xe đạp, từ người mới bắt đầu đến người chuyên nghiệp

● Nhóm khách hàng: Người lớn, thanh thiếu niên, trẻ em, những người yêu thích thể thao, những người quan tâm đến sức khỏe và môi trường.

● Nhóm sản phẩm: Khung xe, tay gạt, phuốc, gạt đĩa, gạt líp, lốp, phanh, vành,ghi đông, lịp,

+ Vai Trò của Từng Người Dùng trong Hệ Thống

● Khách hàng: Người mua xe đạp và phụ kiện trên website

- Duyệt sản phẩm: Tìm kiếm và xem chi tiết các sản phẩm xe đạp

- Quản lý giỏ hàng: Thêm, chỉnh sửa hoặc xóa sản phẩm trong giỏ hàng

- Đặt hàng và thanh toán: Hoàn tất quy trình mua hàng bằng cách cung cấp thông tin giao hàng và thực hiện thanh toán trực tuyến

● Quản lý web: Quản lý toàn bộ hoạt động của website bán xe đạp, bao gồm

- Kiểm duyệt sản phẩm: Kiểm tra và phê duyệt các sản phẩm mới được thêm

- trước khi hiển thị trên website

- Quản lý đơn hàng: Giám sát toàn bộ quy trình xử lý đơn hàng từ khi đặt hàng đến khi hoàn tất Giải quyết các vấn đề phát sinh liên quan đến đơn hàng

- Quản lý nội dung: Cập nhật các thông tin, tin tức, bài viết liên quan đến sản phẩm và chính sách của cửa hàng

- Báo cáo và phân tích: Xem và phân tích các báo cáo doanh thu, số lượng đơn hàng, hoạt động của người dùng, và hiệu suất của sản phẩm

- Quản lý tài chính: Theo dõi doanh thu, chi phí và lợi nhuận Quản lý các khoản thanh toán cho người bán hàng và các chi phí hoạt động của hệ thống

- Quản lý bảo mật: Đảm bảo an toàn và bảo mật cho toàn bộ hệ thống, bảo vệ thông tin người dùng và ngăn chặn các hành vi gian lận

1.3 Định hướng giải pháp

Định hướng: Trở thành một website thành công ở thị trường quốc tế.

Giải pháp: Bán những mặt hàng chất lượng, dịch vụ tận tâm với khách hàng

1.4 Kết luận

Chương 1 đã giới thiệu về đề tài xây dựng website bán phụ tùng xe đạp trực tuyến, nhấn mạnh tầm quan trọng của thương mại điện tử trong kinh doanh hiện nay và tiềm năng của thị trường xe đạp Các mục tiêu và phạm vi của đề tài đã được xác định rõ ràng, từ việc xây dựng chức năng quản lý sản phẩm, tìm kiếm và lọc sản phẩm, đến quản lý đơn hàng và thiết kế giao diện người dùng thân thiện Vai trò cụthể của từng người dùng trong hệ thống cũng đã được mô tả chi tiết Định hướng giải pháp kỹ thuật đã được xác định, tạo nền tảng cho việc phát triển các chương tiếp theo của dự án.

CHƯƠNG 2 KHẢO SÁT VÀ PHÂN TÍCH YÊU CẦU

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

Một website xe đạp online chất lượng là nơi tổng hợp một loạt những loại phụ tùng

xe đạp đảm bảo chất lượng Việc thay thế và nâng cấp phụ tùng không chỉ giúp xe đạp hoạt động trơn tru hơn mà còn cải thiện hiệu suất và độ an toàn khi đạp xe.Việc thiết kế một website bán phụ tùng xe đạp online hấp dẫn là một công đoạn quan trọng trong thời đại hiện nay Giao diện trực quan, thân thiện và dễ sử dụng làyếu tố quan trọng để thu hút khách hàng Trang web nên có một cấu trúc rõ ràng vàsắp xếp hợp lý, giúp khách hàng dễ dàng tìm kiếm và chọn lựa xe theo sở thích của

họ Hình ảnh sản phẩm nên được hiển thị một cách hấp dẫn và hợp phong cách, giúp khách hàng có cái nhìn trực quan về xe đạp

Đồng thời, website cần cung cấp các tính năng quan trọng như tìm kiếm nhanh, sắpxếp danh mục và bộ lọc để khách hàng có thể dễ dàng tìm kiếm đồ mong muốn Ngoài ra, tính năng đánh giá và nhận xét từ khách hàng cũng rất quan trọng, giúp tăng tính minh bạch và đáng tin cậy cho website

2.2 Tổng quan chức năng

2.2.1 Module

2.2.2 Biểu đồ use case tổng quát

2.2.3 Biểu đồ use case phân rã

a Biểu đồ use case phân rã chức năng tìm kiếm cho đến xem chi tiết

Mô tả use case phân rã của chức năng tìm kiếm:

- Tìm kiếm trên ô tìm kiếm: người dùng tìm kiếm theo tên

-Xem danh sách phụ tùng: có thể chọn vào danh mục phụ tùng để xem trongdanh mục đó, hoặc tìm kiếm loại phụ tùng đó

-Xem chi tiết phụ tùng: sau khi hiện danh sách phụ tùng hoặc thấy phụ tùng cầntìm kiếm sẽ chọn vào xem chi tiết và hiện ra trang chi tiết sản phẩm

b Biểu đồ use case phân rã chức năng quản lý danh mục

Mô tả use case phân rã của chức năng quản lý danh mục:

- Quản lý danh mục: admin chọn tìm kiếm hoặc xem danh sách danh mục,thực hiện thêm sửa xóa danh mục

c Biểu đồ use case phân rã chức năng quản lý phụ tùng

Mô tả use case phân rã của chức năng quản lý phụ tùng

- Quản lý phụ tùng: admin chọn tìm kiếm hoặc xem danh sách phụ tùng, thựchiện thêm, sửa, xóa phụ tùng

d Biểu đồ use case phân rã chức năng quản lý đơn hàng của manage

Mô tả use case phân rã của chức năng quản lý đơn hàng:

- Quản lý đơn hàng: admin quản lý đơn hàng được đặt (chưa được duyệt), cóthể chọn tìm kiếm hoặc xem danh sách đơn hàng, thực hiện duyệt hoặc hủyđơn hàng

- Hủy đơn hàng: khi admin chưa thực hiện duyệt đơn mà khách hàng đã đặtthì phía khách hàng có thể hủy đơn hàng

e Biểu đồ use case phân rã chức năng chọn đồ ăn cho đến xem giỏ hàng

Mô tả use case phân rã của chức năng thêm vào giỏ hàng:

- Thêm phụ tùng vào giỏ hàng: khách hàng chọn phụ tùng mình muốn, sau đó

ấn thêm vào giỏ hàng của mình

- Quản lý giỏ hàng: khách hàng có thể cập nhật số lượng, xóa, chọn đặt hàng

f Biểu đồ use case phân rã chức năng xem lịch sử đặt hàng

Mô tả use case phân rã của chức năng xem lịch sử đặt hàng: khách hàng sau khi đặthàng có thể xem trạng thái đơn hàng, những đơn đã đặt và đánh giá của đơn hàngđó

2.2.4 Sơ đồ quan hệ đối tượng

2.2.5 Activites flow

a.Tìm kiếm sản phẩm

Người dùng có thể tìm kiếm thông tin về sản phẩm mình muốn

Thông tin chi tiết của sản phẩm sẽ bao gồm : giá thành sản phẩm, các thông tin liênquan đến sản phẩm mà người dùng muốn

b Xem và xóa sản phẩm

Người dùng xem sản phẩm mình lựa chọn và có thể xóa sản phẩm ở mục

Basket.Basket sẽ bao gồm những sản phẩm của người dùng lựa chọn Thông tin của sản phẩm bao gồm : tên sản phẩm, số lượng, giá thành

c Thêm thông tin khách hàng

Người dùng thêm thông tin cá nhân ở mục Basket Thông tin sẽ bao gồm : tên, số điện thoại, email

d Thanh toán

Người dùng được phép setup payment

Thông tin gồm thẻ thanh toán sẽ nhận tiền từ các thanh toán phát sinh từ ví thanh toán của khách hàng

Thông tin gồm:

PTTT: (COD, Google pay)

Ứng với mỗi PTTT là các form thông tin hiển thị như thông tin thẻ, tên chủ thẻ,

số thẻ, ngày hết hạn, Code, tên ngân hàng etc…

Người nhận thông tin thanh toán gồm:

Tên người nhận, số điện thoại, email, địa chỉ

CHƯƠNG 3 CÔNG NGHỆ SỬ DỤNG

3.1 Môi trường lập trình:

- Dự án quản lý sản phẩm này được xây dựng hoàn toàn trên nền tảng ngôn ngữ lập trình PHP, một ngôn ngữ lập trình rất phổ biến cho việc phát triển web PHP được sử dụng để viết các script phía server, cho phép thực hiện các tương tác động với cơ sở dữ liệu và xử lý dữ liệu trên server trước khi gửi nó tới trình duyệt người dùng

3.2 Cơ sở dữ liệu:

- Cơ sở dữ liệu sử dụng trong dự án là MySQL, một hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) được sử dụng rộng rãi MySQL cho phép dự án quản lý thông tin sản phẩm một cách hiệu quả, bao gồm việc lưu trữ, truy vấn, cập nhật và xóa dữ liệu Các bảng cụ thể như `products` được tạo để chứa thông

3.3 Các chức năng chính của dự án:

- Dự án bao gồm nhiều chức năng quan trọng để quản lý sản phẩm:

+ Thêm sản phẩm: Một trang web cho phép người dùng nhập thông tin sản phẩm mới hoặc cập nhật số lượng cho sản phẩm hiện có

+ Hiển thị sản phẩm: Trang này hiển thị danh sách toàn bộ sản phẩm vớicác thông tin chi tiết như ID, loại, tên, số lượng còn lại và giá

+ Bán sản phẩm: Cho phép người dùng bán sản phẩm và cập nhật số lượng sản phẩm trong kho

+ Quản lý menu: Một trang đơn giản để điều hướng giữa các chức năng khác nhau của ứng dụng

3.4 Giao diện người dùng và trải nghiệm người dùng:

- Giao diện người dùng được thiết kế sử dụng HTML và có thể có CSS để cải thiện tính thẩm mỹ và trải nghiệm người dùng Mỗi trang web có các biểu mẫu để nhập liệu cần thiết và các bảng để hiển thị dữ liệu Trang web cũng

có các liên kết để dễ dàng chuyển giữa các chức năng khác nhau, cải thiện khả năng sử dụng của ứng dụng

- JavaScript: Để tạo các tính năng tương tác và động.

3.5 Quản lý dự án:

- Git: Hệ thống quản lý phiên bản

- GitHub/GitLab: Nền tảng quản lý mã nguồn và hợp tác nhóm

CHƯƠNG 4 PHÁT TRIỂN VÀ TRIỂN KHAI ỨNG DỤNG 4.1 Thiết kế kiến trúc

Lựa chọn kiến trúc phần mềm

- Kiến trúc lựa trong mô hình 3 Player

3 layer gồm có 3 thành phần: Presentation Layers, Business Logic Layers, và Data Access Layers

.Presentation Layers: Lớp này làm nhiệm vụ giao tiếp với người dùng cuối để thu thập dữ liệu và hiển thị kết quả/dữ liệu thông qua các thành phần trong giao diện người sử dụng

Busines Logic Layers: Đây là layer xử lý chính các dữ liệu trước khi được đưa lên hiển thị trên màn hình hoặc xử lý các dữ liệu trước khi chuyển xuống Data Access

các yêu cầu nghiệp vụ, tính toán, xử lý các yêu cầu và lựa chọn kết quả trả về cho Presentation Layers.

Data Access Layers: Lớp này thực hiện các nghiệp vụ liên quan đến lưu trữ và truyxuất dữ liệu của ứng dụng như đọc, lưu, cập nhật cơ sở dữ liệu

- Áp dụng vào dụ án trong bài tập lớn thì Presentation thì sẽ có trong phần cácmessgge box thông báo cho người dùng Và hiển thị ảnh của người dùng sau khi người dùng chọn

- Các hàm bên trong như random ảnh hàm cắt hàm swap ,làm các thao tác để trả về cho giao diện người dùng

4.2 Thiết kế chi tiết

- Thiết kế giao diện:

(Trang web khởi đầu)

Khi truy cập, người dùng sẽ được điều hướng tới màn hình như sau :

(Mặt hàng)

Người dùng có thể tham khảo các sản phẩm : loại xe, phụ kiện, mẫu mã tại giao diện :

(Tìm kiếm)

Người dùng cũng có thể tìm kiếm mặt hàng mình mong muốn và chi tiết thông quatính năng này :

(Địa chỉ)

(Thanh toán)

Sau khi đã điền toàn bộ thông tin nhận hàng, khách hàng sẽ được tùy chọn phương thức thanh toán :

Link:

https://www.figma.com/proto/C0OxHX2nLhhmWybthl0x0V/Bike-

(Community)?node-id=21-85&t=Bhavro57qqvRbmDX-0&scaling=scale-down&page-id=0%3A1&starting-point-node-id=4%3A8

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

5.1 Đánh giá sản phẩm và hướng phát triển tương lai:

Dự án quản lý sản phẩm hiện tại cung cấp một giải pháp cơ bản và chức năng cho việc quản lý hàng tồn kho trong một doanh nghiệp nhỏ hoặc cửa hàng bán lẻ Sản phẩm này đã tích hợp các công cụ cần thiết để thêm, cập nhật, bán và xem toàn bộ sản phẩm, qua đó giúp người dùng dễ dàng quản lý thông tin sản phẩm Tuy nhiên, giao diện người dùng hiện tại còn khá đơn giản và có thể không hoàn toàn thân thiện với người dùng không am hiểu công nghệ

5.2 Khuynh hướng phát triển:

5.2.1 Cải thiện giao diện người dùng:

- Việc áp dụng các công nghệ front-end hiện đại như ReactJS hoặc Angular

có thể giúp tạo ra một trải nghiệm người dùng mượt mà hơn và giao diện thân thiện hơn Điều này sẽ không chỉ cải thiện thẩm mỹ mà còn nâng cao khả năng tương tác của người dùng với hệ thống

5.2.2 Chức năng báo cáo:

- Phát triển thêm các chức năng báo cáo để người quản lý có thể theo dõi các

xu hướng bán hàng, tồn kho và hiệu quả kinh doanh Các báo cáo có thể bao

gồm biểu đồ, thống kê, và dự báo tồn kho dựa trên dữ liệu bán hàng lịch sử

5.2.3 Tích hợp API bên thứ ba:

- Việc tích hợp các API từ các nhà cung cấp dịch vụ bên ngoài như các hệ

thống thanh toán điện tử, quản lý vận chuyển, hoặc CRM có thể giúp mở

rộng khả năng của hệ thống và cung cấp một giải pháp toàn diện cho người

dùng

5.2.4 Bảo mật và quản lý quyền truy cập:

- Nâng cấp các tính năng bảo mật và thực hiện hệ thống quản lý quyền truy

cập để đảm bảo rằng chỉ có nhân viên được ủy quyền mới có thể truy cập

vào thông tin nhạy cảm và quản lý các chức năng quan trọng của hệ thống

5.2.5 Đáp ứng và tối ưu hóa di động:

- Đảm bảo rằng ứng dụng hoạt động mượt mà trên các thiết bị di động, mở

rộng khả năng sử dụng của nó trong một loạt các tình huống kinh doanh, bao

gồm cả quản lý tại chỗ và từ xa

quan hệ đối tượng