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

Giáo trình mô đun Thiết kế và quản trị Website được ban hành theo Quyết định của Hiệu trưởng Trường Cao đẳng nghề Đồng Tháp (Ủy ban Nhân dân Tỉnh Đồng Tháp) vào năm 2017. Tài liệu được thiết kế làm học liệu chính thức trong chương trình đào tạo nghề Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm - UDPM) ở trình độ Cao đẳng. Về mặt phân loại học thuật, mô đun này giữ vai trò cầu nối chuyên môn, chuyển tiếp người học từ các môn học nhập môn lập trình cơ bản sang lĩnh vực phát triển phần mềm ứng dụng mạng và dịch vụ web.

Mục tiêu đào tạo (learning outcomes) của giáo trình tập trung vào ba trọng tâm: trang bị kiến thức nền tảng về không gian thông tin World Wide Web (WWW); rèn luyện kỹ năng xây dựng giao diện trang web tĩnh bằng ngôn ngữ đánh dấu siêu văn bản (HTML/HTML5); và hình thành năng lực thiết lập, cấu hình máy chủ cục bộ (IIS), lập trình các ứng dụng web động phía máy chủ bằng công nghệ ASP.NET và quản lý dữ liệu thông qua kiến trúc ADO.NET trên nền tảng .NET Framework.

Cấu trúc giáo trình được phân chia thành ba bài học có tính lũy tiến rõ rệt: Bài 1 (Tổng quan về WWW – Ngôn ngữ HTML), Bài 2 (Thiết kế Web Tĩnh), và Bài 3 (Thiết kế web động). Giáo trình tiếp cận theo mô hình đào tạo năng lực nghề nghiệp, kết hợp giữa diễn giải khái niệm hệ thống với việc phân tích chi tiết cú pháp thẻ, thuộc tính điều khiển và cung cấp các đoạn mã nguồn mẫu bằng C# để người học trực tiếp thực thi trên máy tính.

Điểm đặc sắc của giáo trình thể hiện ở tính bao quát kỹ thuật, bao gồm cả kỹ năng xây dựng mã lệnh giao diện phía máy trạm (Client-side), kỹ năng cấu hình môi trường máy chủ quản trị hệ thống (Internet Information Services - IIS), cùng quy trình lập trình xử lý logic dữ liệu phía máy chủ (Server-side) trong môi trường phát triển tích hợp Visual Studio.

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

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

