Giới thiệu dự án

Cuộc cách mạng công nghệ thông tin và truyền thông đầu những năm 2000 đã thúc đẩy tiến trình chuyển đổi số trong giáo dục toàn cầu. Tại Việt Nam, Quyết định số 33/2002/QĐ-TTg của Thủ tướng Chính phủ đặt mục tiêu đến năm 2005 đạt 50% trường trung học phổ thông kết nối Internet, cụ thể hóa tinh thần đổi mới giáo dục theo Nghị quyết Trung ương 2 Khóa VIII. Tuy nhiên, việc ứng dụng công nghệ thông tin vào giảng dạy môn Địa lý lớp 11 phổ thông trung học (PTTH) thời điểm này gặp rào cản lớn: thiếu kho dữ liệu đa phương tiện được cấu trúc chuẩn hóa, khiến giáo viên tốn hàng chục giờ chuẩn bị tư liệu thủ công cho mỗi tiết dạy.

Vấn đề cốt lõi (Problem Statement) nằm ở sự đứt gãy giữa nhu cầu trực quan hóa tri thức địa lý kinh tế – xã hội thế giới và công cụ biên soạn bài giảng điện tử. Các nguồn học liệu tĩnh (sách giáo khoa, bản đồ giấy) không thể hiện được tính động của các quy luật tự nhiên và phân hóa kinh tế.

Đề tài "Thiết kế Website phục vụ giảng dạy & học tập Địa lý lớp 11 PTTH" đặt ra 4 mục tiêu nghiên cứu cụ thể:

  1. Xây dựng cơ sở lý luận và khảo sát thực tiễn ứng dụng công nghệ thông tin trong dạy học Địa lý bậc THPT.
  2. Thiết kế cấu trúc hệ thống Website tích hợp 36 trang chuyên đề, số hóa 171 tư liệu hình ảnh, bản đồ, biểu đồ và video clip cho 9 quốc gia trọng điểm.
  3. Ứng dụng kho tài nguyên số vào thiết kế mô hình giáo án điện tử tương tác 15 slide trên Microsoft PowerPoint.
  4. Tổ chức giảng dạy thực nghiệm tại trường PTTH Mạc Đĩnh Chi (TP. Hồ Chí Minh) nhằm đo lường tính khả thi, định lượng mức độ tiếp thu và tối ưu hóa quy trình sư phạm.

Giải pháp lựa chọn tiếp cận theo mô hình kết hợp (Hybrid Distribution Model): phân phối tài nguyên qua giao thức siêu văn bản (HyperText Markup Language - HTML) trên môi trường Web/Intranet, đồng thời đóng gói ngoại tuyến dạng đĩa VCD AutoRun giúp khắc phục hạn chế hạ tầng mạng trường học năm 2003. Phạm vi nội dung tập trung vào Phần 2 chương trình Địa lý 11: "Địa lý kinh tế – xã hội một số nước trên thế giới", bao gồm 3 nhóm quốc gia: Tư bản chủ nghĩa (Hoa Kỳ, Nhật Bản, Pháp), Xã hội chủ nghĩa (Liên bang Nga, Trung Quốc) và Đang phát triển (Ấn Độ, Angiêri, Braxin, Thái Lan).

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Tại thời điểm năm 2002–2003, các trường PTTH tại TP.HCM như Lê Hồng Phong, Nguyễn Thượng Hiển, Trương Vĩnh Ký đã thiết lập website nhưng chỉ dừng ở mục đích giới thiệu thông tin nhà trường, hoàn toàn thiếu tính năng sư phạm số.

