Implementing Node-Link Interface into a Block-Based Visual Programming Language

  • Ryo SuzukiEmail author
  • Takuto Takahashi
  • Kenta Masuda
  • Ikuro Choh
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 10902)


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.


Visual programming language Blocks-based programming User interface 


  1. 1.
    Hour of Code. Accessed 1 Jan 2018
  2. 2.
    SCRATCH. Accessed 1 Jan 2018
  3. 3.
    Blockly. Accessed 1 Jan 2018
  4. 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. 5.
    Enrect. Accessed 1 Jan 2018
  6. 6.
    Using FizzBuzz to Find Developers who Grok Coding. Accessed 1 Jan 2018

Copyright information

© Springer International Publishing AG, part of Springer Nature 2018

Authors and Affiliations

  • Ryo Suzuki
    • 1
    Email author
  • Takuto Takahashi
    • 1
  • Kenta Masuda
    • 1
  • Ikuro Choh
    • 1
  1. 1.Waseda UniversityTokyoJapan

Personalised recommendations