TÀI LIỆU HỌC THUẬT: GIÁO TRÌNH XÂY DỰNG WEBSITE THƯƠNG MẠI

Tổng quan về giáo trình

Giáo trình Xây dựng Website thương mại (Mã học phần: MH16) là tài liệu giảng dạy và học tập chính thức được ban hành kèm theo Quyết định số 374ĐT/QĐ-CĐXD1 ngày 16 tháng 8 năm 2022 của Hiệu trưởng Trường Cao đẳng Xây dựng số 1 (Bộ Xây dựng). Giáo trình do nhóm giảng viên Bộ môn Tin cơ sở biên soạn, với ThS. Đỗ Thị Xuân Thắm đảm nhiệm vai trò chủ biên.

Về vị trí trong chương trình đào tạo, môn học thuộc nhóm môn học chuyên ngành bắt buộc đối với hệ đào tạo Liên thông Cao đẳng và Trung cấp ngành Công nghệ thông tin (định hướng Ứng dụng phần mềm). Học phần này kế thừa trực tiếp từ các môn học nền tảng như Lập trình căn bản và Web cơ bản.

Mục tiêu học tập (Learning Outcomes) của giáo trình được xác định cụ thể theo ba chuẩn đầu ra:

  • Chuẩn kiến thức: Trình bày được thành phần kiến trúc và phương pháp thiết kế giao diện một hệ thống web; nắm vững hệ thống thẻ cú pháp HTML/CSS, ngôn ngữ kịch bản JavaScript, kỹ thuật xử lý phía máy chủ với PHP và các phương thức liên kết, truy vấn cơ sở dữ liệu quan hệ.
  • Chuẩn kỹ năng: Thiết lập bố cục và tạo lập giao diện website bán hàng; phân tích và xây dựng hệ thống cơ sở dữ liệu thương mại điện tử; lập trình tích hợp đầy đủ tính năng hiển thị sản phẩm, xử lý giỏ hàng và thiết kế module quản trị nội dung.
  • Năng lực tự chủ và trách nhiệm: Hình thành tác phong công nghiệp, phương pháp làm việc có tính tổ chức, cẩn trọng và tuân thủ các quy chuẩn kỹ thuật trong phát triển phần mềm ứng dụng.

Giáo trình được thiết kế với tổng thời lượng 75 giờ, bao gồm 15 giờ lý thuyết, 56 giờ thực hành/thảo luận/bài tập và 4 giờ kiểm tra đánh giá. Cấu trúc học liệu được tiếp cận theo hướng thực hành ứng dụng trực tiếp, chia làm 02 chương trọng tâm: xây dựng hệ thống bán hàng phía người dùng và xây dựng phân hệ quản trị hệ thống.

Nội dung kiến thức cốt lõi

Các chương và chủ đề chính

Nội dung giáo trình được cấu trúc thành 02 chương chính với tiến trình từ thiết kế giao diện tĩnh, xử lý tương tác giao diện người dùng (Front-end), xây dựng mô hình cơ sở dữ liệu quan hệ (Database) đến tích hợp trang quản trị bán hàng (Back-end/Admin):

1. Chương 1: Xây dựng Hệ thống bán hàng trên website (Thời lượng: 45 giờ)

