班级卡通点名小程序(下载即用)施老师最近分享的“班级开心农场”积分系统，很受老师们欢迎，很多人点赞支持，施老师在这里一并谢过。但是我最想看到的，还是老师们动手去尝试，把AI工具化为己用，能更灵活的为自己的教学工作提供助力。因为很多东西是一窍通百窍，只要做好了一次，后面就可以不断开始创新。施老师在做“班级开心农场”积分系统之前，还做了另外一个小网页程序，一样是大家日常高频使用的场景，今天也分享给大家——“班级卡通点名宝”！施老师一直有个想法，希望做一个可爱好玩的班级点名网页。为什么？因为有很多学生在老师点名的时候，会本能惧怕和紧张，影响状态，如果这个过程好玩一点，是不是学生也会更放松一些？我之前做过尝试，实现功能是很容易的，但是界面不够吸引人，我之前在办公室养过金鱼和热带鱼，觉得鱼儿在水里游动的画面很漂亮，那要不要把班级变成海洋，把学生变成海里的鱼？捞鱼=点名！一定很好玩！我先用智谱试做了一下，哇，还不错哟！值得认真做一次！于是我开始把试做的要求整理了一下，一起放到一大堆的提示词里面，让AI帮忙生成需求文档。这里的AI用常见的大模型都可以。请帮我设计一个班级点名小程序，以html网页格式输出。具体要求如下： 1.学生名单可以通过excel表格导入。2.主界面是一个海底珊瑚礁，有各种海洋生物慢慢地游动，不要出现乌龟和海龟这样的动物。可以多一些其他的海洋生物，鲨鱼，鲸鱼，鳗鱼，金枪鱼热带鱼、虾、螃蟹等在游来游去，有大有小，有不同的颜色。每个动物代表一个游过去的学生。3.鼠标是一张网，当网住一个小动物时，界面上随机出现一个被点名学生的名字，并配合庆祝的画面特效和音效。4.被点名的学生名单，保留在侧边的点名记录中。教师可以对这个名单中的人员进行五星评分。5.点名记录和评分可以被删除和下载保存为excel格式。6.画面整体风格活泼可爱，受学生喜爱。 7.请在网页右侧增加一个设置按钮。进入设置界面后，可以设置网页的标题，标题显示在网页正上方。默认显示为“班级卡通点名宝”。 8.请再增加一个切换风格的按钮。除了海洋风格，还有森林风格和天空风格。点击切换后，可以更换不同的主界面风格。 9.交通风格：主界面背景是一个宽阔的街道，有各种交通工具在慢慢地移动，有各种形状和颜色的小汽车、公共汽车、老爷车、摩托车、自行车、小火车、马车等等。每个交通工具代表一个学生。鼠标是一张网，当网住一个交通工具时，界面上随机出现一个被点名学生的名字，并配合庆祝的画面特效和音效。 10.天空风格：主界面是一个天空背景，有各种动物和飞行器在慢慢地飞来飞去，有老鹰、白鹤、各种颜色的热气球、滑翔伞、喷气式小飞机、直升飞机、无人机、外星飞船、飞碟、飞艇、大客机、火箭等等。每个飞行器代表一个学生。鼠标是一张网，当网住一个飞行器时，界面上随机出现一个被点名学生的名字，并配合庆祝的画面特效和音效。 11.多设置一个“重新开始”按钮，点击后，可以恢复最初导入的数据，对应的学生名单的动物数量也恢复。 12.随机对应。在每种风格里面，每个学生对应的什么样的物体或动物，在每次点击重新开始之后，如何对应是随机分布的，不要每次都是对应同一个物品。 13.物品风格卡通可爱，适合小学生。 ###请帮我把上面的开发要求，整理为一个比较标准和简洁的开发网页的需求文档。 |
AI很快帮忙整理好了规范整齐的需求。这部分内容检查没有问题后，就可以请出我们的AI变成工具了。免费，免登录可以使用，而且生成效果非常好。我都不记得是第几次在文章中推荐智谱了，都想找智谱要广告费了。“输出要求：最终交付物为一个完整的、可直接在浏览器中打开的HTML文件。” 记得最后这句话很重要，一个html文件，方便我们后期直接下载就可用。第一次的内容还是有些小问题，比如没有默认的学生，交通风格直接拉了，背景的房子在乱跑，有些物体显得太小了……但是这都没有关系，直接和AI对话，继续修改就好了，我继续对话，不断修改，修复bug，增加幸运点名等新功能。下面给大家介绍一下这个“班级卡通点名宝”的主要三大功能。导入学生名单（导入方法见后面）后，学生们就变成鱼儿在网页上快乐地游动，画面很美，重点是——大家不知道哪条鱼儿是哪个学生。当鼠标的网点中一个鱼儿后，幸运学生的名字就会出现了。为了增加趣味性，还有一个“幸运点名”按钮，是随机上的随机，会由电脑在3秒内，自动捕捉一条鱼儿!点名之后，教师可以根据学生的表现进行打分，并且这个打分记录还可以导出为excel表，作为后续评价的依据留存。点击名记录下面的“清空”，或者上方的“重置”按钮，可以重新开始点名。为了满足不同的审美和场景，可以有三套风格可以切换，除了海洋风格，还有飞鸟和天空风格。点击网页中间的风格按钮，可以随时切换，就算在点名中间页可以自由切换。打开网页后，大家可以点击右上角的“设置”按钮，修改网页的名称。在“设置”中，可以直接复制学生的名字，单列粘贴后导入，也可以用excel文件导入，非常方便。施老师最近在线下给一线教师进行AI实操培训，有老师在看到AI帮自己写代码的时候，觉得非常神奇，在看到作品后非常惊喜，感觉“自己强得可怕”！是啊，普普通通的文科老师，可能一辈子都不会想到自己竟然会用AI来编写代码，这属于彻底破圈了，难怪会发出感慨。AI是能力放大器，AI更是你跳出舒适圈，扩展能力和破圈的利器。施老师希望我的读者朋友们，除了直接下载文件去使用，更要鼓起勇气去自己尝试。如果你觉得施老师做得不够好，没有满足你的需求，那是非常好的想法！如果你有了更棒的主意，不要只给我留言来提需求，何不自己去试试？https://pan.quark.cn/s/cb8e3d0cafa1
提取码：6FQ2
（说明：1.复制上面链接在浏览器打开，从网盘下载文件后，复制到本地电脑就可以使用，无需联网。2.导入学生名单两种方式，导入excel表格或者直接单列复制学生名单。3.网页原有的学生名单可以在设置中批量删除，然后导入自己的学生名单。还有疑问请留言。）
夜雨聆风
