02 基于DeepSeek的作品评价系统的设计与开发

截止目前，我们所有小组的一个展示就结束了。现在进入投票环节。这里老师设计了用我们的BC工具设计了一个在线的投票系统，已经给大家发送到了桌面上，还要打开桌面上有一个小组投票系统。这里可以为你们喜欢的小组投出关键的一票。每个游戏我们设置了五个评分维度，大家可以看到屏幕五个维度，创意性、趣味性、英语学习价值性，还有一个界面的交互，还有一个小组的一个展示的表现。可以通过这些方面给自己的小组，还有给其他的小组打分。好，现在给大家分钟的时间开始投票。根据。实事求是的口号。不敢问这个叫什。谁会是今天的独家？好，时间到。好，那我们来看一下我们的评分结果。经过激烈的结果。 null下面还有五个预置时间供老师选择，还分为还有自定义时间可以设置，就比如设置30秒。 名称AI创新应用案例：基于DeepSeek的作品评价系统的设计与开发 作品评价系统 主题 AI赋能教学 创作方向 AI创新应用设计 学校 柳林县鑫飞中学 学科 信息技术 姓名 张小花 一、案例设计背景与目的 在当前教育信息化2.0背景下，传统的课堂作品评价多以教师主观评分为主，缺乏多维度、即时性的反馈，且难以兼顾学生的自评与互评需求。尤其在美术、音乐、信息技术等学科中，学生的作品形式多样（如图片、视频、音频等），传统评价方式效率较低，难以实现个性化分析与精准指导。 基于此，本项目利用DeepSeek大模型的智能分析能力，开发了一套支持多模态作品评价的系统，旨在构建一个智能化、多维度的评价生态。 系统设计的核心在于突破传统评价的局限：首先，针对作品形式多样化特点，系统可导入视频、音频和图片等多种格式的文件；其次，创新性地整合了师评、自评、互评三种评价方式，通过权重设置实现评价主体的多元化，其中互评环节特别设计了基于深度学习的相似作品推荐机制，提升评价的针对性与公平性； 二、优势和局限性分析 1.优势分析 可一步实现自评、师评和他评。 纯前端实现，无需服务器 基于localStorage存储数据，无需后端支持，部署简单，适合学校内部使用。 数据在本地浏览器中持久化，关闭页面后仍可保留，且支持导出Excel成绩单。 现代化交互设计 响应式布局适配电脑、平板和手机，卡片式UI结合动画效果（悬停浮动、渐变背景）提升用户体验。 提供全屏查看、五星评分等交互功能，支持防重复评分机制。 多类型作品支持 兼容图片、音频、视频等常见格式，满足不同学科作品的展示需求（如音乐、美术、信息技术等）。 自动评分统计 实时计算平均分、总分和排名，减少教师手动统计工作量，结果页面清晰直观。 2.局限性分析 数据安全性不足 localStorage仅限本地使用，无法多设备同步，且数据可能被用户手动清除。 无用户登录验证，评分依赖浏览器标识，同一设备更换用户可能导致数据混淆。 性能与容量限制 大文件（如高清视频）可能因localStorage容量（通常5MB）导致上传失败，仅适合小型作品。 作品数量过多时，页面渲染可能变慢。 功能扩展性有限 缺乏高级功能如多维度评分、评语填写、分组筛选等，仅支持基础评分需求。 Excel导出为简易格式，无法自定义复杂报表。 3.解决方法 由于利用DeepSeek完成的作品评价系统，无法多设备同步，可提前设置好自动更新网页功能和数据传输功能，解决该问题；作品数量过多时，可直接将作品保存到本地磁盘中，课堂上展示学生作品，然后利用本系统进行投票（不上传作品本身，只上传截图，完成评价） 三、AI工具使用清单 本系统完全由deepseek生成。 四、提示词 我是一名中学信息技术教师，请帮我制作一个学生作品评分系统，以html格式输出，要求如下： 上传作品页面教师可以上传学生小组的作品，包括组号、组名和作品文件，支持上传图片(JPG/PNG/GIF)、音频(MP3)、视频(MP4/WEBM)文件 评分系统页面展示所有上传的视频，视频可小屏播放，也支持全屏模式，允许用户进行1-5星评分 评分结果页面显示各小组排名、平均分、评分人数和总分 提供删除视频、导出成绩单和重置评分功能 使用现代化的UI设计，包含渐变背景、卡片式布局和响应式设计 使用localStorage存储数据，无需后端服务器，上传的数据均可以保存下来 添加适当的动画效果和用户反馈 界面布局 顶部标题区：显示系统名称：鑫飞中学学生作品评分系统，副标题学生作品展示与评分平台，使用深色渐变背景 标签导航栏：三个主要功能标签(上传作品、评分系统、评分结果) 内容区：根据所选标签显示不同内容 上传区：表单+视频列表 评分区：视频播放器+评分控件 结果区：成绩表格+操作按钮 底部页脚：版权信息 背景设计 整体使用深空渐变背景 内容区使用白色半透明卡片(95%不透明度) 标题区使用深空渐变背景 控制面板功能 上传面板： 组号输入(1-20) 组名输入 作品文件选择 上传按钮 删除最近视频按钮 评分面板： 各小组视频播放器 五星评分控件 提交评分按钮 结果面板： 成绩表格(排名、组号、组名、平均分、评分人数、总分) 导出成绩单按钮(生成excel) 重置评分按钮 主要功能 视频管理： 上传作品(保存到localStorage) 删除最近作品 显示已上传作品列表 评分功能： 五星评分系统 实时评分统计 防止重复提交(需实现) 结果统计： 自动计算平均分 按分数排名 导出EXCEl成绩单 数据持久化： 使用localStorage存储所有视频和评分数据 页面刷新后数据不丢失，页面拷贝后数据不丢失 动画效果 悬停效果： 按钮悬停时上浮和阴影变化 卡片悬停时上浮和阴影增强 评分星星悬停时变色 过渡动画： 标签切换时的平滑过渡 通知提示的滑入滑出 视觉反馈： 表单焦点时的发光效果 操作成功/失败的提示通知 响应式设计： 移动设备上的布局调整 网格布局自动适应屏幕大小 五、使用方法 适合学段：小初高所有有涉及制作作品的学科，比如音乐、美术、信息技术等， 生成内容：作品评价系统包括下列内容 1.上传作品 在“上传作品”标签页填写组号（1-20）和组名。 点击“选择文件”，上传作品（支持图片、音频、视频等格式）。 点击“上传作品”按钮，作品将显示在“已上传作品”列表中。 注意事项： 如需删除最近上传的作品，可点击“删除最近作品”按钮。 2.评分作品 切换到“评分系统”标签页，查看所有已上传的作品。 点击★进行1-5星评分（悬停可预览，点击确认）。 系统自动计算并显示平均分和评分人数。 注意事项： 同一浏览器只能评分一次，防止重复提交。 3.查看评分结果 步骤： 切换到“评分结果”标签页，查看各小组的排名、平均分、评分人数、总分。 点击“导出成绩单”可下载Excel格式的评分结果。 如需清空所有评分，点击“重置评分”（谨慎操作，数据不可恢复）。 4.其他功能 全屏查看：点击图片或视频可全屏播放，按ESC或点击×退出。 数据持久化：所有作品和评分均保存在浏览器中，刷新页面不会丢失。 适用场景 课堂作品展示与评分 小组作业互评 校内比赛作品评选 该系统无需安装，打开即用，适合教师快速收集和统计学生作品评价！ 八、经验总结 制作经验 需求分析与功能设计 在开发前，明确系统的核心需求：作品上传、评分管理、结果统计，避免功能冗余。 采用模块化设计（上传、评分、结果三个标签页），使逻辑清晰，便于维护。 技术选型与实现 纯前端实现：基于HTML/CSS/JavaScript，利用localStorage存储数据，无需后端，适合学校轻量级使用。 响应式布局：通过CSS Grid和媒体查询适配不同设备，确保在电脑、平板和手机上均可正常操作。 交互优化： 使用悬停动画、平滑过渡增强用户体验。 数据处理与存储 数据持久化：利用localStorage保存作品和评分，但需注意容量限制（通常5MB）。 防重复评分：通过浏览器本地标识（如userIdentifier）限制同一设备多次评分。 问题解决与调试 文件类型兼容：针对不同格式（如图片、视频）设置差异化的展示逻辑。 评分实时更新：动态计算平均分并刷新DOM，确保数据一致性。 总结与改进方向 成果总结 实现了零后端依赖的轻量级评分系统，满足基础需求。 界面友好，操作简单，适合教师快速部署和使用。 通过导出Excel功能，方便成绩归档和进一步分析。 局限性反思 数据安全性：localStorage易被清除，且无法跨设备同步。 扩展性不足：缺乏多维度评分、评语填写等高级功能。 性能瓶颈：大文件上传和大量数据渲染可能卡顿 未来优化方向 数据备份：增加导出/导入功能，避免本地数据丢失。 多用户支持：引入简易账号系统（如密码保护）区分教师和学生权限。 功能扩展： 增加评分图表可视化（如柱状图、饼图）。 教育应用价值 该系统不仅适用于课堂作品评价，还可扩展至校内竞赛、项目展示等场景。其低成本、易用性特点，为教师提供了一种高效的数字化评分工具，同时培养学生利用技术进行协作与互评的能力。 学科网（北京）股份有限公司 $$下面还有五个预计时间供老师选择，还分为还有自定义时间可以设置，就比如设置30秒。然后再点设置时间。然后点开始就可以计时，还可以随时暂停，暂停后它就会开始计时，然后再点开始了。还有一个展示他们全屏模式，它可以进行全屏模式想想的更想你还可以退出去，在最后10秒会有红灯闪烁。时间结束后可以显示时间到。 nullnull