Đồ án tốt nghiệp: Xây dựng website bán giày SneakerHead Store - ĐH SPKT TPHCM

Tài liệu đồ án tốt nghiệp về xây dựng website bán giày SneakerHead Store. Báo cáo chi tiết quá trình phân tích, thiết kế và triển khai hệ thống.

Chuyên ngành

Công nghệ Thông tin

Người đăng

Ẩn danh

Thể loại

Khóa luận tốt nghiệp

2024

156
0
0

Phí lưu trữ

45 Point

Tóm tắt

I. Tổng Quan Về Đề Án Xây Dựng Website Bán Giày Sneakerhead Store

Đề án xây dựng website bán giày Sneakerhead Store là một khóa luận tốt nghiệp thuộc ngành Công Nghệ Thông Tin tại Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh. Dự án được thực hiện bởi hai sinh viên Phan Quốc Thái và Phạm Xuân Vinh dưới sự hướng dẫn của PGS. Hoàng Văn Dũng. Website bán giày online này nhằm cung cấp nền tảng thương mại điện tử chuyên biệt cho cộng đồng những người yêu thích giày Sneaker. Dự án không chỉ tập trung vào việc xây dựng hệ thống bán hàng mà còn tối ưu hóa trải nghiệm người dùng thông qua thiết kế giao diện thân thiện và các tính năng hiện đại. Việc phát triển e-commerce website này thể hiện sự kết hợp hoàn hảo giữa lý thuyết học thuật và ứng dụng thực tiễn trong lĩnh vực công nghệ phần mềm.

1.1. Mục Tiêu và Tính Cấp Thiết Của Đề Tài

Mục tiêu chính của đề án là xây dựng một nền tảng thương mại điện tử chuyên nghiệp cho lĩnh vực bán lẻ giày Sneaker. Tính cấp thiết nằm ở việc thị trường sneaker tại Việt Nam đang phát triển mạnh mẽ, nhưng vẫn thiếu những website bán giày với giao diện hiện đại và trải nghiệm người dùng tối ưu. Dự án này giải quyết nhu cầu cấp thiết đó bằng cách áp dụng các công nghệ tiên tiến và best practices trong phát triển phần mềm.

1.2. Phạm Vi Và Đối Tượng Nghiên Cứu

Phạm vi của đề án bao gồm phân tích, thiết kế, và triển khai hệ thống website bán giày hoàn chỉnh. Đối tượng nghiên cứu là các website thương mại điện tử có cùng lĩnh vực như Adidas Việt Nam, Bounty Sneakers, KingShoes để khảo sát chức năng và trải nghiệm người dùng. Dự án tập trung vào việc phát triển cả frontendbackend với các tính năng quản lý sản phẩm, đơn hàng, và thanh toán trực tuyến.

II. Kiến Trúc Công Nghệ Và Stack Công Nghệ Sử Dụng

Website Sneakerhead Store được xây dựng trên nền tảng kiến trúc hiện đại kết hợp ReactJS cho frontend và Spring Framework/Spring Boot cho backend. Cơ sở dữ liệu sử dụng MongoDB, một NoSQL database linh hoạt phù hợp với dữ liệu không có cấu trúc cố định. Hệ thống xác thực được bảo vệ bằng JSON Web Token (JWT), đảm bảo an ninh cao cho các giao dịch trực tuyến. Stack công nghệ này được lựa chọn dựa trên khảo sát các website bán hàng thành công trong lĩnh vực và các tiêu chí đánh giá chất lượng website. Kiến trúc microservices cho phép hệ thống dễ dàng mở rộng và bảo trì trong tương lai.

2.1. Frontend ReactJS Và Giao Diện Người Dùng

ReactJS được chọn để xây dựng giao diện website động và đáp ứng nhanh. Framework này cho phép tạo các component tái sử dụng, cải thiện hiệu suất và trải nghiệm người dùng. Giao diện được thiết kế thân thiện với responsive design, tương thích trên tất cả các thiết bị từ máy tính để bàn đến điện thoại di động. Tối ưu hóa UX/UI là ưu tiên hàng đầu để đạt được độ hài lòng khách hàng cao.

2.2. Backend Spring Boot Và Xử Lý Dữ Liệu

