Phát Triển Website Thương Mại Điện Tử Bán Giày: Giải Pháp Tối Ưu Hóa Trải Nghiệm Người Dùng

Khám phá dự án tốt nghiệp website bán giày online 2, nơi cung cấp trải nghiệm mua sắm tiện lợi và đa dạng sản phẩm giày chất lượng.

• Trường học: Trường Đại Học Kinh Tế
• Chuyên ngành: Thương Mại Điện Tử
• Đề tài: Phát Triển Website Thương Mại Điện Tử Bán Giày: Giải Pháp Tối Ưu Hóa Trải Nghiệm Người Dùng
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2023
• Địa điểm: Hà Nội

Mục lục chi tiết

• LỜI CẢM ƠN
• TÓM TẮT NỘI DUNG ĐỒ ÁN
• 1. CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI
• 1.1. Đặt vấn đề
• 1.2. Mục tiêu và phạm vi đề tài
• 1.3. Định hướng giải pháp
• 1.4. Bố cục đồ án
• 2. 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
• 2.2. Tổng quan chức năng
• 2.2.1. Quản trị viên (Admin)
• 2.2.2. Quản trị viên (Editor)
• 2.2.3. Khách hàng (User )
• 2.3. Biểu đồ usecase tổng quát
• 2.4. Biểu đồ usecase phân rã
• 2.5. Quy trình nghiệp vụ
• 3. CHƯƠNG 3: CÔNG NGHỆ SỬ DỤNG
• 4. CHƯƠNG 4: THỰC NGHIỆM VÀ ĐÁNH GIÁ
• 4.1. Thiết kế kiến trúc
• 4.1.1. Lựa chọn kiến trúc phần mềm
• 4.1.2. Thiết kế tổng quan
• 4.1.3. Thiết kế chi tiết
• 4.2. Thiết kế chi tiết
• 4.2.1. Thiết kế giao diện
• 4.2.2. Thiết kế cơ sở dữ liệu
• 4.2.3. Xây dựng ứng dụng
• 4.2.3.1. Thư viện và công cụ sử dụng
• 4.2.3.2. Kết quả đạt được
• 5. CHƯƠNG 5: CÁC GIẢI PHÁP VÀ ĐÓNG GÓP NỔI BẬT
• 6. CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
• 6.1. Hướng phát triển
• MỤC LỤC BẢNG BIỂU
• MỤC LỤC HÌNH ẢNH
• DANH MỤC THUẬT NGỮ VÀ TỪ VIẾT TẮT

Tóm tắt

I. Hướng Dẫn Phát Triển Website Bán Giày UX là Chìa Khóa

Trong bối cảnh thị trường thương mại điện tử cạnh tranh khốc liệt, việc phát triển website thương mại điện tử bán giày không chỉ dừng lại ở việc trưng bày sản phẩm. Yếu tố quyết định sự thành công và khả năng giữ chân khách hàng nằm ở trải nghiệm người dùng (UX). Một website được tối ưu hóa UX sẽ tạo ra một hành trình khách hàng liền mạch, từ lúc tìm kiếm đến khi hoàn tất thanh toán. Nghiên cứu trong đồ án 'Website Bán Giày Online' của trường Cao đẳng nghề Bách Khoa Hà Nội đã nhấn mạnh rằng, nhiều nền tảng hiện tại vẫn còn hạn chế về giao diện và trải nghiệm, tạo ra một khoảng trống thị trường cho các giải pháp ưu việt hơn. Mục tiêu cốt lõi của việc phát triển này là xây dựng một nền tảng mua sắm trực tuyến thân thiện, dễ sử dụng, biến quá trình mua giày online từ một nhu cầu trở thành một trải nghiệm thú vị. Việc đầu tư vào giao diện người dùng (UI) trực quan và UX thông minh không chỉ giúp tăng tối ưu hóa tỷ lệ chuyển đổi (CRO) mà còn xây dựng lòng trung thành thương hiệu, một tài sản vô giá trong ngành bán lẻ. Bài viết này sẽ phân tích các giải pháp tối ưu hóa UX dựa trên các nghiên cứu và thực nghiệm cụ thể, cung cấp một lộ trình rõ ràng để xây dựng một website bán giày hiệu quả.

