Báo cáo đồ án thiết kế website bán đồ thể thao - ĐH Tiền Giang

Đồ án thiết kế website bán đồ thể thao hoàn chỉnh với quy trình xây dựng giao diện, quản lý sản phẩm, giỏ hàng và tích hợp thanh toán trực tuyến.

• Tác giả: Lê Thành Quốc
• Người hướng dẫn: Nguyễn Thị Thu Nguyệt
• Trường học: Đại học Tiền Giang
• Chuyên ngành: Kỹ thuật công nghệ
• Đề tài: Thiết kế website bán đồ thể thao
• Loại tài liệu: Báo cáo đồ án chuyên ngành
• Năm xuất bản: 2022
• Địa điểm: Tiền Giang

Tóm tắt

I. Tổng quan đồ án thiết kế website bán đồ thể thao với PHP và MySQL

Nhu cầu rèn luyện sức khỏe tăng nhanh thúc đẩy thị trường trang thiết bị thể thao phát triển mạnh mẽ. Thương mại điện tử trở thành kênh phân phối thiết yếu cho các doanh nghiệp bán lẻ. Đồ án xây dựng website bán đồ thể thao đáp ứng trực tiếp nhu cầu mua sắm trực tuyến ngày càng cao của người tiêu dùng. Mô hình này giúp khách hàng tìm kiếm, so sánh và đặt mua dụng cụ thể thao dễ dàng. Đề tài nghiên cứu khai thác môi trường web động để giải quyết bài toán tiếp cận thị trường. Nền tảng Apache kết hợp ngôn ngữ PHP và cơ sở dữ liệu MySQL tạo nên cấu trúc kỹ thuật vững chắc. Sự kết hợp này mang lại hiệu năng cao và chi phí triển khai thấp. Hệ thống vận hành linh hoạt trên nhiều thiết bị khác nhau. Người quản trị dễ dàng theo dõi số lượng tồn kho và cập nhật danh mục sản phẩm mới. Khách hàng tiết kiệm thời gian chọn sắm trang phục và dụng cụ luyện tập. Đồ án cung cấp giải pháp toàn diện cho hoạt động kinh doanh trực tuyến hiện đại.

1.1. Bối cảnh thương mại điện tử trong lĩnh vực thể thao

Thương mại điện tử đang làm thay đổi căn bản hành vi tiêu dùng hiện đại. Người mua hàng ưu tiên sự tiện lợi và đa dạng của các kênh mua sắm số. Nhóm hàng dụng cụ và trang phục thể thao có lượng tìm kiếm tăng trưởng liên tục. Các cửa hàng truyền thống đối mặt với áp lực chi phí mặt bằng và nhân sự. Xây dựng website bán hàng chuyên nghiệp là bước đi tất yếu để duy trì tính cạnh tranh. Nền tảng số giúp mở rộng tệp khách hàng tiềm năng không giới hạn địa lý. Quy trình bán hàng tự động hóa hỗ trợ doanh nghiệp tối ưu hóa nguồn lực. Người mua có thể xem chi tiết kích thước, màu sắc và thông số kỹ thuật trước khi đặt mua.

1.2. Mục tiêu nghiên cứu và công nghệ nền tảng áp dụng

Đề tài hướng tới việc thiết kế và lập trình website bán đồ thể thao hoàn chỉnh. Mục tiêu chính gồm tạo giao diện thân thiện, chuẩn hóa cơ sở dữ liệu và vận hành hệ thống ổn định. Ngôn ngữ PHP đóng vai trò xử lý logic nghiệp vụ phía máy chủ. Cơ sở dữ liệu quan hệ MySQL đảm bảo lưu trữ thông tin sản phẩm, đơn hàng và khách hàng an toàn. Bộ công cụ XAMPP cung cấp môi trường tích hợp hoàn hảo để phát triển và kiểm thử cục bộ. Kiến trúc hệ thống được phân tầng rõ ràng nhằm tạo thuận lợi cho việc bảo trì. Việc kết hợp PHP và MySQL mang lại giải pháp công nghệ ổn định với chi phí thấp nhất.

II. Phân tích yêu cầu hệ thống website bán đồ thể thao PHP và MySQL

Phân tích yêu cầu là giai đoạn quyết định tính khả thi của toàn bộ đồ án. Hệ thống cần giải quyết cùng lúc các nhu cầu phức tạp của người mua và ban quản trị. Khách hàng đòi hỏi tốc độ tải trang nhanh, phân loại sản phẩm rõ ràng và tìm kiếm chính xác. Các thuộc tính đồ thể thao thường đa dạng như kích cỡ, màu sắc, môn thi đấu và thương hiệu. Nếu cơ sở dữ liệu không được phân tích khoa học, hệ thống sẽ gặp tình trạng trùng lặp và phân mảnh dữ liệu. Phía người bán hàng cần công cụ cập nhật danh mục linh hoạt, kiểm soát tồn kho tức thời và theo dõi trạng thái vận đơn. Thách thức lớn nằm ở việc kiểm soát đồng thời giỏ hàng và phiên làm việc của người dùng. Vấn đề bảo mật tài khoản cá nhân và thông tin thanh toán cũng đặt ra yêu cầu nghiêm ngặt. Việc xác định rõ các ca sử dụng use case giúp chuẩn hóa quy trình phân tích và loại bỏ các lỗi logic phát sinh trong quá trình vận hành.

2.1. Yêu cầu chức năng người dùng và quản trị viên

Hệ thống phân tách rõ ràng quyền hạn giữa người dùng và quản trị viên. Phía khách hàng cần các tính năng đăng ký, đăng nhập, tìm kiếm sản phẩm và quản lý giỏ hàng. Quá trình chọn hàng yêu cầu kiểm tra trạng thái đăng nhập trước khi tiến hành thanh toán. Khi chưa đăng nhập, hệ thống sẽ điều hướng người dùng tới trang xác thực tài khoản. Phía quản trị viên cần giao diện quản lý chuyên biệt để đăng tải sản phẩm, sửa đổi thông tin và xóa mặt hàng hết hạn. Bảng quản lý đơn hàng cho phép xem chi tiết từng mã đơn và duyệt trạng thái giao hàng. Việc phân quyền chặt chẽ giúp bảo vệ hệ thống trước các thao tác truy cập trái phép.

2.2. Vấn đề toàn vẹn dữ liệu và xử lý giỏ hàng

