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

    Visual Languages
    Mobile phones
    Computer programming languages
    Programming Languages
    Vertex of a graph
    Disability
    Mobile Phone
    Data Flow
    Person
    Coding
    Intersection
    Curve
    Alternatives

    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

    Implementing node-link interface into a block-based visual programming language. / Suzuki, Ryo; Takahashi, Takuto; Masuda, Kenta; Choh, Ikuro.

    Human-Computer Interaction. Theories, Methods, and Human Issues - 20th International Conference, HCI International 2018, Proceedings. ed. / Masaaki Kurosu. Springer-Verlag, 2018. p. 455-465 (Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics); Vol. 10902 LNCS).

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

    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. Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics), vol. 10902 LNCS, Springer-Verlag, pp. 455-465, 20th International Conference on Human-Computer Interaction, HCI 2018, Las Vegas, United States, 18/7/15. https://doi.org/10.1007/978-3-319-91244-8_36
    Suzuki R, Takahashi T, Masuda K, Choh I. Implementing node-link interface into a block-based visual programming language. In Kurosu M, editor, Human-Computer Interaction. Theories, Methods, and Human Issues - 20th International Conference, HCI International 2018, Proceedings. Springer-Verlag. 2018. p. 455-465. (Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics)). https://doi.org/10.1007/978-3-319-91244-8_36
    Suzuki, Ryo ; Takahashi, Takuto ; Masuda, Kenta ; Choh, Ikuro. / Implementing node-link interface into a block-based visual programming language. Human-Computer Interaction. Theories, Methods, and Human Issues - 20th International Conference, HCI International 2018, Proceedings. editor / Masaaki Kurosu. Springer-Verlag, 2018. pp. 455-465 (Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics)).
    @inproceedings{ab97be1f88f2473d9008d9a2a0a011f2,
    title = "Implementing node-link interface into a block-based visual programming language",
    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.",
    keywords = "Blocks-based programming, User interface, Visual programming language",
    author = "Ryo Suzuki and Takuto Takahashi and Kenta Masuda and Ikuro Choh",
    year = "2018",
    month = "1",
    day = "1",
    doi = "10.1007/978-3-319-91244-8_36",
    language = "English",
    isbn = "9783319912431",
    series = "Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics)",
    publisher = "Springer-Verlag",
    pages = "455--465",
    editor = "Masaaki Kurosu",
    booktitle = "Human-Computer Interaction. Theories, Methods, and Human Issues - 20th International Conference, HCI International 2018, Proceedings",

    }

    TY - GEN

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

    AU - Suzuki, Ryo

    AU - Takahashi, Takuto

    AU - Masuda, Kenta

    AU - Choh, Ikuro

    PY - 2018/1/1

    Y1 - 2018/1/1

    N2 - 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.

    AB - 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.

    KW - Blocks-based programming

    KW - User interface

    KW - Visual programming language

    UR - http://www.scopus.com/inward/record.url?scp=85061544898&partnerID=8YFLogxK

    UR - http://www.scopus.com/inward/citedby.url?scp=85061544898&partnerID=8YFLogxK

    U2 - 10.1007/978-3-319-91244-8_36

    DO - 10.1007/978-3-319-91244-8_36

    M3 - Conference contribution

    SN - 9783319912431

    T3 - Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics)

    SP - 455

    EP - 465

    BT - Human-Computer Interaction. Theories, Methods, and Human Issues - 20th International Conference, HCI International 2018, Proceedings

    A2 - Kurosu, Masaaki

    PB - Springer-Verlag

    ER -