Đồ Án Tốt Nghiệp: Xây Dựng Website Bán Giày Cho Cửa Hàng Giayrep VN

Khám phá đồ án tốt nghiệp xây dựng website bán giày cho cửa hàng giayrep vn, tối ưu hóa trải nghiệm người dùng và tăng doanh thu hiệu quả.

• Tác giả: Lê Văn Minh
• Người hướng dẫn: ThS. Đỗ Phú Huy
• Trường học: Đại học Đà Nẵng
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Website Bán Giày Chuyên Nghiệp Cho Cửa Hàng Giayrep VN
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2021
• Địa điểm: Đà Nẵng

Mục lục chi tiết

• LỜI CẢM ƠN
• LỜI CAM ĐOAN
• NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN
• 1. CHƯƠNG 1: ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP
• 1.1. Lời nói đầu
• 1.2. Nhu cầu thực tế
• 1.3. Mục đích chọn đề tài
• 1.4. Nội dung đề tài
• 1.5. Kết quả dự kiến
• 1.6. Kế hoạch thực hiện
• 2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
• 2.1. Khái niệm
• 2.2. Xampp
• 2.3. Ưu nhược điểm của Laravel
• 2.4. Thư viện Bootstrap
• 2.5. Thư viện JQUERY
• 3. CHƯƠNG 3: PHÂN TÍCH CHỨC NĂNG
• 3.1. Phía người dùng
• 3.1.1. Chức năng xem chi tiết sản phẩm
• 3.1.2. Chức năng xem tin tức
• 3.1.3. Chức năng quản lý giỏ hàng
• 3.1.4. Chức năng tìm kiếm sản phẩm
• 3.1.5. Chức năng thanh toán
• 3.1.6. Chức năng đánh giá sản phẩm
• 3.1.7. Chức năng liên hệ
• 3.1.8. Chức năng quản lý tài khoản
• 3.2. Phía quản trị viên
• 3.2.1. Chức năng quản lý danh mục
• 3.2.2. Chức năng quản lý sản phẩm
• 3.2.3. Chức năng quản lý tin tức
• 3.2.4. Chức năng quản lý đơn hàng
• 3.2.5. Chức năng quản lý kho hàng
• 3.2.6. Chức năng quản lý liên hệ
• 3.2.7. Chức năng quản lý trang tĩnh
• 3.2.8. Chức năng phân quyền
• 3.3. Biểu đồ Use Case
• 3.3.1. Use Case tổng quát
• 3.3.2. Use Case đăng nhập
• 3.3.3. Use Case quản lý danh mục
• 3.3.4. Use Case quản lý sản phẩm
• 3.3.5. Use Case quản lý tin tức
• 3.3.6. Use Case quản lý đơn hàng
• 3.3.7. Use Case quản lý kho
• 3.3.8. Use Case quản lý trang tĩnh
• 3.3.9. Use Case quản lý liên hệ
• 3.3.10. Use Case đăng ký
• 3.3.11. Use Case quản lý thông tin
• 3.3.12. Use Case quên mật khẩu
• 3.3.13. Use Case xem chi tiết sản phẩm
• 3.3.14. Use Case tìm kiếm sản phẩm
• 3.3.15. Use Case đánh giá sản phẩm
• 3.3.16. Use Case quản lý giỏ hàng
• 3.3.17. Use Case thanh toán
• 3.3.18. Use Case xem tin tức
• 3.3.19. Use Case liên hệ
• 3.4. Biểu đồ tuần tự (sequence)
• 3.4.1. Chức năng đăng nhập
• 3.4.2. Chức năng quản lý danh mục sản phẩm
• 3.4.3. Chức năng quản lý sản phẩm
• 3.4.4. Chức năng quản lý thanh viên
• 3.4.5. Chức năng quản lý tin tức
• 3.4.6. Chức năng quản lý Page tĩnh
• 3.4.7. Chức năng quản lý đơn hàng
• 3.4.8. Chức năng quản lý kho
• 4. CHƯƠNG 4: THIẾT KẾ HỆ THỐNG
• 4.1. Kiến trúc hệ thống
• 4.2. Thiết kế cơ sở dữ liệu
• 4.2.1. Danh sách các bảng
• 4.2.2. Bảng page_statics
• 4.2.3. Bảng password_resets
• 5. CHƯƠNG 5: KẾT QUẢ CÀI ĐẶT
• 5.1. Giao diện người sử dụng
• 5.1.1. Giao diện trang chủ
• 5.1.2. Giao diện đăng ký
• 5.1.3. Giao diện đăng nhập
• 5.1.4. Giao diện nội dung trang chủ
• 5.1.5. Giao diện chi tiết và đánh giá sản phẩm
• 5.1.6. Giao diện giỏ hàng
• 5.1.7. Giao diện thanh toán online
• 5.2. Giao diện người quản trị
• 5.2.1. Giao diện đăng nhập quản trị
• 5.2.2. Giao diện tổng quan quản trị
• 5.2.3. Giao diện quản lý danh mục
• 5.2.4. Giao diện quản lý sản phẩm
• 5.2.5. Giao diện quản lý tin tức
• 5.2.6. Giao diện quản lý đơn hàng
• 5.2.7. Giao diện quản lý trang tĩnh
• 6. CHƯƠNG 6: KẾT LUẬN VÀ PHƯƠNG HƯỚNG PHÁT TRIỂN
• 6.1. Hướng phát triển
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Đặt Vấn Đề Và Định Hướng Giải Pháp

