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

Trong bối cảnh chuyển đổi số và công nghệ thông tin phát triển mạnh mẽ, việc ứng dụng tin học hóa vào hoạt động sản xuất kinh doanh đã trở thành một yếu tố quan trọng đối với các doanh nghiệp, tổ chức và cửa hàng bán lẻ. Mạng Internet và các nền tảng thương mại điện tử tạo điều kiện cho các đơn vị kinh doanh quảng bá hình ảnh, tiếp cận khách hàng nhanh chóng với chi phí vận hành thấp hơn đáng kể so với phương thức bán hàng truyền thống.

Đối với các cửa hàng thời trang, việc xây dựng một hệ thống website bán hàng trực tuyến không chỉ giúp giới thiệu danh mục sản phẩm, cập nhật chương trình khuyến mại mà còn mở rộng kênh phân phối trực tiếp đến người tiêu dùng qua môi trường mạng. Đề tài "Xây dựng Website bán quần áo nam FMStyle" được thực hiện xuất phát từ yêu cầu thực tiễn của cửa hàng kinh doanh thời trang nam FMStyle (thành lập từ tháng 8/2020, quy mô phục vụ tại chỗ khoảng 30 người, kinh doanh kết hợp giữa trực tiếp và bán hàng trực tuyến qua các sàn thương mại điện tử).

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

  1. Tìm hiểu, khảo sát nhu cầu thực tế và quy trình nghiệp vụ kinh doanh của cửa hàng thời trang nam FMStyle.
  2. Nghiên cứu các giải pháp công nghệ web động, lựa chọn ngăn xếp công nghệ (tech stack) phù hợp để xây dựng hệ sinh thái website bán hàng trực tuyến.
  3. Phân tích và thiết kế hệ thống thông tin, bao gồm biểu đồ ngữ cảnh, sơ đồ chức năng, mô hình use case, biểu đồ tuần tự và cấu trúc cơ sở dữ liệu quan hệ.
  4. Hiện thực hóa hệ thống phần mềm với đầy đủ hai phân hệ: Phân hệ người dùng (Front-end) phục vụ tìm kiếm, xem chi tiết sản phẩm, giỏ hàng, đặt hàng; và Phân hệ quản trị (Back-end) phục vụ quản lý sản phẩm, đơn hàng, tài khoản và thống kê doanh thu.

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

  • Đối tượng nghiên cứu: Quy trình quản lý, quảng bá và bán hàng thời trang nam trực tuyến; phương pháp thiết kế và phát triển ứng dụng web động.
  • Phạm vi không gian: Cửa hàng thời trang nam FMStyle; hệ thống được triển khai phục vụ khách hàng trực tuyến và bộ phận quản trị của cửa hàng.
  • Phạm vi thời gian: Đồ án chuyên ngành / tốt nghiệp được thực hiện trong khóa học 2018 – 2022, hoàn thành vào tháng 10/2021 tại Khoa Kỹ thuật – Công nghệ, Trường Đại học Thủ Dầu Một.

Cơ sở lý thuyết và công nghệ áp dụng

Đề tài tập trung ứng dụng các nền tảng công nghệ web mã nguồn mở tiêu chuẩn trong phát triển phần mềm:

1. Kiến trúc Web và Máy chủ

  • Mô hình Client - Server: Cơ chế trao đổi dữ liệu qua giao thức HTTP giữa trình duyệt (Client Browser) và máy chủ web (Web Server).
  • Phần mềm máy chủ (Web Server): Tổng quan về Apache (môi trường thực thi PHP), IIS (hỗ trợ ASP và mở rộng PHP) và Tomcat (hỗ trợ Java Servlet/JSP). Đề tài ứng dụng máy chủ Apache để xử lý và điều phối các yêu cầu từ trình duyệt.

2. Công nghệ giao diện (Front-end)

  • HTML/HTML5: Cung cấp cấu trúc văn bản siêu liên kết, sử dụng các thẻ chuẩn (<!DOCTYPE html>, <body>, <div>, <table>, <form>, <input>, <select>, <textarea>) để xây dựng form nhập liệu và bố cục trang web.
  • CSS: Định kiểu phong cách, màu sắc, bố cục và tối ưu hóa khả năng hiển thị giao diện tách biệt với mã HTML.
  • Bootstrap Framework: Sử dụng Bootstrap (kế thừa các phiên bản 2, 3, 4) với hệ thống lưới 12 cột (Grid System), các thành phần định sẵn (Typography, Forms, Buttons, Tables, Navigation, Modals) nhằm phát triển giao diện chuẩn tương thích đa thiết bị (Responsive Design).
  • Thư viện JavaScript & jQuery: Hỗ trợ tương tác DOM, xử lý sự kiện, hiệu ứng động và truyền tải dữ liệu không đồng bộ qua AJAX; sử dụng thông qua tệp cục bộ hoặc mạng phân phối nội dung (CDN).