1.1. Định nghĩa vai trò của UI UX trong website bán giày

Trong lĩnh vực thiết kế website bán giày, Giao diện người dùng (UI) là toàn bộ các yếu tố hình ảnh như màu sắc, bố cục, icon và typography mà người dùng tương tác. Một UI tốt phải đảm bảo tính thẩm mỹ và nhất quán. Trong khi đó, Trải nghiệm người dùng (UX) là cảm nhận và cảm xúc của người dùng khi tương tác với website đó. Nó bao gồm sự dễ dàng trong việc tìm kiếm sản phẩm, sự thuận tiện của quy trình thanh toán và tốc độ phản hồi của trang. Đối với một website bán giày, UX tốt có nghĩa là khách hàng có thể dễ dàng tìm thấy đôi giày đúng size, đúng màu sắc, xem hình ảnh 360 độ sản phẩm và thanh toán mà không gặp bất kỳ trở ngại nào.

1.2. Tại sao tối ưu hóa trải nghiệm người dùng lại quan trọng

Tối ưu hóa trải nghiệm người dùng là yếu tố sống còn. Một khách hàng có trải nghiệm tệ sẽ không quay trở lại. Ngược lại, một trải nghiệm mua sắm mượt mà, được cá nhân hóa trải nghiệm, sẽ khuyến khích họ mua hàng và giới thiệu cho người khác. Tỷ lệ bỏ giỏ hàng cao thường xuất phát từ một quy trình thanh toán (checkout) rườm rà hoặc thiếu tin cậy. Tối ưu hóa UX trực tiếp giải quyết vấn đề này, giúp tăng doanh thu và xây dựng uy tín. Như được đề cập trong tài liệu gốc, mục tiêu chính là khắc phục các khó khăn hiện tại, tạo ra một website mà ở đó người dùng cảm thấy thuận tiện và tin tưởng.

II. Phân Tích Thách Thức Khi Phát Triển Website Bán Giày

Việc phát triển website thương mại điện tử bán giày đối mặt với nhiều thách thức đặc thù. Không giống như các sản phẩm khác, giày dép đòi hỏi sự chính xác cao về kích cỡ, chất liệu và hình thức. Theo khảo sát trong tài liệu nghiên cứu, các vấn đề phổ biến nhất mà người dùng gặp phải bao gồm giao diện thiếu thân thiện và trải nghiệm không như mong muốn. Một trong những rào cản lớn nhất là việc tái tạo trải nghiệm thử giày vật lý trên nền tảng số. Khách hàng không thể chạm vào sản phẩm, điều này đòi hỏi website phải cung cấp thông tin cực kỳ chi tiết và trực quan. Thêm vào đó, sự cạnh tranh từ các sàn thương mại điện tử lớn và các thương hiệu lâu đời tạo ra áp lực phải khác biệt hóa. Sự khác biệt này không chỉ đến từ sản phẩm mà còn từ chính trải nghiệm mua sắm. Việc giải quyết các bài toán về quản lý tồn kho theo size, màu sắc và tối ưu SEO cho website e-commerce để thu hút đúng đối tượng khách hàng cũng là những thách thức không nhỏ cần được giải quyết một cách triệt để.

2.1. Vấn đề giao diện và điều hướng website phức tạp

Nhiều website bán giày hiện nay có cấu trúc điều hướng website phức tạp, khiến người dùng khó khăn trong việc tìm kiếm danh mục sản phẩm. Menu lộn xộn, các danh mục không được phân chia logic làm người dùng mất kiên nhẫn và rời đi. Tài liệu 'Website Bán Giày Online' chỉ ra rằng việc xây dựng một giao diện đơn giản, dễ sử dụng là giải pháp trọng tâm. Một cấu trúc điều hướng rõ ràng, ví dụ như phân loại theo 'Giày Nam', 'Giày Nữ', 'Thương Hiệu', 'Loại Giày', sẽ cải thiện đáng kể trải nghiệm người dùng.

