Nothing Special   »   [go: up one dir, main page]

skip to main content
10.1145/3488838.3488850acmotherconferencesArticle/Chapter ViewAbstractPublication PageswsseConference Proceedingsconference-collections
research-article

Attention Distribution Graph: Visualizing Student’s Attention Transition in Error-finding Tasks

Published: 25 February 2022 Publication History

Abstract

Various visualization methods have been proposed for eye movement analysis in programming education. However, most of them were utilized for the general scenario of program comprehension. In this paper, we focus on the eye movement visualization in a specified scenario of error-finding test, in which the students are asked to find multiple errors in a C-language program and submit the result by clicking the corresponding checkbox. A novel visualization scheme namely Attention Distribution Graph (ADG), is proposed to describe the line-level transition of student’s visual attention. We adopt time distance to click event and line number to describe the spatio-temporal space of eye movement, and color the space grids according to the proportion of fixation duration. Experiment results show that, from the distribution of colored grids in ADG, we can infer the student’s cognitive process in a successful error-finding task. It provides a normalized view to analyze the students’ eye movement toward a same bug, especially on the influence of preceding reading to the later decision.

References

[1]
N. J. Abid, B. Sharif, N. Dragan, H. Alrasheed, and J. I. Maletic. 2019. Developer reading behavior while summarizing java methods: Size and context matters. In Proc. of ICSE’19. 384–395.
[2]
M. Ahrens, K. Schneider, and M. Busch. 2019. Attention in software maintenance: an eye tracking study. In Proc. of EMIP’19. 2–9.
[3]
S. Aljehane, B. Sharif, and J. Maletic. 2021. Determining Differences in Reading Behavior Between Experts and Novices by Investigating Eye Movement on Source Code Constructs During a Bug Fixing Task. In Proc. of ACM ETRA’21. 1–6.
[4]
G. Andrienko, N. Andrienko, M. Burch, and D. Weiskopf. 2012. Visual analytics methodology for eye movement studies. IEEE trans. on Visualization and Computer Graphics 18, 12 (2012), 2889–2898.
[5]
T. Blascheck, M. Raschke, and T. Ertl. 2013. Circular heat map transition diagram. In Proc. of ETSA’13. 58–61.
[6]
T. Blascheck and B. Sharif. 2019. Visually analyzing eye movements on natural language texts and source code snippets. In Proc. of ACM ETRA’19. 1–9.
[7]
B. Clark and B. Sharif. 2017. iTraceVis: Visualizing eye movement data within Eclipse. In Proc. of IEEE VISSOFT’17. 22–32.
[8]
X. Li, W. Liu, W. Wang, J. Zhong, and M. Yu. 2019. Assessing students’ behavior in error finding programming tests: An eye-tracking based approach. In Proc. of IEEE TALE’19. 1–6.
[9]
Y.-T. Lin, C.-C. Wu, T.-Y. Hou, Y.-C. Lin, F.-Y. Yang, and C.-H. Chang. 2015. Tracking students’ cognitive processes during program debugging — An eye-movement approach. IEEE Trans. on Education 59, 3 (2015), 175–186.
[10]
L. Liu, W. Liu, X. Li, W. Wang, and W. Cheng. 2020. Eye-tracking based performance analysis in error finding programming yest. In Proc. of IEEE ICCSE’20. 477–482.
[11]
L. Liu, W. Liu, X. Li, J. Xu, and W. Cheng. 2020. An analysis scheme to interpret dtudents’ cognitive process in error finding test. In Proc. of WSSE’20. 220–225.
[12]
M. Nakayama and H. Harada. 2020. Eye Movement Features in response to Comprehension Performance during the Reading of Programs. In Proc. of ACM ETRA’20. 1–5.
[13]
U. Obaidellah, M. Al Haek, and P. C-H Cheng. 2018. A survey on the usage of eye-tracking in computer programming. Comput. Surveys 51, 1 (2018), 1–58.
[14]
C. S. Peterson, J. A. Saddler, T. Blascheck, and B. Sharif. 2019. Visually analyzing students’ gaze on C++ code snippets. In Proc. of ACM EMIP’19. 18–25.
[15]
B. Sharif, M. Falcone, and J. I. Maletic. 2012. An eye-tracking study on the role of scan time in finding source code defects. In Proc. of ACM ETRA’12. 381–384.
[16]
H. Uwano, M. Nakamura, A. Monden, and K. Matsumoto. 2006. Analyzing individual performance of source code review using reviewers’ eye movement. In Proc. of ACM ETRA’06. 133–140.

Index Terms

  1. Attention Distribution Graph: Visualizing Student’s Attention Transition in Error-finding Tasks
    Index terms have been assigned to the content through auto-classification.

    Recommendations

    Comments

    Please enable JavaScript to view thecomments powered by Disqus.

    Information & Contributors

    Information

    Published In

    cover image ACM Other conferences
    WSSE '21: Proceedings of the 3rd World Symposium on Software Engineering
    September 2021
    225 pages
    ISBN:9781450384094
    DOI:10.1145/3488838
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 25 February 2022

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. Data visualization
    2. error-finding test
    3. eye-tracking measurement
    4. visual attention

    Qualifiers

    • Research-article
    • Research
    • Refereed limited

    Conference

    WSSE 2021

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • 0
      Total Citations
    • 74
      Total Downloads
    • Downloads (Last 12 months)14
    • Downloads (Last 6 weeks)0
    Reflects downloads up to 21 Nov 2024

    Other Metrics

    Citations

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    HTML Format

    View this article in HTML Format.

    HTML Format

    Media

    Figures

    Other

    Tables

    Share

    Share

    Share this Publication link

    Share on social media