Spring Boot cung cấp framework mạnh mẽ cho phát triển API backend của hệ thống bán giày. MongoDB lưu trữ dữ liệu sản phẩm, khách hàng và đơn hàng một cách linh hoạt. JWT token bảo vệ các endpoint API, đảm bảo chỉ những người dùng được xác thực mới có thể truy cập thông tin nhạy cảm. Kiến trúc này cho phép xử lý lượng lớn yêu cầu đồng thời từ nhiều người dùng.

III. Phân Tích Và Thiết Kế Hệ Thống Quản Lý

Quá trình phân tích hệ thống bắt đầu từ xác định tác nhân (actors) và các use case chính của ứng dụng. Lược đồ use case được xây dựng để mô tả tương tác giữa người dùng, quản trị viên và hệ thống website bán giày. Quy trình thiết kế cơ sở dữ liệu tạo ra các bảng (tables) lưu trữ thông tin sản phẩm, khách hàng, đơn hàng và thanh toán. Lược đồ tuần tự giúp xác định luồng hoạt động chi tiết cho mỗi use case. Thiết kế giao diện được thực hiện dựa trên tiêu chí đánh giá website chuyên nghiệp, đảm bảo tính nhất quán và dễ sử dụng. Phần thiết kế này là nền tảng quan trọng cho giai đoạn triển khai hệ thống sau đó.

3.1. Xác Định Yêu Cầu Và Mô Hình Use Case

Yêu cầu chức năng bao gồm tìm kiếm sản phẩm, xem chi tiết giày sneaker, thêm vào giỏ hàng, thanh toán và quản lý đơn hàng. Yêu cầu phi chức năng nhấn mạnh vào hiệu suất website, bảo mật, tính sẵn sàng và khả năng mở rộng. Lược đồ use case cụ thể hóa các tương tác này giữa người dùng, khách hàng và quản trị viên website bán hàng.

3.2. Thiết Kế Cơ Sở Dữ Liệu Và Cấu Trúc Giao Diện

Cơ sở dữ liệu MongoDB được thiết kế với các collection cho Products, Users, Orders, và Payments. Thiết kế giao diện tuân theo các nguyên tắc UX/UI hiện đại, với navigation rõ ràng, search functionality mạnh mẽ và checkout process đơn giản. Mỗi trang được tối ưu hóa cho hiệu suất tải nhanhtrải nghiệm người dùng mượt mà.

IV. Triển Khai Kiểm Thử Và Hướng Phát Triển Tương Lai

Giai đoạn triển khai hệ thống bao gồm cài đặt frontend ReactJS trên các server tối ưu hóa và deploy backend Spring Boot với MongoDB database. Kiểm thử hệ thống được thực hiện toàn diện bao gồm unit testing, integration testinguser acceptance testing (UAT) để đảm bảo website bán giày hoạt động ổn định. Kết quả kiểm thử cho thấy hệ thống đáp ứng đầy đủ các yêu cầu chức năng và hiệu suất. Hướng phát triển tương lai của Sneakerhead Store bao gồm thêm tính năng AI recommendation, chatbot hỗ trợ khách hàng, tích hợp thanh toán nhiều cách và mở rộng danh mục sản phẩm. Dự án này không chỉ hoàn thành khóa luận tốt nghiệp mà còn có giá trị thương mại tiềm năng cao.

4.1. Triển Khai Frontend Và Backend Hệ Thống

Triển khai frontend sử dụng Node.jsnpm để quản lý dependencies của ReactJS. Backend deployment thực hiện trên server cloud với Spring Boot chạy trong Docker container để đảm bảo consistencyscalability. Cơ sở dữ liệu MongoDB được sao lưu định kỳ để bảo vệ dữ liệu khách hàng và thông tin đơn hàng.

4.2. Kiểm Thử Và Kết Quả Đạt Được

Kiểm thử chức năng xác nhận tất cả use case hoạt động chính xác. Kiểm thử hiệu suất đảm bảo website tải nhanh dưới 3 giây. Kiểm thử bảo mật xác minh JWT authentication, data encryptionSQL injection prevention. Đề án đạt được kết quả tốt với mức độ hoàn thành 100% các yêu cầu và sẵn sàng triển khai thương mại.

Tóm tắt và mô tả trên trang này được tạo với sự hỗ trợ của AI. Nếu bạn thấy nội dung không chính xác hoặc có vấn đề, vui lòng Báo lỗi nội dung.