Nội dung giáo trình được triển khai qua 3 bài học chuyên đề với hệ thống kiến thức được sắp xếp tuần tự:

  • Bài 1: Tổng quan về WWW – Ngôn ngữ HTML: Giới thiệu bối cảnh lịch sử phát triển của World Wide Web do Tim Berners-Lee và Robert Cailliau khởi xướng tại CERN (1990–1991). Phân định ranh giới kỹ thuật giữa mạng Internet và dịch vụ Web. Trình bày các khái niệm: tài liệu siêu văn bản (Hypertext), liên kết (Hyperlink), bộ định vị tài nguyên đồng nhất (URL), trình duyệt web (Web Browser) và máy chủ web (Web Server). Giới thiệu cú pháp thẻ HTML cơ bản (<HTML>, <HEAD>, <TITLE>, <BODY>), định dạng văn bản (<P>, <B>, <I>, <TT>, các cấp độ tiêu đề H1–H6), thiết lập bảng dữ liệu cơ bản (<TABLE>, <TR>, <TD>, <TH>), phân chia cửa sổ khung (<FRAME>) và các thẻ đa phương tiện HTML5 (<AUDIO>, <VIDEO>).
  • Bài 2: Thiết Kế Web Tĩnh: Phân tích sự khác biệt chức năng giữa website tĩnh và website động. Đi sâu vào cấu trúc và thuộc tính mở rộng của các thẻ HTML: căn lề, kiểu dáng đoạn văn (Margin, Direction), biểu diễn ký tự chỉ số (<SUP>), thẻ hình ảnh (<IMG> cùng các thuộc tính src, width, height, border, alt). Hướng dẫn kỹ thuật bảng phức hợp sử dụng rowspan, colspan, cellpadding, bgcolor. Trình bày kỹ thuật tổ chức trang đa khung qua thẻ <FRAMESET>, <FRAME>, <IFRAME>, <BASE>. Khai thác các thành phần đa phương tiện và hiệu ứng động như <BGSOUND>, <EMBED>, thẻ chuyển động <MARQUEE>, cùng đối tượng Flash (<OBJECT>). Trọng tâm bài 2 là cấu trúc biểu mẫu nhập liệu (<FORM> với phương thức GET/POST) và các điều khiển nhập dữ liệu (<INPUT> kiểu text, password, checkbox, radio, button submit/reset, danh sách <SELECT>, <OPTION>, hộp văn bản lớn <TEXTAREA>), đi kèm các dạng siêu liên kết ngoài, liên kết mailto: và liên kết nội bộ sử dụng điểm neo (anchor).
  • Bài 3: Thiết kế web động: Hướng dẫn quy trình cài đặt, cấu hình và khắc phục lỗi máy chủ dịch vụ thông tin Internet (IIS) trên hệ điều hành Windows. Giới thiệu nền tảng .NET Framework, vai trò của môi trường máy ảo thực thi Common Language Runtime (CLR) và tiến trình phát triển các phiên bản .NET gắn liền với Visual Studio. Phân tích sự chuyển dịch từ kỹ thuật ASP cổ điển sang công nghệ ASP.NET biên dịch và mô hình tách biệt mã lệnh Code-behind. Phân tích kiến trúc dữ liệu ngắt kết nối ADO.NET dựa trên chuẩn XML, phân tầng thành Managed Provider Component (DataAdapter, DataReader, Connection, Command) và Content Component (DataSet, DataTable). Hệ thống hóa các Web Server Controls trong ASP.NET bao gồm: nhóm điều khiển hiển thị (Label, Literal), nhập liệu (TextBox), điều hướng và kích hoạt lệnh (Button, ImageButton, LinkButton, HyperLink), nhóm điều khiển danh sách (ListBox, DropDownList, CheckBoxList, RadioButtonList), điều khiển bố cục (MultiView, Panel, PlaceHolder, Table), điều khiển quản lý tải tệp (FileUpload cùng đối tượng HttpPostedFile) và điều khiển kết nối nguồn dữ liệu (GridView, AccessDataSource).

Progression logic của tài liệu đi từ lớp giao diện tĩnh, chuyển qua cơ chế tương tác biểu mẫu, sau đó tiến đến quản trị hạ tầng máy chủ và xử lý logic ứng dụng cơ sở dữ liệu phân tán.

+-------------------------------------------------------------------+
| Bài 1: Tổng quan về WWW và Ngôn ngữ HTML                         |
| - Lịch sử CERN, URL, Browser, Web Server                          |
| - Cấu trúc thẻ HTML, Bảng dữ liệu, Khung hiển thị, HTML5 Audio/Video |
+-------------------------------------------------------------------+
+-------------------------------------------------------------------+
| Bài 2: Kỹ thuật Thiết Kế Web Tĩnh                                 |
| - Web tĩnh vs Web động (E-Commerce, Member Area, Forum)           |
| - Bảng nâng cao (Rowspan/Colspan), Khung IFRAME, Hiệu ứng Marquee |
| - Xây dựng Form tương tác (<input>, <select>, <textarea>, Anchor) |
+-------------------------------------------------------------------+
+-------------------------------------------------------------------+
| Bài 3: Lập trình Thiết Kế Web Động Phía Máy Chủ                   |
| - Quản trị Web Server: Cài đặt & Cấu hình IIS trên Windows        |
| - Nền tảng .NET Framework (CLR) & Lịch sử ASP sang ASP.NET        |
| - Kiến trúc dữ liệu ADO.NET: Disconnected Mode, XML, DataSet      |
| - Lập trình Server Controls: Form Controls, MultiView, GridView   |
+-------------------------------------------------------------------+

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

