More Web Proxy on the site http://driver.im/

research-article

ANGELA: a novel approach of graphic notation based on the metaphor of road signs to facilitate the learning of programming

Authors:

Santiago Schez-Sobrino,

María Á. García,

Cristian Gómez,

Carlos Glez-Morcillo,

Javier A. Albusac,

Miguel Á. RedondoAuthors Info & Claims

TEEM'19: Proceedings of the Seventh International Conference on Technological Ecosystems for Enhancing Multiculturality

Pages 822 - 829

https://doi.org/10.1145/3362789.3362871

Published: 16 October 2019 Publication History

TEEM'19: Proceedings of the Seventh International Conference on Technological Ecosystems for Enhancing Multiculturality

ANGELA: a novel approach of graphic notation based on the metaphor of road signs to facilitate the learning of programming

Pages 822 - 829

Abstract
References

Abstract

Programming is a field that influences other disciplines in a transversal way, so its learning is necessary considering the emergence of new jobs that will require programming knowledge in the future. However, programming raises certain difficulties during its learning, especially in understanding programming concepts due to the high level of abstraction required. This level of abstraction can be reduced by using graphic representations that motivate the student and facilitate the understanding of certain programming concepts that arise at the beginning of the learning process. Therefore, this paper introduces ANGELA, a graphic notation based on the metaphor of roads and traffic signs that is meant to complement the learning process of beginner students who are starting to program by visualizing programs. These visualizations can be automatically generated from the source code of the programs, thanks to the modular and scalable design of the notation, and used by teachers to explain programming concepts during classes. The proposal has been evaluated with students in order to validate if the notation is appropriate to represent the concepts it tries to abstract from and if it results easy for the students to understand. Additionally, some use cases are presented in real-world scenarios in order to demonstrate the flexibility of the proposal.

References

[1]

GlassDoor. Best Jobs in America 2018. Retrieved February 19, 2019 from https://www.glassdoor.com/List/Best-Jobs-in-America-2018-LST_KQ0, 25.htm

[2]

U.S. Bureau of Labor Statistics. Employment by detailed occupation. Retrieved February 19, 2019 from https://www.bls.gov/emp/tables/emp-by-detailed-occupation.htm

[3]

National Center for Education Statistics (NCES). IPEDS Completions Survey. Retrieved February 19, 2019 from https://nces.ed.gov/ipeds/

[4]

Yorah Bosse and Marco Aurélio Gerosa. 2017. Why is programming so difficult to learn? ACM SIGSOFT Softw. Eng. Notes 41, 6 (2017), 1--6.

Digital Library

[5]

José Figueiredo and Francisco José García-Peñalvo. 2018. Building Skills in Introductory Programming. In Proceedings of the Sixth International Conference on Technological Ecosystems for Enhancing Multiculturality - TEEM'18, 46--50.

Digital Library

[6]

Christopher D Hundhausen, Sarah A Douglas, and John T Stasko. 2002. A meta-study of algorithm visualization effectiveness. J. Vis. Lang. Comput. 13, 3 (2002), 259--290.

[7]

J Ángel Velázquez-Iturbide, Isidoro Hernán-Losada, and Maximiliano Paredes-Velasco. 2017. Evaluating the Effect of Program Visualization on Student Motivation. IEEE Trans. Educ. 60, 3 (2017), 238--245.

Digital Library

[8]

Jaime Urquiza-Fuentes and J Ángel Velázquez-Iturbide. 2013. Toward the effective use of educational program animations: The roles of student's engagement and topic complexity. Comput. Educ. 67, Supplement C (2013), 178--192.

[9]

Ronit Ben-Bassat Levy, Mordechai Ben-Ari, and Pekka A Uronen. 2003. The Jeliot 2000 program animation system. Comput. Educ. 40, 1 (2003), 1--15.

Digital Library

[10]

Jaime Urquiza-Fuentes and J Ángel Velázquez-Iturbide. 2012. A long-term evaluation of educational animations of functional programs. In Proceedings of the 12th International Conference on Advanced Learning Technologies, Rome, Italy, 26--30.

Digital Library

[11]

Neil Burgess, Eleanor A Maguire, and John O'Keefe. 2002. The human hippocampus and spatial and episodic memory. Neuron 35, 4 (2002), 625--641.

[12]

George G Robertson, Stuart K Card, and Jack D Mackinlay. 1993. Information visualization using 3D interactive animation. Commun. ACM 36, 4 (1993), 57--71.

Digital Library

[13]

J Bacca, S Baldiris, R Fabregat, S Graf, and Kinshuk. 2014. Augmented reality trends in education: A systematic review of research and applications. Educ. Technol. Soc. 17, 4 (2014), 133--149.

[14]

Matt Dunleavy and Chris Dede. 2014. Augmented reality teaching and learning. In Handbook of research on educational communications and technology. Springer, 735--745.

[15]

