第三学时3-2
可视化(下):可以拖动的网页
一句话请求,生成一个能拖动滑块的演示网页,单个文件,一体机上双击即用。
本学时重点A 版与 B 版用日常语言修改
一两条请求,只差最后一句
同一个知识点 y = kx + b,两条请求只有末尾一句不同。
A 版 · 末尾一句
另外把图象经过哪几个象限随时显示出来。
B 版 · 末尾一句
另外留一处空位写图象经过哪几个象限,加一个按钮,点了才显示答案,一动滑块又收回去。
A 版直接显示
B 版点了才显示
比较
A 版拖到哪里,答案就跟到哪里,学生照着屏幕念就行。B 版拖完是一片空白,得有人先开口说出来,再点按钮核对。两件工具的区别,就在于学生有没有机会自己先判断。二不满意的地方,用日常语言说
投到屏幕上,线太细,后排看不清。像对同事说话一样告诉它就行。
三同一份请求,换个内容
把方括号里的内容换掉,就是另一件工具。下面换成概率初步:掷骰子的次数越多,频率越靠近 16。
四拷到一体机上
存为文件点代码框右上角的“存为文件”,或把代码整段复制,粘贴到记事本,存成扩展名为 .html 的文件。
拷到一体机用 U 盘或班级群文件传到教室一体机桌面上。
双击打开用 Edge 或 Chrome 打开。一体机默认是旧浏览器的,右键选“打开方式”换一个。
断网试一次上课前断开网络,再双击打开,确认滑块能拖、按钮能点。
五请求模板
写这类请求,说清三件事:
一可调的量二要观察的现象三要学生回答的事
演示工具请求 · 方括号处替换
做一个单文件网页,用于[课堂演示]。
可以拖动滑块调整[可调的量],实时看到[要观察的现象]。
另外留一处空位写[要学生回答的事],加一个按钮,点了才显示答案,一动滑块又收回去。
要求:所有代码写在一个 HTML 文件里,不引用任何外部资源,断网双击可以打开,界面文字用中文,字号适合投影。
想让答案一直显示,就把第三句换回 A 版的写法。第三学时的练习三会用这份模板做一件自己的工具。
本页带走
一份演示工具的请求模板。工具好不好用,主要看第三句:答案是一直摆在屏幕上,还是留给学生先说。