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

Sự bùng nổ của công nghệ thông tin và mạng Internet trong các thập niên cuối thế kỷ 20 và đầu thế kỷ 21 đã định hình lại các phương thức thương mại toàn cầu. Mô hình kinh doanh truyền thống từng bước được số hóa, nhường chỗ cho các sàn giao dịch trực tuyến, các mô hình kết nối doanh nghiệp với doanh nghiệp (B2B) và doanh nghiệp với người tiêu dùng (B2C). Đối với các doanh nghiệp vừa và nhỏ, việc thiết lập kênh bán hàng trực tuyến mang lại lợi thế cạnh tranh rõ rệt: tối ưu hóa chi phí mặt bằng, tinh giản nhân sự vận hành và xóa bỏ rào cản không gian trưng bày. Đồng thời, người tiêu dùng ngày càng ưu tiên trải nghiệm mua sắm tiện lợi, nhanh chóng, cho phép tiếp cận và tra cứu thông tin sản phẩm mọi lúc, mọi nơi.

Trong bối cảnh ngành hàng thời trang và giày dép có tốc độ đổi mới nhanh cùng nhu cầu thị trường cao, đồ án học kỳ "Xây dựng website bán giày Sneaker Haven" do sinh viên Phạm Hồ Cảnh thực hiện dưới sự hướng dẫn của ThS. Trần Thị Đồng tại Khoa Công nghệ thông tin & Truyền thông, Trường Đại học Phương Đông (tháng 09/2024) đã được triển khai nhằm giải quyết bài toán xây dựng nền tảng thương mại điện tử chuyên biệt.

Đề tài xác định 3 nhiệm vụ và mục tiêu nghiên cứu cụ thể:

  1. Nghiên cứu, tìm hiểu quy trình xây dựng website bán hàng trực tuyến hoàn chỉnh.
  2. Hệ thống hóa cơ sở lý thuyết về các ngôn ngữ lập trình Front-End, hệ quản trị cơ sở dữ liệu và các giải pháp bảo mật dữ liệu trên nền tảng web.
  3. Ứng dụng kiến thức chuyên ngành để thiết kế, phân tích và xây dựng hệ thống website bán giày Sneaker Haven với đầy đủ hai phân hệ chức năng:
    • Phân hệ quản trị (Admin): Thực hiện các nghiệp vụ quản lý sản phẩm, danh mục, bài viết tin tức, tài khoản người dùng, hóa đơn, đơn hàng, phản hồi liên hệ và báo cáo thống kê doanh thu.
    • Phân hệ khách hàng: Cung cấp trải nghiệm tìm kiếm, tra cứu chi tiết sản phẩm, quản lý giỏ hàng, đặt hàng, thanh toán trực tuyến/trực tiếp, quản lý hỏi đáp, đánh giá sản phẩm và theo dõi lịch sử mua hàng.

Đối tượng và phạm vi nghiên cứu của đồ án tập trung vào quy trình xây dựng website thương mại điện tử ngành hàng giày thời trang, ứng dụng bộ công cụ phát triển giao diện HTML, CSS, JavaScript kết hợp cơ chế bảo mật truyền thông qua giao thức SSL/HTTPS.

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

Cơ sở lý thuyết