3. Công nghệ xử lý máy chủ và Cơ sở dữ liệu (Back-end)

  • Ngôn ngữ PHP (PHP: Hypertext Preprocessor): Ngôn ngữ kịch bản phía máy chủ (Server-Side), mã nguồn mở, hoạt động đa nền tảng (Cross-platform). Đồ án ứng dụng lập trình hướng đối tượng (PHP OOP), xử lý luồng dữ liệu biểu mẫu qua hai phương thức GET và POST, quản lý phiên làm việc thông qua $_SESSION (lưu trữ trên server) và $_COOKIE (lưu trữ trên client).
  • Hệ quản trị cơ sở dữ liệu MySQL: Hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) hoạt động theo mô hình client-server, cung cấp cơ chế tổ chức, lưu trữ, truy xuất và xử lý dữ liệu thông qua các truy vấn SQL kết hợp với PHP.

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

Hệ thống được thiết kế hoàn chỉnh theo quy trình kỹ thuật phần mềm, bao gồm thiết kế kiến trúc phân hệ, thiết kế dữ liệu và mô hình hóa chức năng.

1. Phân chia thành phần hệ thống

  • Phân hệ người dùng (Front-end): Giao diện tương tác trực tiếp với khách hàng (GUI), cho phép xem thông tin cửa hàng, bài viết giới thiệu, danh mục sản phẩm, tìm kiếm, xem chi tiết mẫu mã, quản lý giỏ hàng, đặt hàng trực tuyến và liên kết mạng xã hội (Facebook, Instagram, Foody).
  • Phân hệ quản trị (Back-end): Giao diện quản lý dành cho người vận hành, yêu cầu xác thực tài khoản. Hệ thống thiết lập hai vai trò phân quyền:
    • Quản trị viên (Admin): Có toàn quyền thao tác trên mọi chức năng của hệ thống.
    • Người quản lý: Bị giới hạn một số quyền chức năng nhất định.

2. Thiết kế cơ sở dữ liệu

Hệ thống sử dụng cơ sở dữ liệu MySQL bao gồm 8 bảng dữ liệu quan hệ được mô tả chi tiết như sau:

Tên bảng Khóa chính (PK) Khóa ngoại (FK) Các trường dữ liệu chính Mô tả chức năng
User ID (int, AI) Không email, password, sdt, HoTen, DiaChi (varchar) Lưu trữ thông tin tài khoản người dùng và thông tin xác thực.
Product (Sản phẩm) MaSP (int, AI) Không TenSP, GiaSP (int), img, img1, img2, img3, LoaiSP, NoiBat, MuaNhieu (varchar) Lưu trữ thông tin chi tiết về sản phẩm quần áo, hình ảnh, phân loại và trạng thái hiển thị.
HoaDon (Hóa đơn) MaHD (int, AI) Không email (varchar), NgayMua (timestamp), TinhTrang (varchar) Lưu trữ thông tin đơn đặt hàng của khách hàng và trạng thái xử lý.
HoaDonChiTiet MaHD, MaSP (int) MaHD, MaSP SoLuong (int), DonGia (int) Lưu trữ danh sách các sản phẩm và số lượng tương ứng trong mỗi đơn hàng.
Menu ID (int) Không Title (varchar) Quản lý danh mục thanh điều hướng hiển thị trên giao diện.
Quản trị ID (int) Không Name (varchar), Pass (varchar), Quyen_truy_cap (int) Lưu thông tin tài khoản quản trị và cấp độ phân quyền trong hệ thống.
Slideshow ID (int) Không Name (varchar), Note (varchar) Quản lý hình ảnh và ghi chú trình chiếu banner ở trang chủ.
Thongtinsp ID (int) MaSP (int) mota1, mota2, mota3, mota4, mota5 (varchar) Lưu trữ các đoạn mô tả chi tiết đặc tính của từng sản phẩm.

3. Mô hình hóa chức năng và luồng tương tác (UML)

