gofrendiasgard / goblock

Visual Programming for Newbies

Goblock

A visual programming for newbies. Goblock is built on top of google blockly. Compared to the original google blockly, it has several advantages:

• No ugly alert and prompt Goblock use stratified.js and bootstrap-modal to completely replace alert and prompt (except when you enter debugging mode). Thus, your risk of accidentally check "Prevent this page from creating another dialog" will be minimalized.

• Console-like output Rather than using javascript alert, goblock prints the output into console-like interface, thus you can retrieve the output history easier. I also have modify it can print array beautifuly.

• Better toolbox arrangement The toolbox is arranged in a more practical order, so that you won't have any difficulty to find where-is-what.

• Real time source code translation You can immediately look for corresponding python, javascript, php, dart, or lua code in the same screen.

Click here for demo.

Requirement

To run goblock, you need a web server.

If you have Python installed, you can simply run Python -m SimpleHTTPServer in this directory.

If you use windows, you can install xampp.

goblock's Issues

Syntax error (related to sjs)

<xml xmlns="http://www.w3.org/1999/xhtml">
  <block type="variables_set" id="40" inline="true" x="47" y="76">
    <field name="VAR">JML</field>
    <value name="VALUE">
      <block type="text_prompt" id="43">
        <field name="TYPE">NUMBER</field>
        <field name="TEXT">Jumlah = </field>
      </block>
    </value>
    <next>
      <block type="text_print" id="91" inline="false">
        <value name="TEXT">
          <block type="text" id="100">
            <field name="TEXT">PR(0)</field>
          </block>
        </value>
        <next>
          <block type="controls_for" id="110" inline="true">
            <field name="VAR">Posisi</field>
            <value name="FROM">
              <block type="math_number" id="111">
                <field name="NUM">1</field>
              </block>
            </value>
            <value name="TO">
              <block type="math_arithmetic" id="198" inline="true">
                <field name="OP">MINUS</field>
                <value name="A">
                  <block type="variables_get" id="135">
                    <field name="VAR">JML</field>
                  </block>
                </value>
                <value name="B">
                  <block type="math_number" id="112">
                    <field name="NUM">1</field>
                  </block>
                </value>
              </block>
            </value>
            <value name="BY">
              <block type="math_number" id="113">
                <field name="NUM">1</field>
              </block>
            </value>
            <statement name="DO">
              <block type="text_print" id="201" inline="false">
                <value name="TEXT">
                  <block type="text" id="210">
                    <field name="TEXT">AM</field>
                  </block>
                </value>
                <next>
                  <block type="text_print" id="213" inline="false">
                    <value name="TEXT">
                      <block type="text_join" id="266" inline="false">
                        <mutation items="2"></mutation>
                        <value name="ADD0">
                          <block type="text_join" id="231" inline="false">
                            <mutation items="2"></mutation>
                            <value name="ADD0">
                              <block type="text" id="228">
                                <field name="TEXT">PR(</field>
                              </block>
                            </value>
                            <value name="ADD1">
                              <block type="math_arithmetic" id="248" inline="true">
                                <field name="OP">MINUS</field>
                                <value name="A">
                                  <block type="variables_get" id="263">
                                    <field name="VAR">JML</field>
                                  </block>
                                </value>
                                <value name="B">
                                  <block type="variables_get" id="175">
                                    <field name="VAR">Posisi</field>
                                  </block>
                                </value>
                              </block>
                            </value>
                          </block>
                        </value>
                        <value name="ADD1">
                          <block type="text" id="277">
                            <field name="TEXT">)</field>
                          </block>
                        </value>
                      </block>
                    </value>
                    <next>
                      <block type="text_print" id="280" inline="false">
                        <value name="TEXT">
                          <block type="text" id="289">
                            <field name="TEXT">LT</field>
                          </block>
                        </value>
                        <next>
                          <block type="controls_if" id="293" inline="false">
                            <value name="IF0">
                              <block type="logic_compare" id="299" inline="true">
                                <field name="OP">LT</field>
                                <value name="A">
                                  <block type="variables_get" id="306">
                                    <field name="VAR">Posisi</field>
                                  </block>
                                </value>
                                <value name="B">
                                  <block type="math_arithmetic" id="323" inline="true">
                                    <field name="OP">MINUS</field>
                                    <value name="A">
                                      <block type="variables_get" id="330">
                                        <field name="VAR">JML</field>
                                      </block>
                                    </value>
                                    <value name="B">
                                      <block type="math_number" id="339">
                                        <field name="NUM">1</field>
                                      </block>
                                    </value>
                                  </block>
                                </value>
                              </block>
                            </value>
                            <statement name="DO0">
                              <block type="text_print" id="342" inline="false">
                                <value name="TEXT">
                                  <block type="text_join" id="345" inline="false">
                                    <mutation items="2"></mutation>
                                    <value name="ADD0">
                                      <block type="text_join" id="348" inline="false">
                                        <mutation items="2"></mutation>
                                        <value name="ADD0">
                                          <block type="text" id="357">
                                            <field name="TEXT">PR(</field>
                                          </block>
                                        </value>
                                        <value name="ADD1">
                                          <block type="math_arithmetic" id="374" inline="true">
                                            <field name="OP">MINUS</field>
                                            <value name="A">
                                              <block type="variables_get" id="381">
                                                <field name="VAR">Posisi</field>
                                              </block>
                                            </value>
                                            <value name="B">
                                              <block type="math_arithmetic" id="411" inline="true">
                                                <field name="OP">MINUS</field>
                                                <value name="A">
                                                  <block type="variables_get" id="388">
                                                    <field name="VAR">JML</field>
                                                  </block>
                                                </value>
                                                <value name="B">
                                                  <block type="math_number" id="420">
                                                    <field name="NUM">1</field>
                                                  </block>
                                                </value>
                                              </block>
                                            </value>
                                          </block>
                                        </value>
                                      </block>
                                    </value>
                                    <value name="ADD1">
                                      <block type="text" id="429">
                                        <field name="TEXT">)</field>
                                      </block>
                                    </value>
                                  </block>
                                </value>
                              </block>
                            </statement>
                          </block>
                        </next>
                      </block>
                    </next>
                  </block>
                </next>
              </block>
            </statement>
          </block>
        </next>
      </block>
    </next>
  </block>
</xml>

Good luck, mou hitori no boku :)