Đồ án tổng hợp nền tảng lý thuyết liên quan đến lập trình giao diện người dùng (Front-End) và an toàn thông tin web:

  • Ngôn ngữ đánh dấu siêu văn bản (HTML): Đóng vai trò tạo lập cấu trúc, phân đoạn tài liệu web thông qua hệ thống thẻ tiêu chuẩn (<h1>-<h6>, <p>, <a>, <img>, <div>, <span>), hỗ trợ tích hợp đa phương tiện và tối ưu hóa công cụ tìm kiếm (SEO).
  • Ngôn ngữ định kiểu tầng (CSS): Chịu trách nhiệm tách biệt nội dung khỏi tầng trình diễn, kiểm soát bố cục hiển thị (Grid, Flexbox), màu sắc, phông chữ, tối ưu hóa tốc độ tải trang và hiện thực hóa giao diện đáp ứng (Responsive Design) trên nhiều loại kích thước màn hình.
  • Ngôn ngữ lập trình JavaScript: Cung cấp khả năng tạo tương tác động, thao tác trên mô hình đối tượng tài liệu (DOM), xử lý sự kiện người dùng và giao tiếp dữ liệu bất đồng bộ với máy chủ thông qua AJAX và Fetch API.
  • Giao thức bảo mật SSL (Secure Socket Layer): Nghiên cứu cơ chế mã hóa thông tin trao đổi giữa trình duyệt và máy chủ nhằm bảo vệ tính bí mật và toàn vẹn dữ liệu. Báo cáo phân tích sự khác biệt giữa kỹ thuật mã hóa đối xứng (dùng chung một khóa cho mã hóa và giải mã) và mã hóa bất đối xứng (sử dụng cặp khóa công khai - Public Key và khóa bí mật - Private Key). Trên cơ sở đó, giao thức HTTPS (kết hợp giữa HTTP và SSL) được áp dụng để vận hành qua cổng mạng 443 thay vì cổng 80 thông thường.

Phương pháp nghiên cứu

Tác giả kết hợp phương pháp khảo sát thực tế và phương pháp phân tích thiết kế hệ thống hướng đối tượng:

  • Phương pháp khảo sát đối chuẩn (Benchmarking): Khảo sát cấu trúc giao diện, trải nghiệm người dùng, danh mục hàng hóa, chính sách bán hàng và dịch vụ khách hàng từ 3 sàn thương mại điện tử lớn tại Việt Nam (Tiki.vn, Lazada.vn, Thegioididong.com) và các website chuyên kinh doanh giày dép.
  • Phương pháp phân tích và thiết kế hệ thống: Ứng dụng lý thuyết Use Case do Ivar Jacobson đề xuất (1994) để bóc tách yêu cầu nghiệp vụ, định danh các tác nhân (Actor), xây dựng biểu đồ ca sử dụng (Use Case Diagram), thiết lập bảng đặc tả chi tiết và mô hình hóa tiến trình xử lý thông qua biểu đồ hoạt động (Activity Diagram).

Thiết kế và triển khai

Hệ thống Sneaker Haven được phân chia theo 3 nhóm tác nhân chính với quyền hạn rõ ràng: Quản trị viên (Admin), Nhân viên (gồm Thủ kho, Nhân viên chăm sóc khách hàng) và Khách hàng thành viên/Khách vãng lai.

Bảng tổng hợp phân quyền và chức năng tác nhân

Tác nhân (Actor) Phân nhóm quyền hạn Chức năng nghiệp vụ chính
Quản trị viên (Admin) Toàn quyền hệ thống Đăng nhập/Đăng xuất, quản lý danh mục, quản lý sản phẩm, quản lý nhà sản xuất, quản lý nhà cung cấp, quản lý nhân viên, phân quyền người dùng, quản lý bài viết tin tức, quản lý mã giảm giá, quản lý đơn đặt hàng, quản lý liên hệ, xem thống kê báo cáo doanh thu.
Nhân viên (Thủ kho / CSKH) Quyền hạn hạn chế Quản lý nhập hàng, lập phiếu nhập kho, thống kê hàng tồn kho, theo dõi tình trạng đơn đặt hàng, hỗ trợ giải đáp câu hỏi của khách hàng.
Khách hàng Người dùng cuối Đăng ký tài khoản, đăng nhập/đăng xuất, tìm kiếm sản phẩm, xem chi tiết hàng hóa, thêm/sửa/xóa sản phẩm trong giỏ hàng, đặt hàng, thanh toán, quản lý địa chỉ nhận hàng, gửi câu hỏi hỏi đáp, đánh giá sản phẩm (xếp hạng sao), xem lịch sử mua hàng.

Ràng buộc dữ liệu đầu vào trong các ca sử dụng (Use Case)