Trong bối cảnh xã hội hiện đại, nhu cầu mua sắm trực tuyến ngày càng gia tăng. Website bán giày không chỉ đáp ứng nhu cầu của người tiêu dùng mà còn mở rộng khả năng tiếp cận khách hàng cho các cửa hàng. Việc xây dựng một cửa hàng giày trực tuyến giúp tiết kiệm chi phí và thời gian cho cả người tiêu dùng và doanh nghiệp. Hệ thống này cho phép người dùng dễ dàng tìm kiếm và mua giày đẹp, từ giày thể thao đến giày thời trang. Đặc biệt, việc thanh toán online trở thành một yêu cầu thiết yếu, giúp nâng cao trải nghiệm mua sắm. Theo đó, việc phát triển một website thương mại điện tử chuyên nghiệp là cần thiết để đáp ứng nhu cầu này.

1.1 Nhu Cầu Thực Tế

Nhu cầu mua sắm online đang gia tăng mạnh mẽ, đặc biệt trong bối cảnh dịch bệnh. Các cửa hàng nhỏ gặp khó khăn trong việc tiếp cận khách hàng. Website bán giày online giúp mở rộng thị trường, không chỉ giới hạn trong khu vực địa lý. Khách hàng có thể dễ dàng tìm kiếm và đặt hàng giày nam, giày nữ, và giày trẻ em từ bất kỳ đâu. Hệ thống này cũng giúp giảm thiểu chi phí nhân sự và hoạt động 24/7, tạo điều kiện thuận lợi cho việc mua sắm. Việc sử dụng công nghệ thông tin trong thương mại điện tử không chỉ nâng cao hiệu quả kinh doanh mà còn tạo ra sự thuận tiện cho người tiêu dùng.

1.2 Mục Đích Chọn Đề Tài

Mục đích của việc xây dựng website bán giày là nhằm đáp ứng nhu cầu ngày càng cao của người tiêu dùng trong việc mua sắm trực tuyến. Hình thức này không chỉ tiết kiệm thời gian mà còn mang lại sự tiện lợi cho khách hàng. Hệ thống sẽ bao gồm các chức năng như đăng ký thành viên, tìm kiếm sản phẩm, và thanh toán online. Việc phát triển một nền tảng thương mại điện tử sẽ giúp cải thiện quy trình quản lý và thống kê, đồng thời giảm thiểu sai sót trong giao dịch. Điều này không chỉ nâng cao trải nghiệm của khách hàng mà còn tạo ra một môi trường kinh doanh hiệu quả hơn cho các cửa hàng.

II. Cơ Sở Lý Thuyết

Cơ sở lý thuyết cho việc xây dựng website bán giày dựa trên mô hình MVC (Model-View-Controller). Mô hình này giúp tổ chức mã nguồn một cách hợp lý, dễ dàng bảo trì và phát triển. Laravel, một framework PHP, được sử dụng để phát triển ứng dụng web với các tính năng mạnh mẽ. Bootstrap và jQuery là các thư viện hỗ trợ thiết kế giao diện và tương tác người dùng. Việc áp dụng các công nghệ này không chỉ giúp tiết kiệm thời gian phát triển mà còn đảm bảo tính năng động và thân thiện với người dùng. Hệ thống sẽ được thiết kế để đáp ứng nhu cầu của cả người dùng và quản trị viên, từ việc quản lý sản phẩm đến thanh toán.

2.1 Mô Hình MVC

Mô hình MVC là một phương pháp tổ chức mã nguồn phổ biến trong phát triển ứng dụng web. Model chịu trách nhiệm tương tác với cơ sở dữ liệu, View hiển thị dữ liệu cho người dùng, và Controller xử lý các yêu cầu từ người dùng. Việc áp dụng mô hình này giúp tách biệt các phần của ứng dụng, từ đó dễ dàng quản lý và bảo trì. Hệ thống website bán giày sẽ sử dụng mô hình này để đảm bảo tính linh hoạt và khả năng mở rộng trong tương lai.

2.2 Ưu Nhược Điểm Của Laravel

Laravel là một framework mạnh mẽ với nhiều tính năng hữu ích cho việc phát triển ứng dụng web. Ưu điểm của Laravel bao gồm cú pháp dễ hiểu, tài liệu phong phú, và công cụ dòng lệnh Artisan giúp quản lý cơ sở dữ liệu hiệu quả. Tuy nhiên, Laravel cũng có một số nhược điểm như không hỗ trợ tính năng thanh toán và thiếu sự liên tục giữa các phiên bản. Việc hiểu rõ các ưu nhược điểm này sẽ giúp các nhà phát triển lựa chọn công nghệ phù hợp cho website bán giày.

III. Phân Tích Chức Năng

Hệ thống website bán giày sẽ bao gồm nhiều chức năng phục vụ cho cả người dùng và quản trị viên. Phía người dùng có thể thực hiện các thao tác như đăng ký tài khoản, tìm kiếm sản phẩm, và thanh toán online. Các chức năng này không chỉ giúp người dùng dễ dàng tiếp cận thông tin mà còn tạo ra trải nghiệm mua sắm thuận tiện. Đối với quản trị viên, hệ thống sẽ cung cấp các công cụ quản lý sản phẩm, đơn hàng, và khách hàng. Việc phân quyền tài khoản cũng sẽ được thực hiện để đảm bảo an toàn và bảo mật thông tin.

3.1 Chức Năng Của Người Dùng

Người dùng sẽ có khả năng đăng ký tài khoản, xem thông tin sản phẩm, và tìm kiếm sản phẩm theo nhiều tiêu chí khác nhau. Hệ thống sẽ cho phép người dùng thêm sản phẩm vào giỏ hàng và thực hiện thanh toán online. Các chức năng này được thiết kế để tạo ra sự thuận tiện tối đa cho người tiêu dùng, giúp họ dễ dàng tìm kiếm và mua giày đẹp mà không cần phải đến cửa hàng. Hệ thống cũng sẽ cung cấp các thông tin chi tiết về sản phẩm, bao gồm giá cả, hình ảnh, và mô tả, giúp người dùng đưa ra quyết định mua sắm chính xác.

3.2 Chức Năng Của Quản Trị Viên

