PhET怎么创建自定义实验活动_PhET教学活动自定义设置方法【进阶】

梦雪吖_7745

梦雪吖_7745

2026-04-12

918人浏览

原创

phet教学活动自定义有四条路径:一、用官网教师资源pdf模板编辑适配;二、以iframe嵌入+html封装构建整合页面;三、通过activity builder创建交互式数字工作纸;四、基于github开源代码深度定制开发。

phet怎么创建自定义实验活动_phet教学活动自定义设置方法【进阶】

如果您希望基于PhET互动仿真虚拟实验平台设计符合特定教学目标的实验活动,但缺乏系统化的自定义路径,则可能是由于未掌握PhET官方支持的活动构建逻辑与资源嵌入机制。以下是实现PhET教学活动自定义设置的进阶方法:

一、使用PhET“Teacher Resources”模板进行活动重构

PhET官网为每款仿真实验均配套提供可编辑的教师资源包(Teacher Resources),内含PDF格式的活动指导、学习目标对齐表及预设问题链,支持教师直接下载后按需删减、重排或补充任务项。该方式无需编程基础,适用于快速适配课时节奏与学情差异。

1、访问PhET中文官网,在搜索栏输入目标仿真实验名称(如“能量形式”或“电路建设者”)。

2、进入该仿真实验页面后,点击右下方“教师资源”标签页。

3、下载对应PDF文档,用Adobe Acrobat或WPS打开,启用“编辑文本”功能修改学习目标陈述、调整探究问题顺序、插入校本化情境导入语句。

4、将修订后的PDF另存为新文件名,例如“《能的转换》_XX小学定制版活动单.pdf”,嵌入学校教学平台供学生下载使用。

二、通过PhET iFrame嵌入+HTML轻量级封装构建专属活动页

PhET所有仿真实验均支持iFrame嵌入代码调用,教师可借助基础HTML知识,在本地或校内服务器搭建包含实验窗口、分步指令区、实时记录表单的整合型活动页面。该方式保留原生交互体验,同时强化任务引导结构与过程性留痕能力。

1、在PhET实验页面点击右上角“分享”按钮,复制“嵌入代码”中的<iframe></iframe>标签内容。

2、新建一个文本文件,扩展名为.html,用记事本或VS Code打开,粘贴以下结构化框架:




我的能量转换观察任务


[粘贴复制的iframe代码]

请按以下步骤操作并记录:



  1. 拖动太阳能板至不同云层厚度下,观察电压读数变化

  2. 切换至烧水发电模式,调节加热温度滑块,记录蒸汽压力峰值



3、保存文件,在浏览器中双击打开,验证仿真实验是否正常加载且指令区域同步显示。

Narration Box
Narration Box

Narration Box是一款面向有声书、课程、视频和广告旁白的 AI 语音生成工具。

下载

4、将该HTML文件上传至校园网盘或Moodle课程模块,设置为“学生可下载并本地运行”权限。

三、利用PhET Activity Builder在线工具创建交互式数字工作纸

PhET团队推出的Activity Builder是专为教育者设计的可视化活动构建器,支持拖拽式添加文本框、单选题、多选题、绘图区与实验快照插入点,并可自动关联PhET仿真参数状态。生成的活动以唯一URL分发,学生操作数据实时回传至教师仪表盘,便于形成性评估。

1、前往PhET Activity Builder入口页,使用Google教育邮箱登录。

2、点击“Create New Activity”,在左侧选择已发布的PhET仿真(如“Energy Forms and Changes”)。

3、在中央编辑区依次添加:标题卡片、前置概念诊断题(单选)、仿真操作指引文本框、嵌入式截图标注区(用于圈画能量流动路径)、开放性反思问答框。

4、完成编辑后点击右上角“Publish”,获取共享链接,将链接粘贴至班级群或学习管理系统。

四、基于PhET开源代码库进行深度定制开发

PhET所有仿真实验源码均托管于GitHub,采用JavaScript+HTML5 Canvas技术栈开发,遵循严格的质量控制流程与模块化架构。具备前端开发能力的教师或信息科技教师团队,可克隆指定仿真仓库,在本地环境运行调试,修改UI文本、增删控制参数、接入校本数据采集接口,最终打包为独立可部署版本。

1、访问PhET GitHub组织主页,搜索目标仿真仓库(如“energy-forms-and-changes”)。

2、点击“Code”按钮下载ZIP包,解压至本地非中文路径文件夹(如D:\phet-dev\)。

3、按仓库根目录下的README.md说明安装Node.js依赖,执行npm install与grunt命令启动本地服务。

4、用VS Code打开项目,在strings/zh_CN/子目录下修改中文字符串JSON文件,替换“太阳能板”为“光伏电池板”等校本术语;在js/model/中调整能量转换阈值常量,适配本地教材数值体系。

5、运行grunt build生成压缩版HTML文件,将build/energy-forms-and-changes_en.html重命名为efc-xxschool-v2.html,部署至学校Web服务器。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2135

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3282

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1096

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3759

7

html5动画制作有哪些制作方法
html5动画制作有哪些制作方法

html5动画制作方法有使用CSS3动画、使用JavaScript动画库、使用HTML5 Canvas等。想了解更多html5动画制作方法相关内容,可以阅读本专题下面的文章。

2023.10.23

4211

6

HTML与HTML5的区别
HTML与HTML5的区别

HTML与HTML5的区别:1、html5支持矢量图形,html本身不支持;2、html5中可临时存储数据,html不行;3、html5新增了许多控件;4、html本身不支持音频和视频,html5支持;5、html无法处理不准确的语法,html5能够处理等等。想了解更多HTML与HTML5的相关内容,可以阅读本专题下面的文章。

2024.03.06

7308

6

html5从入门到精通汇总
html5从入门到精通汇总

想系统掌握HTML5开发?本合集精选全网优质学习资源,涵盖免费教程、实战项目、视频课程与权威电子书,从基础语法到高级特性(Canvas、本地存储、响应式布局等)一应俱全,适合零基础小白到进阶开发者,助你高效入门并精通HTML5前端开发。

2025.12.30

814

19

html5新老标签汇总
html5新老标签汇总

HTML5在2026年持续优化网页语义化与交互体验,不仅引入了如<header>、<nav>、<article>、<section>、<aside>、<footer>等结构化标签,还新增了<video>、<audio>、<canvas>、<figure>、<time>、<mark>等增强多媒体与

2025.12.30

714

12

html5空格代码怎么写
html5空格代码怎么写

在HTML5中,空格不能直接通过键盘空格键实现,需使用特定代码。本合集详解常用空格写法:&nbsp;(不间断空格)、&ensp;(半个中文空格)、&emsp;(一个中文空格)及CSS的white-space属性等方法,帮助开发者精准控制页面排版,避免因空格失效导致布局错乱,适用于新手入门与实战参考。

2025.12.30

373

8

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.8万人学习