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

Trong bối cảnh khoa học và công nghệ phát triển mạnh mẽ, nhu cầu tiêu dùng và phong cách thời trang của xã hội ngày càng được cá nhân hóa và nâng cao. Cùng với xu thế toàn cầu hóa kinh tế, hoạt động mua sắm, trao đổi hàng hóa trực tuyến đã trở thành phương thức thiết yếu đối với các cơ sở kinh doanh nhằm tiếp cận khách hàng, tối ưu hóa thời gian và cắt giảm chi phí vận hành.

Tính cấp thiết của đề tài được nhóm tác giả luận giải thông qua các báo cáo thống kê thực tiễn về thị trường thương mại điện tử (TMĐT):

  • Theo báo cáo e-Conomy SEA 2019 do Google và Temasek công bố, quy mô thị trường TMĐT Việt Nam đầu năm 2020 đạt 5 tỷ USD với tốc độ tăng trưởng lên tới 81%.
  • Theo Sách trắng Thương mại điện tử Việt Nam 2019 do Cục Thương mại điện tử và Kinh tế số (Bộ Công thương) phát hành, tỷ trọng doanh thu TMĐT trên tổng mức bán lẻ hàng hóa cả nước năm 2019 đạt 4,2%, tăng 0,6% so với năm 2018.
  • Năm 2019 ghi nhận 39,9 triệu người tham gia mua sắm trực tuyến (tăng 11,8% so với năm 2018 và tăng gần gấp đôi sau 3 năm); giá trị mua sắm trực tuyến bình quân đầu người đạt 202 USD (tăng 8,6%).
  • Khảo sát từ Harvard Business Review (HBR) chỉ ra 73% trong số 46.000 người tiêu dùng đánh giá cao trải nghiệm đa kênh; báo cáo thường niên của Sapo cũng ghi nhận 97% cửa hàng online trong năm 2019 áp dụng bán lẻ đa kênh, trong đó hơn 54% chủ shop sở hữu từ 5 kênh bán hàng trở lên.
  • Đánh giá từ chuyên gia Lê Hải Bình (Hiệp hội TMĐT Việt Nam - VECOM) và bối cảnh dịch bệnh COVID-19 đặt ra yêu cầu cấp bách cho việc số hóa mô hình bán lẻ.

Tuy nhiên, việc chuyển đổi sang môi trường trực tuyến gặp các rào cản như: tâm lý lo ngại về chất lượng sản phẩm không như quảng cáo, rủi ro trong thanh toán và vận chuyển, tình trạng hủy đơn hoặc hoàn hàng gây tổn thất chi phí cho bên bán. Đề tài "Xây dựng Website bán quần áo online" được thực hiện nhằm giải quyết bài toán giao dịch thương mại trực tuyến, hỗ trợ cửa hàng quản lý và quảng bá sản phẩm hiệu quả.

Mục tiêu nghiên cứu:

  1. Vận dụng tổng hợp kiến thức chuyên ngành Công nghệ thông tin từ học phần "Lập trình Web nâng cao" để xây dựng một website bán hàng trực tuyến hoàn chỉnh.
  2. Tìm hiểu thực trạng thương mại điện tử tại Việt Nam để triển khai hệ thống phù hợp với thực tế kinh doanh bán lẻ.
  3. Khai phá lợi ích của mạng Internet nhằm xây dựng giải pháp kinh doanh mở rộng không gian và thời gian giao dịch.

Đố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ẻ thời trang trực tuyến và hệ thống phần mềm web bán quần áo trực tuyến.
  • Phạm vi nghiên cứu: Đề tài do nhóm sinh viên lớp D16CNPM4 (Chuyên ngành Công nghệ phần mềm, Khoa Công nghệ thông tin, Trường Đại học Điện Lực) thực hiện vào tháng 5 năm 2024 dưới sự hướng dẫn của giảng viên Cấn Đức Điệp.

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

Đồ án ứng dụng phương pháp phân tích và thiết kế hệ thống hướng đối tượng kết hợp mô hình hóa quy trình phần mềm dựa trên các tiêu chuẩn kỹ thuật:

  • Khung mô hình hóa: Sử dụng chuẩn UML (Unified Modeling Language) để thiết kế các biểu đồ Use Case (ca sử dụng), Sequence Diagram (biểu đồ trình tự) và Class Diagram (biểu đồ lớp). Mỗi chức năng đều được phân tách luồng sự kiện chính (Main Flow) và luồng sự kiện phụ (Alternative Flow), xác định rõ tác nhân (Actor), điều kiện tiên quyết và trạng thái sau khi thực thi.
  • Phương pháp thu thập và phân tích dữ liệu: Tổng hợp dữ liệu thứ cấp từ các nguồn báo cáo uy tín (Google & Temasek, Cục Thương mại điện tử và Kinh tế số, HBR, Sapo, VECOM, Hootsuite, iPrice, We Are Social) để khảo sát hiện trạng thị trường và hành vi người tiêu dùng.
  • Phương pháp thiết kế và lập trình thực nghiệm: Xây dựng hệ thống web dựa trên mô hình cơ sở dữ liệu quan hệ, phân định rõ vai trò của client-side và server-side, thiết lập quy trình kiểm soát phiên làm việc (session) và bảo mật dữ liệu giao dịch.