Quản trị viên sẽ có quyền truy cập vào các chức năng quản lý như thêm, sửa, xóa sản phẩm, quản lý đơn hàng và khách hàng. Hệ thống sẽ cho phép quản trị viên theo dõi tình trạng đơn hàng và thực hiện các báo cáo doanh thu. Việc phân quyền tài khoản sẽ giúp đảm bảo rằng chỉ những người có thẩm quyền mới có thể thực hiện các thao tác quan trọng. Điều này không chỉ giúp bảo mật thông tin mà còn nâng cao hiệu quả quản lý cho cửa hàng giày.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh công nghệ thông tin phát triển và được ứng dụng sâu rộng vào các lĩnh vực kinh tế, sản xuất và đời sống, việc xây dựng các nền tảng kỹ thuật số giúp nâng cao chất lượng công việc, tối ưu hiệu suất, tiết kiệm chi phí và thời gian vận hành. Đối với các doanh nghiệp vừa và nhỏ hoặc các cửa hàng kinh doanh đơn lẻ, mô hình bán hàng truyền thống phụ thuộc vào mặt bằng vật lý thường bị giới hạn bởi phạm vi địa lý hẹp, chỉ tiếp cận được khách hàng tại địa phương. Bên cạnh đó, việc phụ thuộc vào các mạng xã hội như Facebook bộc lộ nhiều điểm hạn chế trong khâu quản lý dữ liệu, chăm sóc khách hàng và xử lý giao dịch.

Đề tài "Xây dựng website bán giày cho cửa hàng Giayrep.vn" do sinh viên Lê Văn Minh thực hiện (ngành Công nghệ Thông tin, Khoa Công nghệ Số, Trường Đại học Sư phạm Kỹ thuật – Đại học Đà Nẵng, dưới sự hướng dẫn của ThS. Đỗ Phú Huy vào tháng 09/2021) được triển khai nhằm giải quyết các bài toán vận hành thực tế nói trên.

Mục tiêu và nhiệm vụ nghiên cứu của đồ án bao gồm:

1. Xây dựng một website thương mại điện tử chuyên kinh doanh giày dép hoạt động liên tục 24/7, giúp mở rộng tệp khách hàng trên phạm vi toàn quốc qua môi trường Internet.
2. Giảm thiểu áp lực nhân sự tư vấn trực tiếp thông qua việc cung cấp đầy đủ thông tin sản phẩm và các kênh liên lạc trực tuyến.
3. Hoàn thiện công cụ quản lý, thống kê kho hàng, theo dõi đơn hàng và doanh thu nhằm hạn chế sai sót trong quá trình giao dịch.
4. Tích hợp song song hai phương thức thanh toán: thanh toán thường và thanh toán trực tuyến (online), đồng thời thiết lập cơ chế tự động chuyển đổi trạng thái về đơn hàng thường khi giao dịch online phát sinh lỗi để hỗ trợ khách hàng xử lý thủ công.

Đối tượng và phạm vi nghiên cứu:

• Đối tượng nghiên cứu: Quy trình nghiệp vụ bán lẻ trực tuyến, quản lý sản phẩm, đơn hàng, kho bãi và hệ thống cơ sở dữ liệu phục vụ website thương mại điện tử Giayrep.vn.
• Phạm vi không gian và thời gian: Nghiên cứu nghiệp vụ tại cửa hàng Giayrep.vn, thực hiện trong khuôn khổ đồ án tốt nghiệp tại Đại học Đà Nẵng với tiến độ triển khai gồm 7 giai đoạn trong thời gian 16 tuần:

STT	Nội dung công việc	Thời gian thực hiện
1	Tìm hiểu quy trình nghiệp vụ thực tế của cửa hàng	1 tuần
2	Phân tích thiết kế hệ thống	3 tuần
3	Xây dựng cơ sở dữ liệu	3 tuần
4	Thiết kế giao diện website	2 tuần
5	Xây dựng các chức năng chính	4 tuần
6	Kiểm thử hệ thống	1 tuần
7	Viết báo cáo và làm slide	2 tuần

Cơ sở lý thuyết và phương pháp

Đồ án ứng dụng các nền tảng công nghệ, kiến trúc phần mềm và thư viện lập trình web mã nguồn mở để hiện thực hóa hệ thống:

• Kiến trúc phần mềm Model-View-Controller (MVC): Mô hình phân tách ứng dụng thành ba tầng độc lập:
  • Model: Chịu trách nhiệm truy vấn, xử lý và làm việc trực tiếp với cơ sở dữ liệu.
  • View: Đảm nhận vai trò hiển thị dữ liệu sang mã HTML và cung cấp giao diện tương tác cho người dùng.
  • Controller: Đóng vai trò cầu nối tiếp nhận các yêu cầu (requests) từ người dùng, gọi Model xử lý dữ liệu và chuyển kết quả tương ứng sang View.
• Laravel Framework: Nền tảng PHP mã nguồn mở do Taylor Otwell phát triển, hỗ trợ kiến trúc MVC. Tác giả phân tích các ưu điểm của Laravel gồm: cập nhật các tính năng mới của PHP, tài liệu hoàn chỉnh, tích hợp công cụ dòng lệnh Artisan để quản trị cơ sở dữ liệu/tạo khung MVC, tính năng Reverse Routing tự động ánh xạ URL theo tên định tuyến. Về nhược điểm, framework này không tích hợp sẵn cổng thanh toán mặc định, có sự gián đoạn cấu trúc khi nâng cấp từ bản 4 lên bản 5, và cơ chế tải lại toàn bộ trang web (full page reload) có thể gây tải chậm hơn so với mô hình backend chỉ trả JSON API.
• Công cụ môi trường XAMPP: Môi trường máy chủ phát triển cục bộ tích hợp máy chủ web Apache (giao tiếp HTTP), hệ quản trị cơ sở dữ liệu MySQL, ngôn ngữ kịch bản phía máy chủ PHP và ngôn ngữ lập trình Perl.
• Thư viện giao diện Bootstrap: Framework giao diện HTML/CSS/JavaScript (được Twitter phát triển từ giữa năm 2010, phát hành chính thức tháng 8/2011), sử dụng hệ thống lưới Grid System 12 cột (độ rộng tiêu chuẩn 940px) và tích hợp tính năng Responsive Web Design tự động co giãn giao diện tương thích với đa dạng kích thước màn hình.
• Thư viện jQuery: Thư viện JavaScript do John Resig phát triển năm 2006 với phương châm "Viết ít hơn, làm nhiều hơn", cung cấp các hàm xử lý cây cấu trúc Document Object Model (DOM) và các tác vụ gọi Asynchronous JavaScript and XML (AJAX) để cập nhật dữ liệu máy chủ không cần tải lại toàn bộ trang.

