DOCUMENTO OPCIÓN GRADO

SEMILLEROS DE INVESTIGACIÓN NIVEL TECNOLÓGICO

1. TÍTULO

APLICACIÓN WEB PARA GRAFICAR FUNCIONES

LINEALES

WEB APPLICATION TO GRAPH LINEAR FUNCTIONS

Cristian David Díaz Romero – Cesar Augusto López Caballero y Douglas Rolando Ovies
Corporación Tecnológica Industrial Colombiana (TEINCO)
1032475837@teinco.edu.co

Edwin Giovanny Sánchez Góngora – Cesar Augusto López Caballero y Douglas Rolando Ovies
Corporación Tecnológica Industrial Colombiana (TEINCO)
1108932852@teinco.edu.co

Johan Daniel Ruiz Arenas – Cesar Augusto López Caballero y Douglas Rolando Ovies
Corporación Tecnológica Industrial Colombiana (TEINCO)
80119566@teinco.edu.co
 2. MODELO ABSTRACT (NO RESUMEN NI RESUMEN):

El presente proyecto tiene como propósito generar un punto de partida en el área de la

simulación en matemáticas, incursionando en la temática de las funciones lineales con la
variable “Y” despejada, para cumplir con este objetivo se documentará los conceptos de
graficación matemática y estructuras de programación, posteriormente se explorarán
diversas herramientas existentes en la Web y finalmente, se codificará una aplicación
mostrando el resultado en el desarrollo de este tipo de aplicaciones y la experiencia como
desarrolladores en el ámbito de la simulación.
Para cumplir con el objetivo del presente trabajo, se seleccionó la metodología ágil ASD
como base en la sistematización del paso a paso del desarrollo web propuesto, identificando
los objetivos y el alcance de la aplicación, los conceptos relacionados con funciones
lineales y la exploración de diferentes aplicaciones, obteniendo como resultado un listado
de requerimientos, posteriormente se inició el proceso de desarrollo Web con base en las
características exploradas y el valor agregado como desarrolladores, por último se proyecta
una valoración por docentes matemáticos de la Corporación Tecnológica Industrial
Colombiana- TEINCO.
Como resultados de esta experiencia, se ha obtenido un aprendizaje relacionado con
conceptos matemáticos y estructuras de programación requeridas que representan
comportamientos de variables, con los cuales se podrán iniciar otros proyectos de
investigación relacionados con proyección de fenómenos y aplicación de la matemática
para facilitar el proceso de aprendizaje.
Palabras clave: Simulación, Iterativo, Software, Metodología ASD, Pedagógico y Función
Lineal.

The purpose of this project is to generate a starting point in the area of simulation in
mathematics, venturing into the topic of linear functions with the variable "Y" cleared, to
fulfill this objective the concepts of mathematical graphing and structures will be documented.
programming, later various existing tools on the Web will be explored and finally, an
application will be coded showing the result in the development of this type of applications
and the experience as developers in the field of simulation.

To meet the objective of this work, the agile ASD methodology was selected as the basis for
the step-by-step systematization of the proposed web development, identifying the objectives
and scope of the application, the concepts related to linear functions and the exploration of
different applications, obtaining as a result a list of requirements, the Web development
process was subsequently started based on the features explored and the added value as
developers, lastly an assessment is planned by mathematical teachers of the Colombian
Industrial Technological Corporation-TEINCO.

As a result of this experience, learning related to mathematical concepts and required

programming structures representing variable behaviors has been obtained, with which other
research projects related to projection of phenomena and application of mathematics can be
started to facilitate the process Learning.
Keywords: Simulation, Iterative, Software, ASD Methodology, Pedagogical and Linear
Function.

3. INTRODUCCIÓN

Este proyecto se enmarca en el desarrollo de una aplicación web que tiene la capacidad de mostrar
unos valores, representando un comportamiento de una variable despejada, es pertinente comenzar
señalando que el proceso de sistematización en está practica inicia con la organización de los
requerimientos, la codificación y posteriormente la evaluación por parte de los expertos en el área de
Matemáticas.