Xử lý dữ liệu giỏ hàng là bài toán phức tạp trong thương mại điện tử. Thông tin sản phẩm chọn mua phải lưu trữ chính xác qua các phiên làm việc của người dùng. Hệ thống cần tính toán đúng tổng giá tiền dựa trên số lượng và đơn giá từng mặt hàng. Khi người dùng thay đổi số lượng, cơ sở dữ liệu phải cập nhật tự động ngay lập tức. Tính toàn vẹn dữ liệu còn thể hiện ở việc kiểm tra số lượng tồn kho trước khi xác nhận đơn. Nếu hàng hóa hết số lượng, website phải hiển thị cảnh báo rõ ràng. Quy trình xuất mã đơn hàng yêu cầu tính duy nhất để tránh xung đột mã đặt hàng trong cơ sở dữ liệu MySQL.

III. Giải pháp thiết kế cơ sở dữ liệu và lập trình website với PHP

Đồ án triển khai phương pháp thiết kế cấu trúc dữ liệu quan hệ chuẩn hóa trên hệ quản trị MySQL. Các bảng dữ liệu chính gồm customer, contact, products và orders được thiết lập liên kết chặt chẽ qua các khóa chính và khóa ngoại. Ngôn ngữ PHP đảm nhiệm vai trò cầu nối xử lý các truy vấn dữ liệu từ giao diện người dùng. Phía Frontend sử dụng HTML5, CSS và JavaScript để xây dựng giao diện trực quan, đồng bộ trên máy tính và điện thoại. Quá trình xử lý đăng ký tài khoản được kiểm tra tính hợp lệ của định dạng email và số điện thoại thông qua biểu thức chính quy. Khi thêm hàng vào giỏ, session trong PHP lưu trữ tạm thời danh sách lựa chọn. Chức năng thanh toán cung cấp hai phương thức: thanh toán khi nhận hàng và thanh toán qua thẻ ngân hàng. Hệ thống tự động sinh mã đơn hàng ngẫu nhiên không trùng lặp và lưu trữ vào bảng quản lý. Mọi thao tác cập nhật sản phẩm từ phía quản trị viên đều được thực thi qua các câu lệnh SQL an toàn.

3.1. Thiết kế cơ sở dữ liệu quan hệ MySQL

Cơ sở dữ liệu được xây dựng theo mô hình quan hệ nhằm giảm thiểu dư thừa dữ liệu. Bảng customer lưu trữ thông tin cá nhân, tên đăng nhập và mật khẩu mã hóa. Bảng products chứa chi tiết tên mặt hàng, đơn giá, hình ảnh và danh mục đồ thể thao. Bảng orders lưu thông tin người nhận, địa chỉ giao hàng và phương thức thanh toán đã chọn. Các trường dữ liệu đều được quy định kiểu dữ liệu và độ dài chặt chẽ. Hệ thống sử dụng khóa chính tự tăng để quản lý định danh bản ghi. Các chỉ mục index được thiết lập trên các cột tìm kiếm thường xuyên nhằm tăng tốc độ truy vấn cơ sở dữ liệu.

3.2. Lập trình module giỏ hàng và xử lý thanh toán

Module giỏ hàng hoạt động dựa trên cơ chế session của PHP để lưu trữ thông tin sản phẩm tạm thời. Người mua có thể thêm sản phẩm, điều chỉnh số lượng hoặc xóa mặt hàng trực tiếp trong giao diện giỏ hàng. Khi khách hàng bấm thanh toán, hệ thống kiểm tra trạng thái phiên đăng nhập. Trang thanh toán hiển thị chi tiết các tùy chọn thanh toán khi nhận hàng hoặc thanh toán qua thẻ. Mã đơn hàng được tạo tự động với chuỗi ký tự ngẫu nhiên duy nhất. Thông tin đơn hàng được gửi vào bảng cơ sở dữ liệu và hiển thị mã xác nhận hoàn tất mua hàng cho người dùng theo dõi.

IV. Kết luận và tiềm năng ứng dụng website bán đồ thể thao PHP

Đồ án thiết kế website bán đồ thể thao đã hoàn thành xuất sắc các mục tiêu đề ra ban đầu. Hệ thống triển khai thành công toàn bộ luồng nghiệp vụ mua bán trực tuyến cơ bản. Các chức năng đăng ký, xác thực, quản lý giỏ hàng và đặt hàng hoạt động ổn định và chính xác. Giao diện người dùng được thiết kế trực quan, dễ thao tác và tải trang mượt mà trên môi trường máy chủ cục bộ. Khu vực quản trị giúp người bán đăng tải sản phẩm, sửa đổi nội dung và xóa mặt hàng tồn kho dễ dàng. Cơ sở dữ liệu MySQL duy trì tính toàn vẹn và bảo đảm lưu trữ thông tin an toàn. Về mặt ứng dụng thực tiễn, sản phẩm đồ án có thể chuyển giao cho các cửa hàng thể thao vừa và nhỏ để số hóa quy trình bán lẻ. Trong tương lai, hệ thống cần tích hợp thêm cổng thanh toán trực tuyến như Momo hoặc VNPay, đồng thời xây dựng giao diện tương thích đa nền tảng tốt hơn.

4.1. Đánh giá kết quả thực nghiệm và ưu điểm đề tài

Kết quả thử nghiệm cho thấy website hoạt động trơn tru trên máy chủ XAMPP cục bộ. Các trường hợp thử nghiệm bao gồm kiểm tra đăng ký tài khoản hợp lệ, chặn nhập sai thông tin và xác nhận tài khoản tồn tại đều cho phản hồi chính xác. Luồng thêm sản phẩm vào giỏ hàng và xuất hóa đơn mua hàng được thực hiện liền mạch. Giao diện quản lý của người bán hiển thị danh sách sản phẩm trực quan, hỗ trợ cập nhật dữ liệu nhanh. Mô hình thiết kế chứng minh tính phù hợp cao trong việc đào tạo sinh viên chuyên ngành công nghệ thông tin.

4.2. Hướng phát triển và nâng cấp hệ thống tương lai

Hệ thống hiện tại vẫn còn một số điểm cần tiếp tục hoàn thiện trong tương lai. Giao diện cần được tối ưu hóa theo phong cách responsive linh hoạt để hiển thị hoàn hảo trên các dòng điện thoại thông minh. Nền tảng cần bổ sung tính năng thanh toán trực tuyến qua các ví điện tử phổ biến như Momo, VNPay và ZaloPay. Cơ chế bảo mật cần được nâng cấp qua việc mã hóa mật khẩu nhiều lớp và ngăn chặn các lỗ hổng SQL Injection. Ngoài ra, việc bổ sung thuật toán gợi ý đồ thể thao theo sở thích người dùng sẽ giúp gia tăng trải nghiệm khách hàng và tối đa hóa doanh số bán lẻ.