Phương pháp nghiên cứu thực tế được tác giả sử dụng là phương pháp phân tích - thiết kế hướng đối tượng thông qua ngôn ngữ mô hình hóa UML (gồm sơ đồ ca sử dụng Use Case, sơ đồ tuần tự Sequence Diagram, sơ đồ lớp Class Diagram), kết hợp thiết kế cơ sở dữ liệu quan hệ trên MySQL và phương pháp phát triển phần mềm theo các giai đoạn tuần tự.

Thiết kế và triển khai

Hệ thống được thiết kế hoàn chỉnh từ kiến trúc phân tầng, mô hình dữ liệu quan hệ đến các giao diện chức năng cụ thể cho hai nhóm đối tượng: khách hàng và quản trị viên.

Kiến trúc cơ sở dữ liệu

Cơ sở dữ liệu của website Giayrep.vn được xây dựng trên hệ quản trị MySQL, bao gồm 11 bảng dữ liệu có cấu trúc như sau:

Tên bảng	Chức năng lưu trữ trong hệ thống
admins	Thông tin tài khoản quản trị viên và nhân viên phân quyền
articles	Danh sách bài viết và tin tức hiển thị trên website
categories	Danh mục phân loại các dòng sản phẩm giày
contacts	Dữ liệu phản hồi, liên hệ từ người dùng gửi về ban quản trị
orders	Chi tiết các mặt hàng thuộc đơn hàng đã đặt
page_statics	Nội dung các trang tĩnh (chính sách, điều khoản, bảo mật)
password_resets	Mã xác thực và dữ liệu phục vụ tính năng đặt lại mật khẩu
products	Thông tin chi tiết sản phẩm giày (tên, giá, hình ảnh, khuyến mãi, số lượng, mô tả)
ratings	Dữ liệu đánh giá điểm sao (1-5 sao) và nhận xét của người dùng
transactions	Dữ liệu giao dịch, trạng thái thanh toán và tổng tiền đơn hàng
users	Dữ liệu tài khoản thành viên (email, mật khẩu, họ tên, địa chỉ, số điện thoại)

Thiết kế luồng xử lý và biểu đồ tuần tự (Sequence Diagram)

Hệ thống thiết lập 8 biểu đồ tuần tự mô tả chi tiết tương tác giữa tác nhân (Actor), Giao diện (View/Interface), Bộ điều khiển (Controller) và Mô hình dữ liệu (Model/Database):

• Luồng xác thực đăng nhập: Người dùng nhập email và mật khẩu qua giao diện $\rightarrow$ Controller kiểm tra cú pháp và định dạng $\rightarrow$ nếu sai trả về lỗi tại giao diện, nếu đúng gửi yêu cầu truy vấn đến Model $\rightarrow$ Model kiểm tra bảng users/admins trong CSDL $\rightarrow$ trả kết quả về Controller để phân quyền và chuyển hướng vào trang chủ hoặc dashboard quản trị.
• Luồng xử lý đơn hàng và thanh toán: Người dùng chọn sản phẩm vào giỏ $\rightarrow$ kiểm tra thông tin $\rightarrow$ chọn hình thức thanh toán thường hoặc thanh toán online $\rightarrow$ hệ thống lưu đơn hàng vào bảng transactions và orders ở trạng thái chờ xử lý $\rightarrow$ nếu giao dịch online thất bại, hệ thống gửi thông báo lỗi và tự động bảo lưu trạng thái đơn hàng thường để xử lý đối soát sau.

Nội dung chính theo từng chương

Chương 1: Đặt vấn đề và định hướng giải pháp

Chương này phân tích tính cấp thiết của việc ứng dụng công nghệ thông tin vào thương mại bán lẻ nhằm tháo gỡ rào cản địa lý và tiết kiệm chi phí cho cửa hàng Giayrep.vn. Tác giả phân chia chi tiết các nhóm chức năng theo 4 vai trò tác nhân:

• Người dùng chung: Đăng ký thành viên, xem thông tin sản phẩm (giá, ảnh, mô tả), tìm kiếm theo tên/danh mục, lọc theo giá, gửi liên hệ, xem và cập nhật giỏ hàng.
• Khách hàng (đã đăng nhập): Quản lý thông tin tài khoản, đánh giá sản phẩm, đặt hàng, theo dõi đơn hàng đã mua, sản phẩm yêu thích, sản phẩm mua sau.
• Nhân viên: Đăng nhập, cập nhật thông tin cá nhân, tra cứu và cập nhật dữ liệu sản phẩm, khách hàng, đơn hàng, danh mục; xem báo cáo doanh thu theo ngày/tháng/năm.
• Quản lý: Có toàn quyền quản trị cao nhất, thực hiện phân quyền và tạo tài khoản nhân viên, quản lý danh mục, kho hàng, sản phẩm, đơn hàng và các thiết lập trang tĩnh. Chương 1 cũng đưa ra bảng kế hoạch triển khai chi tiết kéo dài 16 tuần từ khâu khảo sát đến khi hoàn thiện báo cáo.

