在线图形化编程系统的制作方法
【技术领域】
[0001]本发明涉及一种能够脱离客户端，直接在线操作的在线图形化编程系统。主要涉及专利分类号G06计算;推算;计数G06F电数字数据处理G06F9/00程序控制装置，例如，控制器G06F9/06应用存入的程序的，即应用处理设备的内部存储来接收程序并保持程序的G06F9/44用于执行专门程序的装置。
【背景技术】
[0002]随着计算机科学技术的普及，人们和计算机、网络的联系越来越紧密，对于软件的需求也越来越大，但是软件开发一直是专业人士的领域，特别是计算机程序设计，涉及到大量的计算机基础知识、数据结构和算法、设计模式、编程语言语法等大量专业知识.对于并不具备计算机专业技术的用户来说，想开发一款属于自己的软件，几乎是不可能完成的梦雄
V QjN O
[0003]由MIT多媒体实验室开发的Scratch是目前图形化编程系统的代表，其面向8到16岁的用户，以制作游戏、动画等作品为应用背景。Scratch将编程语句封装成有沟槽的图形块，用不同的颜色来区分不同类型的编程块，方便儿童识别和查找。但这些编程块的形状本身没有语义信息，功能和参数也都是纯文本显示，儿童只能靠理解文字含义来判别编程块的功能。其次，Scratch把传统文本程序命令细化到每个编程块中，这虽然提高了系统可实现程序的复杂度，但也使得其编程块数量多、尺寸小，这不利于儿童点选、拖放和修改参数等。此外，Scratch中没有明显的多场景概念，需要复杂的编程块组合才能实现类似场景转换的效果，这对大部分儿童来说是比较困难的。Scratch提供的运行时反馈是逐个高亮编程块，生动性不足。另一方面，国内这方面的研究还很少，大多数针对中国儿童的图形化编程软件均源于国外软件的汉化版本，没有充分考虑地域文化的特点。
【发明内容】
[0004]本发明针对以上问题的提出，而研制的一种在线图形化编程系统，包括:
[0005]图形元素库，该元素库存储有支持拖拽操作的多种类型颜色的逻辑图形块；
[0006]代码存储单元，该单元存储有所述的多种逻辑块对应的代码；
[0007]提供所述的逻辑图形块排列组合区域的操作界面单元以及代码组合单元和预览单元；
[0008]工作时，使用者将不同的逻辑图形块按顺序拖拽至所述的操作界面单元，该界面单元识别当前拖拽的逻辑图形块;所述的代码组合单元根据识别结果，调取所述代码存储单元中存储的当前逻辑图形块对应的代码，与之前的逻辑图形块代码组合，生成程序，该程序由所述的输出，完成图形化编程。
[0009]作为优选的实施方式，所述的逻辑图形块包括:
[0010]起始图形块，作为当前程序的起始，该图形块具有供其它一个或多个逻辑块插入的宽度可变的填充区和设置的起始图形块尾部的连接端；
[0011]段起始图形块，作为程序段的起始，该图形块具有供其它一个或多个逻辑块插入的宽度可变的填充区和设置的起始图形块尾部的连接端；
[0012]该段起始图形块填充在所述的填充区内或承接在所述的起始图形块的连接端，作为程序段的起始；
[0013]承接图形块，填充在所述起始图形块内的填充区内或承接在所述的起始图形块后；
[0014]所述的多个承接逻辑块、段起始图形块和至少一个起始图形块形成多段可执行程序。
[0015]更进一步的，所述的起始图形块和段起始图形块的填充区的前端和所述逻辑图形块的末端设有多种类的提示部;所述的段起始图形块和承接图形块的前端设有与所述的提示部相配合的配合部；
[0016]编程时，将配合部与当前目标图形块提示部一致的段起始图形块和承接图形块放置对应的目标图形块内的填充区或图形块后部。
[0017]作为优选的实施方式，所述的起始图形块、段起始图形块和承接图形块内部还设有供嵌套图形块插入的设定填充区:
[0018]所述的嵌套图形块与设定填充区的形状相配合，至少包括:
[0019]用于定义变量类型的变量块；
[0020]完成指定运算和数值选择的运算块；
[0021 ]设定目标物体运动变化和力学参数的物理块;以及
[0022]用于设定程序转变条件的侦测块。
[0023]作为优选的实施方式，存储程序背景和元素的素材库；
[0024]使用时，操作界面单元调用所述素材库中存储的程序背景图片和元素，生成程序背景;元素通过所述的逻辑图形块完成定义和与程序的衔接，最终实现程序的表达。
[0025]更进一步的，所述的素材库位于云端，合法注册用户在素材库中发布新的素材，并设置新发布素材的开放权限，获取开放权限的系统用户可下载所述的素材。
[0026]作为优选的实施方式，具有语法检查单元，该单元与所述的代码组合单元通信，根据设定的语法规则对所述的组合形成程序的代码进行校验；
[0027]若当前程序与语法规则有冲突，则通过所述的操作界面单元发出提示。
[0028]更进一步的，所述的语法检查单元记录当前语法规则冲突所涉及的逻辑图形块和正确的连接方案，按逻辑图形块作为索引，将当前采取的连接方案存入冲突数据库；
[0029]当出现冲突时，所述的逻辑界面单元在所述的冲突数据库中按当前逻辑图形块调取冲突解决方案，呈现给使用者。
[0030]更进一步的，在线图形块编程系统基于HTML5协议且设置在云端。
[0031]由于采用了上述技术方案，本发明所述公开的一种在线图形化编程系统，具备如下的优点:无需安装，打开网页即可使用。项目数据云端保存，为用户移动办公提供便利，同时能够避免因个人计算机损害导致的文件、数据丢失等状况。简单易学:用户无需具备专业的编程技巧，甚至不需要初级编程基础，即可快速掌握，易学易用，适合零基础人群学习，同时能为专业人士提供编程捷径，节省时间，提高效率。功能强大:在完美实现预计功能的情况下，通过图形元素的合理组合拼装，可简化编程过程，将复杂的操作变得轻松快捷。可扩充性强:用户可以使用最初的素材来开发自己的图形元素，具有极强的可塑性。同时，上传后可供其他用户使用，提供了可扩充模板。
【附图说明】
[0032]为了更清楚的说明本发明的实施例或现有技术的技术方案，下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0033]图1为本发明动作的逻辑图形块的示意图
[0034]图2为本发明控制的逻辑图形块的示意图
[0035]图3为本发明嵌套逻辑图形块中变量块的示意图
[0036]图4为本发明嵌套逻辑图形块中运算块的示意图
[0037]图5为本发明嵌套逻辑图形块中侦测块的示意图
[0038]图6为本发明的系统模块图
【具体实施方式】
[0039]为使本发明的实施例的目的、技术方案和优点更加清楚，下面结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚完整的描述:
[0040]如图6所示:一种在线图形化编程系统，将传统的编程语句按规则进行分类，并且将特定分类的语句存储成特定形状的逻辑图形块，并且在逻辑图形块上做相关的标识，供使用者拖拽使用。
[0041]对于功能相同或者相近似的逻辑图形块，可分别设定不同的颜色和形状，便于操作者直观快速的寻找到的所要寻找的逻辑图形块。
[0042]比如，附图1中，将关于播放的程序语句形成蓝色逻辑图形块。附图2中，则将全部是关于控制的语句，此类语句被设定成黄色。
[0043]相应的，本系统涉及有分类存储上述逻辑图形块的图形元素库，作为可实现的优选的实施方式，将所述的逻辑图形块主要划分为:动作、控制、变量、运算、物理、侦测、声音、动画、外观和画笔等大类，可设计成二级或者多级下拉菜单，便于使用者在使用时选择。
[0044]相应的，为了能够实现逻辑图形块的程序功能，还必须能够将逻辑图形块所代表的程序进行整合，才能够生成可执行的程序。
[0045]在本发明中还设有代码存储单元，该单元存储所述的逻辑图形块所对应的编程语言或者代码。
[0046]为了能够实现完整的程序，还设有供所述的逻辑图形块排列组合区域的操作界面单元以及代码组合单元。
[0047]编程时，使用者根据自身需求将选定的逻辑图形块按设定的顺序拖拽至所述的操作界面单元，所述的代码组合单元调取所述的代码存储单元中存储的代码，组合形成能够执行和结束的完整的程序代码，完成本次编程动作。
[0048]作为优选的实施方式，所述的逻辑图形块按在程序中所起的段落划分作用来说，主要分为如下几类:
[0049]起始图形块，作为当前程序的起始，该图形块具有供其它一个或多个逻辑块插入的宽度可变的填充区和设置的起始图形块尾部的连接端。作为优选的实施方式，如图2所示，图2中所述显示的4个图形块，除右上的图形块外，类C型的图形块即为所述的起始图形块。
[00