Nội dung chính

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

Đề tài "Thiết kế website bán đồ thể thao" là báo cáo đồ án chuyên ngành thuộc Khoa Kỹ thuật Công nghệ, Trường Đại học Tiền Giang, được thực hiện vào tháng 5 năm 2022. Đồ án do nhóm sinh viên gồm Lê Thành Quốc (MSSV: 019101012) và Võ Thành Chiến (MSSV: 019101016) thực hiện dưới sự hướng dẫn của Giảng viên Nguyễn Thị Thu Nguyệt.

Lý do chọn đề tài xuất phát từ thực tiễn phát triển kinh tế và xu hướng chuyển đổi số. Từ khi Việt Nam gia nhập Tổ chức Thương mại Thế giới (WTO), nền kinh tế mở cửa thúc đẩy mạnh mẽ hoạt động giao lưu hàng hóa và tiếp nhận các thành tựu khoa học kỹ thuật mới. Trong hoạt động kinh doanh thương nghiệp, việc tiêu thụ hàng hóa bán lẻ thông qua các cửa hàng truyền thống đòi hỏi công tác quản lý chặt chẽ giữa người mua, cửa hàng và nhà cung cấp. Nhằm đáp ứng yêu cầu quản lý và trao đổi hàng hóa hiện đại, việc ứng dụng công nghệ thông tin—đặc biệt là xây dựng các website quản lý bán hàng trực tuyến—trở thành nhu cầu thiết yếu. Đề tài tập trung thiết kế một website chuyên biệt cho ngành hàng đồ dùng thể thao nhằm cung cấp giải pháp mua sắm tiện lợi cho người tiêu dùng và hỗ trợ công tác quản lý cho nhà bán hàng.

Mục tiêu nghiên cứu của đồ án được phân định thành hai nhóm:

1. Mục tiêu cá nhân:
   • Về kiến thức: Nắm vững tổng quan nguyên lý, sơ đồ vận hành của trang web; hiểu rõ môi trường làm việc và quy trình triển khai hệ thống web; tiếp thu kiến thức lập trình thực tế.
   • Về kỹ năng: Rèn luyện thao tác kỹ thuật trên máy tính; nâng cao tư duy giải quyết vấn đề phức tạp trong quá trình triển khai dự án; hoàn thiện kỹ năng lập trình web phục vụ công việc chuyên môn sau khi tốt nghiệp; nắm bắt cấu trúc phần cứng, sơ đồ khối và phương thức vận hành hệ thống; hoàn thành quy trình xây dựng đồ án kỹ thuật chuẩn mực làm nền tảng cho đồ án tốt nghiệp.
   • Về thái độ: Rèn luyện tinh thần tự giác và trách nhiệm trong quá trình thực hiện dự án kỹ thuật.
2. Mục tiêu sản phẩm: Xây dựng hệ thống website thương mại điện tử hoạt động ổn định, đảm bảo tính thẩm mỹ, bố cục màu sắc hài hòa, thao tác thuận tiện, cung cấp nhiều sự lựa chọn về mặt hàng thể thao và phù hợp với nhu cầu đời sống thực tế.

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

• Đối tượng nghiên cứu và sử dụng: Khách hàng có nhu cầu mua sắm đồ dùng thể thao và Nhà bán hàng cần quản lý sản phẩm, đơn hàng.
• Phạm vi không gian và thời gian: Triển khai trong khuôn khổ đồ án chuyên ngành tại Trường Đại học Tiền Giang, hoàn thành vào tháng 5/2022 trên môi trường máy chủ cục bộ (localhost).

Phân công nhiệm vụ thực hiện đề tài được ghi nhận cụ thể trong văn bản như sau:

Thành viên	Mã số sinh viên	Nhiệm vụ chính	Chi tiết công việc
Lê Thành Quốc	019101012	Lập trình chính hoàn thiện sản phẩm	Viết mã nguồn thiết kế website, chỉnh sửa báo cáo, phối hợp xây dựng ý tưởng và thuyết trình
Võ Thành Chiến	019101016	Thiết kế đồ họa và dữ liệu	Thiết kế logo, xây dựng cơ sở dữ liệu, đóng góp ý tưởng layout, viết báo cáo và thuyết trình

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

Khung lý thuyết và khái niệm nền tảng

Tác giả tiếp cận đề tài dựa trên lý thuyết tổng quan về Thương mại điện tử (E-commerce / EC) và Kinh doanh điện tử (E-business). Theo định nghĩa được trích dẫn, thương mại điện tử là hoạt động mua bán sản phẩm hoặc dịch vụ qua các hệ thống điện tử như Internet và mạng máy tính, ứng dụng các công nghệ như chuyển tiền điện tử, trao đổi dữ liệu điện tử (EDI), tiếp thị trực tuyến và hệ thống quản lý hàng tồn kho.

Báo cáo phân tích chi tiết quy trình mua sắm trên các hệ thống thương mại điện tử qua 11 giai đoạn tiêu chuẩn:

1. Tiếp thị (Marketing): Thu hút người mua tiềm năng thông qua quảng cáo, email, diễn đàn và khảo sát.
2. Phân loại đối tượng: Phân biệt giữa mô hình giao dịch doanh nghiệp với doanh nghiệp (B2B) và doanh nghiệp với khách hàng (B2C).
3. Thăm website: Hệ thống tải trang và thiết lập hồ sơ theo dõi mối quan tâm của khách hàng.
4. Xem sản phẩm: Trưng bày hàng hóa theo gian hàng, danh mục rõ ràng kèm chương trình khuyến mãi.
5. Quản lý giỏ hàng: Lưu trữ danh sách sản phẩm đã chọn, số lượng, giá cả, thuộc tính (màu sắc, kích cỡ) và cho phép cập nhật, xóa bỏ.
6. Tính tiền (Check out): Khách hàng nhập địa chỉ nhận hàng, thông tin hóa đơn và các ghi chú kèm theo.
7. Tính phí vận chuyển: Xác định cước phí theo từng mặt hàng hoặc toàn bộ đơn hàng dựa trên khoảng cách.
8. Thanh toán (Payment): Lựa chọn phương thức thanh toán trực tuyến qua thẻ tín dụng hoặc thanh toán trực tiếp khi nhận hàng (COD).
9. Biên nhận (Receipt): Hệ thống tự động xuất bảng in đơn hàng trên màn hình hoặc gửi email xác nhận.
10. Xử lý đơn đặt hàng: Kiểm tra giao dịch tài chính, trạng thái tồn kho và cập nhật tình trạng cung cấp.
11. Thực hiện và vận chuyển đơn hàng: Kiểm kê, đóng gói và vận chuyển hàng hóa tới người mua.

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

