[vc_empty_space][vc_empty_space]
OPT+Graph: Detection of Graph Data Structure on Program Visualization Tool to Support Learning
Dien H.E.a, Wardhana Asnar Y.D.a
a Institute of Technology Bandung, School of Electrical Engineering and Informatics, Bandung, Indonesia
[vc_row][vc_column][vc_row_inner][vc_column_inner][vc_separator css=”.vc_custom_1624529070653{padding-top: 30px !important;padding-bottom: 30px !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner layout=”boxed”][vc_column_inner width=”3/4″ css=”.vc_custom_1624695412187{border-right-width: 1px !important;border-right-color: #dddddd !important;border-right-style: solid !important;border-radius: 1px !important;}”][vc_empty_space][megatron_heading title=”Abstract” size=”size-sm” text_align=”text-left”][vc_column_text]© 2018 IEEE.This paper presents OPT+Graph, a web-based program visualization tool to support learning programming graph data structure in C. This tool is developed based on pythontutor.com (OPT). The main contribution is visualization graph data structure on program visualization tool. An evaluation visualization used four main stages with the online quiz. However the third stage is a core of evaluation. The third stage has two sub-stage that is simulation 1 and simulation 2. In the simulation 1, the respondents using original OPT tool then OPT+Graph tool; and the simulation 2, they using OPT+Graph tool then original OPT tool. In the last stage, they completed the online quiz without any tools. It is key for validate an evaluation visualization. Finally, we have found in this work: 1) detection technique of graph data structure for visualization based on representation of adjacency matrix, array of edges, and array of adjacency list in C source code; 2) in the simulation 1, there were about 52,38% from 11 of 21 respondents have effective and efficient results using OPT+Graph tool, and about 66,67% from 14 of 21 respondents successfully solve the problem effectively and efficiently in the simulation 2; and 3) OPT+Graph is free and open source software, available at github.com/habibieeddien/optplusgraph.[/vc_column_text][vc_empty_space][vc_separator css=”.vc_custom_1624528584150{padding-top: 25px !important;padding-bottom: 25px !important;}”][vc_empty_space][megatron_heading title=”Author keywords” size=”size-sm” text_align=”text-left”][vc_column_text]Adjacency matrices,Code execution,Free and open source softwares,Learning,Program visualization,Program visualization tools,Visualization graphs,Web-based tools[/vc_column_text][vc_empty_space][vc_separator css=”.vc_custom_1624528584150{padding-top: 25px !important;padding-bottom: 25px !important;}”][vc_empty_space][megatron_heading title=”Indexed keywords” size=”size-sm” text_align=”text-left”][vc_column_text]Code execution,Graph data structure,Learning,Program visualization,Web-based tool[/vc_column_text][vc_empty_space][vc_separator css=”.vc_custom_1624528584150{padding-top: 25px !important;padding-bottom: 25px !important;}”][vc_empty_space][megatron_heading title=”Funding details” size=”size-sm” text_align=”text-left”][vc_column_text][/vc_column_text][vc_empty_space][vc_separator css=”.vc_custom_1624528584150{padding-top: 25px !important;padding-bottom: 25px !important;}”][vc_empty_space][megatron_heading title=”DOI” size=”size-sm” text_align=”text-left”][vc_column_text]https://doi.org/10.1109/ICODSE.2018.8705794[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″][vc_column_text]Widget Plumx[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator css=”.vc_custom_1624528584150{padding-top: 25px !important;padding-bottom: 25px !important;}”][/vc_column][/vc_row]