Este proyecto se desarrolló utilizando la metodología ASD en base al objetivo que consiste en la
optimización del aprendizaje de la matematica, en la primera fase del proyecto (Especulación) se
identificó la necesidad de desarrollar una aplicación web que vinculará conceptos matemáticos y de
programación para graficar una función lineal, en la fase de colaboración se generó una lluvia de ideas
buscando definir la presentación del proyecto, finalmente en la etapa de aprendizaje se ajustaron
detalles y se llevó a cabo el desarrollo de la aplicación web.

El resultado obtenido al desarrollar esta aplicación lo evidenciamos fortaleciendo nuestros

conocimientos y adquiriendo más habilidades relacionadas con el desarrollo del lenguaje de
programación usado para ejecutar el proyecto (JavaScript-Canvas HTML 5- CSS), también se reforzó
el conocimiento sobre el desarrollo de funciones lineales; finalmente nuestro producto como valor
agregado puede entregar un reporte en formato PDF con el resultado al ingresar los datos generando la
respectiva gráfica con su pendiente y la tabla de datos agrupados.

Finalmente, este proyecto se puede orientar hacia la construcción de aplicaciones que aporten en áreas
relacionadas con la economía con la cual se podría calcular valores de oferta y demanda, valores de
unidad de inversión o en la física al calcular la velocidad de un objeto que serviría por ejemplo para
reglamento de tráfico vehicular, en el área del comercio para calcular costos, precios de productos y
consumo de servicios públicos.

4.MÉTODO

En el siguiente punto veremos la o las metodologías que se están empleando para el

desarrollo del software que grafica la función lineal en un entorno web.
4.1. Metodología ASD
Conocido por sus siglas en inglés como ASD (Adaptive Software Development), es una
técnica creada por Jim Highsmith y Sam Bayer en el año 1998 para el desarrollo de
software complejo, tomando los conceptos de los sistemas adaptativos de inteligencia
artificial.
Este método es iterativo e incremental, de acuerdo con la gráfica de la “[Figura 1]” esta
metodología favorece el desarrollo del producto por medio de prototipos, esta metodología se
enfoca en la colaboración humana y en la organización del equipo, las principales
características del ASD son: Proceso iterativo, orientado a los componentes de software más
que a las tareas en las que se va a alcanzar dicho objetivo, tolerante a los cambios, guiado por
los riesgos.(Cifuentes, J. & Sánchez, O. p24, p25).

Cifuentes, J. Sánchez, O. (2013). PRÁCTICAS ÁGILES PARA EL DESARROLLO

DE SOFTWARE EN SEMILLEROS DE INVESTIGACIÓN. [Figura 1].

Esta metodología se divide en tres fases la especulación, colaboración y aprendizaje, la vida

de ASD comienza con la fase de especulación, es aquí donde se planifican de manera tentativa
los incrementos en el desarrollo del software, en cada uno de estos ciclos o iteraciones se tiene
la opción de desviar el desarrollo, es decir, se puede cambiar el orden de entrega de las
funcionalidades para no retrasar el proyecto.

En la fase de especulación se detectó una necesidad académica relacionada con matemáticas

aplicadas y programación, liderada por los docentes de semillero. Para entregar una respuesta
a este requerimiento, se exploró diversas fuentes de aplicaciones existentes en el área
matemática para poder integrar la idea con la programación.

La segunda es la fase de colaboración, cuando los miembros del equipo de desarrollo

colaboran y se comunican entre sí para sacar adelante la entrega planificada en la fase de
especulación. La tercera fase es la de aprendizaje, en esta etapa se revisa la calidad de la
entrega y con esto se pretende entender mejor los procesos y herramientas utilizados en todo
el ciclo de desarrollo y se analizan cuatro factores que ayudaran a absorber este conocimiento:
Calidad del resultado desde la perspectiva del cliente, calidad del resultado desde la
perspectiva técnica, el funcionamiento del equipo de desarrollo y las prácticas que este utiliza,
el status del proyecto.