Giáo trình xây dựng hệ thống lý thuyết và nguyên lý kỹ thuật bao gồm:

  • Fundamental theories (Lý thuyết nền tảng): Mô hình mạng Client-Server; nguyên lý vận hành của giao thức truyền tải siêu văn bản HTTP; lý thuyết biểu diễn thông tin phi tuyến tính (Hypertext System); mô hình máy ảo phần mềm CLR quản lý an ninh, bộ nhớ và xử lý ngoại lệ.
  • Core principles (Nguyên lý cốt lõi): Nguyên lý biên dịch mã nguồn phía máy chủ (Server-side compilation thành các tệp DLL thay vì thông dịch từng dòng lệnh); nguyên lý phân tách giao diện người dùng và mã lệnh xử lý logic sự kiện (mô hình Code-behind); nguyên lý kiến trúc dữ liệu ngắt kết nối (Disconnected Data Architecture) cho phép xử lý dữ liệu trong bộ nhớ thông qua DataSet nhằm giảm tải cho Database Server.
  • Essential frameworks (Khung kỹ thuật chuẩn): Nền tảng .NET Framework của Microsoft; bộ thư viện ADO.NET; dịch vụ máy chủ Web IIS; các chuẩn định dạng dữ liệu có thể mở rộng (XML) phục vụ trao đổi thông tin xuyên suốt tường lửa (Firewall) và bộ chuyển dịch địa chỉ mạng (NAT).

Kỹ năng phát triển

Thông qua các bài tập và chỉ dẫn kỹ thuật, người học phát triển các nhóm kỹ năng:

  • Technical skills (Kỹ năng kỹ thuật): Viết đúng quy chuẩn mã nguồn HTML/HTML5; sử dụng phần mềm Visual Web Developer / Visual Studio; lập trình mã nguồn C# xử lý sự kiện phía máy chủ; cài đặt và cấu hình cổng truy cập (Port 80), gán tên miền cục bộ, phân quyền truy cập nặc danh (Anonymous Access) và thiết lập tài liệu mặc định (Default Document) trên IIS.
  • Analytical skills (Kỹ năng phân tích): Phân tích sự khác biệt hiệu năng giữa thông dịch và biên dịch; đánh giá ưu nhược điểm giữa cấu trúc liên kết COM cũ và chuẩn XML mới; lựa chọn chính xác các điều khiển máy chủ (Server Controls) tương ứng với từng yêu cầu bài toán.
  • Practical competencies (Năng lực thực hành chuyên môn): Xây dựng biểu mẫu thu thập dữ liệu người dùng hoàn chỉnh; xử lý tác vụ tải tệp tin an toàn qua FileUpload; xây dựng giao diện nhiều thẻ lồng nhau bằng MultiView kết hợp Menu; tích hợp hiển thị dữ liệu từ hệ quản trị cơ sở dữ liệu Access/SQL Server lên lưới GridView có hỗ trợ phân trang và định dạng tự động.

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

Giáo trình được biên soạn phục vụ phương pháp đào tạo tích hợp lý thuyết gắn liền thực hành theo mô hình giáo dục nghề nghiệp. Giảng viên đóng vai trò định hướng cấu trúc và thị phạm quy trình kỹ thuật, trong khi người học đóng vai trò trung tâm thông qua việc thực nghiệm trực tiếp các bài tập mẫu.

                    +-----------------------------+
                    | Giảng viên thị phạm lý thuyết|
                    | và quy trình cấu hình kỹ thuật|
                    +-----------------------------+
                    +-----------------------------+
                    |  Thực hành viết mã nguồn    |
                    |  (Notepad / Visual Studio)  |
                    +-----------------------------+
                    +-----------------------------+
                    |  Triển khai máy chủ IIS &    |
                    |  Xử lý sự kiện Code-behind  |
                    +-----------------------------+
                    +-----------------------------+
                    |  Kiểm tra kết quả trực quan |
                    |  trên Trình duyệt / Web App |
                    +-----------------------------+