Hệ thống thiết lập các quy tắc hợp lệ hóa dữ liệu nghiêm ngặt đối với từng giao dịch biểu mẫu:

Tên chức năng Trường dữ liệu Tính bắt buộc Điều kiện hợp lệ theo đặc tả
Đăng ký tài khoản Tên đăng nhập Bắt buộc Từ 6 đến 20 ký tự, chưa tồn tại trong hệ thống
Mật khẩu Bắt buộc Từ 8 ký tự trở lên
Nhập lại mật khẩu Bắt buộc Khớp chính xác với mật khẩu đã nhập
Họ tên Bắt buộc Chuỗi ký tự, tối đa 30 ký tự
Email Bắt buộc Định dạng địa chỉ email hợp lệ
Số điện thoại Bắt buộc Định dạng số, độ dài từ 10 đến 12 chữ số
Đặt hàng Họ tên người nhận Bắt buộc Chuỗi ký tự, tối đa 30 ký tự
Số điện thoại Bắt buộc Độ dài từ 10 đến 12 chữ số
Email Bắt buộc Định dạng email hợp lệ
Địa chỉ nhận hàng Bắt buộc Chuỗi ký tự, tối đa 200 ký tự
Mã giảm giá Không bắt buộc Chuỗi ký tự chuẩn 5 ký tự
Quản lý sản phẩm Tên sản phẩm Bắt buộc Chuỗi ký tự, tối đa 30 ký tự
Giá bán Bắt buộc Kiểu số, giá trị lớn hơn 0
Hình ảnh 1 Bắt buộc Tệp tin định dạng JPG/PNG
Hình ảnh 2, 3 Không bắt buộc Tệp tin định dạng JPG/PNG
Khuyến mãi Không bắt buộc Kiểu số nguyên, giá trị từ 1 đến 99 (%)
Mô tả sản phẩm Bắt buộc Chuỗi văn bản, tối đa 500 ký tự
Quản lý đánh giá Số sao Bắt buộc Thang điểm từ 1 đến 5 sao
Nội dung đánh giá Có Chuỗi ký tự, tối đa 200 ký tự
Hỏi đáp sản phẩm Nội dung câu hỏi Bắt buộc Chuỗi ký tự, tối đa 500 ký tự
Mã giảm giá Phần trăm giảm Bắt buộc Giá trị từ 1 đến 99 (%)
Số lượng mã Bắt buộc Kiểu số nguyên, giá trị lớn hơn 0
Quản lý nhập hàng Đơn giá nhập Bắt buộc Kiểu số, giá trị lớn hơn 0
Số lượng nhập Bắt buộc Kiểu số nguyên, giá trị lớn hơn 0

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

Chương 1: Giới thiệu đề tài

Chương 1 thiết lập khung nghiên cứu tổng quát của đồ án. Tác giả phân tích tính tất yếu của thương mại điện tử trong thời đại số, chỉ rõ lợi ích kinh tế mà kênh bán hàng trực tuyến mang lại cho các doanh nghiệp giày dép (giảm chi phí trưng bày, vận hành) và khách hàng (tiết kiệm thời gian, tiếp cận thông tin tức thời).

Chương này trình bày kết quả khảo sát thực tế tại các nền tảng thương mại điện tử lớn tại thị trường Việt Nam:

  • Tiki.vn: Điểm mạnh ở giao diện tinh giản, tốc độ xử lý nhanh, phân loại danh mục đa dạng, chính sách miễn phí giao hàng từ 149.000 VNĐ, hỗ trợ đổi trả trong vòng 7 ngày và chăm sóc khách hàng 24/7.
  • Lazada.vn: Sở hữu công cụ tìm kiếm thông minh, danh mục hàng hóa rộng, chính sách giao hàng miễn phí từ 199.000 VNĐ, thời gian đổi trả trong 14 ngày và hệ thống khuyến mãi quy mô lớn.
  • Thegioididong.com: Chuyên biệt hóa ngành hàng công nghệ, thông tin kỹ thuật rõ ràng, chính sách miễn phí vận chuyển từ 200.000 VNĐ, đổi trả trong vòng 30 ngày cùng dịch vụ bảo hành trực tiếp.

