root cca7f2b5a3 update 1 năm trước cách đây
..
.vscode cca7f2b5a3 update 1 năm trước cách đây
WebADB cca7f2b5a3 update 1 năm trước cách đây
block cca7f2b5a3 update 1 năm trước cách đây
blockly cca7f2b5a3 update 1 năm trước cách đây
docs cca7f2b5a3 update 1 năm trước cách đây
fonts cca7f2b5a3 update 1 năm trước cách đây
gif cca7f2b5a3 update 1 năm trước cách đây
icons cca7f2b5a3 update 1 năm trước cách đây
images cca7f2b5a3 update 1 năm trước cách đây
js_libs cca7f2b5a3 update 1 năm trước cách đây
libs cca7f2b5a3 update 1 năm trước cách đây
materialize cca7f2b5a3 update 1 năm trước cách đây
msg cca7f2b5a3 update 1 năm trước cách đây
python cca7f2b5a3 update 1 năm trước cách đây
src cca7f2b5a3 update 1 năm trước cách đây
static cca7f2b5a3 update 1 năm trước cách đây
tests cca7f2b5a3 update 1 năm trước cách đây
webadb.js-master cca7f2b5a3 update 1 năm trước cách đây
ya-webadb cca7f2b5a3 update 1 năm trước cách đây
.DS_Store cca7f2b5a3 update 1 năm trước cách đây
.gitignore cca7f2b5a3 update 1 năm trước cách đây
.gitmodules cca7f2b5a3 update 1 năm trước cách đây
20190114_python-blockly_plotting-temp-data.py cca7f2b5a3 update 1 năm trước cách đây
LICENSE cca7f2b5a3 update 1 năm trước cách đây
README.md cca7f2b5a3 update 1 năm trước cách đây
ardublockly.css cca7f2b5a3 update 1 năm trước cách đây
ardublockly_blockly.js cca7f2b5a3 update 1 năm trước cách đây
ardublockly_lang.js cca7f2b5a3 update 1 năm trước cách đây
ardublockly_toolbox.js cca7f2b5a3 update 1 năm trước cách đây
ardublocklyserver_ajax.js cca7f2b5a3 update 1 năm trước cách đây
blockpy_new.html cca7f2b5a3 update 1 năm trước cách đây
canvas_frame.html cca7f2b5a3 update 1 năm trước cách đây
changelog.md cca7f2b5a3 update 1 năm trước cách đây
cocoblockly.css cca7f2b5a3 update 1 năm trước cách đây
data.json cca7f2b5a3 update 1 năm trước cách đây
engine_test.html cca7f2b5a3 update 1 năm trước cách đây
example_server.py cca7f2b5a3 update 1 năm trước cách đây
favicon.ico cca7f2b5a3 update 1 năm trước cách đây
iframe_test.html cca7f2b5a3 update 1 năm trước cách đây
index.css cca7f2b5a3 update 1 năm trước cách đây
index.html cca7f2b5a3 update 1 năm trước cách đây
index.js cca7f2b5a3 update 1 năm trước cách đây
index2.html cca7f2b5a3 update 1 năm trước cách đây
index_1.html cca7f2b5a3 update 1 năm trước cách đây
instructor_api_documentation.py cca7f2b5a3 update 1 năm trước cách đây
makefile cca7f2b5a3 update 1 năm trước cách đây
manifest.webmanifest cca7f2b5a3 update 1 năm trước cách đây
md.html cca7f2b5a3 update 1 năm trước cách đây
merge.py cca7f2b5a3 update 1 năm trước cách đây
modernizr.css cca7f2b5a3 update 1 năm trước cách đây
package-lock.json cca7f2b5a3 update 1 năm trước cách đây
package.json cca7f2b5a3 update 1 năm trước cách đây
platform.js cca7f2b5a3 update 1 năm trước cách đây
replay.html cca7f2b5a3 update 1 năm trước cách đây
server.js cca7f2b5a3 update 1 năm trước cách đây
tcpip.html cca7f2b5a3 update 1 năm trước cách đây
toCNChecklist.md cca7f2b5a3 update 1 năm trước cách đây
todo.txt cca7f2b5a3 update 1 năm trước cách đây
toolbox_tree.css cca7f2b5a3 update 1 năm trước cách đây
treeCompTest.html cca7f2b5a3 update 1 năm trước cách đây
uform.js cca7f2b5a3 update 1 năm trước cách đây
update.json cca7f2b5a3 update 1 năm trước cách đây
web.html cca7f2b5a3 update 1 năm trước cách đây
webadb.js cca7f2b5a3 update 1 năm trước cách đây
webusb.js cca7f2b5a3 update 1 năm trước cách đây

