VizProg：通过可视化学生编码进度来识别误解

文献标题

VizProg: Identifying Misunderstandings By Visualizing Students’ Coding Progress

文献信息

• 主题领域: 编程教育与实时代码可视化
• 关键词: 编程教育, 代码可视化, 实时监控, 学生行为分析, 教育技术, 学习进度, 概念误解, 教学性能提升

研究背景与问题

• 作者发现的问题/挑战:

  1. 在课堂编程练习中，教师需要实时监控学生进度，以识别那些落后的学生并发现误解。但对于大规模课堂，实时观察学生代码变得困难，尤其是短时间的练习。
  2. 学生的代码中隐藏着许多潜在学习障碍，而这些信息通常不易从代码表面直接显现。
  3. 尽管已有工具可以帮助监控学生提交的代码，例如Codeopticon和Overcode，但前者难以在大规模课堂环境下运作，后者无法支持实时监控。

• 重要性: 如果不能及时发现问题，学生的错误理解可能发展为长期的学习障碍，从而影响学习效果。实时解决学生的问题和提供反馈对于提高整体学习质量至关重要。

• 研究动机与相关工作: 作者基于编程教师的访谈研究，归纳出以下需求和挑战：

  1. 教师需要能够实时看到学生的代码进展及解决问题的过程；
  2. 需要一种方法可以帮助教师在大规模课堂上有效验证学生的进度；
  3. 能够在保持规模化的同时，为学生提供个性化反馈。

解决方案

• 提出的方法或解决方案: 作者提出了一个系统VizProg，通过一个二维地图实时可视化学生的代码进度。该地图将学生的代码位置编码为：

  1. 问题解决方式（垂直方向）；
  2. 进度距离正确解决方案的距离（水平方向）；
  3. 时间变化轨迹。

  另外，VizProg能够分析代码的语义相似性和编辑距离，从而帮助教师全面理解学生代码的结构和进展。

• 创新之处:

  1. 此解决方案是首个将学生代码进展用二维可视化实时显示的系统。
  2. 提供了一种实时编码人类可理解意义的二维地图，将进度和解决方式结合起来呈现。
  3. 系统不仅可以展示所有学生的实时行为，还能直观显示代码演化的时间和空间变化。

• 实施步骤及关键技术:

  1. 数据预处理: 包括代码标准化、移除非必要变量等。
  2. 构建二维地图:
     • 利用CodeBERT模型获取代码的向量化表示；
     • 使用PCA和T-SNE进行降维以构建解决方案空间。
  3. 实时编码展示:
     • 将学生代码与已有解决方案（正确代码集）的相似性进行比较；
     • 实时生成学生代码的进度值并通过二维地图显示。

研究成果

• 具体成果:

  1. VizProg帮助教师识别了两倍以上的课堂中的学生误解；
  2. 参与者对学生问题的理解更为准确，并减少了50%以上的时间和交互成本。

• 与现有解决方案的比较:

  1. 与Codeopticon相比，VizProg更适用于大规模课堂；与OverCode相比，VizProg不仅支持实时代码观测，还考虑了代码编辑过程。
  2. VizProg可视化的信息更全面，通过轨迹呈现每个学生的代码历史演化。

• 实验或评估结果:

  • 提供的二维可视化显著降低了教师的认知负担，使得教师能更高效地找到问题学生并做出反馈。
  • 在用户研究中，使用VizProg的参与者表现出更快速的策略形成和反馈生成。

• 局限性与未来方向:

  1. 当前需要一个多样化且全面的解决方案集来初始化系统，缺乏数据会影响二维地图的构建质量。
  2. 可视化可能会在大规模课堂中产生过度的信息负担。未来的版本可以探索更新的编码策略以减少认知压力。
  3. 系统目前只能分析代码进展，无法捕捉其他形式的学生学习行为（例如伪代码的编写过程）。更广泛的行为捕捉和分析可能成为未来的研究方向。

总结

VizProg 提供了一种全新的实时可视化学生代码进展的方式，帮助教师在大规模课堂环境中教学。系统通过二维编码学生行为透明化了他们的进度、解决方案和过程，从而有效地提高了教学质量和学生表现理解。实验结果验证了其在识别学生问题方面的优越性，同时为未来研究提供了扩展的可能方向。