• Phương pháp khảo sát và tham khảo thực tế: Khảo sát cấu trúc giao diện, bố cục và chức năng của các nền tảng thương mại điện tử lớn gồm Shopee, Lazada và Chợ Tốt để hình thành ý tưởng thiết kế.
• Phương pháp thu thập và phân tích tài liệu: Nghiên cứu tài liệu chuyên ngành về thiết kế web, tài liệu kỹ thuật về cơ sở dữ liệu quan hệ và các công nghệ lập trình liên quan.
• Phương pháp phân tích và thiết kế hệ thống thông tin: Sử dụng ngôn ngữ mô hình hóa để xây dựng biểu đồ ca sử dụng (Use Case Diagram), lập bảng đặc tả use case chi tiết và thiết kế mô hình dữ liệu quan hệ (RDBMS).

Thiết kế và triển khai

Môi trường phát triển và công nghệ sử dụng

Hệ thống được xây dựng trên nền tảng các công nghệ mã nguồn mở và công cụ lập trình web tiêu chuẩn:

• Ngôn ngữ phía máy khách (Front-end):
  • HTML (Hypertext Markup Language): Định dạng và thiết lập cấu trúc tài liệu web.
  • CSS (Cascading Style Sheets): Định dạng kiểu dáng, màu sắc, bố cục và phông chữ cho giao diện.
  • JavaScript: Ngôn ngữ kịch bản thông dịch phía client (nguồn gốc từ LiveScript của Netscape năm 1995) tạo tính năng tương tác động.
  • Bootstrap: Front-end framework hỗ trợ tạo layout responsive, cung cấp các thành phần dựng sẵn như typography, forms, buttons, tables, modals và carousel.
• Ngôn ngữ phía máy chủ (Back-end): PHP (Hypertext Preprocessor), ngôn ngữ kịch bản chạy trên máy chủ có cú pháp tương đồng C và Java, tối ưu hóa cho ứng dụng web, hỗ trợ kết nối hệ quản trị cơ sở dữ liệu và quản lý phiên làm việc (Session).
• 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, lưu trữ dữ liệu có cấu trúc dạng bảng liên kết.
• Môi trường máy chủ thử nghiệm: Gói phần mềm XAMPP (tích hợp Apache Web Server, MariaDB/MySQL, PHP, Perl và công cụ quản trị PhpMyAdmin).

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

Cơ sở dữ liệu của hệ thống gồm 6 bảng chính được chuẩn hóa để phục vụ các phân hệ quản lý:

Bảng dữ liệu	Tên trường (Thuộc tính)	Kiểu dữ liệu	Ràng buộc / Khóa	Ghi chú chức năng
Table_contact	Name, Email, Mobile, Subject, Message, level	Varchar(250), Varchar(255), Varchar(250), Varchar(250), Varchar(250), Int(30)	NOT NULL cho tất cả các trường	Lưu thông tin liên hệ, phản hồi và tin nhắn của người dùng
Table_customer	username, fullname, email, contact, address, Password	Varchar(30) cho tất cả các trường	username (PRIMARY KEY), NOT NULL cho các trường còn lại	Quản lý thông tin tài khoản người mua hàng
Table_manager	username, fullname, email, contact, address, password	Varchar(30) cho tất cả các trường	username (PRIMARY KEY)	Quản lý tài khoản của người bán hàng / chủ shop
Table_order	order_ID, F_ID, productname, price, quantity, order_date, username, R_ID	Int(30), Int(30), Varchar(30), Int(30), date, Varchar(30), Varchar(30), Int(30)	order_ID (PRIMARY KEY); F_ID, username, R_ID (FOREIGN KEY)	Lưu chi tiết đơn hàng, liên kết sản phẩm, người mua và cửa hàng
Table_product	F_ID, name, price, description, R_ID, Images_path, Option	Int(30), Varchar(30), Int(30), Varchar(200), Int(30), Varchar(200), Varchar(10)	F_ID (PRIMARY KEY); R_ID (FOREIGN KEY)	Quản lý danh mục hàng hóa thể thao, giá cả và đường dẫn hình ảnh
Table_yourshop	R_ID, Name, email, contact, address, M_ID	Int(30), Varchar(30), Varchar(30), Varchar(30), Varchar(30), Varchar(30)	R_ID (PRIMARY KEY); M_ID (FOREIGN KEY)	Lưu thông tin gian hàng được tạo bởi người bán

Phân tích và đặc tả ca sử dụng (Use Case)

Hệ thống xác định 3 nhóm tác nhân (Actors): Khách hàng, Người bán hàng và Quản trị viên hệ thống. Báo cáo xây dựng các biểu đồ ca sử dụng tương ứng và lập bảng đặc tả chi tiết cho các ca sử dụng trọng tâm:

1. Ca sử dụng: Thêm sản phẩm vào giỏ hàng (Use Case ID: Id sanpham)
   • Tác nhân: Khách hàng.
   • Quan hệ: Include (Đăng nhập), Extend (Thêm sản phẩm vào giỏ, xóa sản phẩm, thanh toán).
   • Luồng sự kiện chính: Người dùng xem sản phẩm -> Chọn sản phẩm cần thêm -> Nhấn nút thêm -> Hệ thống yêu cầu đăng nhập -> Người dùng nhập tài khoản, mật khẩu -> Hệ thống xác thực -> Hiển thị giao diện chọn sản phẩm -> Nhấn nút thêm, sản phẩm được lưu vào giỏ.
   • Luồng sự kiện phụ: Thêm sản phẩm thất bại khi có lỗi phát sinh.
   • Tiền điều kiện: Hệ thống hiển thị giao diện chọn sản phẩm.
   • Hậu điều kiện: Hệ thống ở trạng thái cho phép người dùng thêm sản phẩm vào giỏ hàng.