Thiết kế và triển khai hệ thống

Hệ thống được thiết kế phân cấp rõ ràng giữa môi trường phát triển, ngôn ngữ xử lý và kiến trúc dữ liệu:

1. Môi trường và công nghệ sử dụng

  • Công cụ phát triển (IDE): Visual Studio Code (VS Code) – hỗ trợ đa nền tảng (Windows, macOS, Linux), tích hợp Git, công cụ gỡ lỗi (Debug), tự động hoàn thành mã nguồn thông minh (IntelliSense) và Syntax Highlighting.
  • Ngôn ngữ kịch bản máy chủ (Server-side): PHP – xử lý logic nghiệp vụ tại máy chủ, tương tác với cơ sở dữ liệu và kết xuất mã HTML trả về máy khách.
  • Ngôn ngữ kịch bản máy khách (Client-side): JavaScript – phụ trách xử lý hiệu ứng động, menu thả xuống, tương tác trực quan và nâng cao trải nghiệm người dùng trên trình duyệt.
  • Hệ quản trị cơ sở dữ liệu: MySQL – lưu trữ toàn bộ dữ liệu cấu trúc về người dùng, danh mục, sản phẩm, đơn hàng, mã giảm giá và báo cáo thống kê.
  • Tích hợp cổng thanh toán: Tích hợp phương thức thanh toán trực tuyến qua cổng VNPAY bên cạnh hình thức thanh toán khi nhận hàng (COD).

2. Bảng phân rã chức năng hệ thống

Phân hệ Chức năng chi tiết Mô tả luồng xử lý chính
Quản trị viên (Admin) Đăng nhập hệ thống Xác thực tài khoản, tạo phiên làm việc (session), phân quyền truy cập cho nhân viên hoặc quản lý.
Quản lý khách hàng Xem danh sách, xem thông tin chi tiết người dùng và thực hiện xóa tài khoản người dùng vi phạm.
Quản lý sản phẩm Thêm mới, cập nhật thông tin, xóa sản phẩm, quản lý tồn kho và tìm kiếm sản phẩm trong kho.
Quản lý danh mục Thêm, sửa, xóa các danh mục loại sản phẩm nhằm phân loại mặt hàng kinh doanh.
Quản lý mã giảm giá Thiết lập, chỉnh sửa thời hạn/giá trị khuyến mãi và xóa các mã giảm giá trên hệ thống.
Quản lý nhà cung cấp Lưu trữ và cập nhật danh sách các đối tác cung ứng hàng hóa cho cửa hàng.
Quản lý đơn hàng Tiếp nhận đơn đặt hàng, duyệt trạng thái đơn, xác nhận đã thanh toán hoặc hủy đơn hàng.
Thống kê Tổng hợp số liệu về khách hàng, sản phẩm bán ra, doanh thu, bài viết và đơn hàng theo thời gian.
Khách hàng (User) Đăng ký & Đăng nhập Tạo tài khoản mới, gửi email xác nhận đăng ký; cơ chế khôi phục mật khẩu qua thư điện tử.
Tìm kiếm & Lọc Tra cứu sản phẩm theo từ khóa và tinh chỉnh kết quả theo các tiêu chí mong muốn.
Quản lý giỏ hàng Thêm sản phẩm vào giỏ, cập nhật số lượng, xóa mặt hàng hoặc chuyển sang bước đặt hàng.
Thanh toán Nhập thông tin giao nhận, lựa chọn hình thức thanh toán qua VNPAY hoặc thanh toán khi nhận hàng.
Quản lý đơn hàng cá nhân Theo dõi tiến độ xử lý đơn hàng và cho phép hủy đơn nếu đơn hàng chưa qua xử lý.

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

Chương 1: Tổng quan về đề tài