Chương 2: Cơ sở lý thuyết

Nội dung chương 2 tập trung trình bày các công nghệ nền tảng của dự án:

• Phân tích nguyên lý làm việc của kiến trúc MVC trong ứng dụng web.
• Đánh giá ưu điểm và hạn chế của Laravel Framework, nêu rõ vai trò của công cụ dòng lệnh Artisan và cơ chế định tuyến Reverse Routing.
• Trình bày thành phần của bộ công cụ XAMPP (Apache, MySQL, PHP, Perl) trong việc thiết lập máy chủ phát triển cục bộ.
• Giới thiệu lịch sử phát triển, cấu trúc Grid System 12 cột và cơ chế Responsive Web Design của Bootstrap qua các phiên bản.
• Giới thiệu thư viện jQuery, cơ chế thao tác DOM và giao thức truyền tải bất đồng bộ AJAX.

Chương 3: Phân tích chức năng

Chương 3 là phần trọng tâm phân tích kỹ thuật với hệ thống 19 biểu đồ Use Case và 8 biểu đồ tuần tự (Sequence Diagram). Tác giả xây dựng 47 bảng đặc tả ca sử dụng chi tiết (bao gồm mô tả Use Case, dòng sự kiện chính - Main Flow, dòng sự kiện khác - Alternative/Exception Flow) cho các chức năng:

• Nhóm người dùng: Đăng ký (Bảng 23-25), Đăng nhập (Bảng 1-3), Quản lý thông tin cá nhân (Bảng 26-28), Quên mật khẩu (Bảng 29-31), Xem chi tiết sản phẩm (Bảng 32-33), Tìm kiếm sản phẩm (Bảng 34-35), Đánh giá sản phẩm (Bảng 36-38), Quản lý giỏ hàng (Bảng 39-40), Thanh toán (Bảng 41-43), Xem tin tức (Bảng 44-45), Liên hệ (Bảng 46-47).
• Nhóm quản trị: Quản lý danh mục (Bảng 4-6), Quản lý sản phẩm (Bảng 7-9), Quản lý tin tức (Bảng 10-12), Quản lý đơn hàng (Bảng 13-14), Quản lý kho (Bảng 15-17), Quản lý trang tĩnh (Bảng 18-20), Quản lý liên hệ (Bảng 21-22), Phân quyền người dùng.

Chương 4: Thiết kế hệ thống

Chương 4 mô tả kiến trúc tổng thể của hệ thống, thiết lập biểu đồ lớp (Class Diagram) và mô hình hóa cơ sở dữ liệu quan hệ. Nội dung chi tiết bao gồm danh mục 11 bảng dữ liệu (từ Bảng 48 đến Bảng 59) với các trường thông tin cụ thể phục vụ lưu trữ sản phẩm, phân loại danh mục, tin tức, tài khoản quản trị, thành viên, đánh giá sản phẩm, đơn hàng và các giao dịch.

Chương 5: Kết quả cài đặt

Trình bày kết quả lập trình và triển khai thực tế qua các giao diện chức năng hoàn thiện:

• Phía người dùng: Giao diện trang chủ, giao diện đăng ký, giao diện đăng nhập, giao diện chi tiết và đánh giá sản phẩm (chọn số sao từ 1 đến 5 và nhập nhận xét), giao diện giỏ hàng (thay đổi số lượng, xóa sản phẩm), giao diện thanh toán trực tuyến.
• Phía quản trị viên: Giao diện đăng nhập quản trị, giao diện tổng quan (dashboard thống kê), giao diện quản lý danh mục (thêm/sửa/xóa/trạng thái hiển thị), giao diện quản lý sản phẩm (thuộc tính giá, % khuyến mãi, hàng nổi bật), giao diện quản lý tin tức, giao diện quản lý đơn hàng (lọc theo tình trạng, thống kê theo ngày tháng), giao diện quản lý các trang tĩnh.

Chương 6: Kết luận và phương hướng phát triển

Đánh giá tổng kết các mục tiêu đã đạt được so với kế hoạch ban đầu và đề xuất các phương hướng nghiên cứu phát triển tiếp theo cho hệ thống.

Kết quả và đóng góp

Đồ án ghi nhận các kết quả thực tế cụ thể sau quá trình triển khai:

• Xây dựng hoàn chỉnh website bán giày trực tuyến cho Giayrep.vn đáp ứng đầy đủ yêu cầu nghiệp vụ của 4 nhóm tác nhân (người dùng chung, khách hàng, nhân viên, quản lý).
• Hoàn thiện mô hình cơ sở dữ liệu gồm 11 bảng quan hệ chuẩn hóa trên MySQL, đảm bảo khả năng liên kết dữ liệu giữa sản phẩm, danh mục, đơn hàng, khách hàng và hệ thống đánh giá.
• Tích hợp thành công chức năng đánh giá sản phẩm từ 1 đến 5 sao có kiểm soát đăng nhập, giúp thu thập phản hồi của khách hàng.
• Xây dựng giải pháp thanh toán linh hoạt kết hợp cơ chế xử lý ngoại lệ: khi thanh toán online phát sinh sự cố, đơn hàng tự động chuyển về trạng thái đơn hàng thường trong cơ sở dữ liệu để nhân viên liên hệ xử lý, tránh mất mát thông tin giao dịch.
• Xây dựng hệ thống quản trị nội dung (CMS) hỗ trợ quản lý kho (lọc hàng tồn kho, hàng bán chạy, hàng hết), quản lý đơn hàng và thống kê doanh thu theo mốc thời gian tùy chọn.

Về mặt giải pháp, tác giả đã đóng góp một tài liệu phân tích thiết kế hệ thống chi tiết theo chuẩn UML ứng dụng cho mô hình bán lẻ quy mô vừa và nhỏ, đồng thời kiểm chứng tính khả thi của việc kết hợp Laravel, Bootstrap và jQuery trong việc xây dựng ứng dụng web thương mại điện tử hoàn chỉnh.