2. Ca sử dụng: Đăng ký người bán hàng (Use Case ID: id NBH)
   • Tác nhân: Người bán hàng.
   • Luồng sự kiện chính: Truy cập hệ thống -> Nhập thông tin đăng ký (Họ tên, email, địa chỉ, liên hệ, mật khẩu) -> Hệ thống kiểm tra và xử lý dữ liệu -> Hiển thị thông báo đăng ký thành công.
   • Luồng phụ: Đăng ký thất bại khi thông tin không hợp lệ.
   • Hậu điều kiện: Chuyển hướng sang giao diện đăng nhập dành cho người bán hàng.
3. Ca sử dụng: Đăng bán sản phẩm (Use Case ID: Id dangsanpham)
   • Tác nhân: Người bán hàng.
   • Quan hệ: Include (Đăng nhập), Extend (Đăng sản phẩm).
   • Luồng sự kiện chính: Đăng nhập trang quản lý -> Chọn mục đăng sản phẩm -> Điền thông tin (Tên, giá, hình ảnh, mô tả) -> Nhấn nút đăng -> Hệ thống kiểm tra dữ liệu -> Sản phẩm được đăng bán thành công.
   • Tiền điều kiện: Người bán đã hoàn thành bước tạo thông tin cửa hàng (Table_yourshop).

Quy trình cài đặt môi trường máy chủ cục bộ

Tài liệu hướng dẫn quy trình 3 bước cài đặt và cấu hình gói phần mềm XAMPP trên hệ điều hành Windows:

• Bước 1: Tải bộ cài đặt xampp-windows-x64-8.13-0-VS16-installer.
• Bước 2: Chạy tệp tin cài đặt, cấu hình thư mục lưu trữ mặc định tại c:\xampp, bỏ chọn phần tiện ích "Learn more about Bitnami for XAMPP", hoàn tất cài đặt và khởi động lại máy tính.
• Bước 3: Khởi động bảng điều khiển xampp-panel.exe, kích hoạt hai dịch vụ cốt lõi Apache và MySQL sang trạng thái hoạt động (chuyển màu xanh), sau đó kiểm tra hoạt động máy chủ thông qua đường dẫn http://localhost/dashboard/.

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

Chương 1: Tổng quan

Chương 1 giới thiệu tổng quát về đề tài thiết kế website bán đồ thể thao, phân công nhân sự và tiến độ thực hiện của nhóm gồm 2 sinh viên. Nội dung chương trình bày các khái niệm nền tảng về thương mại điện tử, lợi ích của kinh doanh trực tuyến đối với việc cắt giảm chi phí sản xuất, bán hàng, tiếp thị và rút ngắn thời gian giao dịch. Chương này cũng phân tích 11 bước trong quy trình mua sắm trực tuyến, các tiêu chuẩn đánh giá một website (thẩm mỹ, tốc độ tải trang, tên miền ngắn gọn, tính năng hỗ trợ) cùng kiến thức cơ bản về các công nghệ HTML, CSS, JavaScript, Bootstrap, PHP, MySQL và XAMPP.

Chương 2: Phân tích thiết kế, cài đặt, giải pháp

Chương 2 tập trung vào kỹ thuật phân tích và thiết kế hệ thống. Tác giả mô tả chi tiết yêu cầu bài toán quản lý cho 3 nhóm người dùng; liệt kê các yêu cầu chức năng đối với hệ thống menu đa cấp, hiển thị thuộc tính hàng hóa (giá, chất lượng, hình ảnh, giá khuyến mãi) và quản trị nội dung. Chương này công bố chi tiết thiết kế 6 bảng cơ sở dữ liệu quan hệ, 3 biểu đồ use case tổng quát, 3 bảng đặc tả use case nghiệp vụ và danh mục 8 giao diện chính (Trang chủ, Giới thiệu, Liên hệ, Đăng ký, Đăng nhập, Giỏ hàng, Thanh toán, Quản lý người bán). Đồng thời, chương trình bày giải pháp xử lý nghiệp vụ thông qua lập trình Back-end bằng PHP và hướng dẫn thiết lập môi trường máy chủ XAMPP.

Chương 3: Kết quả thực nghiệm

Chương 3 trình bày các kết quả kiểm thử và vận hành thực tế của các phân hệ chức năng trên giao diện web:

• Kiểm thử chức năng đăng nhập và giỏ hàng: Ghi nhận 2 trường hợp kiểm thử (Trường hợp 1: Người dùng đã đăng nhập thực hiện thêm sản phẩm thành công; Trường hợp 2: Người dùng chưa đăng nhập, hệ thống phát cảnh báo và chuyển hướng yêu cầu đăng nhập).
• Kiểm thử chức năng thanh toán: Xác nhận luồng hiển thị 2 tùy chọn thanh toán (thanh toán qua thẻ và thanh toán khi nhận hàng COD); kiểm tra form nhập thông tin thẻ và quy trình xuất mã đơn đặt hàng tự động sau khi giao dịch hợp lệ.
• Kiểm thử chức năng đăng ký: Xác thực các điều kiện kiểm tra dữ liệu đầu vào gồm tính hợp lệ của số điện thoại, định dạng email và kiểm tra trùng lặp tài khoản đã tồn tại trong cơ sở dữ liệu.
• Kiểm thử chức năng người bán hàng: Thực nghiệm các thao tác đăng sản phẩm, xem danh sách mặt hàng, chỉnh sửa thông tin, xóa sản phẩm và theo dõi đơn đặt hàng từ khách hàng.

Chương 4: Kết luận và hướng phát triển của trang web

Chương 4 tổng kết các kết quả đạt được về mặt kỹ thuật và triển khai chức năng; đánh giá những ưu điểm và hạn chế còn tồn tại của hệ thống; đồng thời vạch ra các định hướng nghiên cứu và hoàn thiện trang web trong tương lai.

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

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

1. Xây dựng hoàn chỉnh website bán đồ thể thao với đầy đủ các phân hệ chức năng cơ bản phục vụ hai nhóm đối tượng chính:
   • Phân hệ khách hàng: Cho phép duyệt danh mục sản phẩm, tìm kiếm thông tin, đăng ký, đăng nhập tài khoản, quản lý giỏ hàng, đặt hàng, lựa chọn 2 phương thức thanh toán (thanh toán online qua thẻ hoặc nhận hàng trả tiền) và nhận mã đơn hàng sau khi hoàn tất.
   • Phân hệ người bán hàng: Cung cấp trang quản lý riêng biệt cho phép tạo cửa hàng, thực hiện các thao tác thêm, sửa, xóa sản phẩm, tải hình ảnh mô tả và theo dõi danh sách đơn đặt hàng từ người mua.
