Implementing node-link interface into a block-based visual programming language

Ryo Suzuki, Takuto Takahashi, Kenta Masuda, Ikuro Choh

    Research output: Chapter in Book/Report/Conference proceedingConference contribution

    Abstract

    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.

    Original languageEnglish
    Title of host publicationHuman-Computer Interaction. Theories, Methods, and Human Issues - 20th International Conference, HCI International 2018, Proceedings
    EditorsMasaaki Kurosu
    PublisherSpringer-Verlag
    Pages455-465
    Number of pages11
    ISBN (Print)9783319912431
    DOIs
    Publication statusPublished - 2018 Jan 1
    Event20th International Conference on Human-Computer Interaction, HCI 2018 - Las Vegas, United States
    Duration: 2018 Jul 152018 Jul 20

    Publication series

    NameLecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics)
    Volume10902 LNCS
    ISSN (Print)0302-9743
    ISSN (Electronic)1611-3349

    Conference

    Conference20th International Conference on Human-Computer Interaction, HCI 2018
    CountryUnited States
    CityLas Vegas
    Period18/7/1518/7/20

      Fingerprint

    Keywords

    • Blocks-based programming
    • User interface
    • Visual programming language

    ASJC Scopus subject areas

    • Theoretical Computer Science
    • Computer Science(all)

    Cite this

    Suzuki, R., Takahashi, T., Masuda, K., & Choh, I. (2018). Implementing node-link interface into a block-based visual programming language. In M. Kurosu (Ed.), Human-Computer Interaction. Theories, Methods, and Human Issues - 20th International Conference, HCI International 2018, Proceedings (pp. 455-465). (Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics); Vol. 10902 LNCS). Springer-Verlag. https://doi.org/10.1007/978-3-319-91244-8_36