Implementing Node-Link Interface into a Block-Based Visual Programming Language
We developed a novel node-link style interface that can be introduced into a block-based visual programming language as an alternative representation of named variables. By using our new interface, the programmer no longer needs to decide the name of a variable. Tracking the data flow in the program can be easily achieved. Since keyboard typing is not required, the coding is expected to be more accessible to children and persons with disabilities, and it is also suitable for touch operations on mobile phones and tablets.
In our system, as the number of variables increases, the intersections of the links increase, which makes the appearance complicated. To avoid this problem, we implemented improvements in the design, such as emphasizing the focused link list, and making the curves of the links consistent.
KeywordsVisual programming language Blocks-based programming User interface
- 1.Hour of Code. https://code.org/learn. Accessed 1 Jan 2018
- 2.SCRATCH. https://scratch.mit.edu/. Accessed 1 Jan 2018
- 3.Blockly. https://developers.google.com/blockly/. Accessed 1 Jan 2018
- 4.Weintrop, D., Wilensky, U.: To block or not to block, that is the question: students’ perceptions of blocks-based programming. In: Proceedings of the 14th International Conference on Interaction Design and Children. ACM (2015)Google Scholar
- 5.Enrect. https://enrect.org. Accessed 1 Jan 2018
- 6.Using FizzBuzz to Find Developers who Grok Coding. https://imranontech.com/2007/01/24/using-fizzbuzz-to-find-developers-who-grok-coding/. Accessed 1 Jan 2018