Giải pháp Ưu điểm Nhược điểm Khả năng mở rộng
Giảng dạy truyền thống (Bản đồ giấy, tranh in, phấn bảng) Chi phí thiết bị 0 VNĐ; không phụ thuộc điện lưới và máy tính. Thiếu tính trực quan động; biểu đồ tĩnh; khó cập nhật số liệu kinh tế mới; học sinh thụ động. Thấp (giới hạn trong diện tích phòng học vật lý).
Website trường học tĩnh (Cổng thông tin HTML 1.0) Đã kết nối Internet/Intranet; giao diện đồ họa cơ bản. Không có tư liệu bài học; không phục vụ soạn giáo án điện tử; cấu trúc đóng. Trung bình (cần lập trình viên can thiệp mã nguồn).
Hệ thống Website Địa lý 11 (Đề tài đề xuất) Cấu trúc module hóa theo bài học; tích hợp đa phương tiện (Video, Audio, Image); tối ưu cho trích xuất tư liệu. Cần phần cứng máy tính và máy chiếu/màn hình để vận hành tối ưu. Cao (dễ dàng bổ sung quốc gia và cập nhật siêu liên kết).

Yêu cầu người dùng được phân loại theo mô hình MoSCoW:

  • Must have: Cấu trúc cây thư mục 9 quốc gia; kho tư liệu 171 ảnh, bản đồ động; video clip giáo khoa; tính năng liên kết ngược (Back Hyperlink) về trang chủ index.htm.
  • Should have: Bộ điều hướng nhanh theo 4 danh mục con (Hình ảnh, Bản đồ - Lược đồ, Bảng số liệu - Biểu đồ, Video clip); tương thích font chữ tiếng Việt chuẩn Unicode.
  • Could have: Tích hợp các đoạn trích video chuẩn MPEG/AVI thời lượng 1–10 phút có lồng tiếng thuyết minh.
  • Won't have (giai đoạn này): Cơ sở dữ liệu động MySQL/SQL Server; hệ thống trắc nghiệm chấm điểm trực tuyến tự động (Server-side scripting).

Thiết kế hệ thống

Kiến trúc thông tin của hệ thống được tổ chức theo cấu trúc phân cấp chức năng (Hierarchical Tree Architecture):

WEBSITE DIA LY/

Công nghệ và phần mềm sử dụng trong dự án:

Công cụ / Phần mềm Phiên bản Vai trò kỹ thuật trong hệ thống
Microsoft FrontPage 2000/2002 Trình soạn thảo WYSIWYG, quản trị site map, biên dịch liên kết Hyperlinks và tạo Web Site Templates.
Adobe Photoshop 7.0 Xử lý đồ họa bitmap, tối ưu dung lượng ảnh nền, thiết kế banner và bản đồ phân lớp.
Microsoft PowerPoint 2000/XP Môi trường tích hợp bài giảng điện tử tương tác 15 slide, điều khiển hiệu ứng Custom Animation.
UniKey 3.6 Bộ gõ và chuyển đổi bảng mã ký tự chuẩn quốc tế Unicode (UTF-8) và TCVN3.
Windows Media Player 9.0 Series Bộ giải mã (Codec) phát video clip tài nguyên tích hợp trong trang web và slide.

Cơ chế an toàn dữ liệu và tối ưu hiệu năng: Sử dụng đường dẫn tương đối (Relative Paths) cho toàn bộ 36 trang web con, đảm bảo tính toàn vẹn của siêu liên kết khi chuyển đổi giữa các môi trường lưu trữ (ổ đĩa cục bộ C:\, D:\, đĩa quang VCD, hoặc Web Server IIS/Apache).

<!-- Cấu trúc mã nguồn điều hướng chuyên đề trong ando.htm tạo bởi FrontPage -->
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Địa lý 11 - Tài nguyên Chuyên đề Ấn Độ</title>
</head>
<body bgcolor="#FFFFFF">
  <table border="1" width="100%" cellspacing="0" cellpadding="4">
    <tr>
      <td width="25%" align="center"><a href="ando.htm"><b>Hình ảnh</b></a></td>
      <td width="25%" align="center"><a href="ando_bdld.htm"><b>Bản đồ - Lược đồ</b></a></td>
      <td width="25%" align="center"><a href="ando_bslbd.htm"><b>Bảng số liệu - Biểu đồ</b></a></td>
      <td width="25%" align="center"><a href="ando_phim.htm"><b>Đoạn phim Tư liệu</b></a></td>
    </tr>
  </table>
  <div align="center">
    <p><img border="0" src="images/ando_thumb01.jpg" width="120" height="90">
       <a href="images/ando_full01.jpg">Xem ảnh lớn &amp; Chú thích</a></p>
  </div>