Từ khảo sát trên kết hợp với nghiên cứu các website kinh doanh giày quốc tế, đồ án đúc kết các yêu cầu cần có cho Sneaker Haven: thiết kế giao diện dạng lưới hiện đại, bộ lọc sản phẩm đa tiêu chí (màu sắc, kích thước, tầm giá), cơ chế phản hồi tương tác mượt mà và tối ưu hóa thời gian tải trang.

Chương 2: Các ngôn ngữ lập trình Front – End và bảo mật Website

Chương 2 đóng vai trò cung cấp cơ sở lý thuyết kỹ thuật. Nội dung chương chia thành hai phần chính:

  1. Tổng quan phát triển Front-End: Làm rõ vị trí của lập trình viên Front-End trong việc xây dựng cầu nối tương tác giữa người dùng và ứng dụng web. Tác giả tổng thuật chi tiết cú pháp, vai trò, ưu điểm và nhược điểm của bộ ba công nghệ cốt lõi HTML, CSS và JavaScript; giới thiệu các công cụ và kỹ năng bổ trợ cần thiết như thiết kế đáp ứng (Responsive Web Design), các thư viện/framework (Bootstrap, ReactJS, AngularJS), hệ thống quản lý phiên bản Git, công cụ kiểm thử (Testing/Debugging) và tiện ích Developer Tools trên trình duyệt. Chương này cũng dẫn chứng số liệu khảo sát thị trường lao động tại Việt Nam, ghi nhận mức thu nhập bình quân của kỹ sư Front-End dao động từ 15 đến 22 triệu đồng/tháng.
  2. Nghiên cứu an toàn và bảo mật thông tin: Giới thiệu giao thức SSL, giải thích cơ chế mã hóa đối xứng và mã hóa bất đối xứng (Public Key - Private Key). Phân tích làm rõ các thuộc tính an ninh trọng yếu của SSL bao gồm: xác thực đối tác giao tiếp (Authentication), mã hóa chống nghe lén dữ liệu (Data Encryption) và bảo đảm tính toàn vẹn (Data Integrity). Trình bày cơ chế chuyển đổi từ giao thức HTTP (cổng 80) sang HTTPS (cổng 443) khi triển khai chứng chỉ số.

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

Chương 3 là phần trọng tâm về mặt kỹ thuật phân tích phần mềm của đồ án, bao gồm:

  • Xác định yêu cầu hệ thống: Phân định rõ ràng yêu cầu chức năng (chức năng nghiệp vụ phía Admin và phía Khách hàng) cùng yêu cầu phi chức năng (tính tiện dụng của giao diện, hiệu năng phản hồi khi có nhiều truy cập đồng thời, bảo mật dữ liệu khách hàng qua SSL, khả năng bảo trì và nâng cấp mở rộng mã nguồn).
  • Mô hình hóa Use Case: Xây dựng sơ đồ Use Case tổng quan và 20 sơ đồ Use Case phân rã chi tiết kèm bảng đặc tả từng ca sử dụng: Đăng ký, Đăng nhập, Tìm kiếm sản phẩm, Quản lý hỏi đáp, Quản lý giỏ hàng, Đặt hàng, Quản lý đơn đặt hàng, Quản lý đánh giá, Quản lý lịch sử xem hàng, Quản lý tài khoản cá nhân, Quản lý danh mục, Quản lý sản phẩm, Quản lý nhân viên, Quản lý nhà sản xuất, Quản lý nhà cung cấp, Quản lý nhập hàng, Quản lý mã giảm giá, Thống kê, Phân quyền người dùng và Đăng xuất.
  • Đặc tả ràng buộc dữ liệu: Xác lập chi tiết các bảng dữ liệu đầu vào (Input Specification), định nghĩa kiểu dữ liệu, tính bắt buộc, độ dài ký tự tối đa/tối thiểu và điều kiện kiểm tra tính hợp lệ.
  • Biểu đồ hoạt động (Activity Diagram): Trình bày luồng tiến trình công việc trực quan cho các nghiệp vụ cốt lõi: Đăng nhập, Đăng ký thành viên, Mua hàng và đặt hàng, Tìm kiếm sản phẩm, Gửi biểu mẫu thông tin liên hệ.
  • Thiết kế cơ sở dữ liệu: Xác định các thực thể và mối quan hệ lưu trữ phục vụ các phân hệ quản lý sản phẩm, khách hàng, đơn đặt hàng và nhân sự.

