第 29 课 课件测试、课堂部署与学校设备适配
本课定位
帮助老师建立“课件上线前检查”的专业意识，避免课堂翻车。
本课技术框架
- 浏览器兼容检查
- 投屏适配
- 离线策略
- 课堂测试清单
学习目标
- 建立一套课件上线前检查表
- 学会检查投屏、字体、交互、网络和设备权限
- 形成适合学校环境的部署策略
课前准备
- 准备自己的成品课件或半成品课件
课堂流程（60 分钟）
| 时间 | 环节 | 讲师动作 |
|---|---|---|
| 0-10 分钟 | 展示“漂亮但现场翻车”的反例 | 展示“漂亮但现场翻车”的反例 |
| 10-20 分钟 | 讲学校教室常见环境问题：浏览器、网络、摄像头、投屏 | 讲学校教室常见环境问题：浏览器、网络、摄像头、投屏 |
| 20-40 分钟 | 用检查表逐项测试课件 | 用检查表逐项测试课件 |
| 40-55 分钟 | 让 Codex 帮老师生成部署说明和应急预案 | 让 Codex 帮老师生成部署说明和应急预案 |
| 55-60 分钟 | 确定自己的演示环境策略 | 确定自己的演示环境策略 |
核心讲授点
- 教师课件的最后一公里，不是再加功能，而是让它在真实教室里稳稳运行
- 字体、按钮大小、投屏对比度和离线方案经常比代码本身更影响课堂效果
- 老师最好准备 A/B 方案：网络正常时的版本和网络受限时的版本
课堂案例
学校教室环境课件上线检查
把技术测试真正翻译成学校老师听得懂、做得到的检查清单。
Codex 提示词
提示词 1：直接生成第一版课件
text
请直接帮我生成一版“课件测试、课堂部署与学校设备适配”相关的可运行课件，不要只给页面策划或设计说明。
请直接把课件做出来。
这次课件的要求如下：
- 项目：初中物理“斜抛运动”互动课件 + 摄像头动作触发页
- 使用环境：学校教室投屏、Chrome 浏览器、可能网络受限
- 检查项：字号、按钮、音频、3D 性能、摄像头权限、离线备用方案
- 本次要做的课件：上课前 5 分钟检查清单和部署说明
请按下面这些要求直接生成代码：
- 请直接把完整代码写出来，不要只写思路、页面说明或大纲
- 页面里的课题、知识点、题目和文案都写完整、写具体
- 页面要适合教室投屏：字号大、按钮大、对比清晰、老师在教室后排也能看清
- 页面里要有真实课堂可用的互动，不要只做成静态展示页
- 请直接给出一个打开浏览器就能运行的单文件网页课件
- 默认输出一个完整的 index.html，如果确实需要，也可以拆成 style.css 和 script.js提示词 2：补互动和老师控制
text
请在这个课件里补上课堂互动、即时反馈、老师控制按钮、重置功能和总结页，让老师拿来就能上课。
请直接把课件做出来。
这次课件的要求如下：
- 项目：初中物理“斜抛运动”互动课件 + 摄像头动作触发页
- 使用环境：学校教室投屏、Chrome 浏览器、可能网络受限
- 检查项：字号、按钮、音频、3D 性能、摄像头权限、离线备用方案
- 本次要做的课件：上课前 5 分钟检查清单和部署说明
请按下面这些要求直接生成代码：
- 请直接把完整代码写出来，不要只写思路、页面说明或大纲
- 页面里的课题、知识点、题目和文案都写完整、写具体
- 页面要适合教室投屏：字号大、按钮大、对比清晰、老师在教室后排也能看清
- 页面里要有真实课堂可用的互动，不要只做成静态展示页
- 请直接给出一个打开浏览器就能运行的单文件网页课件
- 默认输出一个完整的 index.html，如果确实需要，也可以拆成 style.css 和 script.js提示词 3：升级成更完整的课堂版
text
请把这个课件再补完整一点，增加更清楚的课堂流程、互动环节和适合投屏的样式。
请直接把课件做出来。
这次课件的要求如下：
- 项目：初中物理“斜抛运动”互动课件 + 摄像头动作触发页
- 使用环境：学校教室投屏、Chrome 浏览器、可能网络受限
- 检查项：字号、按钮、音频、3D 性能、摄像头权限、离线备用方案
- 本次要做的课件：上课前 5 分钟检查清单和部署说明
请按下面这些要求直接生成代码：
- 请直接把完整代码写出来，不要只写思路、页面说明或大纲
- 页面里的课题、知识点、题目和文案都写完整、写具体
- 页面要适合教室投屏：字号大、按钮大、对比清晰、老师在教室后排也能看清
- 页面里要有真实课堂可用的互动，不要只做成静态展示页
- 请直接给出一个打开浏览器就能运行的单文件网页课件
- 默认输出一个完整的 index.html，如果确实需要，也可以拆成 style.css 和 script.js本课交付物
- 一份《教室部署与应急检查表》
创意扩展
- 为 3D 和摄像头课件做降级版
- 做学校教研组统一上线流程