Chương này tập trung trình bày bối cảnh chung của nền kinh tế số và sự phát triển của thương mại điện tử tại Việt Nam. Tác giả phân tích các số liệu về thị phần, giá trị giao dịch bình quân và xu hướng bán hàng đa kênh (omnichannel). Chương 1 xác định mục tiêu thiết kế website nhằm giải quyết khó khăn của mô hình bán lẻ truyền thống, đồng thời hoạch định 6 mục tiêu quảng bá cụ thể:

  1. Tăng cường nhận thức thương hiệu thông qua bộ nhận diện (logo, màu sắc, sản phẩm, mã ưu đãi).
  2. Tạo ra sản phẩm và nội dung chất lượng gắn liền bài đánh giá thực tế.
  3. Gia tăng tương tác và tham gia cộng đồng trực tuyến.
  4. Tối ưu hóa công cụ tìm kiếm (SEO) để nâng cao thứ hạng hiển thị.
  5. Triển khai quảng cáo đối tác trong ngành thời trang.
  6. Theo dõi, đo lường lưu lượng và tỷ lệ chuyển đổi bằng các công cụ phân tích.

Bên cạnh đó, chương 1 cũng liệt kê các trang giao diện chủ đạo cấu thành website: Trang đăng nhập/đăng ký, Trang chủ, Trang sản phẩm, Trang chi tiết sản phẩm, Trang giỏ hàng và Trang liên hệ.

Chương 2: Khảo sát và phân tích hệ thống

Chương 2 mô tả chi tiết bài toán kinh doanh quần áo trực tuyến và thực hiện khảo sát hiện trạng các rủi ro vận hành. Tác giả phân tích yêu cầu phi chức năng (giao diện thân thiện, quảng cáo chân thực, bảo mật thông tin giao dịch, khả năng dễ nâng cấp và bảo trì) cùng yêu cầu chức năng cho từng tác nhân.

Nội dung trọng tâm của chương là hệ thống 32 biểu đồ kỹ thuật:

  • Biểu đồ Use Case tổng quát và chi tiết: Phân rã chức năng cho Quản trị viên (Đăng nhập, Quản lý khách hàng, Quản lý sản phẩm, Quản lý mã giảm giá, Quản lý danh mục, Quản lý nhà cung cấp, Quản lý đơn hàng, Thống kê) và Khách hàng (Đăng nhập, Đăng ký, Quản lý giỏ hàng, Thanh toán, Quản lý đơn hàng, Tìm kiếm sản phẩm).
  • Đặc tả Use Case và Biểu đồ trình tự (Sequence Diagram): Trình bày chi tiết từng bước tương tác giữa Người dùng (User), Giao diện (Interface) và Cơ sở dữ liệu (System/Database), bao gồm cả các luồng rẽ nhánh khi xác thực thất bại hoặc người dùng thoát thao tác.
  • Biểu đồ lớp (Class Diagram): Mô hình hóa cấu trúc các thực thể dữ liệu và mối quan hệ giữa các bảng trong hệ thống.

Chương 3: Giải pháp

Chương 3 trình bày việc thiết lập môi trường và luận giải lý do lựa chọn bộ công cụ kỹ thuật:

  • Đánh giá vai trò của Visual Studio Code như một trình soạn thảo mã nguồn nhẹ nhưng mạnh mẽ, hỗ trợ debug và quản lý phiên bản với Git.
  • Phân tích ngôn ngữ PHP: Ưu điểm về khả năng tích hợp trực tiếp với mã HTML, hỗ trợ hệ sinh thái framework phong phú và cộng đồng lớn; nhìn nhận nhược điểm về cú pháp và các vấn đề an toàn bảo mật cần lưu ý trong quá trình viết mã.
  • Phân tích JavaScript: Công nghệ cốt lõi phía máy khách giúp xây dựng các thành phần tương tác động (menu thả xuống, quảng cáo xoay vòng, chuyển đổi màu sắc phần tử) nhằm tối ưu trải nghiệm người dùng.
  • Sử dụng hệ cơ sở dữ liệu quan hệ MySQL để quản lý dữ liệu giao dịch.

Chương 4: Giao diện của website