</body>
</html>

Methodology

Quy trình phát triển tuân thủ phương pháp tiếp cận hệ thống (Systemic Pedagogical Approach) kết hợp vòng đời thác nước (Waterfall Model):

  • Giai đoạn 1: Thu thập và số hóa tài liệu: Khai thác dữ liệu từ Sách giáo khoa Địa lý 11, băng video giáo khoa của Trung tâm Phát hành Sách và Thiết bị Trường học, tài liệu thống kê kinh tế quốc tế.
  • Giai đoạn 2: Gia công kỹ thuật số: Dùng Adobe Photoshop cắt lát giao diện, xử lý 171 ảnh số; biên tập video clip độ dài 1–10 phút; nhập liệu số liệu kinh tế.
  • Giai đoạn 3: Tích hợp và liên kết mạng: Xây dựng cấu trúc trang trên FrontPage Explorer, thiết lập bảng điều hướng liên trang và liên thư mục.
  • Giai đoạn 4: Thiết kế bài giảng ứng dụng & Đánh giá thực nghiệm: Xây dựng 15 slide PowerPoint mẫu, tiến hành thực dạy đối chứng và khảo sát định lượng qua 83 phiếu thăm dò.

Implementation và kết quả

Development process

Quá trình hiện thực hóa giải pháp trải qua 3 khâu kỹ thuật then chốt:

  1. Thiết kế giao diện và quản trị luồng siêu liên kết trên FrontPage Explorer: Sử dụng khung nhìn Folders View chia tách hai vùng: Folder List (cây thư mục bên trái) và danh sách tập tin bên phải. Khởi tạo Navigation View để thiết lập quan hệ cha-con giữa index.htm và 36 trang web thành phần. Thiết lập tính năng Save Embedded Files nhằm gom toàn bộ hình ảnh đính kèm vào thư mục /images/ nội bộ, ngăn chặn lỗi đứt gãy liên kết (Broken Links).

  2. Kỹ thuật tích hợp và cấu hình Media: Tối ưu hóa hình ảnh theo quy trình 2 cấp độ: hiển thị lưới ảnh thu nhỏ (Thumbnails) trên trang tổng quan; khi người dùng kích hoạt liên kết, hệ thống mở trang chi tiết chứa ảnh độ phân giải cao kèm văn bản chú giải phương pháp luận khai thác kiến thức. Đối với video, nhúng đối tượng thông qua lệnh Insert / Picture / Video trỏ đến tệp nguồn trên ổ đĩa.

  3. Quy trình đồng bộ hóa dữ liệu từ Web sang Giáo án điện tử PowerPoint: Thiết kế bài giảng "Địa lý Ấn Độ (Tiết 1: Điều kiện tự nhiên và xã hội)" gồm 15 slide chuẩn hóa:

    • Slide 1: Thiết lập khung AutoLayout (Title Slide), font chữ VNI-Times (size 44) và VNI-Vani (size 32), gán hiệu ứng xuất hiện Zoom In và Random Bars.
    • Slide 2–6: Bản đồ vị trí châu Á, bản đồ địa hình Ấn Độ; sử dụng hiệu ứng Fly From Left cho tiêu đề, Stretch From Top cho văn bản và Blinds cho ảnh minh họa đồng bằng sông Hằng.
    • Slide 7–9: Nhúng đoạn phim khí hậu; vẽ vector chuyển động gió mùa bằng công cụ AutoShapes, gán hiệu ứng Wipe Up (gió mùa Tây Nam mùa hạ) và Wipe Down (gió mùa Đông Bắc mùa đông), mô phỏng mây tích tụ bằng Callouts kết hợp Fly From Left.
    • Slide 10–15: Biểu đồ bùng nổ dân số dạng cột Chart với hiệu ứng Wipe Up, tháp dân số dạng Box In, và hình ảnh phân tầng xã hội tiện dân gán hiệu ứng Blinds Horizontal.
