Flowcode:透過 AI 輔助流程圖與對話介面支持創意編程迭代的開發環境

arXiv - Human-Computer InteractionTiffany Tseng, Liliana Hanem Seoror, Jeevika Adda, Meitalia Factor, Rona Darabi, Kiley R Matschke, Tiffany Fu, Annie Lin, Alekhya Maram, Arya Sinha

開發 Flowcode 環境,結合流程圖視覺化與對話介面,協助初學者理解並擴展現有程式碼。

AI 幫你先抓重點

AI 重點 1

從「氛圍編程 (Vibe Coding)」轉向「學習導向編程」的設計思維。

滑鼠懸停看 AI 判斷理由
目前的 AI 工具往往讓使用者僅透過描述意圖來生成程式碼(氛圍編程),這可能導致學習斷層。Flowcode 強調透過視覺化與結構化對話來引導使用者理解邏輯,這對於建立紮實的計算思維至關重要。
AI 重點 2

刻意引入「摩擦力 (Friction)」在 AI 輔助學習中的正面價值。

滑鼠懸停看 AI 判斷理由
傳統觀點認為 AI 應追求無縫、快速的體驗,但研究指出適度的認知摩擦力能促進深度學習。這挑戰了教育科技開發者應追求「完全自動化」的慣性,轉而思考如何利用 AI 支撐學習者的思考過程。

核心研究發現

  1. 1

    開發了 Flowcode 環境,整合了用於視覺化程式碼結構的流程圖與專為學習設計的對話介面。

  2. 2

    透過兩項針對初學者進行的研究,探討了視覺化與「摩擦力」在 AI 輔助編程教育中的角色。

  3. 3

    設計重點在於支持「理解現有程式碼」與「實作個人創意」這兩個創意編程中的核心挑戰。

對教育工作者的啟發

教育工作者在引入 AI 工具時,不應僅追求生成結果的速度,而應關注學生是否理解生成過程。建議在課程設計中結合「視覺化工具」(如流程圖)與「結構化對話」,引導學生進行程式碼的解構與重構。透過刻意設計適度的認知挑戰(摩擦力),可以防止學生過度依賴 AI 生成結果,進而將 AI 從單純的「答案產生器」轉化為「學習支架(Scaffolding)」,支持學生從模仿轉向自主的創意實作。

原始文獻資訊

英文標題:
Flowcode: An AI-Powered Programming Environment for Scaffolding Iteration in Creative Computing Education
作者:
Tiffany Tseng, Liliana Hanem Seoror, Jeevika Adda, Meitalia Factor, Rona Darabi, Kiley R Matschke, Tiffany Fu, Annie Lin, Alekhya Maram, Arya Sinha
來源:
arXiv - Human-Computer Interaction
AI 摘要模型:
/models/gemma-4-26B-A4B-it
閱讀原文

每週精選研究電子報

每週五信箱收到精選 5 篇教育科技重點研究摘要,零時間壓力掌握學術前沿。