Đồ án xây dựng hệ thống biểu đồ UML hoàn chỉnh phục vụ phân tích hệ thống:

  • Sơ đồ Use Case: Bao gồm Use case toàn hệ thống và 7 use case phân hệ (Quản lý sản phẩm, Quản lý đơn hàng, Quản lý tài khoản, Thống kê doanh thu, Đăng nhập - Đăng ký, Quản lý giỏ hàng, Tìm kiếm sản phẩm).
  • Biểu đồ tuần tự (Sequence Diagram): Mô hình hóa luồng trao đổi thông điệp qua các chức năng: Đăng nhập hệ thống, Quản lý đơn hàng, Thêm sản phẩm mới, Xóa sản phẩm, Sửa thông tin sản phẩm, Quản lý tài khoản người dùng, Thống kê doanh thu.
  • Đặc tả Use Case chi tiết:
    • Use Case Thêm sản phẩm: Tác nhân Quản trị viên đăng nhập vào hệ thống, nhập thông tin sản phẩm/thể loại; hệ thống kiểm tra, ghi nhận vào CSDL và cập nhật danh sách hiển thị; có xử lý luồng sự kiện phụ khi hủy bỏ hoặc nhập sai dữ liệu.
    • Use Case Xóa sản phẩm: Tác nhân Quản trị viên chọn sản phẩm cần xóa từ danh sách, xác nhận thao tác; hệ thống tiến hành xóa bản ghi tương ứng trong CSDL và phản hồi kết quả.

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

Chương I: Giới thiệu

Chương I trình bày tổng quan về lý do chọn đề tài, sự cần thiết của ứng dụng công nghệ thông tin và website bán hàng đối với doanh nghiệp thời trang trong thời đại số. Tác giả xác định rõ mục tiêu nghiên cứu là xây dựng website bán quần áo nam FMStyle động, linh hoạt, bố cục rõ ràng phục vụ mục đích bán hàng và quảng bá. Phương pháp thực hiện đề tài gồm các bước: khảo sát thực tế tại cửa hàng, thu thập dữ liệu sản phẩm, phân tích thiết kế hệ thống, lựa chọn ngôn ngữ lập trình PHP và xây dựng hệ thống giao diện Front-end lẫn chức năng quản trị Back-end.

Chương II: Tổng quan

Chương này cung cấp cơ sở lý thuyết và công nghệ xây dựng website:

  • Khái niệm về World Wide Web (WWW), vai trò của trình duyệt (Browser), cách thức tạo lập website và cơ chế hoạt động của Web Server (Apache, IIS, Tomcat).
  • Cấu trúc cơ bản của HTML, các thẻ định dạng dữ liệu, danh sách và form nhập liệu; vai trò của CSS trong việc định hình phong cách hiển thị.
  • Giới thiệu Bootstrap Framework: lịch sử phát triển từ Twitter Blueprint đến Bootstrap 4, hệ thống lưới Responsive, khả năng tích hợp linh hoạt.
  • Thư viện JavaScript jQuery: phương thức tích hợp (tải tệp hoặc qua CDN Google), cú pháp truy xuất phần tử DOM ($("selector")), bắt sự kiện và xử lý AJAX.
  • Ngôn ngữ lập trình PHP: lịch sử hình thành, kiến trúc thực thi phía máy chủ, cú pháp, kiểu dữ liệu, lập trình hướng đối tượng (OOP), các phương thức xử lý form (GET/POST), quản lý phiên làm việc qua Session và Cookie.
  • Hệ quản trị cơ sở dữ liệu MySQL: mô hình quan hệ RDBMS, cơ chế lưu trữ, truy xuất, tổ chức và xử lý dữ liệu kết hợp với PHP.

Chương III: Phân tích thiết kế hệ thống

Chương III tập trung giải quyết bài toán nghiệp vụ cho cửa hàng thời trang nam FMStyle:

  • Phát biểu bài toán quản lý kinh doanh, định hình các yêu cầu chức năng cho khách hàng và quản trị viên.
  • Xây dựng biểu đồ ngữ cảnh và phân rã sơ đồ chức năng hệ thống.
  • Thiết kế chi tiết cấu trúc 8 bảng trong cơ sở dữ liệu quan hệ (User, Product, HoaDon, HoaDonChiTiet, Menu, Quản trị, Slideshow, Thongtinsp) kèm kiểu dữ liệu, khóa chính và khóa ngoại.
  • Xây dựng sơ đồ Use Case toàn hệ thống và các sơ đồ Use Case thành phần (Sản phẩm, Đơn hàng, Tài khoản, Doanh thu, Giỏ hàng, Tìm kiếm, Đăng nhập/Đăng ký).
  • Thiết kế các biểu đồ tuần tự (Sequence Diagram) chi tiết cho các luồng nghiệp vụ chính của hệ thống.
  • Viết bảng đặc tả Use Case chi tiết cho các thao tác quản trị sản phẩm.