Hạn chế và hướng nghiên cứu tiếp

Dựa trên nội dung báo cáo và phạm vi công nghệ được tác giả trình bày:

• Hạn chế:
  • Hệ thống chưa tích hợp hoàn chỉnh các cổng thanh toán trực tuyến chuyên dụng đa dạng qua API của các bên trung gian tài chính độc lập (do framework Laravel thuần không hỗ trợ sẵn module thanh toán chuyên biệt).
  • Chưa xây dựng kiến trúc RESTful API riêng biệt để tối ưu hóa việc phân tách backend cho các nền tảng ứng dụng di động (Mobile App) mà vẫn chủ yếu sử dụng cơ chế render giao diện MVC truyền thống.
  • Khả năng tương thích ngược của mã nguồn còn phụ thuộc vào phiên bản framework Laravel, đòi hỏi cấu hình môi trường máy chủ phức tạp hơn khi triển khai thực tế so với môi trường phát triển XAMPP.
• Hướng phát triển:
  • Hoàn thiện tích hợp thêm nhiều cổng thanh toán điện tử trực tuyến an toàn.
  • Tối ưu hóa hiệu năng hệ thống và xây dựng hệ thống API phục vụ phát triển ứng dụng di động chạy song song với website.
  • Mở rộng các module phân tích dữ liệu bán hàng nâng cao và tự động hóa quy trình chăm sóc khách hàng.

Giá trị tham khảo

Đồ án là tài liệu tham khảo phù hợp cho:

• Sinh viên chuyên ngành Công nghệ thông tin, Kỹ thuật phần mềm đang thực hiện đồ án môn học hoặc khóa luận tốt nghiệp về đề tài website thương mại điện tử sử dụng ngôn ngữ PHP và Laravel Framework.
• Người học cần tài liệu mẫu về quy trình phân tích và thiết kế hệ thống theo chuẩn UML: tài liệu cung cấp hệ thống 47 bảng mô tả use case chi tiết (đầy đủ dòng chính và dòng rẽ nhánh), 19 sơ đồ use case và 8 sơ đồ tuần tự mẫu.
• Lập trình viên đang tìm hiểu phương pháp tổ chức cấu trúc cơ sở dữ liệu quan hệ cho một website bán hàng trực tuyến với 11 bảng dữ liệu tiêu chuẩn.

Câu hỏi thường gặp

1. Đồ án sử dụng những công nghệ và framework nào để xây dựng website Giayrep.vn?
Website được phát triển trên nền tảng PHP Framework Laravel (kiến trúc MVC), sử dụng môi trường phát triển XAMPP (tích hợp Apache, MySQL, PHP, Perl), thiết kế giao diện bằng thư viện CSS Bootstrap (hỗ trợ Responsive, Grid System 12 cột) và thư viện JavaScript jQuery để xử lý DOM và các tác vụ AJAX.

2. Cơ sở dữ liệu của hệ thống Giayrep.vn gồm có bao nhiêu bảng và là những bảng nào?
Hệ thống sử dụng cơ sở dữ liệu MySQL gồm 11 bảng: admins (quản trị/nhân viên), articles (tin tức), categories (danh mục), contacts (liên hệ), orders (chi tiết đơn hàng), page_statics (trang tĩnh), password_resets (đổi mật khẩu), products (sản phẩm), ratings (đánh giá sao), transactions (giao dịch đơn hàng) và users (thành viên).

3. Hệ thống xử lý như thế nào khi quá trình thanh toán trực tuyến (online) của khách hàng gặp sự cố?
Theo thiết kế của tác giả tại Chương 1 và Chương 3, đối với các trường hợp thanh toán trực tuyến không thành công, hệ thống sẽ gửi thông báo lỗi cho người dùng và tự động lưu đơn hàng vào cơ sở dữ liệu dưới trạng thái đơn hàng thường ở dạng chờ xử lý, giúp ban quản trị cửa hàng có thể liên hệ trực tiếp với khách hàng để hoàn tất thanh toán.

4. Chức năng quản trị hệ thống phân chia quyền hạn giữa Quản lý và Nhân viên như thế nào?
Hệ thống thiết lập phân quyền hai cấp: Cấp Quản lý có toàn quyền sử dụng tất cả các chức năng, bao gồm tạo tài khoản và phân quyền cho nhân viên, quản lý danh mục, kho hàng, sản phẩm, đơn hàng, tin tức và trang tĩnh. Cấp Nhân viên chỉ được cấp quyền sử dụng một số chức năng nhất định như cập nhật thông tin cá nhân, tìm kiếm và cập nhật dữ liệu sản phẩm, khách hàng, đơn hàng, danh mục và theo dõi thống kê doanh thu.

5. Kế hoạch thực hiện đồ án được tác giả phân bổ trong thời gian bao lâu?
Đồ án được lập kế hoạch và thực hiện trong tổng thời gian 16 tuần, chia làm 7 giai đoạn: Tìm hiểu nghiệp vụ (1 tuần), Phân tích thiết kế hệ thống (3 tuần), Xây dựng cơ sở dữ liệu (3 tuần), Thiết kế giao diện (2 tuần), Xây dựng chức năng chính (4 tuần), Kiểm thử (1 tuần), Viết báo cáo và slide (2 tuần).

Kết luận