2. Xây dựng cấu trúc cơ sở dữ liệu quan hệ gồm 6 bảng dữ liệu (Table_contact, Table_customer, Table_manager, Table_order, Table_product, Table_yourshop) đảm bảo lưu trữ toàn vẹn thông tin khách hàng, cửa hàng, sản phẩm và giao dịch đặt hàng.
3. Thực nghiệm kiểm thử thành công các luồng nghiệp vụ trên máy chủ cục bộ: kiểm tra tính hợp lệ của biểu mẫu đăng ký (bắt lỗi sai email, sai số điện thoại, kiểm tra tài khoản tồn tại), kiểm soát quyền truy cập giỏ hàng khi chưa đăng nhập và sinh mã đặt hàng tự động.

Đóng góp của đồ án

Đề tài cung cấp một mô hình ứng dụng web thương mại điện tử thực tế ở quy mô vừa và nhỏ cho ngành hàng đồ thể thao. Báo cáo hệ thống hóa đầy đủ các bước từ khảo sát lý thuyết, mô hình hóa use case, thiết kế cơ sở dữ liệu quan hệ đến lập trình backend xử lý dữ liệu với PHP và MySQL, tạo cơ sở thực hành cho các bài toán phát triển web bán hàng trực tuyến.

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

Hạn chế

• Hệ thống được xây dựng bằng ngôn ngữ PHP thuần, chưa áp dụng các mô hình kiến trúc phần mềm nâng cao (như MVC framework) khiến cấu trúc mã nguồn còn hạn chế về tính thẩm mỹ và khả năng mở rộng.
• Chức năng thanh toán qua thẻ mới dừng lại ở mức mô phỏng kiểm tra dữ liệu trên biểu mẫu giao diện, chưa tích hợp cổng thanh toán trực tuyến qua API ngân hàng thực tế.
• Các tính năng quản trị nâng cao và phân tích dữ liệu bán hàng chuyên sâu chưa được triển khai hoàn chỉnh.
• Ngôn ngữ PHP chủ yếu vận hành tối ưu trên môi trường ứng dụng web, đòi hỏi các giải pháp tích hợp khác nếu muốn mở rộng sang các nền tảng ứng dụng di động độc lập.

Hướng nghiên cứu tiếp

• Nâng cấp hệ thống bảo mật thông tin, tăng cường mã hóa dữ liệu cá nhân của khách hàng và thông tin hóa đơn.
• Tối ưu hóa giao diện người dùng, nâng cao khả năng hiển thị tương thích đa màn hình trên các thiết bị di động.
• Phát triển thêm các phân hệ chức năng mở rộng như đánh giá sản phẩm, gợi ý thông minh, tích hợp cổng thanh toán điện tử trực tiếp và mở rộng mô hình quản lý đa gian hàng.

Giá trị tham khảo

Báo cáo đồ án là tài liệu tham khảo hữu ích cho sinh viên các ngành Công nghệ thông tin, Kỹ thuật phần mềm, Hệ thống thông tin khi thực hiện đồ án chuyên ngành hoặc khóa luận tốt nghiệp về đề tài thương mại điện tử.

Các nội dung có giá trị tham khảo cao trong tài liệu bao gồm:

• Thiết kế chi tiết cấu trúc 6 bảng cơ sở dữ liệu quan hệ cho website bán hàng đa người bán (Multi-vendor/Shop owner).
• Mẫu lập biểu đồ use case và bảng đặc tả ca sử dụng chuẩn mực cho các nghiệp vụ thêm giỏ hàng, đăng ký người bán và đăng bán sản phẩm.
• Quy trình từng bước thiết lập môi trường máy chủ web cục bộ Apache - PHP - MySQL thông qua phần mềm XAMPP.

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

1. Đồ án do ai thực hiện, thuộc đơn vị đào tạo nào và hoàn thành vào thời gian nào? Đồ án do nhóm sinh viên Lê Thành Quốc (MSSV: 019101012) và Võ Thành Chiến (MSSV: 019101016) thực hiện dưới sự hướng dẫn của Giảng viên Nguyễn Thị Thu Nguyệt tại Khoa Kỹ thuật Công nghệ, Trường Đại học Tiền Giang, hoàn thành vào tháng 5 năm 2022.

2. Hệ thống sử dụng những công nghệ và phần mềm máy chủ nào để triển khai? Hệ thống sử dụng HTML, CSS, JavaScript và Bootstrap cho phần giao diện (Front-end); ngôn ngữ PHP cho phần xử lý logic máy chủ (Back-end); hệ quản trị cơ sở dữ liệu MySQL; và gói phần mềm XAMPP (chứa Apache, MySQL, PHP) để chạy máy chủ thử nghiệm trên localhost.

3. Cơ sở dữ liệu của website gồm những bảng nào và khóa chính của từng bảng là gì? Cơ sở dữ liệu gồm 6 bảng:

• Table_contact: Lưu thông tin liên hệ.
• Table_customer: Quản lý khách hàng (Khóa chính: username).
• Table_manager: Quản lý người bán hàng (Khóa chính: username).
• Table_order: Lưu thông tin đơn đặt hàng (Khóa chính: order_ID).
• Table_product: Quản lý thông tin sản phẩm (Khóa chính: F_ID).
• Table_yourshop: Quản lý thông tin cửa hàng của người bán (Khóa chính: R_ID).

4. Khách hàng chưa đăng nhập có thể thực hiện thêm sản phẩm vào giỏ hàng được không? Không. Theo kết quả phân tích use case và thực nghiệm ở Chương 3, khi khách hàng chưa đăng nhập mà nhấn nút thêm sản phẩm vào giỏ, hệ thống sẽ phát thông báo yêu cầu đăng nhập và chuyển hướng người dùng tới trang đăng nhập trước khi cho phép lưu hàng vào giỏ.

5. Để đăng bán một sản phẩm lên website, người bán hàng bắt buộc phải thực hiện điều kiện gì trước đó? Người bán hàng phải đăng ký tài khoản người bán, đăng nhập thành công vào hệ thống quản lý và bắt buộc phải tạo thông tin một cửa hàng (Table_yourshop gồm Tên shop, email, số điện thoại, địa chỉ). Sau khi tạo cửa hàng thành công, hệ thống mới cấp quyền đăng bán sản phẩm lên trang web.