Chương IV: Giao diện

Chương IV trình bày kết quả hiện thực hóa giao diện người dùng và quản trị:

  • Giao diện người dùng: Gồm Trang chủ (TrangChu), Trang chi tiết sản phẩm (ChiTietSanPham), Trang giỏ hàng (GioHang), Trang đặt hàng (DatHang), Trang đăng nhập (DangNhap), Trang đăng ký (DangKy) và Trang quên mật khẩu (QuenMatKhau).
  • Giao diện quản trị (Admin): Gồm Trang đăng nhập admin (DangNhapAdmin), Trang bảng điều khiển trung tâm (Admin), Trang quản lý tài khoản (QuanLyTaiKhoan), Trang quản lý sản phẩm (QuanLySanPham), Trang quản lý đơn hàng (QuanLyDonHang) và Trang thống kê doanh thu (ThongKeDoanhThu).

Chương V: Kết luận

Tổng kết toàn bộ quá trình nghiên cứu, phân tích, thiết kế và cài đặt hệ thống website bán quần áo nam FMStyle; đánh giá mức độ hoàn thành nhiệm vụ theo mục tiêu ban đầu của đồ án chuyên ngành.

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

1. Kết quả đạt được

  • Hiện thực hóa sản phẩm phần mềm: Xây dựng hoàn chỉnh website bán quần áo nam FMStyle hoạt động trên nền tảng web động với công nghệ PHP và MySQL, đáp ứng đầy đủ yêu cầu quản lý và bán hàng.
  • Xây dựng cấu trúc dữ liệu chuẩn: Thiết kế hệ thống cơ sở dữ liệu 8 bảng có tính liên kết chặt chẽ, đáp ứng tốt việc lưu trữ thông tin sản phẩm, người dùng, chi tiết đơn hàng, menu điều hướng và phân quyền quản trị.
  • Đáp ứng đầy đủ các chức năng nghiệp vụ:
    • Phía người dùng: Cho phép xem danh mục sản phẩm nổi bật, sản phẩm mua nhiều, xem chi tiết mô tả, tìm kiếm, quản lý giỏ hàng, đặt hàng trực tuyến, đăng ký/đăng nhập tài khoản.
    • Phía quản trị: Cung cấp công cụ quản lý danh mục sản phẩm (thêm, xóa, sửa), duyệt và quản lý đơn hàng, quản lý danh sách người dùng, thay đổi banner slideshow, bài viết và xem biểu đồ thống kê doanh thu.

2. Đóng góp của đề tài

  • Cung cấp một tài liệu phân tích thiết kế hệ thống thông tin hoàn chỉnh, từ biểu đồ ngữ cảnh, sơ đồ chức năng, use case đến biểu đồ tuần tự cho mô hình cửa hàng thời trang bán lẻ vừa và nhỏ.
  • Ứng dụng hiệu quả các công nghệ web mã nguồn mở phổ biến (PHP, MySQL, Bootstrap, jQuery) vào bài toán tin học hóa quản lý bán hàng thực tế.

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

1. Hạn chế

  • Hệ thống tập trung chủ yếu vào quy trình đặt hàng và lưu trữ đơn hàng vào CSDL, chưa tích hợp cổng thanh toán trực tuyến tự động qua ngân hàng hoặc ví điện tử.
  • Phạm vi triển khai và thử nghiệm hệ thống mới dừng lại ở quy mô phục vụ cửa hàng nhỏ.
  • Phần phân quyền người dùng mới thiết lập ở mức cơ bản (Admin toàn quyền và Quản lý), chưa xây dựng ma trận phân quyền chi tiết theo từng module nghiệp vụ phức tạp.

2. Hướng phát triển tiếp

  • Nâng cấp và tích hợp các cổng thanh toán điện tử (VNPAY, MoMo, ZaloPay) và kết nối API với các đơn vị vận chuyển hàng hóa tự động.
  • Mở rộng chức năng phân quyền chi tiết hơn cho nhiều nhóm nhân viên (nhân viên kho, nhân viên bán hàng, kế toán).
  • Tối ưu hóa thuật toán tìm kiếm và xây dựng hệ thống gợi ý sản phẩm tự động dựa trên lịch sử mua sắm của khách hàng.

Giá trị tham khảo