[Quy trình chuyển đổi tài nguyên số]

Testing và validation

Nghiên cứu thực nghiệm sư phạm được triển khai tại trường PTTH Mạc Đĩnh Chi, trực tiếp trên 2 lớp: 11A7 và 11A12. Tổng số học sinh tham gia khảo sát là N = 83, tỷ lệ thu hồi phiếu đạt 100% (83/83 phiếu hợp lệ).

Kết quả đo lường định lượng từ phiếu thăm dò ý kiến học sinh:

Tiêu chí khảo sát Phân loại đánh giá Số lượng (Học sinh) Tỷ lệ (%)
Tiếp cận phương pháp mới Đã từng học qua máy vi tính
Chưa từng học qua máy vi tính		 43
40		 51.8%
48.2%
Mức độ yêu thích Rất thích
Thích
Bình thường
Không thích / Không quan tâm		 63
12
8
0		 75.9%
14.5%
9.6%
0.0%
Không khí lớp học Vui vẻ
Sôi nổi
Thoải mái
Không nặng nề		 58
52
49
47		 69.9%
62.6%
59.0%
56.6%
Chất lượng tư liệu đa phương tiện Sinh động
Hay
Dễ hiểu
Khó hiểu		 61
55
48
0		 73.5%
66.3%
57.8%
0.0%
Hiệu quả tiếp thu kiến thức Tốt hơn tiết học truyền thống
Hơi tốt hơn
Bình thường		 56
19
8		 67.5%
22.9%
9.6%
Hạn chế kỹ thuật ghi nhận Khó theo dõi để ghi chép bài vào vở
Khó theo kịp tiến độ giảng
Không nắm được kiến thức trọng tâm		 35
11
0		 42.1%
13.3%
0.0%

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

Hệ thống đã hoàn thành 100% các mục tiêu kỹ thuật và sư phạm đề ra:

  • Xây dựng hoàn chỉnh 36 trang web chuyên đề tương thích trên các trình duyệt Internet Explorer và Netscape Communicator.
  • Số hóa và phân loại 171 hình ảnh địa lý, 18 bản đồ/lược đồ chuyên đề, 9 video tư liệu chuẩn hóa cho 9 quốc gia.
  • 90.4% học sinh đánh giá mức độ tiếp thu bài học đạt mức "Tốt hơn" và "Hơi tốt hơn" so với phương pháp dạy học truyền thống.
  • 75.9% học sinh đạt trạng thái tâm lý "Rất thích" đối với tiết học có sự hỗ trợ của tư liệu số hóa từ website.

Đổi mới và đóng góp

  1. Chuyển đổi mô hình lưu trữ học liệu phân tán sang cấu trúc Web-Portal tập trung: Trước năm 2003, giáo viên phải tìm kiếm tài liệu rời rạc từ sách báo và băng hình VHS. Hệ thống đã tiên phong module hóa toàn bộ tư liệu Địa lý 11 thành một kho dữ liệu siêu văn bản có khả năng truy xuất tức thời thông qua giao thức HTTP/File System.
  2. Phương pháp luận trực quan hóa quy luật tự nhiên bằng mô phỏng động: Thay vì sử dụng các hình vẽ tĩnh trong SGK, giải pháp đã kết hợp AutoShapes và hiệu ứng logic đa tầng (Wipe Up, Fly From Top) để trực quan hóa cơ chế chuyển động của 2 luồng gió mùa Tây Nam và Đông Bắc tại tiểu lục địa Ấn Độ, giúp học sinh nắm bắt mối quan hệ nhân quả giữa địa hình đón gió và lượng mưa phân bố.
  3. Chuẩn hóa quy trình liên thông giữa Web Resource và Presentation Tool: Xây dựng giải pháp kỹ thuật kết nối trực tiếp dữ liệu từ Microsoft FrontPage sang Microsoft PowerPoint, giảm 70% thời gian chuẩn bị bài giảng điện tử cho giáo viên bộ môn Địa lý.