Kết luận

Báo cáo đồ án chuyên ngành "Thiết kế website bán đồ thể thao" của nhóm sinh viên Trường Đại học Tiền Giang đã giải quyết thành công bài toán xây dựng hệ thống thương mại điện tử cơ bản với đầy đủ quy trình từ phân tích, thiết kế cơ sở dữ liệu, xây dựng ca sử dụng đến lập trình chức năng bằng PHP và MySQL. Hệ thống đã triển khai và kiểm thử thực nghiệm ổn định các chức năng phục vụ khách hàng mua sắm và người bán hàng quản lý sản phẩm, đơn hàng trên môi trường máy chủ XAMPP. Mặc dù còn một số hạn chế về mặt kiến trúc phần mềm nâng cao và tích hợp thanh toán ngân hàng trực tiếp, đề tài đã đáp ứng đúng mục tiêu đào tạo chuyên ngành và cung cấp tài liệu kỹ thuật có giá trị tham khảo rõ ràng cho các đồ án phát triển web thương mại điện tử.

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

CHƯƠNG 1: TỔNG QUAN.1Phù hợp với đời sống hiện nay.5 Phân công nhiệm vụ và tiến trình làm việc: Mã số sinh viên Họ và tên Công việc thực hiện 019101012 Lê Thành Quốc Code chính hoàn thiện sản phẩm 019101016 Võ Thành Chiến Thiết kế logo, xây dựng CSDL, đóng góp ý kiến thiết layout – ý tưởng Ngày Thành viên thực hiện Mô tả Ghi chú Cả nhóm Nhận đề tài Cả nhóm Xây dựng lên ý tưởng thiết kế Lê Thành Quốc Viết code thiết kế website Võ Thành Chiến Xây dựng CSDL Võ Thành Chiến Viết báo cáo Cả nhóm Tiếp tục hoàn thiện Lê Thành Quốc Chỉnh sửa báo cáo Cả nhóm Thuyết trình báo cáo Bảng 1.1 Phân công nhiệm vụ 3 2.1 Thương mại điện tử là gì ? Theo Bách khoa toàn thư Wikipedia thì : Thương mại điện tử, hay còn gọi là e- commerce, e-comm hay EC, là sự mua bán sản phẩm hay dịch vụ trên các hệ thống điện tử như Internet và các mạng máy tính. Thương mại điện tử dựa trên một số công nghệ như chuyển tiền điện tử, quản lý chuỗi dây chuyền cung ứng , tiếp thị Internet, quá trình giao dịch trực tuyến, trao đổi dữ liệu điện tử (EDI), các hệ thống quản lý hàng tồn kho, và các hệ thống tự động thu thập dữ liệu. Thương mại điện tử hiện đại thường sử dụng mạng World Wide Web là một điểm ít nhất phải có trong chu trình giao dịch, mặc dù nó có thể bao gồm một ph ạm vi l ớn h ơn v ề m ặt công ngh ệ như email, các thiết bị di động như là điện thoại. Thương mại điện tử thông thường được xem ở các khía cạnh của kinh doanh điện tử (e-business).

Nó cũng bao gồm việc trao đổi dữ liệu tạo điều kiện thuận l ợi cho các nguồn tài chính và các khía cạnh thanh toán của việc giao dịch kinh doanh. Việc mua bán hàng hóa trên Shopee, Lazada hoặc qua website thương mại là các ví d ụ về thương mại điện tử nổi bật. Các hoạt động thương mại điện tử chủ yếu bao gồm:  Mua bán và trao đổi hàng hóa, dịch vụ trực tuyến  Mua bán vé trực tuyến  Thanh toán online  Chăm sóc và hỗ trợ khách hàng online 2.2 Lợi ích của thương mại điện tử :  TMĐT giúp cho các Doanh nghiệp nắm được thông tin phong phú về thị trường và đối tác.  TMĐT giúp giảm chi phí sản xuất.

 TMĐT giúp giảm chi phí bán hàng và tiếp thị.  TMĐT qua INTERNET giúp người tiêu dùng và các doanh nghiệp giảm đáng kể thời gian và chí phí giao dịch.  TMĐT tạo điều kiện cho việc thiết lập và củng cố mối quan hệ giữa các thành phần tham gia vào quá trình thương mại.  Tạo điều kiện sớm tiếp cận nền kinh tế số hoá.3 Phân tích quy trình mua sắm trên các trang thương mại điện tử : - Tiếp thị Mục đích của việc tiếp thị là nhắm đến những người mua tiềm năng và thu hút họ và website bằng cách sử dụng internet quảng cáo, email hay tạo các h ội ch ợ.

Ngoài ra, các doanh nghiệp cũng nên thành lập cộng đồng (user group) , di ễn đàn, chat hay thăm dò ý kiến khách hàng qua các cuộc khảo sát nh ằm t ạo s ự thu hút khách hàng quay trở lại. - Khách hàng/người xem Khách hàng là người không thể thiếu đối với những doanh nghiệp thương mại điện tử. Tuy nhiên, chúng ta cũng cần phải phân biệt 2 loại hình thức mua hàng: 1) Mua hàng giữa các doanh nghiệp: Người mua là một doanh nghiệp khác có nhu cầu mua hàng. 2) Mua hàng giữa khách hàng và doanh nghiệp: Người mua thường là một cá nhân thanh toán bằng thẻ tín dụng và gửi hàng về tận nhà.

4 - Thăm website Ngay khi khách hàng vào website, một site kinh doanh sẽ đ ược tải xu ống. Lúc này bạn có thể bắt đầu theo dõi và tạo profile cho khách hang này. D ựa vào thông tin đó có thể nhắm đến các mặt hàng mà khách hàng này quan tâm nhiều nhất. Đây là bước đầu tiên và quan trọng của web thương mại điện tử.

- Xem sản phẩm Khách hàng xem sản phẩm trong website, nếu mặt hàng được b ố trí theo các gian hàng, chủng loại để khách hàng dễ tìm kiếm. Một khi khách hàng b ị thu hút vào các mặt hàng đang bày bán hay các chương trình khuyến mãi thì đây th ực s ự là khách hàng tiềm năng. - Giỏ hàng Trên website thương mại điện tử luôn có giỏ hàng cho khách hang mua s ắm tiện lợi và dễ dàng nhất. Giỏ hàng chỉ đơn giản là một danh sách các mặt hàng mà người mua đã chọn, số lượng, giá cả, thuộc tính (màu sắc, kích cỡ,…) và b ất kỳ thông tin khác liên quan đến đơn đặt hàng.