Đồ án tốt nghiệp "Xây dựng website bán giày cho cửa hàng Giayrep.vn" của sinh viên Lê Văn Minh đã hoàn thành việc xây dựng một hệ thống website thương mại điện tử hoàn chỉnh trên nền tảng PHP Laravel và hệ quản trị MySQL. Báo cáo cung cấp đầy đủ các bước phân tích nghiệp vụ, mô hình hóa 19 ca sử dụng và 8 biểu đồ tuần tự UML, thiết kế 11 bảng cơ sở dữ liệu quan hệ và hiện thực hóa các giao diện tương tác cho người dùng và ban quản trị. Đây là tài liệu học thuật có giá trị tham khảo thiết thực cho sinh viên ngành Công nghệ thông tin trong việc nghiên cứu và triển khai các ứng dụng web thương mại điện tử theo mô hình MVC.

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

ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 1.1 Lời nói đầu Xã hội ngày càng phát triển, công nghệ phát triển mạnh mẽ ứng dụng vào rất nhiều lĩnh vực kinh tế, chính trị, xã hội, giáo dục, sản xuất cũng như đời sống thường nhật của con người. Một trong những công nghệ tiêu biểu trong việc phát triển công nghệ đó phải kể đến việc ứng dụng công nghệ thông tin trong các lĩnh vực cuộc sống. Bởi lẽ, công nghệ thông tin giúp nâng cao chất lượng công việc, tăng hiệu suất, tiết kiệm thời gian và chi phí vận hành. Mặt khác, công nghệ thông tin còn là cầu nối duy trì mối quan hệ mọi người với nhau.2 Nhu cầu thực tế Đối với các doanh nghiệp nhỏ hay các cửa hàng gia dụng đơn lẻ, việc xây dựng hoặc thuê mặt bằng đầu tư luôn bị giới hạn bởi phạm vi địa lý, vì vậy chỉ có thể tiếp cận được với khách hàng địa phương.

Website bán giày online sẽ giúp tiếp cận khách hàng không chỉ trong khu vực nhất định mà còn mở rộng ra khắp các vùng miền bất cứ nơi nào có Internet. Các công cụ liên lạc trực tuyến trên website sẽ giúp giảm thiểu nhân viên hỗ trợ tư vấn đối với nhiều khách hàng. Không phụ thuộc quá nhiều vào facebook. Tiết kiệm chi phí, hoạt động 24/7 và tiếp cận khách hàng mọi lúc.3 Mục đích chọn đề tài Thấy được tầm quan trọng của website bán giày online đối với nhu cầu của khách hàng ở mọi địa phương.

Hình thức mua sắm này đáp ứng nhu cầu của con người thời đại mới vì tiết kiệm nhiều công sức và thời gian.Việc sử dụng website bán giày online sẽ cải thiện được chức năng quản lý và thống kê cũng như tránh được sự thiếu sót trong giao dịch. Thanh toán online là nhu cầu cần thiết trong xã hội hiện tại, website sẽ thực hiện được thanh toán thường và online, đối với thanh toán online không thành công, đơn hàng sẽ chuyển trạng thái đơn hàng thường để khách hàng có thể liên hệ thực hiện thanh toán.Từ việc nghiên cứu cơ sở lý thuyết em đã vận dụng kiến thức và thời gian nghiên cứu của mình để xây dựng nên website bán giày .4 Nội dung đề tài Các chức năng của hệ thống: - Phía người dùng chung:  Đăng ký thành viên  Cho phép người dùng có thể xem thông tin sản phẩm (giá cả, hình ảnh, mô tả, nội dung…) SVTH: Lê Văn Minh 15 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy  Tìm kiếm sản phẩm theo tên sản phẩm hoặc danh mục sản phẩm, lọc sản phẩm theo giá cả.  Liên hệ và liên lạc với quản trị  Xem và cập nhật giỏ hàng - Phía khách hàng:  Có đầy đủ các chức năng của người dùng  Đăng nhập  Cập nhật thông tin tài khoản cá nhân  Đánh giá sản phẩm  Đặt hàng - Phía nhân viên:  Đăng nhập  Cập nhật thông tin tài khoản  Tìm kiếm thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm  Cập nhật thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm  Thống kê và báo cáo doanh thu theo ngày, tháng, năm - Phía quản lý:  Đăng nhập, phân quyền tài khoản, tạo mới tài khoản cho nhân viên  Cập nhật thông tin tài khoản  Tìm kiếm thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm, kho, nhân viên  Cập nhật thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm, kho, nhân viên 1.5 Kết quả dự kiến Xây dựng website với đầy đủ các chức năng đã nếu ở mục 1.6 Kế hoạch thực hiện STT Công việc Thời gian Ghi chú Tìm hiểu qui trình nghiệp vụ thực tế của cửa 1 1 tuần hàng 2 Phân tích thiết kế hệ thống 3 tuần 3 Xây dựng cơ sở dữ liệu 3 tuần 4 Thiết kế giao diện website 2 tuần 5 Xây dựng các chức năng chính 4 tuần 6 Kiểm thử 1 tuần 7 Viết báo cáo và slide 2 tuần SVTH: Lê Văn Minh 16 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Khái niệm Laravel là một PHP framework mã nguồn mở miễn phí, được tạo ra bởi Taylor Otwell nhằm cho việc phát triển các ứng dụng web theo mô hình kiến trúc Model-View-Controller (MVC). Laravel có các cú pháp dễ hiểu, rõ ràng nên dễ sử dụng.

Cấu trúc và cách tổ chức trong project được sắp xếp một cách hợp lý dễ dàng cho việc duy trì cũng như phát triển về lâu dài.2 Mô hình MVC MVC (viết tắt của Model-View-Controller) là một mô hình kiến trúc phần mềm được tạo ra với mục đích quản lý và xây dựng ứng dụng có hệ thống hơn. Mô hình này được dùng khá rộng rãi và đặc biệt là trong các ngôn ngữ lập trình web. Trong PHP có khá nhiều framework và hầu hết đều xây dựng từ mô hình MVC. Mô hình này được chia làm 3 lớp xử lý gồm Model – View – Controller : - Model: có nhiệm vụ tương tác với cơ sở dữ liệu, nó sẽ chứa các hàm, các phương thức truy vấn online với dữ liệu - View: có nhiệm vụ hiển thị dữ liệu sang các đoạn mã HTML và giúp người dùng có giao diện tương tác với hệ thống.