18/12/2025
Xây dựng website bán giày sneakerhead store

Trích đoạn nội dung tài liệu

PHẦN MỞ ĐẦU 1. Tính cấp thiết của đề tài Với nền công nghiệp 4.0 hiện nay, kinh doanh mua bán là một nhu cầu không thể thiếu cho mọi người. Trong số các mặt hàng thời trang, giày dép là một sản phẩm rất quan trọng cho mỗi cá nhân. Nhưng việc tìm được một đôi giày ưng ý không phải là dễ dàng, bởi thị trường có quá nhiều loại giày với kiểu dáng, chất lượng, giá cả khác biệt, khiến người dùng khó chọn được đôi giày phù hợp với nhu cầu của mình.

Thêm vào đó, cũng có nhiều nhà cung cấp không đảm bảo uy tín. Với những lý do kể trên, các website bán hàng trực tuyến ra đời để cung cấp cho người dùng những thông tin đáng tin cậy, giúp cho việc mua sắm trở nên thuận tiện hơn. Người dùng sẽ có thể chọn được sản phẩm ưng ý cho bản thân mà không lo về chất lượng. Các website bán hàng trực tuyến đã tạo ra một cách mua sắm mới cho chúng ta, khi chỉ cần một cú nhấp chuột là có thể có được tất cả các thông tin cần thiết.

Nhóm nghiên cứu của chúng tôi đã chọn đề tài “Xây dựng website bán giày SneakerHead Store” cho Khóa luận tốt nghiệp. Mục tiêu của đề tài Xây dựng một Website bán giày sneaker online với giao diện thân thiện, dễ tiếp cận, quy trình tìm kiếm sản phẩm, đặt hàng một cách dễ dàng và đa dạng các hình thức thanh toán. Xây dựng một Website quản lý cửa hàng giày sneaker với đầy đủ những tính năng quản trị và hiển thị thông tin, thống kê một cách trực quan nhất, giúp người dùng dễ dàng theo dõi và quản lý. Cách tiếp cận và phương pháp nghiên cứu 3.

Đối tượng nghiên cứu Đối tượng nghiên cứu trong đề tài “Xây dựng website bán giày SneakerHead Store” được nhóm nghiên cứu thông qua các khảo sát thực tế gồm có: - Sử dụng các cấu trúc, tính năng, ưu điểm, độ tin cậy và khía cạnh bảo mật của Spring Boot và ReactJS trong việc tích hợp vào đề tài. 1 - Tìm hiểu các trang web tương đồng để nắm bắt cách chúng hoạt động, quy trình tìm kiếm sản phẩm, đặt hàng và những tính năng quan trọng cho một trang web mua sắm giày dép trực tuyến. Sau đó, nhóm đã áp dụng kiến thức thu được vào dự án. - Dựa trên đặc điểm và nhu cầu sử dụng của người dùng, thiết kế chức năng sao cho tương thích và phản ánh nhu cầu của họ.

Cung cấp các giải pháp để đối mặt với những khó khăn mà người dùng có thể gặp phải. - Quản lý và nhân viên cửa hàng: Phân tích và đáp ứng những kỹ năng và nhu cầu quản lý cũng như thao tác mà đội ngũ quản lý và nhân viên cửa hàng cần sử dụng. Điều này bao gồm việc tối ưu hóa giao diện người dùng và các chức năng hỗ trợ quản lý, đồng thời cung cấp các công cụ hiệu quả nhằm giúp nhân viên thực hiện các nhiệm vụ hàng ngày một cách thuận tiện và hiệu quả. Phạm vi đề tài Nhóm đã định rõ phạm vi mà họ sẽ nghiên cứu và tuân thủ các quy tắc cụ thể.

Dưới đây là danh sách các phạm vi mà nhóm đã xác định: - Về phần công nghệ, nhóm tập trung vào việc sử dụng các công nghệ back-end như Spring Boot, Front-end như ReactJS, và cơ sở dữ liệu MongoDb. Ngoài ra, nhóm cũng tích hợp các công nghệ hỗ trợ của bên thứ 3 khác như Paypal, VnPay, GHN, Google,. Từ những công nghệ này, nhóm áp dụng kỹ năng lập trình và kiến thức đã học để xây dựng cấu trúc và chức năng của trang web. - Liên quan đến đối tượng mà trang web hướng đến, nhóm tập trung nghiên cứu và phát triển các chức năng nhằm đáp ứng nhu cầu của khách hàng, những đối tượng có nhu cầu mua sắm, săn các sản phẩm giày Sneaker online.