2.2. Khó khăn trong việc tìm kiếm và lọc sản phẩm chính xác

Đây là vấn đề nổi bật được nhấn mạnh trong Chương 5 của tài liệu. Khách hàng thường gặp khó khăn khi không có một bộ lọc sản phẩm thông minh. Việc thiếu các tùy chọn lọc chi tiết như size, mức giá, màu sắc, thương hiệu, hoặc chất liệu làm cho quá trình tìm kiếm trở nên tốn thời gian và không hiệu quả. Giải pháp được đề xuất là tích hợp một hệ thống lọc đa tiêu chí, cho phép người dùng nhanh chóng thu hẹp phạm vi tìm kiếm và tìm thấy sản phẩm mong muốn, từ đó tăng khả năng mua hàng.

2.3. Quy trình thanh toán rườm rà và thiếu tin cậy

Trang thanh toán không thân thiện là một nguyên nhân chính gây ra tỷ lệ từ bỏ giỏ hàng. Các biểu mẫu yêu cầu quá nhiều thông tin không cần thiết, thiếu các cổng thanh toán online phổ biến, hoặc giao diện không rõ ràng đều tạo ra ma sát trong hành trình khách hàng. Việc đơn giản hóa quy trình thanh toán (checkout), chỉ yêu cầu các thông tin cần thiết và cung cấp nhiều phương thức thanh toán an toàn sẽ giúp giảm thiểu tỷ lệ bỏ giỏ hàng và tăng tỷ lệ chuyển đổi thành công.

III. Bí Quyết Xây Dựng Nền Tảng Website Bán Giày Ưu Việt

Để vượt qua các thách thức, việc xây dựng một nền tảng ưu việt là bước đi đầu tiên. Quá trình này bắt đầu từ việc lựa chọn nền tảng TMĐT phù hợp, có thể là các giải pháp mã nguồn mở như WooCommerce bán giày hoặc các nền tảng dịch vụ như Shopify cho website giày. Mỗi nền tảng có ưu và nhược điểm riêng về khả năng tùy biến, chi phí và hệ sinh thái hỗ trợ. Tài liệu gốc đã lựa chọn xây dựng trên framework Laravel, cho phép tùy chỉnh sâu và kiểm soát hoàn toàn hệ thống. Tiếp theo, việc thiết kế kiến trúc phần mềm theo mô hình MVC (Model-View-Controller) giúp bóc tách logic, giao diện và dữ liệu, làm cho hệ thống dễ bảo trì và mở rộng. Cốt lõi của một nền tảng ưu việt là khả năng đáp ứng hai yêu cầu phi chức năng quan trọng: hiệu suất và độ tin cậy. Website phải có tốc độ tải trang nhanh, xử lý được lượng lớn truy cập đồng thời và đảm bảo an toàn dữ liệu khách hàng. Đây là nền móng vững chắc để triển khai các tính năng nâng cao trải nghiệm người dùng.

3.1. Lựa chọn công nghệ và kiến trúc hệ thống phù hợp

Việc lựa chọn công nghệ là quyết định mang tính chiến lược. Đồ án tham khảo đã sử dụng bộ công cụ gồm Laravel, MySQL, HTML, CSS, và JavaScript. Laravel cung cấp một framework mạnh mẽ cho backend, trong khi MySQL đảm bảo việc lưu trữ dữ liệu đáng tin cậy. Kiến trúc MVC được áp dụng để phân chia rõ ràng các thành phần của ứng dụng, giúp việc phát triển và bảo dưỡng trở nên hiệu quả hơn. Lựa chọn này cho phép xây dựng một hệ thống tùy biến cao, đáp ứng chính xác các yêu cầu nghiệp vụ của một cửa hàng giày online.

3.2. Thiết kế đáp ứng Responsive Design cho đa thiết bị