- Controller : có nhiệm vụ xử lý tương tác, làm cầu nối giữa model và view. Là nơi tiếp nhận những yêu cầu xử lý được gửi từ người dùng, controller sẽ gọi tới model để tương tác với cơ sở dữ liệu (database) và đưa dữ liệu tới view. Hình 1: Mô hình MVC Chúng ta có thể thấy mô hình hoạt động của MVC thông qua hình trên: - Người dùng thực hiện gửi yêu cầu tới controller - Controller sẽ thực hiện tương tác với model - Model sẽ xử lý để lấy các dữ liệu chính xác trong database - Dữ liệu sẽ được model gửi trả về Controller SVTH: Lê Văn Minh 17 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy - Controller sẽ đổ dữ liệu ra view hiển thị cho người dùng 2.3 Ưu nhược điểm của Laravel - Ưu điểm :  Laravel framework sử dụng tất cả các tính năng mới nhất của PHP  Tất cả các phiên bản của Laravel được phát hành cùng với các tài liệu phù hợp, chúng ta sẽ tìm thấy những giải thích chi tiết về coding style, methods và classes.  Công cụ dòng lệnh Artisan giúp quản lý hệ thống cơ sở dữ liệu hiệu quả.

Artisan giúp tạo các tệp MVC cơ bản và quản lý tài nguyên, bao gồm cả các cấu hình tương ứng của chúng.  Gói và nguồn lực sẵn có.  Reverse Routing: Đây là một tính năng rất hữu ích trong framwork, có thể tạo liên kết đến các route được đặt tên. Vì vậy, khi tạo các liên kết, chỉ cần sử dụng tên của bộ định tuyến, framework sẽ tự động chèn URL chính xác.

Nếu cần thay đổi các route trong tương lai, những thay đổi sẽ tự động được thực hiện ở mọi nơi. - Nhược điểm :  Không hỗ trợ tính năng thanh toán.  Thiếu sự liên tục giữa các phiên bản: Không có chuyển đổi liền mạch từ Laravel 4 sang 5. Nếu cố cập nhật code, có thể sẽ phá vỡ ứng dụng.

 Một số nâng cấp có thể có vấn đề  Việc tải lại toàn trang có thể hơi nặng trong các mobile app khi so sánh với các website. Trong những trường hợp như vậy, các nhà phát triển web có xu hướng chỉ sử dụng framework như backend JSON API 2.2 Xampp Xampp là một công cụ tích hợp đầy đủ các thành bao gồm Apache, Mysql, PHP, Perl. Giúp chúng ta tạo ra môi trường web server trên máy tính của mình, để có thể chạy được kịch bản PHP. Hình 2: Giới thiệu về Xampp Apache: Là một chương trình máy chủ, dùng để giao tiếp với các giao thức HTTP.

Apache chạy tốt trên mọi hệ điều hành. SVTH: Lê Văn Minh 18 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy Mysql: Là hệ quản trị cơ sở dữ liệu, được dùng để lưu trữ thông tin của một website. Mỗi website có thể sử dụng một hoặc nhiều cơ sở dữ liệu. PHP: Là ngôn ngữ kịch bản trên phía Server, dùng để xử lý các thao tác của người dùng và làm việc online với cơ sở dữ liệu (Database).

Perl: Là một tầng cao hơn, một ngôn ngữ lập trình năng động hơn. Sử dụng rộng rãi trong lập trình mạng và quản trị hệ thống. Ít phổ biến cho mục đích phát triển web, Perl thích hợp với nhiều ứng dụng. Xampp là một công cụ tuyệt vời cho bất kỳ ai muốn có một development server đầy đủ và nhanh chóng.

Nhưng bên cạnh đó Xampp rất dễ cài đặt, nên nó không có các tính năng bảo mật như production server.3 Thư viện Bootstrap Bootstrap là 1 framework có chứa HTML, CSS, và JavaScript cho phép người dùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các thiết bị. Hình 3: Giới thiệu về Bootstrap Bootstrap được tạo ra tại Twitter vào giữa năm 2010. Trước khi chính thức trở thành một framework mã nguồn mở, Bootstrap được biến đến như là bản thiết kế của Twitter. Sau một vài tháng đi vào phát triển, Twitter đã tổ chức Tuần lễ Hack đầu tiên và hàng loạt các nhà phát triển ở mọi trình độ đã tham gia vào dự án.

Và trong hơn một năm sau đó, Bootstrap giống như một bản hướng dẫn style dành riêng cho việc phát triển các công cụ nội bộ phục vụ cho công ty trước khi nó được phát hành chính thức, và nó vẫn đóng một vai trò như vậy cho đến ngày nay. Kể từ lần đầu tiên được phát hành vào Thứ 6 ngày 19 tháng 8 năm 2011 tới nay, đã có tới hơn 20 lần phát hành, bao gồm cả 2 bản viết lại chính của phiên bản 2 và phiên bản 3. BootStrap 2 đã thêm tính năng responsive như một stylesheet tùy ý. Đến khi xây dựng Bootstrap 3 đã viết lại thư viện một lần nữa để tích hợp tính năng responsive một cách mặc định.

- Ưu điểm của Bootstrap :  Tiết kiệm thời gian: Boostrap giúp thiết kế giao diện tiết kiệm rất nhiều thời gian. Các thư viện Bootstrap có những đoạn mã sẵn sàng SVTH: Lê Văn Minh 19 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy áp dụng vào website. Không tốn nhiều thời gian để tự viết code cho giao diện.  Tùy biến cao: Có thể dựa vào Bootstrap và phát triển nền tảng giao diện của chính mình.

Bootstrap cung cấp hệ thống Grid System mặc định bao gồm 12 cột và độ rộng 940px. Có thể thay đổi, nâng cấp và phát triển dựa trên nền tảng này.  Responsive Web Design: Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hơn bao giờ hết.