README.md

corgis-blockly

CORGIS BlockPy

BlockPy is a web-based Python environment that lets you work with blocks, text, or both. Designed for Data Science and equipped with powerful tools like the State Explorer and Guided Feedback, the goal of BlockPy is to let you solve authentic, real-world problems.

The goal of BlockPy is to give you a gentle introduction to Python but eventually mature you into a more serious programming environment (such as Spyder or PyCharm). Long-term, we may support some game/animation design stuff that Scratch/Snap does, but that's not the real goal.

The BlockPy project is aimed at solving some hard technical problems: having a block-based environment for a dynamic language can be tricky - are a given pair of square brackets representing list indexing or dictionary indexing? Our goal is to use advanced program analysis techniques to provide excellent support to learners.

Overview

The core architecture of BlockPy is a synthesis of:

  • Blockly: a visual library for manipulating a block canvas that can generate equivalent textual code in a variety of languages
  • Skulpt: an in-browser Python-to-JavaScript compiler/intepreter, that aims to emulate the full language with precision if not speed.

By combining these two technologies, we end up with a powerful system for writing Python code quickly. Everything is meant to run locally in the client, so there's no complexity of sandboxing students' code on the server.

The major innovations are:

  • PythonToBlocks: by parsing the AST generated by Skulpt, we can build equivalent Blockly code, effectively allowing round-trips between text and blocks.
  • CORGIS Datsets: new blocks access real-world datasets (although currently these are only cached versions, for performance reasons).
  • Interactive Guided Problems: Problem text is given to students, along with teacher provided code that can do analysis on the students' code and make suggestions (e.g., observing that they haven't printed anything yet).
  • Data Explorer: The data explorer allows users to walk through their code.

Installation

First, clone it locally. This could take a little while.

> git clone https://github.com/RealTimeWeb/blockpy.git

You'll need to build Skulpt and Blockly. Both of these depend on the Closure Compiler, so you'll need to put that in the empty closure-library folder. You can follow the Blockly instructions here , but the gist will be:

> wget https://github.com/google/closure-library/zipball/master -O closure.zip
> unzip closure.zip

CD into the new blockpy directory

> cd blockpy/

And add the relevant subtree information to your .git/config:

> vi .git/config

Replace the contents of that file with the information found here: http://pastebin.com/raw/QWpJjgU3 (TODO: show the actual commands used to set this)

Next, you'll need to build Blockly:

> cp blockly/msg/en.js en.js
> cd blockly
> python build.py
> cd ..
> mv en.js blockly/msg/en.js

And then you'll build Skulpt:

> cd skulpt
> python skulpt.py dist
> cd ..

If you are on windows, you may encounter the message "No gzip executable", you can safely ignore this.

And now you should be able to try out the example file!

> start blockpy_new.html

The server has its own requirements.txt and uses a python manage.py runserver

If you make edits to either Blockly or Skulpt, you'll need to rerun their build commands. Simiarly, if you edit src/interface.html than you'll need to rebuild it:

> python build.py

Otherwise, you should be able to edit the src/*.js files freely. To get a sense of the dependencies, check out the blockpy_new.html file and then the src/main.js file. These should be good starting points.

Commands

Both Blockly and Skulpt are subtrees.

Push changes to the subtrees' repos:

> git subtree push --prefix=skulpt/ --squash skulpt master
> git subtree push --prefix=blockly/ --squash blockly master
> git subtree push --prefix=server/ --squash server master
> git subtree push --prefix=server/static/blockly-games --squash blockly_games master

Pull changes from upstream repos (e.g., official Blockly and Skulpt, our production server):

> git subtree pull --prefix=skulpt --squash skulpt_upstream master
> git subtree pull --prefix=blockly --squash blockly_upstream master
> git subtree pull --prefix=server --squash server master
> git subtree pull --prefix=server/static/blockly-games --squash blockly_games master

Note: if you get an error about a "fatal entry", make sure you don't have a trailing slash on the prefix!