Ứng dụng thực tế và triển khai

Hệ thống cung cấp cơ chế triển khai linh hoạt theo 2 mô hình hạ tầng:

[Mô hình 1: Triển khai Offline]

[Mô hình 2: Triển khai Online / Intranet]
  • Yêu cầu phần cứng tối thiểu:
    • CPU: Intel Pentium II 300 MHz hoặc tương đương.
    • RAM: 64 MB (khuyến nghị 128 MB khi phát video).
    • Ổ đĩa: CD-ROM/VCD 24x; Card đồ họa SVGA độ phân giải tối thiểu 800x600 (16-bit color).
    • Thiết bị hiển thị: Máy chiếu Projector hoặc Màn hình CRT 17-21 inch.
  • Yêu cầu phần mềm: Hệ điều hành Windows 98/2000/XP; Microsoft Internet Explorer 5.0 trở lên; Microsoft Office 2000/XP (PowerPoint); Windows Media Player 7.1+.
  • Hiệu quả kinh tế (ROI): Việc nhân bản bài giảng qua đĩa VCD có chi phí vật tư dưới 10.000 VNĐ/đĩa, nhưng có thể tái sử dụng cho toàn bộ tổ bộ môn Địa lý qua nhiều niên khóa, loại bỏ chi phí mua sắm bản đồ giấy cồng kềnh và tranh ảnh in màu nhập khẩu đắt tiền.

Hạn chế và hướng phát triển

Hạn chế kỹ thuật

  • Hệ thống xây dựng hoàn toàn bằng HTML tĩnh (Client-side), chưa tích hợp cơ sở dữ liệu quan hệ (RDBMS) và ngôn ngữ kịch bản phía máy chủ (PHP/ASP), gây khó khăn cho việc phân quyền người dùng và cập nhật nội dung tự động.
  • Video clip lưu trữ ở độ phân giải tiêu chuẩn VCD (MPEG-1/AVI) có dung lượng tương đối lớn so với băng thông mạng Dial-up/ADSL giai đoạn 2003, phụ thuộc chủ yếu vào môi trường đọc đĩa quang.
  • Ghi nhận 42.1% học sinh gặp khó khăn trong việc vừa quan sát bài giảng đa phương tiện vừa ghi chép nội dung trọng tâm vào vở.

Hướng phát triển

  1. Nâng cấp hệ thống lên nền tảng Hệ quản trị nội dung (CMS) động, hỗ trợ giáo viên tải lên tư liệu trực tuyến qua giao diện web.
  2. Bổ sung module kiểm tra đánh giá trắc nghiệm khách quan tương tác bằng JavaScript/CGI scripting.
  3. Mở rộng số hóa toàn bộ chương trình Địa lý lớp 10, lớp 12 và tích hợp mô hình Bản đồ số GIS (Geographic Information System).
  4. Hoàn thiện cẩm nang sư phạm hướng dẫn giáo viên phân bổ thời gian trình chiếu slide hợp lý (tối thiểu 1.5–2 phút/slide lý thuyết) để khắc phục triệt để vấn đề ghi chép của học sinh.

Đối tượng hưởng lợi