Ngày nay, phần lớn lưu lượng truy cập đến từ các thiết bị di động. Do đó, thiết kế đáp ứng (responsive design) là yêu cầu bắt buộc. Một website bán giày phải hiển thị tốt trên mọi kích thước màn hình, từ máy tính để bàn đến máy tính bảng và điện thoại thông minh. Điều này đảm bảo trải nghiệm người dùng nhất quán và thuận tiện, cho phép khách hàng mua sắm mọi lúc, mọi nơi. Tài liệu nghiên cứu cũng nhấn mạnh việc lựa chọn độ phân giải phổ biến (1920x1080) và thiết kế linh hoạt để đảm bảo tính tương thích.

IV. Phương Pháp Tối Ưu Hóa Tỷ Lệ Chuyển Đổi Cho Website

Sau khi có một nền tảng vững chắc, trọng tâm tiếp theo là tối ưu hóa tỷ lệ chuyển đổi (CRO). Đây là quá trình tinh chỉnh các yếu tố trên website để khuyến khích người dùng thực hiện hành động mua hàng. Quá trình này tập trung chủ yếu vào hai khu vực quan trọng nhất của hành trình khách hàng: trang chi tiết sản phẩm và quy trình thanh toán. Một trang chi tiết sản phẩm (PDP) hiệu quả phải cung cấp đầy đủ thông tin để thay thế cho trải nghiệm cầm nắm sản phẩm vật lý. Điều này bao gồm hình ảnh chất lượng cao từ nhiều góc độ, video sản phẩm, mô tả chi tiết về chất liệu, và một bảng size giày online chính xác. Bên cạnh đó, việc hiển thị đánh giá từ những khách hàng đã mua là một yếu tố tạo dựng lòng tin cực kỳ mạnh mẽ. Song song, việc đơn giản hóa quy trình thanh toán (checkout) là nhiệm vụ tối quan trọng. Mỗi bước không cần thiết, mỗi trường thông tin rườm rà đều có thể khiến khách hàng từ bỏ. Tối ưu hóa khu vực này có thể mang lại sự cải thiện doanh thu ngay lập tức.

4.1. Tối ưu hóa trang chi tiết sản phẩm PDP thuyết phục

Trang PDP là nơi quyết định mua hàng được đưa ra. Để tối ưu, cần tích hợp: Hình ảnh 360 độ sản phẩm hoặc video review để khách hàng có cái nhìn toàn diện. Mô tả sản phẩm phải chi tiết, không chỉ về thông số kỹ thuật mà còn về cảm giác khi mang, gợi ý phối đồ. Chức năng chọn size và màu sắc phải trực quan, đồng thời hiển thị tình trạng quản lý tồn kho (còn hàng/hết hàng) một cách rõ ràng. Cuối cùng, tích hợp phần đánh giá và bình luận của khách hàng để tăng cường uy tín và cung cấp thông tin tham khảo giá trị cho người mua mới.

4.2. Xây dựng quy trình thanh toán checkout tinh gọn

Quy trình thanh toán lý tưởng nên được thực hiện trên một trang duy nhất (one-page checkout) hoặc tối đa 2-3 bước rõ ràng. Cần loại bỏ các yêu cầu đăng ký bắt buộc, cho phép khách hàng thanh toán với tư cách khách (guest checkout). Hiển thị rõ ràng tổng chi phí, bao gồm phí vận chuyển và thuế (nếu có), ngay từ đầu để tránh gây bất ngờ cho khách hàng. Cung cấp đa dạng cổng thanh toán online phổ biến (thẻ tín dụng, ví điện tử, chuyển khoản) bên cạnh tùy chọn thanh toán khi nhận hàng (COD) để đáp ứng nhu cầu của mọi đối tượng khách hàng.

V. Kết Luận Hướng Phát Triển Cho Website Bán Giày TMĐT