Jeisson Hidalgo-Céspedes, Gabriela Marín-Raventós, and Vladimir Lara-Villagrán. 2016. Learning principles in program visualizations: a systematic literature review. In Proceedings of the 46th Annual Frontiers in Education (FIE) Conference, Erie, PA, USA, 1--9.

Digital Library

[16]

Brad A Myers. 1990. Taxonomies of visual programming and program visualization. J. Vis. Lang. Comput. 1, 1 (1990), 97--123.

Digital Library

[17]

Jan Waller, Christian Wulf, Florian Fittkau, Philipp Dohring, and Wilhelm Hasselbring. 2013. Synchrovis: 3d visualization of monitoring traces in the city metaphor for analyzing concurrency. In Proceedings of the 1st IEEE Working Conference on Software Visualization, 1--4.

[18]

Philippe Dugerdil and Sazzadul Alam. 2008. Execution trace visualization in a 3D space. In Proceedings of the 5th International Conference on Information Technology: New Generations, 38--43.

Digital Library

[19]

Heather Logas, Jim Whitehead, Michael Mateas, Richard Vallejos, Lauren Scott, Daniel G Shapiro, John Murray, Kate Compton, Joseph C Osborn, and Orlando Salvatore. 2014. Software verification games: Designing Xylem, The Code of Plants. In Proceedings of the 9th International Conference on the Foundations of Digital Games, Cruise ship, Royal Caribbean Liberty of the Seas.

[20]

Jorma Sajaniemi, Pauli Byckling, and Petri Gerdt. 2007. Animation metaphors for object-oriented concepts. Electron. Notes Theor. Comput. Sci. 178, (2007), 15--22.

[21]

Aman Shankar Mathur, Burcu Kulahcioglu Ozkan, and Rupak Majumdar. 2018. iDeA: An Immersive Debugger for Actors. In Proceedings of the 17th ACM SIGPLAN International Workshop on Erlang, St. Louis, MO, USA, 1--12.

Digital Library

[22]

Charles Kann, Robert W Lindeman, and Rachelle Heller. 1997. Integrating algorithm animation into a learning environment. Comput. Educ. 28, 4 (1997), 223--228.

Digital Library

[23]

Wanda Dann, Stephen Cooper, and Randy Pausch. 2001. Using visualization to teach novices recursion. ACM SIGCSE Bull. 33, 3 (2001), 109--112.

Digital Library

[24]

Thomas L Naps, Guido Rößling, Vicki Almstrum, Wanda Dann, Rudolf Fleischer, Chris Hundhausen, Ari Korhonen, Lauri Malmi, Myles McNally, and Susan Rodger. 2002. Exploring the role of visualization and engagement in computer science education. In Proceedings of the 7th Annual Conference on Innovation and Technology in Computer Science Education, Aarhus, Denmark, 131--152.

Digital Library

[25]

Carmen Lacave, Ana Isabel Molina, and Juan Giralt. 2013. Identificando algunas causas del fracaso en el aprendizaje de la recursividad: Análisis experimental en las asignaturas de programación. In Proceedings of the XIX Jornadas sobre la Enseñanza Universitaria de la Informática, Castellón de la Plana, Spain, 225--232.

[26]

S. Sánchez, M. A. García, C. Lacave, A. I. Molina, C. González, D. Vallejo, and M A Redondo. 2018. Applying Mixed Reality Techniques for the Visualization of Programs and Algorithms in a Programming Learning Environment. In Proceedings of the 10th International Conference on Mobile, Hybrid, and On-line Learning, Rome, Italy, 84--89.

[27]

Chin-Hung Teng and Jr-Yi Chen. 2012. An augmented reality environment for learning OpenGL programming. In Proceedings of the 9th International Conference on Ubiquitous Intelligence and Computing and 9th International Conference on Autonomic and Trusted Computing, Fukuoka, Japan, 996--1001.

Digital Library

[28]

Chin-Hung Teng, Jr-Yi Chen, and Zhi-Hong Chen. 2017. Impact of Augmented Reality on Programming Language Learning: Efficiency and Perception. J. Educ. Comput. Res. 56, 2 (2017), 254--271.

[29]

Milena Vujošević-Janičić and Dušan Tošić. 2008. The role of programming paradigms in the first programming courses. Teach. Math. 11, 2 (2008), 63--83.

[30]

UNECE. 1968. Convention on Road Signs and Signals. United Nations Treaty Ser. 1091, (1968), 3.

[31]

S Sánchez, M A Redondo, D Vallejo, C González, and C Bravo. 2017. COLLECE 2.0: A distributed real-time collaborative programming environment for the Eclipse platform. In Proceedings of the 11th International Conference on Interfaces and Human Computer Interaction, Lisbon, Portugal, 136--142.

[32]

