Blockly Editor

Version 41.1 by Vivek Iyer on 2018/06/12 23:23

cogAdds a new document template based on Google Blockly
TypeXAR
CategoryApplication
Developed by

Vivek Iyer

Rating
0 Votes
LicenseGNU Lesser General Public License 2.1
Bundled With

XWiki Standard

Compatibility

9.11.3

Installable with the Extension Manager

Table of contents

Description

This extension adds the Google Blockly Template to XWiki, to make programming easier for users who have little/no previous experience of programming, by allowing the creation of Blockly templated documents. Currently, this template provides support for combining the blocks from the default toolbox provided by Google, viewing the source code for the same, editing a document using these blocks and saving it.

Usage

To create a document using the Blockly template, please follow the steps given below:

  1. Make sure you're logged in
  2. Click on create page at the top right corner, and choose the "Blockly" template in the create page document.
    CreateBlocklyTemplateDoc.png
    Selecting Blockly editor to edit the page
  3. This should take you to the Blockly template page. Drag and drop the blocks from the toolbox onto the adjacent div and combine them like puzzle pieces, as desired. For example:
    For example:
    BlocksView.png
    Combining blocks appropriately
  4. To delete any of the blocks, drag and drop the blocks into the bin.
  5. To view the source code for the blocks generated in the figure, click on the Source tab.
    BlocklySourceCode.png
    Source Code View
  6. Save the code using either the "Save and View", or the "Save and Continue" buttons.
  7. If you want to view the code you generated and/or execute it, go to the View Page. It looks like this:
    BlocklyView.png
    View Code
  8. To run the code, click on "Run Code".
    RunBlocklyCode.png

Get Connected