Tiny Algorithm: Flowchart Editor

Draw algorithms as flowcharts right in the Moodle text editor, run them step by step and turn them into code.

Features

• Visual editor: Declare, Assign, Input, Output, If, For, While, Do...While, Call, Return, Comment; several functions, undo / redo.
• Interpreter: Run / Step / Stop, console with input, variable watch, infinite-loop guard and clear error messages.
• Flowgorithm files: import and export real .fprg files.
• Code generation: Python, C, C++, Java, C#, JavaScript and Pascal.
• Editable images: the diagram is an SVG image that keeps its model; double-click to edit again. Zoom and per-diagram options included.
• Students edit and test: with filter_algorithm, students can change their own copy of a diagram in any content and run the teacher's tests.
• Tests from the solution: the teacher enters only the inputs; the expected outputs are computed from the teacher's solution.

What's new in 1.1.0

• Keyboard: the arrow keys move between the blocks and the + signs, Enter or Space edits a block or opens the block menu, Delete removes the selected block, Escape cancels. A diagram, and a quiz answer, can now be drawn without a mouse.
• Enter in a field of the editor applies the value and no longer submits the form around the editor, for example a quiz page.
• Error messages of the algorithm (undeclared variable, division by zero, index out of range and the others) are shown in the user's language.
• The running block and the focused block are marked by their border too, not only by colour; the + signs have more contrast.
• Arrays are limited to 100000 elements, so a mistyped size cannot freeze the browser.

Requirements

• Moodle 4.5 LTS to 5.3 (PHP as required by your Moodle version).
• Companion plugins (optional): filter_algorithm 1.1.0 (Run / Step and the student features for readers) and qtype_algorithm 1.1.0 (quiz question type with automatic grading).

Privacy

The editor and interpreter run in the browser; nothing is sent to external services. The diagram is stored in the text you save. The plugin keeps two display preferences (code and variable panels) and the student's own copy of an editable diagram in the browser's local storage and implements the Moodle Privacy API (no personal data stored).

Languages: English and Serbian (Latin and Cyrillic). Source, documentation and issue tracker: github.com/blagojevicboban/moodle-tiny_algorithm. Licensed under the GNU GPL v3 or later.