Chương 4 thuyết minh kết quả xây dựng giao diện thực tế của dự án thông qua 15 mục giao diện và bảng dữ liệu:

  1. Giao diện Đăng nhập
  2. Giao diện Đăng ký
  3. Giao diện Trang chủ
  4. Giao diện Trang sản phẩm
  5. Giao diện Trang danh mục sản phẩm
  6. Giao diện Giỏ hàng
  7. Giao diện Admin
  8. Giao diện Quản lý tài khoản người dùng
  9. Danh mục bảng dữ liệu
  10. Danh mục loại sản phẩm
  11. Bảng dữ liệu sản phẩm
  12. Bảng dữ liệu mua hàng
  13. Quản lý đánh giá của khách hàng
  14. Quản lý mã giảm giá
  15. Thiết kế các bảng cơ sở dữ liệu chi tiết

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

  • Kết quả đạt được: Nhóm tác giả đã hoàn thiện báo cáo phân tích thiết kế và hiện thực hóa website bán quần áo online với đầy đủ các phân hệ chức năng cho khách hàng và ban quản trị. Hệ thống tích hợp thành công giải pháp thanh toán điện tử thông qua cổng VNPAY cùng phương thức nhận hàng trả tiền (COD).
  • Đóng góp về mặt kỹ thuật: Xây dựng tài liệu đặc tả hệ thống chi tiết bao gồm 32 biểu đồ Use Case, Sequence Diagram và Class Diagram; làm rõ quy trình quản lý đơn hàng, giỏ hàng, khuyến mãi và thống kê doanh thu theo chuẩn thiết kế hướng đối tượng.
  • Khả năng ứng dụng: Cung cấp một mô hình website thương mại điện tử hoàn chỉnh, có tính ứng dụng thực tiễn cho các cửa hàng thời trang vừa và nhỏ trong việc số hóa hoạt động kinh doanh.

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

  • Hạn chế: Dự án sử dụng ngôn ngữ PHP và JavaScript thuần trong khuôn khổ học phần thực hành, cần tiếp tục hoàn thiện về cơ chế bảo mật nâng cao và tối ưu hóa hiệu năng truy vấn dữ liệu khi lưu lượng người dùng tăng cao. Chiến lược quảng bá (SEO, quảng cáo đối tác) mới dừng lại ở việc hoạch định mục tiêu lý thuyết.
  • Hướng phát triển: Tích hợp các framework hiện đại để tăng cường tính nhất quán mã nguồn; hoàn thiện các phân hệ tự động đo lường phân tích hành vi người dùng và mở rộng kết nối với các nền tảng thương mại mạng xã hội.

Giá trị tham khảo

Tài liệu này là nguồn tài liệu hữu ích cho sinh viên chuyên ngành Công nghệ thông tin, Công nghệ phần mềm và Hệ thống thông tin khi thực hiện các đồ án chuyên đề về lập trình web hoặc đồ án tốt nghiệp. Nội dung đặc biệt giá trị ở phần phân tích nghiệp vụ, cách thức xây dựng đặc tả use case, vẽ biểu đồ trình tự cho hệ thống thương mại điện tử và quy trình thiết kế cơ sở dữ liệu bán hàng.

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

1. Hệ thống sử dụng những công nghệ và công cụ nào để triển khai?
Website được phát triển trên môi trường Visual Studio Code, sử dụng ngôn ngữ lập trình PHP phía máy chủ (server-side), JavaScript phía máy khách (client-side) và hệ quản trị cơ sở dữ liệu MySQL.

2. Phân hệ Quản trị viên (Admin) quản lý những đối tượng nghiệp vụ nào?
Admin có quyền quản trị tài khoản khách hàng, danh mục sản phẩm, thông tin sản phẩm (thêm/sửa/xóa/nhập hàng), mã giảm giá, nhà cung cấp, duyệt và xử lý đơn hàng, cùng phân hệ thống kê (doanh thu, đơn hàng, khách hàng, sản phẩm, bài viết).

3. Khách hàng có thể thực hiện thanh toán đơn hàng bằng những phương thức nào?
Hệ thống cung cấp hai hình thức thanh toán: thanh toán trực tuyến tích hợp qua cổng VNPAY và thanh toán trực tiếp khi giao hàng (COD).

4. Khách hàng chưa đăng nhập có thể thực hiện những thao tác nào trên hệ thống?
Khách hàng có thể xem danh sách sản phẩm, xem chi tiết sản phẩm, tìm kiếm sản phẩm trên trang chủ và danh mục; tuy nhiên để thực hiện đặt hàng, quản lý giỏ hàng, thanh toán và theo dõi đơn hàng thì bắt buộc phải đăng nhập hoặc đăng ký tài khoản.

Kết luận

Báo cáo đồ án "Xây dựng Website bán quần áo online" của nhóm sinh viên Trường Đại học Điện Lực đã hoàn thành toàn diện các yêu cầu từ khảo sát thị trường, mô tả bài toán, thiết kế biểu đồ hệ thống đến lập trình giao diện và cơ sở dữ liệu. Đề tài vận dụng hiệu quả các công nghệ PHP, JavaScript và MySQL để tạo ra một hệ thống thương mại điện tử có tính năng hoàn chỉnh, đáp ứng nhu cầu giao dịch trực tuyến của người dùng và phục vụ công tác quản trị bán hàng của doanh nghiệp bán lẻ thời trang.