En la fase de aprendizaje se codificó el proyecto con esta estructura: se enfocó en la creación

de un frontend para la interacción con el usuario tomando los valores ingresados y
transformándolos en una gráfica por medio de ciclos plasmados en un lienzo de Canvas
encapsulado en 6 funciones con una principal llamada trazo que instancia o llama las otras 5
que se encargan de colorear la línea diagonal del resultado de la función y la marcación
puenteada que encierra las coordenadas en (X) y en (Y) al final generando un informe en
formato pdf con la información matemática de la gráfica.

4.1.1. Población y muestra

Este articulo tiene por objetivo desarrollar un conjunto de aplicaciones móviles y web que
permiten apoyar el aprendizaje de aspectos relacionados con optimización matemática,
dentro de la población tenemos a la Corporación Tecnológica Industrial Colombiana
TEINCO; Mas específicamente a los estudiantes del semillero de simulación matemática
quienes le darán el uso al software de matemática aplicada que grafica una función lineal.
Este es un proyecto de creación autónoma, que surgió como necesidad en el contexto de
investigación del semillero de simulación matemática llevando así a las pruebas o muestras
que serán ejecutadas con los mismos estudiantes del semillero de simulación matemática,
quienes por medio de su investigación encontraron la necesidad antes formulada y por la cual
nació este proyecto.

4.1.2. Procedimiento

Con base en el alcance del proyecto “desarrollo de aplicación Web para graficar función
lineal”, se inició con la indagación de documentos y tesis relacionadas con proyectos de
matemáticas y programación, posteriormente se buscaron aplicaciones publicadas en la web,
de donde se extrajo diferentes características para convertirlas en requerimientos necesarios
para la aplicación web.

Dentro de aplicaciones indagadas, se hizo énfasis en “GEOGEBRA”, el cual es un programa

dinámico para enseñanza y aprendizaje de las matemáticas para educación en todos sus
niveles, combina dinámicamente, geometría, algebra, análisis y estadística en un único,
levantando esta información de dicha aplicación y sus beneficios, se decidió implementar la
aplicación web de una función lineal, dando un plus que GEOGEBRA no maneja y es
mostrar por medio de un PDF todo el procedimiento paso a paso de cómo se desarrolla cada
función lineal.
Para uso no solo de educación Secundaria o Bachillerato sino también para uso universitario,
dado que los problemas se pueden llegar a evidenciar no solo en los grados novenos, sino
también de ahí en adelante, llegando incluso con varias falencias referentes al tema a la
educación superior, así poder aplicar el software como método de enseñanza en los ´primeros
semestres con ejemplos de la vida cotidiana.

Uno de los ejemplos que presenta y por los cuales empleamos este tema, como punto de
investigación es en los servicios públicos que siempre se pagan, como son las lecturas, y
como se podría usar la aplicación web para hacer una propia lectura y así saber si todo lo
mencionado en una factura es correcto o hay sobrecostos en los mismos que no tienen como
sustentar su aparición.
Con base a estos objetivos se propuso un alcance; el cual sería no salir de lo que contiene o
las características de una función lineal, buscamos un apoyo docente a la hora de elegir una
metodología óptima para el desarrollo de este proyecto, en este paso los docentes Douglas
Ovies y Cesar López nos brindaron las pautas y las opciones más adecuadas, así se eligió la
metodología ASD como desarrollo de este proyecto, se consiguió información respecto al
entorno en el que podría ser desarrollado sacando así la conclusión de que el medio que
mejor se adapta a la necesidad era el entorno web.

5. RESULTADOS