Tài liệu đồ án có giá trị tham khảo thiết thực đối với:

  • Sinh viên ngành Kỹ thuật phần mềm, Công nghệ thông tin: Là tài liệu tham khảo cụ thể về phương pháp làm đồ án chuyên ngành, đồ án tốt nghiệp hướng xây dựng ứng dụng web thương mại điện tử bằng PHP và MySQL.
  • Người học lập trình web: Cung cấp mẫu thiết kế cơ sở dữ liệu chuẩn cho website bán hàng (8 bảng dữ liệu cốt lõi) cùng hệ thống biểu đồ phân tích UML (Use case, Sequence Diagram) rõ ràng, dễ áp dụng vào các dự án phần mềm tương tự.

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

1. Đồ án "Xây dựng website bán quần áo nam FMStyle" do ai thực hiện và thuộc đơn vị đào tạo nào?

Đồ án được thực hiện bởi sinh viên Cao Văn Tâm (MSSV: 1824801030183), lớp D18PM03, khóa 2018 – 2022, chuyên ngành Kỹ thuật phần mềm, Khoa Kỹ thuật – Công nghệ, Trường Đại học Thủ Dầu Một, dưới sự hướng dẫn của ThS. Nguyễn Hữu Vĩnh (hoàn thành tháng 10/2021).

2. Hệ thống website FMStyle sử dụng ngăn xếp công nghệ (tech stack) nào để phát triển?

Hệ thống sử dụng HTML5, CSS3, Bootstrap (hệ thống lưới Responsive) và thư viện JavaScript jQuery cho phía giao diện (Front-end); ngôn ngữ lập trình PHP (hỗ trợ lập trình hướng đối tượng OOP, Session/Cookie, GET/POST) kết hợp máy chủ web Apache cho phía xử lý máy chủ (Back-end); và hệ quản trị cơ sở dữ liệu quan hệ MySQL cho việc lưu trữ dữ liệu.

3. Cơ sở dữ liệu của hệ thống gồm những bảng nào?

Cơ sở dữ liệu của hệ thống gồm 8 bảng quan hệ:

  1. User (lưu tài khoản khách hàng).
  2. Product (lưu thông tin sản phẩm, giá, loại, hình ảnh).
  3. HoaDon (lưu đơn hàng).
  4. HoaDonChiTiet (lưu chi tiết sản phẩm và số lượng theo đơn hàng).
  5. Menu (lưu tiêu đề các mục menu).
  6. Quản trị (lưu tài khoản và quyền truy cập của ban quản trị).
  7. Slideshow (lưu thông tin trình chiếu ảnh trang chủ).
  8. Thongtinsp (lưu các đoạn mô tả chi tiết của từng sản phẩm).

4. Hệ thống thiết lập phân quyền quản trị như thế nào?

Hệ thống phân chia quyền truy cập thành hai vai trò chính: vai trò Quản trị viên (Admin) có toàn quyền thao tác trên tất cả các chức năng hệ thống (quản lý sản phẩm, tài khoản, đơn hàng, thống kê), và vai trò Người quản lý với các quyền hạn bị giới hạn hơn tùy theo phạm vi công việc.

5. Phân hệ giao diện của hệ thống bao gồm những trang chức năng chính nào?

Hệ thống gồm hai nhóm giao diện:

  • Giao diện khách hàng: Trang chủ, chi tiết sản phẩm, giỏ hàng, đặt hàng, đăng nhập, đăng ký, quên mật khẩu.
  • Giao diện quản trị: Trang đăng nhập admin, trang tổng quan quản trị, trang quản lý tài khoản, quản lý sản phẩm, quản lý đơn hàng và trang thống kê doanh thu.

Kết luận

Đồ án "Xây dựng Website bán quần áo nam FMStyle" của sinh viên Cao Văn Tâm đã hoàn thành các mục tiêu nghiên cứu và hiện thực hóa một hệ thống thương mại điện tử hoàn chỉnh cho cửa hàng thời trang bán lẻ. Đề tài đã áp dụng đúng quy trình phát triển phần mềm, từ khảo sát bài toán thực tế, mô hình hóa hệ thống bằng các biểu đồ UML, thiết kế cơ sở dữ liệu quan hệ chuẩn hóa đến lập trình giao diện và chức năng bằng PHP & MySQL. Kết quả của đồ án đáp ứng tốt các yêu cầu nghiệp vụ bán hàng, quản lý đơn hàng và cung cấp tài liệu tham khảo có giá trị cho sinh viên chuyên ngành Kỹ thuật phần mềm.