- Về môi trường hoạt động, trang web được thiết kế để hoạt động trong lĩnh vực mua sắm, chủ yếu tập trung vào việc cung cấp dịch vụ tìm kiếm, mua sắm các sản phẩm giày Sneaker tại cửa hàng. Đồng thời, trang web này cung cấp một quy trình đặt hàng và thanh toán để một cách thuận tiện. - Về mặt kỹ năng vận hành, đối với người dùng, chỉ cần thực hiện các thao tác như tìm kiếm sản phẩm, xem chi tiết sản phẩm, thêm sản phẩm vào giỏ hàng, đặt hàng, thanh toán và đánh giá sản phẩm. Trong khi đó, đối với quản lý và nhân viên, yêu cầu có nghiệp vụ trong các công việc như tạo mới, xóa, cập nhật, và quan sát các dữ liệu như thông tin về người dùng, sản phẩm, danh mục sản phẩm, nhãn hàng, đơn hàng.

Phân tích những công trình có liên quan 4. Website thứ nhất: Adidas Việt Nam 2 Link website: https://www.vn Khảo sát website Adidas Việt Nam Lý do chọn: Adidas là một thương hiệu thời trang đa quốc gia có nguồn gốc từ Đức, được biết đến với các sản phẩm chất lượng cao, đa dạng mẫu mã, đối tượng người dùng. Trang chủ Adidas Việt Nam là một website phân phối online các sản phẩm giày dép, quần áo, phụ kiện thể thao chính hãng của Adidas tại Việt Nam. Giao diện trang chủ Adidas Việt Nam Hình 2.

Giao diện trang xem chi tiết đơn hàng Adidas Việt Nam Các chức năng của website: - Đăng ký/đăng nhập tài khoản, đăng nhập tài khoản với bên thứ 3. 3 - Xem danh sách sản phẩm: Website cho phép người dùng có thể xem danh sách các sản phẩm theo từng danh mục. - Xem chi tiết sản phẩm: Người dùng có thể xem chi tiết của một sản phẩm bất kỳ. - Xem hướng dẫn chọn size giày: Người dùng có thể xem hướng dẫn chọn size giày dựa vào kích thước của bàn chân.

- Thêm sản phẩm vào danh mục yêu thích: Người dùng có thể thêm bất kỳ sản phẩm nào vào danh mục yêu thích. - Tìm kiếm, sắp xếp và lọc sản phẩm: Website cho phép người dùng tìm kiếm sản phẩm theo tên. Bên cạnh đó người dùng cũng có thể áp dụng bộ lọc hoặc sắp xếp sản phẩm để dễ dàng xem các sản phẩm. - Đánh giá sản phẩm: Người dùng có thể đánh giá sản phẩm từ 1 đến 5 sao và có thể viết những đánh giá cho sản phẩm mà mình đã mua.

- Thêm sản phẩm vào giỏ hàng: Người dùng có thể thêm một sản phẩm mình muốn mua vào giỏ hàng. - Đặt hàng và thanh toán: Đặt hàng với các phương thức thanh toán được chấp nhận như là thanh toán khi nhận hàng, thẻ Mastercard và thẻ Visa. - Theo dõi đơn hàng: Người dùng có thể theo dõi lịch trình đơn hàng của mình. Ưu điểm: - Giao diện thân thiện, dễ sử dụng.

- Màu sắc hài hoà, hiệu ứng đẹp, mượt mà. - Mỗi dòng sản phẩm sẽ có một chuyện về dòng sản phẩm, tạo nên giá trị tinh thần cho sản phẩm. - Đầy đủ chức năng đáp ứng hầu hết nhu cầu người dùng. Nhược điểm: - Website dồn rất nhiều nội dung vào một trang, làm cho người dùng bị rối mắt dùng khi tìm kiếm, xem sản phẩm và đặt hàng.