Đồ án 'Website Bán Giày Online' đã chứng minh rằng việc phát triển website thương mại điện tử bán giày thành công phụ thuộc rất lớn vào việc tối ưu hóa trải nghiệm người dùng. Một hệ thống hiệu quả không chỉ là nơi trưng bày sản phẩm mà phải là một nền tảng mua sắm thông minh, tiện lợi và đáng tin cậy. Các giải pháp được đưa ra, từ việc cải tiến công cụ tìm kiếm, xây dựng bộ lọc chi tiết, đến việc đơn giản hóa trang thanh toán, đều trực tiếp giải quyết những 'điểm đau' của khách hàng, từ đó cải thiện tỷ lệ chuyển đổi và xây dựng lòng trung thành. Kết quả đạt được là một website có chức năng hoàn chỉnh, từ trang chủ, trang sản phẩm, giỏ hàng đến quản lý tài khoản, tạo ra một nền tảng vững chắc. Tuy nhiên, thế giới công nghệ và hành vi người dùng luôn thay đổi, đòi hỏi các website phải liên tục cải tiến. Hướng phát triển trong tương lai cần tập trung vào việc ứng dụng công nghệ mới để nâng cao hơn nữa trải nghiệm khách hàng, mang lại lợi thế cạnh tranh bền vững.

6.1. Tóm tắt các giải pháp và đóng góp nổi bật

Nghiên cứu đã cung cấp một giải pháp thương mại điện tử hiệu quả cho ngành hàng giày dép. Những đóng góp chính bao gồm: (1) Xây dựng hệ thống tìm kiếm và bộ lọc sản phẩm thông minh, giúp người dùng dễ dàng tìm thấy sản phẩm mong muốn. (2) Tối ưu hóa trang chi tiết sản phẩm (PDP) với thông tin đầy đủ và trực quan. (3) Đơn giản hóa quy trình thanh toán (checkout), giúp giảm tỷ lệ bỏ giỏ hàng. Những giải pháp này đã được chứng minh là có hiệu quả trong việc nâng cao trải nghiệm người dùng và tăng hiệu quả kinh doanh.

6.2. Xu hướng phát triển tương lai Chatbot và ứng dụng di động

Để tiếp tục cải thiện, các hướng phát triển trong tương lai được đề xuất trong tài liệu gốc là rất khả thi. Việc tích hợp Chatbot (trợ lý ảo) sẽ giúp giải đáp thắc mắc của khách hàng 24/7, cải thiện dịch vụ chăm sóc khách hàng. Phát triển một ứng dụng di động chuyên biệt sẽ mang lại một kênh tiếp cận tiện lợi hơn, cho phép cá nhân hóa trải nghiệm sâu hơn thông qua thông báo đẩy (push notifications). Ngoài ra, việc cải tiến hệ thống log để phân tích hành vi người dùng sẽ cung cấp dữ liệu quý giá cho các chiến dịch tối ưu hóa tỷ lệ chuyển đổi (CRO) trong tương lai.

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

Đặt vấn đề.2 Mục tiêu và phạm vi dé tai.3 Định hướng giải pháp. cc ccc et cece cence cteeeentnteeeeenies 8 V4 Bố cục đồ án.Ặ 2S 2n ng uyu 8 CHUONG 2: KHAO SAT VA PHAN TICH YEU CAU.2 Tổng quan chức năng.1 Biểu đồ usecase tông quát.2 Biểu đồ usecase phân rã.- 5s ST TH H11 1121112 1 1 reg 13 2.3 Quy trình nghiệp vụ.4 Yêu cầu phi chức năng. 5 ST 1111211111111 11211 1121 101112 11g 28 CHƯƠNG 3: CÔNG NGHỆ SỬ DỤNG. ee 30 CHƯƠNG 4: THỰC NGHIỆM VÀ ĐÁNH GIÁ.1 Thiết kế kiến trúc.1 Lựa chọn kiến trúc phần mềm.2 Thiết kế tổng quan.3 Thiết Kế Chỉ Tiết.2 Thiết kế chỉ tiẾt.1 Thiết kế giao diện.2 Thiết kế cơ sở dữ liệu.3 Xây dựng ứng dụng.1 Thư viện và công cụ sử dụng.2 Kết quả đạt được.