Các giỏ hàng thường cung cấp các tùy chọn để dọn sạch giỏ, xóa các mặt hàng, và cập nhật số lượng. - Tính tiền (Check out) Ngay sau khi khách hàng có tất cả các mặt hàng cần mua, h ọ sẽ b ắt đ ầu quy trình tính tiền. Đối với mô hình mua hàng giữa khách hàng v ới doanh nghi ệp, khách hàng thường sẽ nhập vào thông tin về địa chỉ chuyển hàng và tính hóa đ ơn. Khách hàng cũng có thể thêm vào thông tin về lời chúc mừng, gói quà và các thông tin khác đối với các dịch vụ phụ thuộc - Tính phí vận chuyển Phí vận chuyển có thể hiểu đơn giản như là việc tính phí toàn b ộ hay ph ức t ạp như là việc tính phí cho mỗi mặt hàng đã mua và tương quan với đoạn đường mà hàng phải được vận chuyển đến.

Tuy nhiên, có thể khó khăn h ơn khi x ử lý vi ệc đ ặt hàng quốc tế. Khi đó có thể liên kết với một “nhà vận chuyển” (provider), theo dõi hàng hóa trong quá trình vận chuyển. - Thanh toán (Payment) Sau khi tính toán tổng giá trị các mặt hàng (có kèm thu ế vàphí v ận chuy ển) người mua sẽ trình bày phương thức thanh toán Các tùy chọn sẽ khác nhau đối với các giao dịch: + Giữa khách hàng với doanh nghiệp thường thanh toán bằng thẻ tín dụng hoặc trả sau khi giao nhận + Giữa doanh nghiệp với doanh nghiệp cần có sẵn đầy đủ các tùy chọn, bao gồm cả đơn đặt hàng, báo giá, bảo lãnh,… Đối với các thẻ tín dụng, có các tùy chọn để xử lý các th ẻ tín d ụng ở ngo ại tuyến hay trực tuyến. Việc xử lý trực tuyến trên internet qua các d ịch v ụ do các công ty uy tín đảm nhận.

- Biên Nhận (Receipt) Sau khi thực hiện xong việc đặt hàng, có thể cần gửi trở lại cho khách hàng m ột biên nhận. Đối với mô hình thương mại điện tử giữa doanh nghiệp với doanh nghi ệp, biên nhận có thể là một danh sách đính kèm với đơn đặt hàng. Đ ối v ới khách hàng, 5 biên nhận có thể là một bảng in lại của đơn đặt hàng trên màn hình, ho ặc m ột danh sách được gửi cho người mua hàng bằng Email. Trong cả hai trường hợp, quy trình này đều có thể tự động hóa dễ dàng - Xử lý đơn đạt hàng Nếu không tự động xử lý thẻ tín dụng, thì đầu tiên phải xử lý giao dịch tài chính Các quy tắc kinh doanh chuẩn điều khiển bước này như việc đặt hàng được thực hiện qua điện thoại hay qua thư.

Có thể cung cấp tùy chọn cho khách hàng biết về tình trạng đặt hàng, tồn kho hay tình trang cung cấp mặt hàng - Thực hiện đơn hàng Ngay sau khi có đơn hàng hợp lệ, nó cần được thực hiện. Đây có thể là công đoạn kinh doanh nhiều thách thức nhất. Nếu mua sắm trực tuyến, có thể có khó khăn trong kiểm kê hang. Nếu mua sắm thông qua hệ thống dịch vụ thì có thể có các vấn đề hợp nhất về hệ thống dịch vụ thực hiện đơn đặt hàng.

- Vận chuyển hàng Bước cuối cùng trong quy trình thương mại điện tử là vận chuyển hàng cho khách hàng. Có thể cung cấp tình trạng đặt hàng cho khách hàng. Trong trường hợp này, nó có thể bao gồm số vận chuyển UPS hay FedEx để khách hàng theo dõi sự vận chuyển hàng của họ. Tìm hiểu về Website 3.1 Website là gì? Website, còn gọi là trang web hoặc trang mạng, và nội dung liên quan được xác định bằng một tên miền chung và được xuất bản trên ít nhất một máy chủ web.

Các ví dụ đáng chú ý là các website wikipedia.com và amazon. Tất cả các trang web có thể truy cập công khai đều tạo thành World Wide Web. Cũng có những trang web riêng tư chỉ có thể được truy cập trên mạng riêng, chẳng hạn như trang web nội bộ của công ty dành cho nhân viên của công ty. Các trang web thường dành riêng cho một chủ đề hoặc mục đích cụ thể, chẳng hạn như tin tức, giáo dục, thương mại, giải trí hoặc mạng xã hội.

Siêu liên kết giữa các trang web hướng dẫn điều hướng của trang web, thường bắt đầu với trang chủ. Người dùng có thể truy cập các trang web trên nhiều loại thiết bị, bao gồm máy tính để bàn, máy tính xách tay, máy tính bảng và điện thoại thông minh. Ứng dụng được sử dụng trên các thiết bị này được gọi là trình duyệt web. Website cần có những yếu tố sau:  Thiết kế thẩm mỹ, tiện lợi  Tốc độ nhanh.

 Tên Website dễ nhớ và ngắn gọn.  Hỗ trợ nhiều tín năng như: email, thống kê truy cập, cập nhật thông tin dễ dàng và nhanh chóng. Ngôn ngữ lập trình và công nghệ được sử dụng: 4.1 HTML: HTML là viết tắt của cụm từ Hyper Text Markup Language, có nghĩa là “Ngôn ngữ đánh dấu siêu văn bản”. HTML được dùng để thiết lập trang web.

Vì mỗi website có thể chứa nhiều trang nội dung nên mỗi trang sẽ là một tài liệu HTML. 6 HTML đóng vai trò giúp người dùng có thể định dạng, thiết kế cấu trúc các thành phần của một trang web hay các ứng dụng, heading, links, hoặc phân chia giữa các đoạn văn, … Một tập tin HTML được hình thành từ các phần tử HTML, trong đó nó đã được quy định bởi các cặp thẻ (gọi là tag), và lưu dưới dạng đuôi mở rộng là .2 CSS CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được s ử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web.