Los resultados de la investigación de que tan necesario es tener este tipo de aplicación en la
Corporación Tecnológica Industrial Colombiana TEINCO se basan en la referencia
planteada en sondeos realizados en diferentes ámbitos, donde se evidenciaron falencias en
el aprendizaje para las personas desde noveno grado de bachillerato en adelante y la
necesidad de encontrar un método de aprendizaje más didáctico y fácil de operar.
También esta necesidad surge que las funciones lineales se aplican en diferentes áreas,
como la economía, la física, la química entre otras ciencias y áreas de conocimiento, donde
se encuentre un problema donde se relacionan dos variables de forma proporcional.
El ejemplo que se va a presentar por medio del aplicativo web desarrollado consiste en;
Utilizar con la función lineal cuya fórmula es Y=mx+b donde nos dan dos valores, la
pendiente que es 3 y la constante que es 2, cuando la función esta despejada se ve de la
siguiente manera: Y=3x-2, se presentan los siguientes números en X para despejar Y.

[Figura 2]
Al reemplazar los valores propuestos en x para darle solución a la función Y=3x-2, se
representan de la siguiente manera:

[Figura 3]
 El aplicativo web soluciona este procedimiento de manera interna y dando la solución por
medio de una gráfica.

[Figura 4]

En la gráfica nos muestra el punto de recorrido de la función a resolver, tanto en la parte

positiva como en la parte negativa de la gráfica; al terminar el proceso de la función y para
conocer el paso a paso que este realizo para llegar al resultado mostrado en la [Figura 4], el
aplicativo web permite la función de descargar en formato PDF todo el proceso realizado
para llegar al resultado final.
 [Figura 5]
6. DISCUSIÓN Y CONCLUSIONES

Los hallazgos principales para desarrollar este proyecto son:

 falencia referente al conocimiento de graficar la función lineal que tienen algunas
personas, esta situación se evidencia inclusive desde el noveno año de bachillerato
académico según estudios realizados.
 Buscar resolver problemas de la vida cotidiana de forma didáctica, mediante la
utilización de una aplicación web.
 Este documento muestra los resultados de la necesidad hallada por el semillero de
Matemática Aplicada en la Corporación Tecnológica Industrial Colombiana
TEINCO
 Este documento es producto de la tesis investigativa Aplicación de la herramienta