Chương này tập trung cung cấp các kỹ thuật xây dựng giao diện hiển thị và cấu trúc dữ liệu cho website bán hàng thương mại điện tử:

  • Thiết kế đồ họa và bố cục banner quảng cáo: Khái niệm và phân loại banner (banner in ấn, banner báo chí/tạp chí, banner đường phố, banner online); quy chuẩn kích thước kỹ thuật khi thiết kế banner trực tuyến (ví dụ: định dạng banner Facebook chuẩn 1200 x 628 pixel, kích thước tối thiểu 600 pixel, tỷ lệ khung hình 9:16 đến 16:9 cắt về 1.91:1); quy trình sử dụng phần mềm đồ họa Photoshop để thiết kế giao diện quảng cáo.
  • Xây dựng hệ thống điều hướng (Menu): Quy trình 5 bước xây dựng menu ngang bằng HTML và CSS thuần (Tạo HTML Mark-up với cấu trúc thẻ danh sách <ul>, <li>, thẻ liên kết <a>; định dạng hộp chứa #menu; chèn item liên kết; tùy biến danh sách bằng thuộc tính display: inline, list-style-type: none; thiết lập hiệu ứng trạng thái :link, :visited, :hover và :active); kỹ thuật xây dựng menu dọc và menu đa cấp dạng thả xuống (dropdown menu).
  • Tương tác hiển thị sản phẩm với DOM JavaScript: Kỹ thuật ứng dụng mô hình Document Object Model (DOM) thông qua hàm changImage() để hoán đổi đường dẫn thuộc tính src, xây dựng khối xem chi tiết ảnh sản phẩm kết hợp định dạng bố cục hiển thị bằng CSS Flexbox (display: flex).
  • Thiết kế và mô hình hóa Cơ sở dữ liệu E-commerce: Thiết lập kết nối cơ sở dữ liệu MySQL bằng đoạn mã PHP chuẩn (mysqli connection check); phân tích và định nghĩa cấu trúc trường dữ liệu cho 06 bảng quan hệ nòng cốt:
    • Bảng quản trị (admin): Các trường id (khóa chính tự tăng), name, username, password.
    • Bảng thành viên (user): id, name, email (đăng nhập), password, address, created.
    • Bảng danh mục sản phẩm (catalog): id, name, parent_id (xác định danh mục cha-con), sort_order.
    • Bảng sản phẩm (product): id, catalog_id (khóa ngoại liên kết danh mục), name, price, discount, image_link, image_list, created, view.
    • Bảng giao dịch (transaction): id, status (trạng thái thanh toán 0/1), user_id, user_name, user_email, user_phone, amount, payment, payment_info, message, security (mã bảo mật giao dịch), created.
    • Bảng đơn hàng (order): id, transaction_id (khóa ngoại liên kết giao dịch), product_id, qty (số lượng), amount, data, status (trạng thái giao hàng).
  • Các phân hệ chức năng người dùng: Phân trang sản phẩm, tạo trang tìm kiếm dữ liệu, quản lý thông tin giỏ hàng, cập nhật và làm mới vùng giỏ hàng.

2. Chương 2: Quản trị hệ thống bán hàng (Thời lượng: 30 giờ)

Chương này hướng dẫn xây dựng và vận hành phân hệ quản trị (Admin Dashboard) cùng giao diện thực hành hoàn chỉnh:

  • Module xác thực và phân quyền: Xây dựng biểu mẫu trang đăng nhập quản trị (login).
  • Module quản trị giao diện và dữ liệu: Thêm, sửa, xóa cấu trúc menu ngang và menu dọc; cập nhật thông tin sản phẩm và chỉnh sửa danh mục; tra cứu, xử lý và xóa hóa đơn/đơn hàng; thay đổi nội dung quảng cáo, bài viết tin tức (blogs), banner và chân trang (footer).
  • Bài tập thực hành tổng hợp: Xây dựng hoàn chỉnh giao diện website bán cà phê (Responsive Coffee Shop Website) tích hợp thanh điều hướng cố định (header fixed), biểu mẫu tìm kiếm tương tác (search-form), cửa sổ giỏ hàng trượt (cart-items-container), khối giới thiệu sản phẩm dạng lưới (CSS Grid .box-container) và tích hợp bản đồ Google Maps qua thẻ <iframe>.

Kiến thức nền tảng được xây dựng

Giáo trình cung cấp nền tảng lý thuyết và kỹ thuật thông qua các thành phần công nghệ:

  • Cú pháp HTML5 & CSS3 ngữ nghĩa: Cấu trúc khối trang chuẩn (<header>, <nav>, <section>, <footer>), mô hình hộp (Box Model: margin, padding, border), định vị phần tử (position: absolute/relative/fixed), kỹ thuật dàn trang hiện đại bằng Flexbox và CSS Grid, thiết lập biến giao diện :root và hiệu ứng chuyển đổi transition.
  • Lập trình kịch bản Front-end: Mô hình tương tác DOM (Document Object Model), bắt sự kiện người dùng (onclick, hover), xử lý giao diện hiển thị động.
  • Mô hình hóa Cơ sở dữ liệu quan hệ (RDBMS): Thiết lập cấu trúc thực thể - mối quan hệ giữa danh mục, sản phẩm, khách hàng, giao dịch và đơn hàng; nguyên tắc toàn vẹn dữ liệu thông qua khóa chính (PRIMARY KEY) và khóa ngoại (FOREIGN KEY).
  • Lập trình Back-end với PHP: Cú pháp kiểm tra luồng kết nối cơ sở dữ liệu, xử lý phản hồi điều kiện logic (if(!$link)...).

Kỹ năng phát triển

Người học hoàn thành giáo trình sẽ hình thành các kỹ năng chuyên môn:

  • Kỹ năng lập trình và thiết kế giao diện: Chuyển đổi yêu cầu chức năng thành mã nguồn HTML/CSS/JS tương thích trên các kích thước màn hình hiển thị; chuẩn hóa kiểu chữ qua Google Fonts và tích hợp bộ biểu tượng Font Awesome.
  • Kỹ năng thiết kế đồ họa hỗ trợ web: Xác định đúng tỷ lệ khung hình, quy cách banner kỹ thuật số và sử dụng Photoshop để xuất ấn phẩm truyền thông đúng kích thước web.
  • Kỹ năng quản trị và tổ chức dữ liệu: Thiết kế, truy vấn và quản lý bảng cơ sở dữ liệu thương mại điện tử; xử lý các luồng trạng thái của đơn hàng và luồng đối soát thanh toán.

Phương pháp giảng dạy và học tập

Cấu trúc thời lượng của học phần Xây dựng Website thương mại tập trung mạnh vào thực hành trực tiếp:

Nội dung phân bổ Lý thuyết (giờ) Thực hành / Bài tập (giờ) Kiểm tra (giờ) Tổng cộng (giờ)
Chương 1: Xây dựng Hệ thống bán hàng trên website 10 33 2 45
Chương 2: Quản trị hệ thống bán hàng 5 23 2 30
Tổng số 15 56 4 75

Tỷ lệ phân bổ phản ánh đặc thù định hướng nghề nghiệp: thực hành chiếm 74,7% tổng thời lượng môn học, lý thuyết chiếm 20% và kiểm tra định kỳ chiếm 5,3%.

Phân bổ thời lượng môn học (Tổng: 75 giờ):
 Lý thuyết: [======              ] 15 giờ (20.0%)
 Thực hành: [====================] 56 giờ (74.7%)
 Kiểm tra:  [==                  ]  4 giờ ( 5.3%)

Phương pháp tiếp cận sư phạm

  • Đối với giảng viên: Yêu cầu trình độ tốt nghiệp Đại học chuyên ngành Công nghệ thông tin trở lên. Phương pháp giảng dạy kết hợp đồng thời giữa thuyết trình, giảng giải nguyên lý, phát vấn gợi mở, nêu vấn đề thực tế, tổ chức thảo luận nhóm và hướng dẫn thực hành trực tiếp tại phòng máy tính.
  • Đối với người học: Yêu cầu tốt nghiệp THPT hoặc tương đương; chuẩn bị đầy đủ tài liệu, tham gia đầy đủ các buổi học trên lớp và hoàn thành toàn bộ hệ thống bài tập thực hành theo đề cương.
  • Môi trường và phương tiện giảng dạy: Giảng dạy tập trung tại phòng thực hành máy tính chuyên môn hóa, trang bị máy chiếu (Projector), màn chiếu và các thiết bị trợ giảng kỹ thuật số.

Hình thức kiểm tra và đánh giá

Đánh giá kết quả học tập của sinh viên căn cứ theo quy chế đào tạo tín chỉ/niên chế hiện hành với hai cột điểm thành phần:

  1. Điểm trung bình chung kiểm tra quá trình (Trọng số 40%): Đánh giá thông qua các bài kiểm tra tự luận, trắc nghiệm hoặc bài tập thực hành kỹ năng trên máy tính (yêu cầu đạt từ điểm 5.0 trở lên).
  2. Điểm thi kết thúc môn học (Trọng số 60%): Đánh giá tổng hợp bằng hình thức thực hành thiết kế, lập trình website thương mại điện tử hoặc kết hợp tự luận/trắc nghiệm theo đề thi chung.

Điểm nổi bật và cập nhật

Giáo trình Xây dựng Website thương mại (ban hành năm 2022) tích hợp các nội dung kỹ thuật cập nhật so với các tài liệu tiền nhiệm:

  1. Chuẩn hóa thông số thiết kế banner thương mại đa nền tảng: Bổ sung chi tiết các thông số kích thước đồ họa quảng cáo ngoài đời thực (banner in ấn, banner báo chí, kích thước banner ngang 1x5m, 1x6m, banner dọc 0.6x1.6m đến 0.8x2.2m) và quy chuẩn ảnh quảng cáo mạng xã hội (tỷ lệ 1.91:1 của Facebook kích thước 1200 x 628 pixel), giúp sinh viên nắm vững kỹ thuật tối ưu hóa hình ảnh web.
  2. Cấu trúc dữ liệu thương mại điện tử chuyên biệt: Mô hình hóa dữ liệu tách rời giữa bảng transaction (Giao dịch) và bảng order (Chi tiết đơn hàng). Cấu trúc này giải quyết đúng bài toán nghiệp vụ thương mại điện tử thực tế: một giao dịch có thể bao gồm nhiều sản phẩm đơn lẻ, hỗ trợ lưu trữ mã bảo mật (security) và thông tin phản hồi từ cổng thanh toán trực tuyến (payment_info).
  3. Mã nguồn mẫu hiện đại: Phần thực hành tích hợp mã nguồn mẫu xây dựng website bán cà phê hoàn chỉnh, sử dụng các tiêu chuẩn CSS3 hiện đại (CSS Variables, Flexbox, Grid Layout, Webkit scrollbar tùy biến) và liên kết tài nguyên từ mạng phân phối nội dung (CDN Font Awesome, Google Fonts).
  4. Hệ thống tài liệu tham khảo đồng bộ: Kế thừa các tài liệu chuẩn từ các cơ sở đào tạo uy tín như Bài giảng Xây dựng website thương mại (Trường Cao đẳng Kinh tế - Kỹ thuật thương mại, 2017), tài liệu Thiết kế Web siêu tốc của Đặng Ngọc Bình (Trung tâm Đào tạo Digital Marketing APPNET – Đại học Bách Khoa TPHCM, 2015) và tài liệu trực tuyến chuyên sâu từ Thachpham.com.

Đối tượng sử dụng giáo trình

Giáo trình được biên soạn phục vụ các nhóm đối tượng cụ thể trong hệ thống giáo dục nghề nghiệp:

  1. Sinh viên chuyên ngành:
    • Sinh viên bậc Cao đẳng liên thông và Trung cấp ngành Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm).
    • Yêu cầu điều kiện tiên quyết (Prerequisites): Đã hoàn thành các học phần Tin học đại cương, Lập trình căn bản hoặc Web cơ bản; có kỹ năng sử dụng máy tính và kiến thức cú pháp mã nguồn cơ bản.
  2. Giảng viên và cán bộ đào tạo:
    • Sử dụng làm khung tài liệu giảng dạy chuẩn, căn cứ biên soạn giáo án chi tiết và ngân hàng đề thi/bài tập thực hành cho học phần 75 giờ.
    • Định hướng cấu trúc bài giảng tích hợp giữa lý thuyết đồ họa, xây dựng giao diện và lập trình cơ sở dữ liệu.
  3. Người tự học và kỹ thuật viên phát triển web:
    • Dùng làm tài liệu tham khảo có cấu trúc cho lập trình viên mới bắt đầu, cần tài liệu hướng dẫn từng bước từ việc thiết kế bố cục menu, xây dựng giỏ hàng cho đến mô hình hóa bảng cơ sở dữ liệu quản trị bán hàng.

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