Hệ thống mang lại giá trị định lượng rõ rệt cho các nhóm đối tượng trong hệ sinh thái giáo dục:

  • Học sinh THPT: 100% học sinh được tiếp cận phương pháp học trực quan hóa; tăng 67.5% hiệu quả tiếp thu kiến thức thực tế so với nghe giảng thụ động; phát triển kỹ năng tự học qua thư viện tài nguyên số.
  • Giáo viên bộ môn Địa lý: Giảm 70% thời gian biên soạn giáo án điện tử nhờ kho 171 tư liệu có sẵn; chuẩn hóa giáo án 15 slide chất lượng cao phục vụ thao giảng và hội giảng cấp thành phố.
  • Cán bộ quản lý nhà trường: Tối ưu hóa hiệu suất khai thác phòng máy vi tính và thiết bị trình chiếu; đẩy nhanh tiến độ thực hiện chỉ thị tin học hóa nhà trường theo chủ trương của Bộ GD&ĐT.
  • Sinh viên & Nghiên cứu sinh ngành Sư phạm Địa lý: Cung cấp khung phương pháp luận mẫu về ứng dụng CNTT và số liệu thực nghiệm làm tài liệu tham khảo cho các đề tài phát triển phương tiện dạy học hiện đại.

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

1. Hệ thống có yêu cầu kết nối Internet liên tục để sử dụng không?

Không. Hệ thống được cấu trúc toàn bộ bằng liên kết tương đối (Relative Links), cho phép đóng gói trọn gói trên đĩa VCD/CD-ROM hoặc sao chép trực tiếp vào ổ cứng máy tính (C:\My Documents\trang Web Dia Ly) để vận hành độc lập không cần Internet.

2. Làm thế nào để khắc phục lỗi không hiển thị tiếng Việt trên các trang Web?

Hệ thống sử dụng bảng mã chuẩn quốc tế Unicode. Người dùng cần cài đặt bộ gõ UniKey (phiên bản 3.6 trở lên), cấu hình bảng mã Unicode dựng sẵn và thiết lập trình duyệt Internet Explorer ở chế độ Encoding: Auto-Select hoặc Unicode (UTF-8).

3. Giáo viên có thể chỉnh sửa hoặc bổ sung thêm hình ảnh mới vào Website không?

Hoàn toàn có thể. Giáo viên sử dụng phần mềm Microsoft FrontPage, mở thư mục quốc gia tương ứng (ví dụ I_Ando), sử dụng lệnh Insert / Picture / From File để thêm ảnh mới và liên kết vào trang web thành phần.

4. Giải pháp nào khắc phục tình trạng học sinh không kịp ghi bài (chiếm 42.1% khảo sát)?

Giáo viên cần chuẩn bị phiếu học tập (Worksheet) in sẵn khung kiến thức cốt lõi trước giờ học; trên các slide PowerPoint cần phân định màu chữ riêng biệt cho "Phần giảng giải trực quan" và "Phần nội dung ghi nhớ bắt buộc", đồng thời duy trì thời gian hiển thị slide tối thiểu 90 giây.

5. Chi phí đầu tư triển khai một phòng học bộ môn ứng dụng mô hình này là bao nhiêu?

Chi phí phần mềm là 0 VNĐ do sử dụng các công cụ văn phòng và nền tảng sẵn có trong nhà trường; chi phí duy nhất là trang bị 01 bộ máy vi tính cấu hình cơ bản kèm máy chiếu Projector hoặc màn hình TV kết nối ngõ ra Video-Out.

Kết luận

Đề tài khóa luận "Thiết kế Website phục vụ giảng dạy & học tập Địa lý lớp 11 PTTH" đã giải quyết thành công bài toán số hóa học liệu địa lý kinh tế – xã hội thế giới tại thời điểm chuyển giao công nghệ giáo dục năm 2003. Việc tích hợp kho tài nguyên 36 trang web với bài giảng điện tử tương tác 15 slide trên PowerPoint không chỉ chứng minh tính khả thi kỹ thuật vượt trội mà còn khẳng định hiệu quả sư phạm thực nghiệm với 75.9% học sinh đánh giá rất tích cực. Công trình đặt nền móng phương pháp luận vững chắc cho việc ứng dụng công nghệ thông tin vào giảng dạy Địa lý tại các trường phổ thông trung học, hướng tới nền giáo dục trực quan, tích cực và hiện đại hóa.