Web:Bit 编辑器 ( 操作介面 )

Web:Bit 编辑器是 Webduino 最新的程式编辑&学习软体,除了基于 Webduino Blockly 的操作方式,也大幅简化了操作的步骤流程,甚至额外添加了虚拟开发板以及小怪兽互动舞台,不论是大朋友小朋友,都可以快速又轻松的入门 Web:Bit。

操作介面一览

Web:Bit 编辑器的操作介面分成下列几个区块:

安装版不含「帐号」、「分享」功能。

Web:Bit 编辑器 ( 操作介面 )

程式积木是什么?

对于第一次接触的人来说,会不太清楚「程式积木」的由来,「积木」是翻译自「block」这个英文单字,其操作方式类似「组装积木」或「拼图」的概念,透过互相堆叠和搭配组合,就能判断不同的逻辑或依据指定的排列顺序,实现对应的动作。

Web:Bit 编辑器 ( 操作介面 )

Web:Bit 编辑器是基于 Google 的图像式程式编辑工具 Blockly 所开发出的编辑工具,每块积木都有对应的功能和用途,如果想了解该积木的使用方式,可以「使用滑鼠在指定的积木上按右键」,就能开启积木的功能列表,点击「教学」可以阅读该积木的教学文件,如果该积木有「小工具」,则可以点击小工具打开更多进阶功能。

Web:Bit 编辑器 ( 操作介面 )

云端部署

云端部署的功能可以帮主我们将编辑好的程式积木,部署到 Webduino 云端伺服器,如此一来就可以在电脑关闭的状态下,继续执行对应的程式动作 ( 仍然需保持开发板正常的网路连线 ),只要程式积木里包含 Wi-Fi 连线的开发板,就能使用云端部署的功能。

注意,云端部署成功后,会在下列两种状况下停止:

  • 第一种,开发板网路断线超过 20 分钟。
  • 第二种,重新云端部署,或点击编辑器的「执行」按钮。

Web:Bit 编辑器 ( 操作介面 )

网页版、安装版的主功能选单差异

右上方的主功能选单,包含 Web:Bit 编辑器的主要功能,但「网页版」和「安装版」编辑器的选单略有不同,在网页版可以使用「档案 > 分享连结」而安装版不行,分享连结可以帮助我们快速存档产生一段「网址」,下次再开启这个网址就可以开启档案,因为安装版无法开启网址,所以无法使用该选项。

Web:Bit 编辑器 ( 操作介面 )

在网页版主选单的「更多」里头,也包含「下载安装版」的选项,点击后会下载安装版的压缩档,解压缩安装就可以使用安装版。 ( 目前安装版编辑器仅支援 Windows )

Web:Bit 编辑器 ( 操作介面 )

网页版也新增了「帐号」功能,进入 Web:Bit 教育版时,可以选择何种管道登入,进入后就可以看到使用的帐号。 此帐号会跟 Webduino 影像训练平台 串连,可以将帐号中的影像模型读取到积木中使用。

Web:Bit 编辑器 ( 操作介面 )

程式积木小技巧

小技巧 1、多行与单行输入

如果程式积木太长,我们可以用滑鼠在积木上按右键,若该积木支援多行输入,可以点选「多行输入」将积木由单行变成多行,也更方便阅读和编辑。

Web:Bit 编辑器 ( 操作介面 )

小技巧 2、整理积木

在实作程式积木时,往往会遇到积木四面八方散落在画面上的状况,这时可以在编辑区域上按右键,选择「整理积木」将积木排列整齐。

Web:Bit 编辑器 ( 操作介面 )