- Chưa hỗ trợ nhiều phương thức thanh toán online. Website thứ hai: Bounty Sneakers Link website: https://bountysneakers.com Khảo sát website Bounty Sneakers Lý do chọn: Bounty Sneakers là một cửa hàng chuyên cung cấp các mặt hàng giày dép, phụ kiện thể thao chính hãng của rất nhiều thương hiệu lớn trên thế giới: Nike, Adidas, MLB,.uy tín và chất lượng hàng đầu tại Hà Nội. Trang chủ Bounty Sneakers là một website phân phối online toàn quốc các sản phẩm giày dép, phụ kiện thể thao chính hãng của Bounty Sneakers với đa dạng mẫu mã dành cho cả nam và nữ. Tất cả các sản phẩm tại Bounty Sneakers 100% là hàng chính hãng nhập ngoại từ cửa hàng Adidas, Nike chính thống các nước Anh, Mỹ, Nhật với chất lượng được kiểm duyệt.

Đầy đủ tem, tag và phụ kiện. Trang chủ Bounty Sneakers 5 Hình 4. Trang chi tiết sản phẩm Bounty Sneakers Các chức năng của website: - Đăng ký/đăng nhập tài khoản, đăng nhập tài khoản với bên thứ 3. - Xem danh sách sản phẩm: Website cho phép người dùng có thể xem danh sách các sản phẩm theo từng danh mục.

- Xem chi tiết sản phẩm: Người dùng có thể xem chi tiết của một sản phẩm bất kỳ. - Xem hướng dẫn chọn size giày: Người dùng có thể xem hướng dẫn chọn size giày dựa vào kích thước của bàn chân. - Tìm kiếm sản phẩm: Website cho phép người dùng tìm kiếm sản phẩm theo tên. - Thêm sản phẩm vào giỏ hàng: Người dùng có thể thêm một sản phẩm mình muốn mua vào giỏ hàng.

- Nhập mã giảm giá: Website cho phép người dùng nhập những mã giảm giá để giảm giá cho hóa đơn mua hàng. - Đặt hàng và thanh toán: Đặt hàng với các phương thức thanh toán được chấp nhận như là thanh toán khi nhận hàng, chuyển khoản qua ngân hàng và thanh toán trả sau Fundiin. - Nhắn tin, gọi điện cho đội ngũ tư vấn: Người dùng có thể nhắn tin, gọi điện cho cửa hàng để được tư vấn về các sản phẩm, tư vấn chọn size, phương thức thanh toán,. 6 Ưu điểm: - Giao diện thân thiện, dễ sử dụng.

- Màu sắc hài hoà, hiệu ứng đẹp, mượt mà. - Đầy đủ chức năng đáp ứng hầu hết nhu cầu người dùng. - Hệ thống mã giảm giá giúp kích thích người tiêu dùng mua hàng - Phương thức thanh toán đa dạng, thuận tiện cho khách hàng thanh toán. Nhược điểm: - Website chưa hỗ trợ người dùng lọc, sắp xếp danh sách tìm kiếm sản phẩm theo mức giá.

- Chưa hỗ trợ người dùng thêm sản phẩm vào danh mục yêu thích. Website thứ ba: KingShoes Link website: https://kingshoes.vn Khảo sát website KingShoes Lý do chọn: KingShoes là một cửa hàng chuyên cung cấp các mặt hàng giày sneaker, phụ kiện thể thao chính hãng của Nike, Adidas,. uy tín và chất lượng hàng đầu tại Thành phố Hồ Chí Minh. Bên cạnh đó, cửa hàng KingShoes là một trong những nơi sưu tầm có khối lượng giày hiếm siêu khủng.

Có những mẫu giày cực kì hype được giới sưu tầm săn lùng, thậm chí nhiều mẫu lạ mới mà hiếm shop nào có. Trang chủ KingShoes là một website phân phối online các sản phẩm giày sneaker, phụ kiện thể thao chính hãng với đa dạng mẫu mã, kể cả những mẫu rất hiếm trên thị trường giày Sneaker. Trang chủ KingShoes Hình 6. Trang chi tiết sản phẩm KingShoes Các chức năng của website: - Xem danh sách sản phẩm: Website cho phép người dùng có thể xem danh sách các sản phẩm theo từng danh mục.

- Xem chi tiết sản phẩm: Người dùng có thể xem chi tiết của một sản phẩm bất kỳ. 8 - Tìm kiếm, sắp xếp và lọc sản phẩm: Website cho phép người dùng tìm kiếm sản phẩm theo tên.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