- 552 S221 212211 11211111211211221111121222121222121122211 2e 48 CHƯƠNG §: CÁC GIẢI PHÁP VÀ ĐÓNG GÓP NỒI BẬT. 7s cse: 49 CHƯƠNG 6: KÉT LUẬN VÀ HƯỚNG PHÁT TRIỂN.2 Hướng phát triển. na 52 Mục lục bảng biểu Table 1: Bảng đặc tả usecase Đăng Ký. Q0 1 121121 1121122111211 22g tre 20 Table 2: Bảng dữ liệu đầu vào của usecase đăng ký.--- nu 21 Table 3:Bang đặc tả usecase Đăng Nhập.

L0 2201211222122 1112222 rreg 21 Table 4: Bảng dữ liệu đầu vào của usecase đăng nhập.-- 5n sen 23 Table 5: Usecase đăng xuất của khách hảng. 2-5 S2 E121 1271152212112 e2 23 Table 6: Usecase đổi mật khâu của khách hàng. 24 Table 7: Bảng đặc tả usecase mua hàng. 25 Table 8 Bảng đặc tả usecase quản lý đơn hàng của Admin.

39 Table 10: Bang thương hiệu.- 2 2 201221 12111211121 111111 15521111211 2111111211111 kg 40 Table 11: Bảng sản phẩm. 52 9T E121111111E71 11211 121101212121 12121211 xu 40 Table 12: Bang chi tiét sản phẩm.iẢỶẢỔẢẢỶÝỶÝÝỶÝ 41 Table 14: Bang đơn hàng.- (0 2222211211211 12 111711011101 11111111 11111211 11111 1g xe 42 Table 15: Bang chi tiết đơn hàng. 5 S12 2119211 12111121171111111 1 1101201 c2 43 Table 16: Bảng bình luận. 43 Table 17: Bảng đánh g1á.

220 122112211211 1211111111111 10111011111 211 111811 xa 44 Table 18: Bang ma 91am 21a. 44 Table 19: Bảng thư viện và công cụ str dung. ccc cccccececeenecneecnseetteeeeenseeens 45 Table 20: Bang thong tin sản phẩm. 2-2-2191 SE1 221211127111 1111121211 011 cx2 47 Table 21: Bảng kiểm thử.

- 2 1S E1 1911111211112112111211 2111211112112 21 re 48 Muc luc hinh anh Figure 1: Usercase tổng quát của Admin.- 2 + 1 1221221121211 511 111211 yg 11 Figure 2: Usecase tổng quát của EditOr.--ss- + s 121111111 1111111211121 ra 12 Figure 3: Usecase tong quat của khách hàng. 52-5 S11 1118151111111 1e 12 Figure 4: Usecase chức năng đăng ký va đăng nhập.-- 0 22 sscsey 13 Figure 5: Tim kiém va loc san pham ¬ 13 Figure 6: Xem chi tiét san pham va dat hàng. 52-5 SE E1 1221121211112 c6 14 Figure 7: Stra thong tin ca han. eee eecceeeeeeecneee caste cneeneeeeeeeeesneeteeenneens 15 Figure 8: Quan lý đơn hàng.

ccc cceesseeseceseenecensestsessesssessssteeenseeeenseees 15 Figure 9: Quan ly danh mun. cece cececcceesessseeseceseeneceneccnseeeessesesseeentieeeetssees 16 Figure 10: Quản lý sản phẩm.-2- 5 1S E1 2121121111111 112112122121 11 ng re 17 Figure 11: Quan lý đơn hàng. 2 22 122122211211 121 121112111111 111 1111281111811 kg 18 Figure 12: Quan ly m@ 21am Ø1Â. 22012111 2211211 1211121111 10211 1111115011 18g ky 19 Fleure 13: Quy trình nghiệp vụ.- c1 c2 22121211211 121 111111111211 121 101118121111 re 19 Figure 14: Hinh 0y 8/0.

35 Figure 15: Hinh anh trang chỉ tiết sản phẩm. 2 + St SE E221 115511112 26 35 Figure 16: Hinh anh giỏ hàng. 2 20 2211211 12211211 15111111111 211 1110111118111 tờ 36 Figure 17: Hinh ảnh đăng nhập. 39 DANH MỤC THUẬT NGỮ VÀ TỪ VIẾT TAT Thuật ngữ Y Nghia HTML HyperText Markup Language la ng6n ngit danh dau siéu van ban CSS Cascading Style Sheets ding dé miéu ta cách trình bày các tài liệu viết bằng ngôn ngữ HTML Javascript Là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm neuyên mẫu PHP Hypertext Preprocessor, là một ngôn ngữ lập trình kịch bản Laravel Là một framework của ngôn ngữ lập trình PHP Jquery Là thư viện cua Javascript, duoc thiét ké đơn giản hóa thao tác HTML DOM, cũng như xử lý sự kiện, hoạt ảnh CSS, và AJax MySQL Là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thê giới CHUONG 1: GIOI THIEU DE TAI 1.1 Dat van dé Sự phát triển không ngừng của Công nghệ thông tin và tin học đã mớ ra nhiều tiềm năng mới trong lĩnh vực quản lý kinh tế, và đặc biệt là trong ngành bán hàng.

Với sự xuất hiện của các phần mềm quản lý và Website, cơ hội để mở rộng thị trường, tăng hiệu quả kinh doanh, và tạo uy tín cho cửa hàng là vô cùng rõ ràng. Tuy nhiên, việc thiết kế Website sao cho phủ hợp với cả khách hàng trực tiếp và trực tuyến lại là một thách thức.2 Mục tiêu và phạm vi đề tài Mục tiêu của đề tài là tìm hiểu cách thiết kế một Website nhằm tối ưu hóa lợi ích mà nó mang lại cho cửa hàng giày thể thao. Phạm vi của đề tài sẽ tập trung vào việc xác định các yêu tố cần thiết cho một Website hiệu quả và thảo luận cách tận dụng những yếu tố đó để tăng cường hiệu quả kinh doanh.3 Định hướng giải pháp Dé giai quyet van dé nay, chung ta cân tìm hiểu những nguyên tắc cơ ban của thiết kê web. Điều này bao gôm việc hiểu người dùng mục tiêu của chúng ta, tạo ra một trải nghiệm người dùng tôt, và đảm bảo rắng Website của chúng ta dé dang tim kiém va điều hướng.4 Bồ cục đồ án Đồ án tốt nghiệp này sẽ xuất phát từ 4 chương tiếp theo.

Trong Chương 2, chúng em sẽ mô tả sự cần thiết của dự án và các chức năng chính trong trang web. Chương 3 sẽ tiếp tục đề cập đến các công nghệ mà chúng em đã áp dụng để hình thành một trang web hoàn chỉnh. Tiếp theo, Chương 4 sẽ phân tích những điểm quan trọng của trang web, ví dụ như Erd, Database và các phương pháp kiểm thử chúng em đã sử dụng. Và cuối cùng, trone Chương 5, chúng em sẽ thảo luận về những nhận xét và bài học cũng như trải nghiệm mà chúng em đã đạt được qua quá trình thực hiện đỗ án này.

CHUONG 2: KHAO SAT VA PHAN TICH YEU CAU 2.1 Khao sat hién trang Nhóm em sẽ tiến hành nghiên cứu chỉ tiết về tình hình hiện tại và yêu cầu cho phần mềm của đề tài đồ án từ ba nguồn thông tin chính: người dùng, các hệ thống hiện có, và cac website ban giay khac. Nhìn từ góc độ của người dùng, nhóm em sẽ thực hiện khảo sat nhằm hiểu được nhu cầu, kỳ vọng và yêu cầu của họ khi mua giày trực tuyến. Chúng em sẽ tìm hiểu các yếu tố quan trọng như trải nghiệm giao diện người dùng, chức năng lọc sản phâm, chức năng quản lý đơn hảng, chức năng tìm kiếm, phản hồi từ khách hàng và yếu tố khác để xác định những điều cần phải thỏa mãn. Tiếp sau đó, chúng em sẽ nghiên cứu và phân tích các hệ thống hiện có trên thị trường.

Nhóm em sẽ xem xét các sản phẩm tương ứng và đánh giá sức mạnh và điểm yếu của chúng. Điều này giúp chúng em hình dung rõ ràng về những gì đã thực hiện được và những thách thức mà chúng em cần đối mặt. Cuối cùng, nhóm em sẽ tham khảo các trang web bán giày tương tự để thu thập thông tin về cách họ cung cấp dịch vụ, giao điện người dùng, hệ thống lọc, hệ thống quản lý sản phâm, danh mục, đơn hàng, mã giảm giá, đánh giá sản phẩm, hệ thông tìm kiếm, chức năng mua sắm và yếu tố khác. Chúng em sẽ phân tích, so sánh và đánh giá ưu điểm và khuyết điểm của các trang web này.

Từ quá trình khảo sát, phân tích và đánh giá một cách chỉ tiết, nhóm em đã có cái nhìn tong quan về tình hình hiện tại và các yêu cầu của phần mém trong dé tài đồ án. Điều này sẽ cung cấp cho nhóm em thông tin cần thiết để xây dựng một trang web bán giày phục vụ tốt nhu câu và có thé tin cay của người dùng.2 Tổng quan chức năng Các chức năng mà nhóm em sẽ làm trong website: * Quan tri vién (Admin): oO Dang nhap oO Dang xuat oO Quan ly tai khoan oO Quan ly san pham Quan ly don hang Quan ly ma giam gia Quan ly danh muc Thống kê oO Trả lời đánh gia oO Mọi chức năng khác của người dùng ® Quan tri vién (Editor): oO Dang nhap oO Dang xuat oO Quan ly san pham oO Quan ly don hang oO Quan ly danh muc oO Thống kê oO Trả lời đánh gia oO Mọi chức năng khác của người dùng e Khach hang (User): oO Dang ky oO Dang nhap oO Dang xuat Chỉnh sửa thông tin cá nhân Tìm kiêm sản phâm 10 o Loc san pham o Xem théng tin chi tiét sản phâm o Dat hang o Thanh toán khi nhận hàng, thanh toán VNPAY o Quan ly don hang 2.1 Biéu dé usecase téng quat Quan tri vién (Admin): Sửa xóa danh mục Quản lý danh mục Thêm mã giảm giá Quản lý đơn hà Quản lý sản phẩm ADMIN Duyệt đơn hàng Thêm , Sửa. Xóa sản phẩm Xem thống kê doanh thu Tra lời đánh giá Figure 1: Userease lông quát của Admin 11 Quan tri vién (Editor): Quan ly don Editor nà ng Xem théng ké doanh thu Figure 2: Usecase tong quat cia Editor Khach hang: 12 Nhập mã giảm Đăng Nhập gia Đăng Xuất -“ sản User Xem đơn hàng Hủy đơn hàng Thêm vào giỏ Đánh giá sản hàng pham ha Eigure 3: Usecase tổng quát của khách hàng 2.2 Biéu dé usecase phan ra @ Use case chức năng đăng ký và đăng nhập khách hàng <<extend>> ,’ *\<<extend>> Khach hang ` Đăng Xuất Thông báo lỗi Figure 4; Usecase chtee nang đăng ký và đăng nhập ® Use case chức năng tìm kiêm và lọc sản phẩm của khách hàng 13 Chức năng đề tìm kiếm và lọc sản phâm giúp người dùng tìm sản phâm dễ đàng hơn. nhập từ khóa Khách hàng <<extend>> Lọc sản phẩm }----------------------: Theo hãng Figure 5: Tìm kiếm và lọc sản phẩm ® Use case chức năng xem chi tiết san pham va dat hang cua khách hàng Biéu đô usecase chức năng xem chi tiết sản phâm và đặt hàng của người dùng 14 Xem thông tin chí \ <<include>> Bắm vào sản tiêtsảnphẩm fone phẩm Khách hàng <<include>>.

Dathang }-----”””””””” Đăng nhập .