DYI – Phần mềm tạo bài giảng điện tử (HTML + SCORM) dành cho giáo viên
Hướng dẫn sử dụng chi tiết kèm ví dụ minh họa.
Mục lục
1. Chuẩn bị & chạy chương trình
Bước 1: Cài Python 3 (nếu máy chưa có).
Bước 2: Tải file chương trình, lưu với tên ví dụ: DYI_Baigiang_Pro.py.
Bước 3: Mở Command Prompt (hoặc PowerShell) và chạy lệnh:
python DYI_Baigiang_Pro.pySau khi chạy, cửa sổ “DYI – Tạo Bài Giảng Điện Tử (HTML + SCORM)” sẽ xuất hiện.
2. Giao diện chính
Giao diện chính gồm 2 vùng:
- Bên trái: thông tin bài giảng, tóm tắt, nội dung HTML, mã nguồn ví dụ.
- Bên phải: danh sách Section, danh sách câu hỏi trắc nghiệm, nút xuất HTML & SCORM.
3. Nhập thông tin bài giảng
3.1. Thông tin chung
Nhập các trường ở phần trên bên trái:
- Tiêu đề: Bài 13 – Ngôn ngữ lập trình Python
- Môn học: Tin học 11
- Lớp: 11A1
- Thời lượng: 45 phút
- Giáo viên: Nguyễn Văn A
3.2. Tóm tắt bài giảng (HTML)
Ô này hỗ trợ HTML đơn giản, ví dụ:
<p>Học sinh hiểu khái niệm ngôn ngữ lập trình và cú pháp cơ bản của Python.</p>
<ul>
<li>Dùng được hàm print()</li>
<li>Viết được chương trình đơn giản</li>
</ul>3.3. Nội dung bài giảng (HTML)
Ô “Nội dung bài giảng (HTML)” dùng để soạn nội dung chính, ví dụ:
<h2>1. Ngôn ngữ lập trình</h2>
<p>Là phương tiện để con người giao tiếp với máy tính.</p>
<h2>2. Hàm print()</h2>
<p>Dùng để in dữ liệu ra màn hình.</p>3.4. Ví dụ mã nguồn
Ô “Ví dụ mã nguồn” nhập thẳng code Python (chương trình sẽ tự xử lý khi xuất HTML):
name = input("Nhập tên của bạn: ")
print("Xin chào", name)4. Chèn hình, video, âm thanh
Ngay bên dưới ô “Nội dung bài giảng (HTML)” có 3 nút:
- Chèn hình
- Chèn video
- Chèn âm thanh
Cách làm:
- Đặt sẵn các file hình, video, âm thanh cùng thư mục sẽ lưu file HTML.
- Bấm nút “Chèn hình” → chọn file → nhập chú thích (nếu muốn).
Phần mềm tự sinh mã HTML dạng:
<figure class="figure">
<img src="hinh1.png" alt="Minh họa Python">
<figcaption>Minh họa Python</figcaption>
</figure>Đối với video, sẽ tự tạo thẻ <video> có nút điều khiển; audio sẽ có nút “Nghe”.
5. Tạo các mục nội dung (Section)
Các section giúp chia bài giảng thành nhiều hoạt động rõ ràng: Hoạt động 1, Hoạt động 2…
5.1. Thêm Section mới
- Bên phải, tại khu “Các mục nội dung (Section)” → bấm Thêm.
- Cửa sổ lớn “Thêm mục nội dung” hiện ra với 3 phần:
- Tiêu đề mục
- Nội dung HTML
- Bài tập / yêu cầu
Ví dụ 1 section:
Tiêu đề:
Hoạt động 1: Quan sát ví dụ PythonNội dung HTML:
<p>Xem đoạn mã sau và dự đoán kết quả:</p>
<pre>
a = 5
b = 3
print(a + b)
</pre>Bài tập / yêu cầu:
<p>Thảo luận nhóm: Nếu đổi a=10, b=2 thì kết quả là bao nhiêu?</p>5.2. Sửa / Xóa Section
- Chọn section trong danh sách → bấm Sửa để mở lại form và chỉnh sửa.
- Chọn section → bấm Xóa nếu không cần nữa.
6. Soạn câu hỏi trắc nghiệm
Bên phải, trong phần “Trắc nghiệm tương tác”:
- Bấm nút Thêm để mở cửa sổ “Thêm câu hỏi”.
- Chọn dạng câu hỏi trong combobox:
mcq– Nhiều lựa chọntf– Đúng / Saishort– Trả lời ngắn
- Nhập nội dung câu hỏi, đáp án, điểm số.
6.1. Dạng 1 – Nhiều lựa chọn (MCQ)
Ví dụ:
- Câu hỏi: Python là gì?
- Phương án:
- Ngôn ngữ lập trình ✔ (đáp án đúng)
- Hệ điều hành
- (có thể thêm phương án khác nếu muốn)
- Số điểm: 1
6.2. Dạng 2 – Đúng / Sai (True/False)
Ví dụ:
- Câu hỏi: Lệnh
printdùng để in ra màn hình. - Đáp án đúng: Đúng
- Số điểm: 1
6.3. Dạng 3 – Trả lời ngắn (Short answer)
Ví dụ:
- Câu hỏi: Tên hàm dùng để in ra màn hình là gì?
- Gợi ý đáp án:
print - Số điểm: 1
Trong giao diện, có thể chọn câu hỏi → Sửa hoặc Xóa tương tự như với Section.
7. Xuất HTML & SCORM
7.1. Xuất HTML
- Bấm nút “Xuất HTML”.
- Đặt tên file, ví dụ:
Bai13_Python.html. - Đảm bảo các file hình, video, âm thanh nằm cùng thư mục với file HTML.
Mở file bằng trình duyệt (Chrome, Edge…) để dạy học trực tiếp.
7.2. Học sinh tương tác như thế nào?
- Chọn đáp án MCQ → bấm Kiểm tra:
- Đúng: thẻ đáp án chuyển màu xanh, cộng điểm.
- Sai: thẻ đáp án chuyển màu đỏ, hiện đáp án đúng.
- Câu Đúng/Sai: bấm nút “Đúng” hoặc “Sai” → hệ thống chấm ngay.
- Câu trả lời ngắn: nhập vào rồi bấm Kiểm tra → hiện gợi ý & cộng điểm nếu trùng đáp án mẫu.
- Trên đầu phần Luyện tập có:
- Thanh tiến độ điểm (progress bar).
- Nhãn “Điểm: x/y” cập nhật theo kết quả làm bài.
- Bấm “Hoàn tất & xem điểm” để xem tổng điểm.
7.3. Xuất gói SCORM (.zip)
- Bấm nút “Xuất SCORM (.zip)”.
- Đặt tên, ví dụ:
Bai13_Python_SCORM.zip. - Import file .zip này vào các hệ thống LMS hỗ trợ SCORM (Moodle, K12Online, Viettel LMS...).
8. Ví dụ bài giảng hoàn chỉnh
Tên bài: Bài 13 – Ngôn ngữ lập trình Python
Cấu trúc gợi ý:
- Tóm tắt: 1 đoạn mô tả mục tiêu.
- Nội dung chính: 2–3 mục lớn (khái niệm, ví dụ, thực hành).
- Section 1: Hoạt động 1 – Quan sát ví dụ.
- Section 2: Hoạt động 2 – HS thực hành viết chương trình.
- Quiz: 3–5 câu MCQ + TF + Short để củng cố.
Ví dụ tóm tắt (HTML):
<p>Học sinh hiểu khái niệm ngôn ngữ lập trình, biến và câu lệnh in trong Python.</p>Khi xuất HTML, bài giảng sẽ hiển thị đẹp, có khối nội dung, hoạt động, câu hỏi trắc nghiệm tương tác và thanh điểm cho học sinh.
📌 Danh sách bình luận