Chương 4: Thiết kế giao diện Website Sneaker Haven

Chương 4 hiện thực hóa các kết quả phân tích thành hệ thống giao diện người dùng trực quan, bao gồm:

  • Giao diện trang chủ: Bố cục thanh điều hướng, banner quảng bá, danh mục sản phẩm nổi bật, sản phẩm mới và chân trang (footer).
  • Giao diện trang đăng ký và đăng nhập: Biểu mẫu thu thập và xác thực thông tin tài khoản người dùng.
  • Giao diện giỏ hàng và đặt hàng: Hiển thị danh sách mặt hàng đã chọn, bảng tính tổng tiền, thuế, trường nhập mã giảm giá, biểu mẫu thông tin nhận hàng và tùy chọn phương thức thanh toán (trực tiếp hoặc liên kết trực tuyến).
  • Giao diện trang tin tức: Trình bày các bài viết giới thiệu xu hướng giày thời trang và thông tin khuyến mãi.
  • Giao diện quản lý sản phẩm (dành cho Admin): Bảng danh sách sản phẩm, biểu mẫu thêm mới, chỉnh sửa thông tin, giá bán, tải lên hình ảnh minh họa và trạng thái kích hoạt/khóa sản phẩm.
  • Giao diện liên hệ: Biểu mẫu tiếp nhận thắc mắc và đóng góp ý kiến từ khách hàng.

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

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

  • Hoàn thành đầy đủ hồ sơ phân tích thiết kế cho hệ thống thương mại điện tử chuyên ngành giày dép với 20 ca sử dụng (Use Case) được đặc tả tường minh về điều kiện tiên quyết, tác nhân, luồng sự kiện và ràng buộc dữ liệu đầu vào.
  • Xây dựng hệ thống 5 biểu đồ hoạt động chuẩn hóa cho các quy trình tương tác khách hàng quan trọng nhất (đăng nhập, đăng ký, tìm kiếm, mua hàng, gửi liên hệ).
  • Thiết kế hoàn thiện bộ giao diện người dùng (Front-End) đáp ứng đầy đủ các luồng thao tác từ trang chủ, duyệt danh mục, chi tiết mặt hàng, giỏ hàng, thanh toán đến phân hệ quản trị danh mục và sản phẩm của Admin.
  • Đề xuất giải pháp bảo mật dữ liệu truyền thông và giao dịch thương mại thông qua giao thức HTTPS/SSL sử dụng cổng mạng 443 và cơ chế mã hóa khóa bất đối xứng.

Đóng góp thực tiễn

Đề tài cung cấp tài liệu tham khảo có cấu trúc rõ ràng về quy trình xây dựng website bán hàng từ bước khảo sát đối thủ, thu thập yêu cầu, mô hình hóa hệ thống theo chuẩn UML (Use Case, Activity Diagram) đến thiết kế giao diện thực tế.

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

Căn cứ theo phạm vi trình bày trong đồ án học kỳ:

  • Hạn chế: Đề tài tập trung chủ yếu vào phần phân tích thiết kế hệ thống, công nghệ Front-End và thiết kế giao diện tĩnh/động; các cơ chế xử lý Back-End phức tạp, tích hợp cổng thanh toán ngân hàng trực tuyến thực tế (Payment Gateway API) và kiểm thử hiệu năng tải nặng chưa được trình bày chi tiết bằng số liệu đo lường cụ thể.
  • Hướng phát triển: Tiếp tục hoàn thiện phần lập trình phía máy chủ (Back-End) kết nối cơ sở dữ liệu hoàn chỉnh, tích hợp hệ thống thanh toán qua ví điện tử và cổng ngân hàng tự động, nâng cao năng lực bảo mật đa tầng và kiểm thử tự động toàn diện hệ thống trước khi đưa vào vận hành thực tế.

