关于创意编程课堂中编辑器特性的研究

文献标题

A Study of Editor Features in a Creative Coding Classroom

文献信息

• 主题领域: 人机交互（HCI），编程工具设计，创意编程教育
• 关键词: 创意编程, 编程编辑器, p5, 程序设计入门, 代码编辑器功能设计

研究背景与问题

• 问题与挑战:

  • 创意编程在艺术表达和计算教育中获得了快速发展，但目前的工具并未充分考虑如何更好地支持初学者和专业艺术家的创意需求。
  • 大多数现有的集成开发环境（IDEs）都缺乏能平衡学习和创造力的设计，尤其是对新手和不具备编程背景的用户。
  • 随着创意编程被用作编程教学的一部分，有必要更深入地了解学习者的需求和感受，并开发贴合需求的工具功能。

• 重要性:

  • 创意编程任务通过艺术和计算的结合，成为鼓励广泛学生群体参与编程教育的重要切入点，特别是在吸引女性学习编程方面效果显著。
  • 以创造性为核心的编程课程具有广阔的教育潜力，但在现有的开发环境中，工具设计尚未形成最佳实践。

• 研究动机与相关工作:

  • 当前许多工具为了简单和易用性而减少了功能，这可能牺牲了对初学者和艺术家用户更有价值的功能。
  • 存在关于动态代码编辑构思与功能实现的研究空白。本研究旨在通过实践引导设计改善创意编程环境。
  • 在创意领域中，实验性的工具（如实时刷新、颜色选择器、形状工具箱）如何影响用户体验是其核心研究问题。

解决方案

• 提出的方法:

  • 作者开发了改良版的 p5.js 编辑器，称为 p5/y1 和 p5/y2，并在四期创意编程课程中使用（大学课程和高中课程）。
  • 在第一年中，仅观察和调查学生对现有功能的使用情况与偏好，第二年根据这些结果新增了多个编辑器功能，研究它们的实际效果。

• 核心创新:

  • 将创意表达与工具设计结合，提出并实现了如双向形状编辑（Shape Toolbox）、实时自动刷新（Auto-refresh）改进等实验性功能。
  • 将传统编程编辑器的功能（如代码美化）与创意相关功能（如颜色选择器、动态数值滑动条）相结合。
  • 将教学过程数据与用户行为日志进行关联分析，识别影响学生使用和偏好的关键因素。

• 实施步骤与技术:

  1. 在第一年的课程（p5/y1）中记录学生的代码编辑行为，并通过详细问卷调查用户对现有编辑器功能的偏好和预期。
  2. 在第二年（p5/y2）的课程中新增了包括颜色选择器、自动补全、形状工具箱等功能，并继续跟踪和分析学生的使用情况。
  3. 对于新增或改进的功能，从认知负担、学习效率、课堂教学需求等多维度进行定性与定量分析。

研究成果

• 具体成果:

  • 调研识别了初学者在创意编程过程中对工具功能的偏好，例如颜色选择器和自动补全被普遍认为非常有用。
  • 功能日志显示，某些实验性功能（如形状工具箱、实时刷新）初期使用频率较高，但随着学生越来越熟悉手动操作，使用率逐渐下降。
  • 静态分析（如代码整理和语法检查功能）被认为对编程学习非常支持，但其实现方式也可能引发用户的挫败感（如过于频繁的提示）。

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

  • 与传统的轻量化编辑器相比，p5/y2 引入的静态和动态工具更贴合艺术编程的内容需求，同时仍保持了初学者的接受度。
  • 编辑器提供了一种动态反馈和记录工具使用偏好的方法，使初学者可以以更快的迭代方式了解程序的输出。

• 实验或评估结果:

  • 调查和日志数据揭示了用户对功能的接受过程，以及特定功能在不同学习阶段中的实际利用率。
  • 例如，实时刷新功能更新后的用户评价有所改善，但其使用频率依然有限。
  • 涉及增强型可视化功能（如形状工具箱）的功能几乎普遍有助于初学者克服代码与输出间的学习“断层”。

• 局限性与未来方向:

  • 局限性:
    • 数据收集中存在技术问题，如部分会话未正确标识。
    • 调用静态图片进行调研的评价方式可能导致对功能特性的偏差预期。
  • 未来方向:
    • 探讨设计更具教育适应性的编程功能调节机制，如面向学习曲线的递进式功能。
    • 在全面观察功能使用数据的基础上，进一步研究其对学习效果的潜在影响。
    • 將該研发方法推广至其他创意程序领域，并与专业艺术家的需求做跨领域对比研究。