CodES (CODification with Inputs and Outputs) is a visualization tool that bases its
action on the simplest artifact of computational analysis, which is the input and output diagram, for
the purpose of generating an abstraction process for algorithm design and writing, for the student to
focus on first understanding the problem to be solved through its essential elements while intuiting
the computational interface to be built and their respective design and coding diagrams from the
outset. CodES was validated using a quantitative approach with descriptive type research and by
experimental design with control group and post-test. In addition, a parametric technique was used
to check the statistical difference between data obtained in the research process which together with
a Usability test and an Eye-tracking technique, suggested the use of CodES in a first computer
programming course.CodES (CODificación con Entradas y Salidas) es una herramienta de visualización que
basa su accionar en el artefacto más simple de análisis computacional que es el diagrama de
entrada/salida, con el propósito de generar procesos de abstracción para el diseño y escritura de
algoritmos, permitiendo que el estudiante centre su atención en comprender el problema a
solucionar mediante sus elementos esenciales y a la vez intuir desde un inicio la interfaz
computacional a construir con sus diagramas de diseño y codificación. CodES fue validado
utilizando un enfoque cuantitativo, con investigación de tipo descriptiva y mediante diseño
experimental con grupo de control y pos prueba, además, se utilizó una técnica paramétrica para
comprobar la diferencia estadística existente entre datos obtenidos en el proceso investigativo, que
junto con un test de usabilidad y una técnica de seguimiento ocular permitieron sugerir el uso de
CodES en un primer curso de programación de computadores