Hệ thống bài tập thực hành được tích hợp chi tiết trong từng nội dung bài giảng, bao gồm các bài toán cụ thể như:

  • Tạo bảng hiển thị danh sách có gộp dòng và cột theo cấu trúc mẫu.
  • Thiết kế biểu mẫu đăng ký thông tin cá nhân (họ tên, giới tính, ngoại ngữ, thu nhập, trình độ) bằng các điều khiển Web Forms kết hợp xử lý chuỗi hiển thị khi nhấn nút Đăng ký.
  • Xây dựng chương trình tính tiền bán hàng (bttinhtien_Click) thu nhận dữ liệu từ TextBox, chuyển đổi kiểu dữ liệu số và xuất kết quả ra giao diện.
  • Xây dựng trang chuyển đổi TabPage thông qua sự kiện Menu_MenuItemClick và điều khiển MultiView.
  • Lập trình tính năng tải tệp lên thư mục máy chủ và kiểm soát dữ liệu thông qua lớp HttpPostedFile.

Phương pháp đánh giá kết quả học tập dựa trên sản phẩm thực hành: kiểm tra tính hợp lệ của mã nguồn HTML, mức độ tối ưu khi cấu hình website trên IIS, độ chính xác trong việc xử lý logic sự kiện C# (sử dụng thuộc tính IsPostBack, quản lý danh sách Items), và khả năng kết nối hiển thị dữ liệu từ CSDL vào ứng dụng web.

Đối với việc tự học, giáo trình định hướng người học bắt đầu từ công cụ soạn thảo văn bản thuần túy (Notepad) để nắm vững cú pháp thẻ gốc, sau đó chuyển sang môi trường phát triển chuyên nghiệp (Visual Web Developer) để rèn luyện kỹ năng sử dụng công cụ thiết kế đồ họa, gỡ lỗi thời gian chạy (Runtime Debugging) và triển khai ứng dụng.

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

Giáo trình ghi nhận và phân tích các bước tiến hóa công nghệ trong lĩnh vực phát triển web:

