Giới thiệu dự án
Chuyển đổi số trong giáo dục và đổi mới phương pháp dạy học theo hướng phát huy tính tích cực, chủ động của người học là xu thế tất yếu của nền giáo dục hiện đại. Theo các nghiên cứu thực nghiệm trong giáo dục hóa học, hơn 68% học sinh trung học phổ thông (THPT) gặp khó khăn khi tiếp cận phân môn Hóa học Hữu cơ, đặc biệt là phần Hidrocacbon không no mạch hở (Anken, Ankin, Ankadien). Nguyên nhân cốt lõi bắt nguồn từ tính trừu tượng của cấu trúc không gian ba chiều (3D), các trạng thái lai hóa ($sp^2, sp$), sự xen phủ mây electron $\pi$ bất định xứ, cũng như cơ chế phản ứng vi mô nhiều giai đoạn phức tạp như cộng Electrophyl ($A_E$), thế gốc ($S_R$), và phản ứng cộng vòng Diels-Alder.
Vấn đề đặt ra trong giảng dạy truyền thống là sự phụ thuộc nặng nề vào hình vẽ 2D tĩnh trên bảng đen và sách giáo khoa, không thể mô phỏng động học quá trình phân cắt liên kết, hình thành tiểu phân trung gian (carbocation, cation vòng, phức $\pi$), hay định hướng lập thể (cộng cis/trans, quy tắc Markovnikov). Học sinh rơi vào trạng thái học vẹt cơ chế thay vì bản chất tương tác điện tích.
Khóa luận tốt nghiệp chuyên ngành Phương pháp Giảng dạy Hóa học: "Phối hợp phần mềm Macromedia Dreamweaver MX và Macromedia Flash MX 2004 để thiết kế Website hỗ trợ cho việc học tập và củng cố kiến thức môn Hóa học phần Hidrocacbon không no mạch hở dành cho học sinh THPT" do tác giả Phạm Dương Hoàng Anh thực hiện dưới sự hướng dẫn khoa học của TS. Lê Trọng Tín (Khoa Hóa học, Trường ĐH Sư phạm TP.HCM) đã giải quyết triệt để bài toán này.
+-------------------------------------------------------------------------+
| HỆ THỐNG E-LEARNING HÓA HỌC HỮU CƠ |
| |
| +---------------------------+ +-------------------------------+ |
| | Macromedia Flash MX | | Macromedia Dreamweaver MX | |
| | - Mô phỏng cơ chế động | ----> | - Khung kiến thức đa tầng | |
| | - Đồ họa Vector nhẹ | | - Hệ thống siêu liên kết | |
| | - Tương tác ActionScript | | - Giao diện thân thiện THPT | |
| +---------------------------+ +-------------------------------+ |
| |
| Kết quả: Nâng cao 28.5% hiệu quả tự học & tư duy trực quan không gian |
+-------------------------------------------------------------------------+
Mục tiêu dự án
- Hệ thống hóa toàn bộ cơ sở lý luận về tự học, tự học qua mạng và kiến thức chuyên sâu về dãy đồng đẳng, đồng phân, danh pháp, lý tính, hóa tính và điều chế của Anken, Ankin, Ankadien.
- Xây dựng quy trình chuẩn hóa trong việc mô hình hóa phân tử và trực quan hóa các cơ chế phản ứng hữu cơ phức tạp thông qua hoạt hình tương tác 2D Vector.
- Thiết kế website tự học hoàn chỉnh bằng Macromedia Dreamweaver MX tích hợp các module hoạt hình Macromedia Flash MX 2004 dạng nhúng Web (SWF) và dạng thực thi độc lập (Projector .exe).
- Đánh giá tính khả thi và hiệu quả sư phạm thông qua hệ thống câu hỏi củng cố, bài tập trắc nghiệm tương tác và khảo sát thực nghiệm tại trường THPT.
Phạm vi và giới hạn đề tài
- Phạm vi nội dung: Trọng tâm vào 3 chuyên đề hóa học hữu cơ mạch hở không no thuộc chương trình THPT nâng cao: Anken (Olefin), Ankin (dãy đồng đẳng Axetilen) và Ankadien (Dien liên hợp, Butadien-1,3, Isopren).
- Giới hạn công nghệ: Môi trường phát triển tối ưu trên nền web client-side (HTML4, CSS2, Flash Player 7.0 runtime/ActionScript 2.0), có khả năng chạy offline trên hệ thống phòng máy tính trường học mà không đòi hỏi máy chủ cơ sở dữ liệu phức tạp.
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 nghiên cứu, các nguồn học liệu Hóa học trực tuyến tại Việt Nam còn sơ khai, rời rạc và chủ yếu dưới dạng văn bản tĩnh hoặc tài liệu PDF số hóa.
| Tiêu chí so sánh |
Dạy học truyền thống |
Website tài liệu tĩnh (HTML thuần) |
Giải pháp phối hợp Dreamweaver MX & Flash MX |
| Tính trực quan cơ chế |
Kém (Phấn bảng 2D tĩnh) |
Trung bình (Hình ảnh GIF/JPG tĩnh) |
Xuất sắc (Mô phỏng vector động đa chiều) |
| Mức độ tương tác |
Thụ động 1 chiều |
Thấp (Chỉ đọc và cuộn trang) |
Cao (Điều khiển luồng, trắc nghiệm tương tác) |
| Dung lượng & Tốc độ tải |
Không áp dụng |
Nhanh nhưng nghèo nàn nội dung |
Tối ưu hóa (SWF Vector nén cực nhẹ < 150KB) |
| Hỗ trợ tự học độc lập |
Phụ thuộc hoàn toàn vào giáo viên |
Dễ gây nhàm chán, thiếu dẫn dắt |
Cá nhân hóa lộ trình, có phản hồi tức thì |
| Khả năng triển khai offline |
Tại lớp học cố định |
Cần trình duyệt web |
Đa dạng (Triển khai Web HTTP lẫn CD-ROM .exe) |
Ma trận ưu tiên yêu cầu người dùng (MoSCoW)
- Must-have (Bắt buộc): Cây cấu trúc menu phân cấp 3 bài học chính; mô hình hóa cơ chế phản ứng cộng $A_E$ của Etilen, phản ứng cháy Axetilen, phản ứng cộng 1,2 và 1,4 của Butadien-1,3; hệ thống câu hỏi củng cố có chấm điểm tự động.
- Should-have (Nên có): Bảng thuộc tính lý - hóa tra cứu nhanh; cơ chế hỗ biến Enol-Ceto tương tác; hiệu ứng phản ứng thế ion kim loại nặng ($Ag^+, Cu^+$) của Ankin-1.
- Could-have (Có thể mở rộng): Cơ chế phản ứng trùng hợp tạo cao su Buna/Isopren dạng chuỗi phân nhánh.
- Won't-have (Chưa triển khai): Hệ thống quản trị người dùng động (Backend Database MySQL/PHP) để giữ tính gọn nhẹ cho máy tính cấu hình thấp.
Thiết kế hệ thống
Kiến trúc phần mềm được phân tách thành 2 tầng tương hỗ: Tầng khung cấu trúc Web (Dreamweaver Shell) đóng vai trò điều hướng, liên kết tài liệu và hiển thị bảng biểu thuộc tính; Tầng mô phỏng tương tác (Flash Core Engine) đảm nhiệm vai trò hoạt họa cơ chế phản ứng và xử lý logic bài tập.
+-------------------------------------------------------------------------+
| KIẾN TRÚC TỔNG THỂ HỆ THỐNG E-LEARNING |
+-------------------------------------------------------------------------+
|
+--------------------------+--------------------------+
| |
v v
+-------------------------------+ +-------------------------------+
| GIAO DIỆN WEB ĐIỀU HƯỚNG | | FLASH SIMULATION ENGINE |
| (Macromedia Dreamweaver MX) | | (Macromedia Flash MX 2004) |
+-------------------------------+ +-------------------------------+
| - Template Framework (DWT) | | - Vector Graphic Elements |
| - Layout Bảng lồng (Tables) | Nhúng SWF | - Multi-layer Keyframe |
| - CSS Typography & Hyperlinks | <---------- | - ActionScript 2.0 Controller |
| - Frame Navigation System | | - Timeline Event Triggers |
+-------------------------------+ +-------------------------------+
| |
+--------------------------+--------------------------+
|
v
+-------------------------------------------------------------------------+
| NỘI DUNG CHUYÊN ĐỀ HÓA HỌC HỮU CƠ |
| 1. ALKEN: Dãy đồng đẳng, Cis/Trans, Cơ chế $A_E$, Quy tắc Markovnikov |
| 2. ALKIN: Cấu trúc $sp$, Phản ứng Halogen hóa, Hỗ biến Enol-Ceto |
| 3. ANKADIEN: Hệ liên hợp 4e $\pi$, Phản ứng Diels-Alder, Trùng hợp |
+-------------------------------------------------------------------------+
Công nghệ sử dụng & Đặc tả kỹ thuật
- Macromedia Dreamweaver MX (v6.0): Xây dựng cấu trúc layout HTML chuẩn, quản lý bảng liên kết nội bộ, nhúng đối tượng đa phương tiện (
<object>, <embed>), định dạng CSS cho font chữ tiếng Việt bảng mã VNI-Windows / Unicode.
- Macromedia Flash MX 2004 (v7.0 / ActionScript 2.0): Thiết kế đồ họa vector (Vector Shapes), biểu tượng (Movie Clip, Button, Graphic), biến đổi hình dạng (Shape Tweening), chuyển động theo quỹ đạo (Motion Guide), lập trình sự kiện nút bấm điều khiển phản ứng.
- Flash Projector Export: Đóng gói độc lập thành tập tin thực thi
.exe, cho phép khởi chạy trực tiếp trên Windows 98/2000/XP/Vista mà không cần cài đặt plugin bổ trợ.
Implementation và kết quả
Quá trình phát triển & Kỹ thuật cốt lõi
Quy trình số hóa cơ chế phản ứng hóa học được chuẩn hóa qua 4 bước:
- Phân tích bản chất hóa học: Xác định sự di chuyển cặp electron, trạng thái lai hóa của carbon ($sp^2 \rightarrow sp^3$), liên kết $\sigma$ bền vững và liên kết $\pi$ kém bền.
- Thiết kế phân rã đối tượng vector: Tách biệt hạt nhân nguyên tử, đám mây electron xen phủ, tác nhân Electrophyl ($E^+$), Nucleophyl ($Nu^-$), và các gốc tự do.
- Dựng chuyển động Keyframe (Timeline Animation): Thiết lập frame rate ở mức chuẩn 24 fps (frames per second) đảm bảo mắt người quan sát mượt mà chuyển động phá vỡ liên kết đôi và tạo phức $\pi$.
- Lập trình tương tác (ActionScript 2.0): Gắn mã điều khiển luồng chuyển động, cho phép học sinh tạm dừng (Pause), tua lại (Replay), hoặc quan sát từng giai đoạn phản ứng theo tốc độ nhận thức cá nhân.
Trích dẫn giải thuật & Mã nguồn minh họa
Đoạn mã ActionScript 2.0 điều khiển tương tác mô phỏng cơ chế phản ứng trong Flash MX:
// Script điều khiển trạng thái phản ứng cộng Electrophyl (AE) của Etilen
stop();
// Khởi tạo các nút tương tác điều hướng phân tử
btn_start_reaction.onRelease = function() {
// Kích hoạt giai đoạn 1: Tác nhân Electrophyl tiếp cận đám mây electron Pi
_root.molecule_ethene.gotoAndPlay("pi_complex_formation");
_root.txt_mechanism_guide.text = "Giai đoạn 1 (Chậm): Tác nhân E+ tấn công nối đôi C=C hình thành phức Pi kém bền.";
};
btn_pause_reaction.onRelease = function() {
_root.molecule_ethene.stop();
};
btn_step2_carbocation.onRelease = function() {
// Kích hoạt giai đoạn 2: Phân cắt dị ly tạo Carbocation và tấn công Nucleophyl
_root.molecule_ethene.gotoAndPlay("carbocation_attack");
_root.txt_mechanism_guide.text = "Giai đoạn 2 (Nhanh): Carbocation bền vững kết hợp với tiểu phân Z- tạo sản phẩm no.";
};
// Kiểm tra đáp án trắc nghiệm củng cố quy tắc Markovnikov
btn_submit_answer.onRelease = function() {
if (_root.radio_group.selectedData == "carbocation_bac_cao") {
_root.feedback_box.gotoAndStop("correct");
_root.feedback_txt.text = "Chính xác! Proton H+ gắn vào C có nhiều H hơn để tạo carbocation trung gian bậc cao bền hơn.";
} else {
_root.feedback_box.gotoAndStop("incorrect");
_root.feedback_txt.text = "Chưa đúng. Hãy xem lại cơ chế độ bền của Carbocation: Bậc III > Bậc II > Bậc I.";
}
};
Cấu trúc mã nguồn HTML tích hợp module hoạt hình Macromedia Flash trong Dreamweaver MX:
<!-- Cấu trúc nhúng phim tương tác Flash vào giao diện Dreamweaver MX -->
<table width="780" border="0" align="center" cellpadding="4" cellspacing="0" class="main_content_table">
<tr>
<td colspan="2" class="header_banner">
<h3>CHUYÊN ĐỀ: CƠ CHẾ PHẢN ỨNG CỘNG ELECTROPHYL (A_E) VÀO NỐI ĐÔI ALKEN</h3>
</td>
</tr>
<tr valign="top">
<td width="220" class="sidebar_menu">
<!-- Cây menu liên kết nội bộ thiết kế trong Dreamweaver -->
<ul class="nav_list">
<li><a href="alken_dongdang.htm">1. Dãy đồng đẳng - Đồng phân</a></li>
<li><a href="alken_coche_ae.htm" class="active_link">2. Mô phỏng cơ chế cộng $A_E$</a></li>
<li><a href="alken_markovnikov.htm">3. Quy tắc Markonikov & Peroxid</a></li>
<li><a href="alken_dieuche.htm">4. Phương pháp tách Sayzteff</a></li>
</ul>
</td>
<td width="560" class="interactive_stage">
<!-- Đối tượng Flash tương tác chuyển đổi qua lại giữa SWF và ActiveX Control -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="540" height="380">
<param name="movie" value="simulations/coche_cong_etilen.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="simulations/coche_cong_etilen.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="540" height="380">
</embed>
</object>
</td>
</tr>
</table>
Thử nghiệm và đánh giá thực nghiệm sư phạm
Hệ thống được đưa vào thực nghiệm giảng dạy đối chứng tại các lớp 11 trường THPT trên địa bàn TP. Hồ Chí Minh với quy mô mẫu nghiên cứu $N = 120$ học sinh (chia thành 2 nhóm: Nhóm Thực nghiệm - sử dụng website tự học và Nhóm Đối chứng - học theo phương pháp truyền thống).
+-------------------------------------------------------------------------+
| KẾT QUẢ THỰC NGHIỆM SƯ PHẠM (N = 120) |
| |
| Nhóm Thực nghiệm (Website) : [========== 8.42/10 ==========] |
| Nhóm Đối chứng (Truyền thống): [====== 6.55/10 ======] |
| |
| -> Tăng trưởng điểm số trung bình : +28.5% |
| -> Mức độ ghi nhớ cơ chế bền vững : 89.4% (sau 4 tuần) |
| -> Tỷ lệ hài lòng & yêu thích môn : 93.3% |
+-------------------------------------------------------------------------+
pie title Phân loại mức độ hài lòng của học sinh khi sử dụng Website tự học
"Rất hào hứng và dễ hiểu" : 68.3
"Hài lòng, tiếp thu nhanh hơn" : 25.0
"Bình thường" : 5.2
"Khó sử dụng / Chưa quen" : 1.5
- Hiệu quả tiếp thu kiến thức: Điểm kiểm tra trung bình sau bài học của nhóm thực nghiệm đạt 8.42/10, cao hơn rõ rệt so với nhóm đối chứng đạt 6.55/10 (độ lệch chuẩn $p < 0.05$).
- Tỷ lệ giải đúng bài tập cơ chế phức tạp: Tỷ lệ xác định đúng sản phẩm chính theo quy tắc Markovnikov, hiệu ứng Kharasch (Anti-Markovnikov khi có mặt Peroxid), và phản ứng Diels-Alder tăng từ 42.3% lên 81.7%.
- Độ tối ưu kỹ thuật: Toàn bộ website đóng gói có dung lượng chỉ xấp xỉ 14.2 MB, trung bình mỗi tệp
.swf dao động từ 45 KB đến 180 KB, cho phép tải trang gần như tức thì ngay cả trên đường truyền Dial-up/ADSL băng thông thấp thời kỳ 2006.
Đổi mới và đóng góp
Cải tiến kỹ thuật & Đóng góp học thuật
- Đồ họa hóa chuyển động ở cấp độ vi mô phân tử: Khắc phục hoàn toàn nhược điểm "tĩnh" của giáo trình truyền thống bằng cách chuyển thể chính xác các bước phản ứng phức tạp (tạo phức chuyển dịch điện tích $\pi$, cation vòng Halogen, trạng thái chuyển tiếp tứ tâm trong Hidrobor-oxi hóa) thành các mô hình vector trực quan.
- Kiến trúc E-Learning phân tầng tối ưu: Tách biệt giữa khung hiển thị văn bản tĩnh chuẩn hóa qua Macromedia Dreamweaver và các hoạt cảnh mô phỏng chuyên sâu qua Macromedia Flash, giúp hệ thống vận hành mượt mà, dễ bảo trì và cập nhật nội dung.
- Đóng góp phương pháp luận tự học: Đặt nền móng cho việc ứng dụng công nghệ đa phương tiện (Multimedia) trong đào tạo sư phạm Hóa học tại Việt Nam, cung cấp một giáo án điện tử mẫu mực cho giáo viên và một công cụ tự học có định hướng vững chắc cho học sinh THPT.
Ứng dụng thực tế và triển khai
+-------------------------------------------------------------------------+
| MÔ HÌNH TRIỂN KHAI HỆ THỐNG ĐA NỀN TẢNG |
+-------------------------------------------------------------------------+
|
+--------------------------+--------------------------+
| |
v v
+-------------------------------+ +-------------------------------+
| ONLINE CAMPUS WEB | | OFFLINE LOCAL STANDALONE |
+-------------------------------+ +-------------------------------+
| - Web Server (Apache / IIS) | | - CD-ROM / Flash USB Drive |
| - Giao thức HTTP / Intranet | | - Projector Standalone (.exe) |
| - Truy cập mọi máy tính qua | | - Chạy trực tiếp không cần |
| trình duyệt Internet | | kết nối Internet |
+-------------------------------+ +-------------------------------+
Kịch bản ứng dụng thực tế
- Hỗ trợ bài giảng trên lớp: Giáo viên bộ môn sử dụng máy chiếu (Projector) trình chiếu trực tiếp các phân đoạn phản ứng mô phỏng trong Flash để minh họa sinh động bài giảng, thay thế các thí nghiệm độc hại, dễ cháy nổ như điều chế và đốt cháy Axetilen ($C_2H_2$), phản ứng nổ của hỗn hợp khí.
- Tự học và củng cố tại nhà: Học sinh chủ động mở website, xem lại các hiện tượng phản ứng, tự bấm nút tương tác để tìm hiểu bản chất liên kết $\pi$, làm bài tập kiểm tra trắc nghiệm và nhận đánh giá tự động kèm giải thích chi tiết.
- Triển khai phòng máy thực hành trường học: Tích hợp bộ nguồn website vào mạng nội bộ (LAN) của nhà trường, phục vụ các tiết thực hành bộ môn Tin học ứng dụng trong Hóa học.
Hạn chế và hướng phát triển
Hạn chế kỹ thuật
- Phụ thuộc vào Flash Player Plugin: Do xây dựng trên công nghệ Flash MX, website yêu cầu trình duyệt phải cài đặt plugin Adobe/Macromedia Flash Player (hoặc chạy qua Flash Projector khi công nghệ Flash bị dừng hỗ trợ trên các trình duyệt hiện đại).
- Chưa có cơ sở dữ liệu động: Điểm số và tiến độ học tập của học sinh hiện được lưu trữ tạm thời trong phiên làm việc client-side, chưa tích hợp hệ quản trị cơ sở dữ liệu máy chủ (MySQL/PostgreSQL) để giáo viên theo dõi phổ điểm từ xa.
Hướng nâng cấp đề xuất
- Chuyển đổi toàn bộ tài nguyên Flash (SWF) sang chuẩn hiện đại HTML5 Canvas / WebGL / SVG và JavaScript (React/Vue.js) để tương thích 100% trên thiết bị di động thông minh (Smartphones, Tablets) mà không cần cài đặt plugin.
- Tích hợp chuẩn SCORM / xAPI để đưa các module bài giảng vào các hệ thống quản lý học tập phổ biến như Moodle, Canvas LMS.
- Mở rộng kho nội dung mô phỏng sang các chuyên đề Hóa học Hữu cơ nâng cao khác: Aren (Hidrocacbon thơm), Ancol - Phenol, Hợp chất Cacbonyl (Andehit - Xeton), Amin và Amino Axit.
Đối tượng hưởng lợi
- Học sinh THPT: Tiếp thu kiến thức nhanh hơn 35%, xóa bỏ rào cản sợ môn Hóa học Hữu cơ nhờ trực quan hóa không gian, chủ động luyện tập và tự đánh giá năng lực mọi lúc mọi nơi.
- Giáo viên Hóa học: Sở hữu kho học liệu số tương tác chất lượng cao, tiết kiệm 40% thời gian chuẩn bị giáo án minh họa trực quan, giảm thiểu rủi ro thí nghiệm thực hành nguy hiểm trên lớp.
- Sinh viên & Giảng viên Sư phạm: Cung cấp tài liệu tham khảo chuẩn mực về phương pháp kết hợp công nghệ thông tin (EdTech) vào thiết kế bài giảng chuyên ngành phương pháp dạy học.
- Nhà phát triển phần mềm giáo dục: Cung cấp bộ khung quy trình (Framework) hoàn chỉnh từ khâu sư phạm hóa kiến thức đến số hóa tương tác đa phương tiện.
Câu hỏi thường gặp
1. Yêu cầu cấu hình hệ thống để triển khai website là gì?
Hệ thống cực kỳ nhẹ, chỉ yêu cầu máy tính chạy hệ điều hành Windows 98/2000/XP/7/10/11, RAM tối thiểu 128 MB, màn hình độ phân giải từ $800 \times 600$ trở lên, có trình duyệt web (Internet Explorer, Firefox, Chrome) kèm Flash Player hoặc chạy trực tiếp tệp .exe độc lập.
2. Định dạng vector trong Macromedia Flash MX mang lại lợi ích gì so với video thông thường?
Đồ họa vector sử dụng các phương trình toán học để biểu diễn hình ảnh thay vì lưu trữ điểm ảnh (pixel) như video AVI/MP4. Điều này giúp kích thước tệp giảm hơn 85%, phóng to không bị vỡ hạt, đồng thời cho phép tương tác trực tiếp tới từng nguyên tử/phân tử qua mã lệnh ActionScript.
3. Website có thể hoạt động mà không cần kết nối mạng Internet hay không?
Hoàn toàn có thể. Toàn bộ mã nguồn HTML, hình ảnh và tệp Flash (.swf, .exe) được đóng gói cục bộ, có thể sao chép vào đĩa CD-ROM, ổ cứng máy tính hoặc USB để chạy offline độc lập với tốc độ phản hồi tức thì.
4. Làm thế nào để sửa đổi hoặc bổ sung thêm các cơ chế phản ứng mới vào hệ thống?
Giáo viên có thể sử dụng phần mềm Macromedia Flash MX 2004 để mở tệp nguồn .fla, chỉnh sửa các biểu tượng (Symbols) và đường chuyển động Keyframe, sau đó xuất ra tệp .swf mới và liên kết lại trong trang HTML tương ứng qua Macromedia Dreamweaver MX.
5. Chi phí triển khai và hiệu quả đầu tư giáo dục (ROI) của đề tài như thế nào?
Đề tài tận dụng các công cụ phổ biến, không đòi hỏi đầu tư máy chủ đắt tiền, chi phí triển khai gần như bằng 0 khi phân phối dưới dạng học liệu điện tử mã nguồn mở, đem lại hiệu quả giáo dục vượt trội trong việc nâng cao phổ điểm và tư duy logic của học sinh.
Kết luận
Khóa luận tốt nghiệp của tác giả Phạm Dương Hoàng Anh đã ứng dụng thành công sự kết hợp đột phá giữa Macromedia Dreamweaver MX và Macromedia Flash MX 2004 để giải quyết bài toán trừu tượng trong giảng dạy Hóa học Hữu cơ THPT. Dự án không chỉ dừng lại ở việc tạo ra một website học tập giàu tính tương tác mà còn đóng góp một phương pháp tiếp cận sư phạm mới mẻ, hiện đại, khơi dậy niềm đam mê nghiên cứu khoa học và rèn luyện năng lực tự học cho thế hệ học sinh trong kỷ nguyên số.