1. Giáo trình này phù hợp với đối tượng người học nào?

Giáo trình được biên soạn chuyên biệt cho sinh viên bậc Liên thông Cao đẳng và Trung cấp ngành Công nghệ thông tin (Ứng dụng phần mềm) tại Trường Cao đẳng Xây dựng số 1 và các cơ sở đào tạo nghề tương đương.

2. Người học cần đáp ứng kiến thức nền tảng nào trước khi tiếp cận học phần?

Sinh viên cần có bằng tốt nghiệp THPT hoặc tương đương, đã tích lũy kiến thức từ học phần Lập trình căn bản và Web cơ bản, nắm được các thao tác xử lý tập tin, logic lập trình cơ bản và hiểu biết sơ khởi về giao diện web.

3. Điểm khác biệt về mặt cấu trúc của giáo trình so với các tài liệu lập trình web thông thường?

Tài liệu tập trung toàn bộ vào nghiệp vụ thương mại điện tử thực tế thay vì lý thuyết dàn trải. Trọng tâm gồm 6 bảng cơ sở dữ liệu chuẩn cho bán hàng trực tuyến (admin, user, catalog, product, transaction, order) và hướng dẫn phân bổ thời lượng thực hành lên tới 74,7% (56/75 giờ).

4. Phương pháp tự học giáo trình như thế nào để đạt hiệu quả cao nhất?