Tiêu chí so sánh Công nghệ tiền nhiệm (ASP / ADO) Công nghệ cập nhật trong giáo trình (ASP.NET / ADO.NET)
Cơ chế thực thi Thông dịch (Interpreted) từng dòng khi có yêu cầu Biên dịch trước (Pre-compiled) thành các tập tin DLL thực thi nhanh
Cấu trúc mã nguồn Mã kịch bản (Script) và mã HTML trộn lẫn trong một tệp Tách biệt giao diện (.aspx) và mã logic (.cs) qua mô hình Code-behind
Hỗ trợ ngôn ngữ Giới hạn ở VBScript, JavaScript (hướng thủ tục) Lập trình hướng đối tượng đầy đủ (C#, Visual Basic .NET, J#)
Bộ nhớ đệm (Cache) Hạn chế, không có cơ chế cache chuyên sâu Hỗ trợ nhiều cơ chế lưu trữ đệm (Cache) tối ưu hiệu năng
Trao đổi dữ liệu Gói dữ liệu NDR phụ thuộc kỹ thuật COM, khó qua Firewall Đóng gói dạng văn bản XML, truyền tải dễ dàng qua HTTP và Firewall
Mô hình dữ liệu Kết nối liên tục (Connected RecordSet) Dữ liệu ngắt kết nối (Disconnected DataSet) lưu trong bộ nhớ máy trạm

Về mặt xu hướng và ứng dụng thực tế, giáo trình đã cập nhật các thành phần tiêu chuẩn của HTML5 như thẻ nhúng âm thanh <audio> và video <video>, đồng thời giới thiệu các khái niệm hiện đại trong Visual Studio 2010 như ứng dụng web dựa trên mô hình MVC (Model-View-Controller) và dữ liệu động (ASP.NET Dynamic Data).

Các bài học gắn liền trực tiếp với các mô hình ứng dụng thực tế trong công nghiệp phần mềm: hệ thống quản lý hội viên có thu phí (Membership/Member Area), hệ thống bán hàng qua mạng (Shopping Cart, Online Payment), diễn đàn trực tuyến thời gian thực (Forum), và giải pháp quản lý doanh nghiệp phân tán từ xa (Remote Management).

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

  • Sinh viên theo học: Sinh viên các trường cao đẳng, trung cấp chuyên nghiệp thuộc khối ngành Công nghệ thông tin, đặc biệt là chuyên ngành Ứng dụng phần mềm (UDPM).
  • Điều kiện tiên quyết (Prerequisites): Người học cần hoàn thành các học phần tin học đại cương, hiểu biết về thao tác trên hệ điều hành Windows, có kiến thức cơ bản về mạng máy tính và nắm vững các nguyên lý lập trình cơ sở (cấu trúc rẽ nhánh, vòng lặp, kiểu dữ liệu).
  • Giảng viên chuyên ngành: Sử dụng làm khung tài liệu giảng dạy chuẩn hóa, xây dựng giáo án bài giảng lý thuyết, biên soạn hệ thống bài tập thực hành phòng máy và thiết kế đề thi kết thúc mô đun theo chuẩn đào tạo nghề.
  • Tài liệu tự học và tham khảo: Kỹ thuật viên quản trị mạng sơ cấp, lập trình viên mới bắt đầu tiếp cận hệ sinh thái công nghệ web của Microsoft cần tài liệu hướng dẫn từng bước về cấu hình máy chủ IIS và xây dựng ứng dụng Web Forms với C#.

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 thiết kế chuẩn hóa cho sinh viên trình độ Cao đẳng nghề chuyên ngành Công nghệ thông tin (Ứng dụng phần mềm), giảng viên giảng dạy môn Thiết kế và quản trị Website, cùng những người bắt đầu học phát triển web theo nền tảng công nghệ của Microsoft.

2. Người học cần chuẩn bị kiến thức nền tảng gì trước khi tiếp cận giáo trình?

Người học cần có kỹ năng sử dụng máy tính cơ bản trên môi trường Windows, kiến thức cơ sở về mạng máy tính (địa chỉ IP, giao thức mạng) và tư duy lập trình căn bản để tiếp thu phần viết mã nguồn xử lý sự kiện trong C#.

3. Giáo trình này có điểm khác biệt gì về mặt cấu trúc so với các tài liệu thuần túy lập trình web khác?

Tài liệu tích hợp đồng thời ba cấu phần: thiết kế giao diện tĩnh bằng HTML, quản trị và cấu hình máy chủ web thực tế (IIS), và lập trình hệ thống web động kết nối cơ sở dữ liệu bằng ASP.NET/ADO.NET, thay vì chỉ tập trung vào một ngôn ngữ lập trình đơn lẻ.

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

Người học nên thực hành tuần tự theo 3 giai đoạn: viết mã HTML cơ bản bằng Notepad để hiểu rõ cấu trúc thẻ; thực hành cài đặt và cấu hình website trên IIS để nắm vững cơ chế máy chủ; sau đó sử dụng Visual Studio để thiết kế giao diện Server Controls và viết mã C# xử lý dữ liệu.

5. Giáo trình có cung cấp các ví dụ mã lệnh và tài liệu tham khảo kèm theo không?

Giáo trình tích hợp các đoạn mã nguồn HTML mẫu, mã xử lý sự kiện bằng ngôn ngữ C#, bảng tra cứu thuộc tính các Server Controls, bảng số hiệu phiên bản .NET Framework, cùng hướng dẫn cấu hình từng bước trên giao diện dòng lệnh và công cụ quản trị hệ điều hành.

Kết luận

Giáo trình mô đun Thiết kế và quản trị Website của Trường Cao đẳng nghề Đồng Tháp cung cấp một lộ trình học tập có hệ thống, phản ánh toàn diện các kiến thức nền tảng trong lĩnh vực phát triển web từ phía máy trạm đến phía máy chủ.

Lộ trình học tập đề xuất cho người học gồm ba bước tuần tự:

  1. Làm chủ ngôn ngữ đánh dấu siêu văn bản HTML, cấu trúc bảng biểu, khung hiển thị và biểu mẫu nhập liệu.
  2. Nắm vững nguyên lý hoạt động của máy chủ Web, thực hành thành thạo quy trình cài đặt và cấu hình IIS.
  3. Khai thác sức mạnh của nền tảng .NET Framework, ứng dụng các điều khiển ASP.NET Web Forms và triển khai kết nối, hiển thị dữ liệu qua ADO.NET.

Để mở rộng kiến thức, người học được khuyến nghị tham khảo thêm tài liệu kỹ thuật về thư viện .NET Framework API Reference, các tài liệu hướng dẫn sử dụng Visual Studio và các tiêu chuẩn định dạng tài liệu XML từ tổ chức W3C.