Giá trị tham khảo

Tài liệu là nguồn tư liệu học thuật phù hợp cho:

  1. Sinh viên ngành Công nghệ thông tin và Hệ thống thông tin: Tham khảo phương pháp xây dựng báo cáo đồ án học kỳ/khóa luận tốt nghiệp chuyên ngành công nghệ phần mềm và phát triển web.
  2. Người học lập trình web: Khai thác các bảng đặc tả Use Case, quy tắc kiểm tra tính hợp lệ dữ liệu biểu mẫu (Validation Rules) và quy trình thiết kế giao diện thương mại điện tử theo chuẩn B2C.

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

1. Đề tài "Sneaker Haven" do ai thực hiện và thuộc cơ sở đào tạo nào?
Đồ án học kỳ do sinh viên Phạm Hồ Cảnh (MSSV: 5211000004, Lớp: 521100A) thực hiện dưới sự hướng dẫn của ThS. Trần Thị Đồng tại Khoa Công nghệ thông tin & Truyền thông, Trường Đại học Phương Đông vào tháng 09/2024.

2. Đồ án sử dụng bộ công nghệ chính nào để xây dựng hệ thống?
Hệ thống sử dụng các ngôn ngữ lập trình và công nghệ Front-End bao gồm HTML, CSS, JavaScript kết hợp cơ chế bảo mật truyền thông qua giao thức SSL (HTTPS).

3. Phân hệ Quản trị viên (Admin) gồm những chức năng quản lý nghiệp vụ nào?
Admin có quyền quản lý toàn diện hệ thống: quản lý sản phẩm, quản lý danh mục, quản lý nhà sản xuất, quản lý nhà cung cấp, quản lý nhân viên và phân quyền, quản lý bài viết tin tức, quản lý đơn đặt hàng, quản lý mã giảm giá, quản lý thông tin liên hệ và xem thống kê báo cáo doanh thu, đơn hàng, khách hàng.

4. Ràng buộc dữ liệu khi khách hàng đăng ký tài khoản mới được quy định như thế nào?
Theo bảng đặc tả dữ liệu, tên đăng nhập phải từ 6 đến 20 ký tự (chưa tồn tại trên hệ thống); mật khẩu và nhập lại mật khẩu phải từ 8 ký tự trở lên; họ tên tối đa 30 ký tự; số điện thoại từ 10 đến 12 số; và email phải đúng định dạng chuẩn.

5. Cơ chế bảo mật SSL được giải thích và ứng dụng ra sao trong đồ án?
Đồ án phân tích giao thức SSL dựa trên mô hình mã hóa bất đối xứng (dùng cặp khóa Public Key để mã hóa và Private Key để giải mã) nhằm bảo vệ tính xác thực, tính bí mật và tính toàn vẹn dữ liệu giao dịch. Khi tích hợp SSL, kết nối web chuyển sang giao thức HTTPS vận hành qua cổng mạng 443 (thay vì cổng 80 của HTTP).

Kết luận

Đồ án "Xây dựng website bán giày Sneaker Haven" của sinh viên Phạm Hồ Cảnh là một công trình học thuật hoàn chỉnh thuộc chuyên ngành Công nghệ thông tin. Báo cáo đã hoàn thành tốt các mục tiêu đề ra từ khảo sát thị trường thương mại điện tử, hệ thống hóa cơ sở lý thuyết Front-End và bảo mật SSL, đến phân tích thiết kế chi tiết 20 ca sử dụng và xây dựng bộ giao diện website trực quan. Đây là tài liệu tham khảo có giá trị cao 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 dự án phát triển phần mềm ứng dụng web thương mại điện tử.