Santiago Sánchez, María Ángeles García, Crescencio Bravo, and Miguel Ángel Redondo. 2017. Sistema COLLECE mejorado para soportar aprendizaje colaborativo de la programación en tiempo real sobre Eclipse. IE Comun. 23, 26 (2017), 72--81.

[33]

A I Molina, J Gallardo, M A Redondo, and C Bravo. 2014. Evaluating the awareness support of COLLECE, a collaborative programming tool. In Proceedings of the XV International Conference on Human Computer Interaction, Puerto de la Cruz, Tenerife, Spain, 74--81.

Digital Library

Cited By

Aydin MÇakiroğlu Ü(2024)Learning Programming With Augmented Reality‐Based Editor: A Dynamic Code Visualisation ApproachJournal of Computer Assisted Learning10.1111/jcal.1309341:1Online publication date: 28-Nov-2024
https://doi.org/10.1111/jcal.13093
Hijon-Neira RPerez-Marin DPizarro CConnolly C(2020)The Effects of a Visual Execution Environment and Makey Makey on Primary School Children Learning Introductory Programming ConceptsIEEE Access10.1109/ACCESS.2020.30416868(217800-217815)Online publication date: 2020
https://doi.org/10.1109/ACCESS.2020.3041686
Schez-Sobrino SVallejo DGlez-Morcillo CRedondo MCastro-Schez J(2020)RoboTIC: A serious game based on augmented reality for learning programmingMultimedia Tools and Applications10.1007/s11042-020-09202-z79:45-46(34079-34099)Online publication date: 1-Dec-2020
https://dl.acm.org/doi/10.1007/s11042-020-09202-z

Index Terms

ANGELA: a novel approach of graphic notation based on the metaphor of road signs to facilitate the learning of programming

Recommendations

Willow: A Tool for Interactive Programming Visualization to Help in the Data Structures and Algorithms Teaching-Learning Process
SBES '19: Proceedings of the XXXIII Brazilian Symposium on Software Engineering

Data Structures and Algorithms (DSA) are one of the main pillars of software development; however, abstractions around them are hard to teach and to be understood by students. The most common approaches adopted by instructors to demonstrate the behavior ...
Editorial: Program and Algorithm Visualization in Education
Special Issue on the 5th Program Visualization Workshop (PVW’08)

This special issue presents extended versions of six papers presented at the 5th Program Visualization Workshop (PVW’08). The articles deal with many of the issues relevant to program and algorithm visualization in education. This foreword introduces ...
Exploring expression-level program visualization in CS1
Koli Calling '14: Proceedings of the 14th Koli Calling International Conference on Computing Education Research

Currently, most of the existing program visualization systems use line-based visualization. Another option is to have expression-level visualization which uses finer granularity to provide more details about the execution. This helps novice programmers ...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Other conferences

TEEM'19: Proceedings of the Seventh International Conference on Technological Ecosystems for Enhancing Multiculturality

October 2019

1085 pages

ISBN:9781450371919

DOI:10.1145/3362789

Editors:
Miguel Ángel Conde González
Universidad de León
,
Francisco Jesús Rodríguez Sedano
Universidad de León
,
Camino Fernández Llamas
Universidad de León
,
Francisco José García-Peñalvo
Universidad de Salamanca

Copyright © 2019 ACM.

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]

In-Cooperation

University of Salamanca: University of Salamanca

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 16 October 2019

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article
Research
Refereed limited

Conference

TEEM'19

TEEM'19: Technological Ecosystems for Enhancing Multiculturality

October 16 - 18, 2019

León, Spain

Acceptance Rates

Overall Acceptance Rate 496 of 705 submissions, 70%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

3
Total Citations
View Citations
127
Total Downloads

Downloads (Last 12 months)9
Downloads (Last 6 weeks)0

Reflects downloads up to 02 Mar 2025

Other Metrics

View Author Metrics

Citations

Cited By

Aydin MÇakiroğlu Ü(2024)Learning Programming With Augmented Reality‐Based Editor: A Dynamic Code Visualisation ApproachJournal of Computer Assisted Learning10.1111/jcal.1309341:1Online publication date: 28-Nov-2024
https://doi.org/10.1111/jcal.13093
Hijon-Neira RPerez-Marin DPizarro CConnolly C(2020)The Effects of a Visual Execution Environment and Makey Makey on Primary School Children Learning Introductory Programming ConceptsIEEE Access10.1109/ACCESS.2020.30416868(217800-217815)Online publication date: 2020
https://doi.org/10.1109/ACCESS.2020.3041686
Schez-Sobrino SVallejo DGlez-Morcillo CRedondo MCastro-Schez J(2020)RoboTIC: A serious game based on augmented reality for learning programmingMultimedia Tools and Applications10.1007/s11042-020-09202-z79:45-46(34079-34099)Online publication date: 1-Dec-2020
https://dl.acm.org/doi/10.1007/s11042-020-09202-z

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Figures

Tables

Media

View Table of Conten