Người học nên kết hợp đọc hiểu cú pháp lý thuyết song song với việc gõ lại từng khối mã nguồn (HTML/CSS/JS) trong phần bài tập mẫu; thực hành thiết kế banner đúng kích thước trên Photoshop; sau đó tiến hành tạo cơ sở dữ liệu trên MySQL và viết lệnh liên kết bằng PHP theo đúng tiến trình từ Chương 1 sang Chương 2.

5. Giáo trình có danh mục tài liệu bổ trợ và tham khảo nào đi kèm?

Học liệu tham khảo được quy định gồm: Bài giảng Xây dựng website thương mại (Khoa Tin học kinh tế, Trường Cao đẳng Kinh tế - Kỹ thuật thương mại, 2017), tài liệu Thiết kế Web siêu tốc của tác giả Đặng Ngọc Bình (APPNET – ĐH Bách Khoa TPHCM, 2015) và hệ thống bài giảng HTML/CSS trực tuyến từ Thachpham.com.

Kết luận

Giáo trình Xây dựng Website thương mại của Trường Cao đẳng Xây dựng số 1 là tài liệu học thuật hoàn chỉnh, chuẩn hóa mục tiêu kiến thức và kỹ năng phát triển ứng dụng thương mại điện tử trong thời lượng 75 giờ. Giá trị cốt lõi của giáo trình thể hiện ở tính thực tiễn cao, liên kết chặt chẽ giữa thiết kế đồ họa giao diện, cấu trúc mã nguồn giao diện Front-end và thiết kế hệ thống dữ liệu quản trị Back-end.

Lộ trình học tập khuyến nghị bắt đầu từ việc nắm vững định dạng HTML/CSS, làm chủ kỹ thuật thao tác DOM JavaScript hiển thị sản phẩm, thiết lập hệ thống cơ sở dữ liệu 6 bảng quan hệ và hoàn thiện phân hệ quản trị bán hàng. Người học có thể mở rộng chuyên môn bằng cách nghiên cứu bổ trợ các tài liệu tham khảo chính thức từ Trường Đại học Bách Khoa TPHCM và Trường Cao đẳng Kinh tế - Kỹ thuật thương mại được nêu trong danh mục học liệu.