digital geogebra en el proceso de aprendizaje de la función lineal en el grado
noveno del Señor Jorge Salazar.(
http://repositorio.uwiener.edu.pe/handle/123456789/2553 )
 Según el proyecto del señor Jorge Salazar se demuestra que el uso de un aplicativo,
como la Aplicación web que grafica la función lineal, influye en el reconocimiento
de la gráfica y su proceso dando mejoras en el rendimiento académico en este tipo
de tema.
 Se demuestra la influencia que ejerce el aplicativo web, en el mejoramiento de la
capacidad de solucionar problemas correspondientes a la función lineal no solo en
los grados noveno, sino también en toda aquella persona que tenga falencias en este
tipo de área y en la aplicación de la misma en temas relacionados con la vida
cotidiana, desde la parte de economía y finanzas hasta en la lectura de una gráfica
de consumo en un servicio público.
 8. REFERENCIAS BIBLIGRÁFICAS

Cifuentes, J. & Sánchez, O. (2013). PRÁCTICAS ÁGILES PARA EL

DESARROLLO DE SOFTWARE EN SEMILLEROS DE INVESTIGACIÓN. Repositorio
Universidad Pontifica Bolivariana, 2013. Recuperado de
https://repository.upb.edu.co/bitstream/handle/20.500.11912/1520/PR%C3%81CTICAS
%20%C3%81GILES%20PARA%20EL%20DESARROLLO%20DE%20SOFTWARE
%20EN%20SEMILLEROS%20DE%20INVESTIGACI%C3%93N.pdf?
sequence=1&isAllowed=y.

Gallo E. (2018). RESOLUCION DE PROBLEMAS CON LA FUNCION LINEAL A

TRAVEZ DE UNA SECUENCIA DIDACTICA UTILIZANDO EL PROGRAMA
GEOGEBRA CON EL FIN DE CONTRIBUIR CON EL APRENDIZAJE EN LOS
ESTUDIANTES DEL GRADO NOVENO DE LA IED CODENA. Repositorio Universidad
de la Sabana 2018. Recuperado de
https://intellectum.unisabana.edu.co/bitstream/handle/10818/34109/Proyecto%20Maestria
%20Final.%20Edgar%20Gallo%20Duarte.pdf?sequence=1&isAllowed=y

Palacios J. (2018). DISEÑO DE UN PROYECTO DE AULA PARA LA ENSEÑANZA

MEDIADO POR RESOLUCION DE SITUACIONES PROBLEMA EN EL CONTEXTO
RURAL. Repositorio Universidad Nacional de Colombia 2018. Recuperado de
http://bdigital.unal.edu.co/70108/1/1017160286.2018.pdf

Cifuentes, J. & Sánchez, O. (2013). PRÁCTICAS ÁGILES PARA EL DESARROLLO DE

SOFTWARE EN SEMILLEROS DE INVESTIGACIÓN. [Figura 14]. Recuperado de
https://repository.upb.edu.co/bitstream/handle/20.500.11912/1520/PR%C3%81CTICAS
%20%C3%81GILES%20PARA%20EL%20DESARROLLO%20DE%20SOFTWARE%20EN
%20SEMILLEROS%20DE%20INVESTIGACI%C3%93N.pdf?sequence=1&isAllowed=y

Salazar J. (2018). APLICACIÓN DE LA HERRAMIENTA DIGITAL GEOGEBRA EN EL

PROCESO DEL APRENDIZAJE DE LA FUNCION LINEAL EN EL GRADO NOVENO
DEL COLEGIO NUESTRA SEÑORA DE LA CANDELARIA DE CIMITARRA.
Repositorio Universidad Norbert Wiener. Recuperado de
http://repositorio.uwiener.edu.pe/handle/123456789/2553

Posada B, Villa F. & Alexander J. (2006). PROPUESTA DIDACTICA DE

APROXIMACION AL CONCEPTO DE FUNCION LINEAL DESDE UNA PERSPECTIVA
VARIACIONAL. Repositorio Universidad de Antioquia. Recuperado de
http://bibliotecadigital.udea.edu.co/dspace/handle/10495/7093

Betancur J. (2010). UN ACERCAMIENTO A LA NOCION DE FUNCION LINEAL EN

ENTORNOS VIRTUALES A TRAVÉS DEL SOFTWARE MATEMATICO
INTERACTIVO GEOGEBRA. Repositorio Universidad Distrital. Recuperado de
http://repository.udistrital.edu.co/handle/11349
 9. CV DEL AUTOR O AUTORES

Cesar Augusto López Caballero – Douglas Rolando Ovies

Docentes de Universidad

Corporación Tecnológica Industrial Colombiana TEINCO.

Facultad de Ingeniería de Sistemas

10. TABLAS, GRÁFICOS O ILUSTRACIONES

10.1. Formato de Ilustración

Figura 1 Diagrama Metodología ASD

Fuente: Practicas Agiles para el desarrollo de software en semilleros de

investigación, 2013.
Fuente: Juliana Tamayo Cifuentes, 2013.

Figura 2 Números para la variable X

Fuente: Propio, 2020.

Fuente: Edwin Giovanni Sánchez.
Figura 3 Solución de la función Y

Fuente: Propio, 2020

Fuente: Edwin Giovanni Sánchez.

Figura 4 Grafica desde el aplicativo web

Fuente: Propio, 2020

Fuente: Edwin Giovanni Sánchez

Figura 5 Proceso de solución de la función en PDF

Fuente: Propio, 2020.

Fuente: Edwin Giovanni Sánchez.