基于HTML5的可视化编程教学平台的设计

可视化编程教学平台能提供一套绘制程序流程图并生成源代码的实验环境,将传统讲解编程语法的教学模式改变为演示流程图模型的方式,利用可视化方法来提高学习编程中"抽象概念"的认知效率。从实际问题到可视模型再到编程代码的过渡,让编码学习过程更加直观。目前可视化编程平台主要采用桌面应用+开发环境的方式实现,存在系统部署困难,运行平台受限,编程模型不易发布和共享等缺点。提出以HTML5架构实现可视化编程平台的方法,通过Canvas控件绘制和动态展示流程图模型,通过JSON定义流程图并解析为源码文件,通过Web Socket传输程序源码并进行编译和运行结果,最后通过Java的Runtime类封装程序代码的编译器和运行单元,从而形成一套完整的基于Web的可视化编程平台。