PROYECTO FINAL DE AULA

ESCUELA DE PREGRADO Programación en Lenguajes Estadísticos

S1-2024

Desarrollo de un Dashboard Interactivo

1ro Wilhelm David Buitrago Garcia , 2ro Sergio Andrés Guzmán Carrascal , 3do Hector Daniel Vasquez Rivera
Universidad Nacional de Colombia, Escuela de pregrados sede La Paz, La Paz, Colombia

Resumen—El proyecto de Desarrollo de la Aplicación Web Crear un dashboard interactivo que, visualice los datos
tuvo como objetivo principal la creación de un dashboard de manera efectiva, utilizando Python-Streamlit.
interactivo utilizando la librería Streamlit de Python. Este Incorporar elementos interactivos en el dashboard que
dashboard proporcionó una plataforma para analizar datos
educativos de manera accesible y efectiva. Se siguieron las permitan a los usuarios explorar los datos de diferentes
mejores prácticas de desarrollo de software, incluyendo una maneras.
estructura de carpetas bien definida y el uso de la paleta de
colores de la Universidad Nacional de Colombia, sede de La III. M ARCO TEORICO
Paz, para mantener la coherencia con la identidad institucional. III-A. Teoría del Aprendizaje Significativo de Ausubel
Esta teoría propuesta por David Ausubel postula que el
Palabras clave—Dashboard interactivo, Streamlit, Análisis de aprendizaje significativo ocurre cuando un nuevo conocimiento
datos educativos, Filtros interactivos, EDA
se relaciona de manera no arbitraria y sustantiva con la
estructura cognitiva del estudiante preexistente. Al desarrollar
I. INTRODUCIÓN visualizaciones educativas en el dashboard, se busca fomentar
El presente proyecto tiene como objetivo principal la la construcción de significado al presentar los datos de manera
aplicación práctica de los conocimientos en programación y que los estudiantes puedan relacionarlos con sus experiencias
análisis de datos por parte de los estudiantes desarrollados previas y conocimientos existentes.
durante la asignatura: Programacion en lenguajes
estadistícos 2024-1S. A través, del desarrollo de un
dashboard interactivo. Este dashboard será construido III-B. Teoría de la Visualización de la Información
utilizando los datos proporcionados en la hoja de cálculo La teoría de la visualización de la información se centra
RE_ACT_PER_TABLA_DE_DATOS.xlsx", con el propósito en el diseño de representaciones visuales efectivas para
de presentar análisis visuales claros y útiles sobre la población comunicar información de manera clara y comprensible. Al
estudiantil, sus programas académicos, avances, demografía, seleccionar tipos de visualizaciones y elementos interactivos
entre otros. para el dashboard, se consideran principios de esta teoría,
como la selección adecuada de gráficos y la utilización de
Con el fin de lograr dicho objetivo, se han propuesto colores y etiquetas que faciliten la interpretación de los datos.
diversas etapas para la realización del proyecto, comenzando
por la comprensión de los datos a través de un Análisis
Exploratorio de Datos (EDA), seguido de la limpieza III-C. Teoría de la Motivación Intrínseca de Deci y Ryan
y preparación de los datos necesaria para el análisis. Según Deci y Ryan, la motivación intrínseca surge de
Posteriormente, se procederá al desarrollo del dashboard la satisfacción de las necesidades psicológicas básicas de
interactivo, utilizando herramientas como Python mas autonomía, competencia y relación. Al diseñar elementos
especificamente la libreria Streamlit, donde se incluirán al interactivos en el dashboard, se busca aumentar la motivación
menos tres tipos de visualizaciones y elementos interactivos intrínseca al permitir a los usuarios explorar los datos de
que permitan a los usuarios explorar los datos de diferentes manera autónoma, experimentar un sentido de competencia al
maneras. descubrir patrones y relaciones, y conectar con otros usuarios
para compartir hallazgos.
Además del desarrollo técnico del dashboard, se requerirá
la documentación adecuada del proceso. Esto incluirá comen-
tarios en el código donde se explique la lógica detrás de las III-D. Teoría de la Educación Basada en Datos (EBD)
selecciones de datos y visualizaciones, así como la redacción La Educación Basada en Datos (EBD) se centra en el
de un breve informe que detalle las decisiones de diseño del uso de datos para informar la toma de decisiones y mejorar
dashboard, los hallazgos encontrados en los datos y cualquier los resultados educativos. El desarrollo del dashboard se
dificultad enfrentada durante el proyecto. alinea con esta teoría al proporcionar herramientas visuales
que permiten a educadores, estudiantes y otros interesados
II. O BJETIVOS acceder y analizar datos educativos de manera oportuna y
Analizar y entender el conjunto de datos proporcionado. significativa, con el objetivo de identificar áreas de mejora y
Preparar los datos para el análisis, incluyendo la limpieza promover la toma de decisiones informadas.
y transformación de datos según sea necesario.
 PROYECTO FINAL DE AULA
ESCUELA DE PREGRADO Programación en Lenguajes Estadísticos
S1-2024

III-E. Teoría de la Comunicación Efectiva la aplicación..

La comunicación efectiva es fundamental para asegurar que
la información presentada en el dashboard sea comprensible Se asegurará la coherencia visual y la accesibilidad de la
y útil para los usuarios. Se aplican principios de esta teoría al aplicación para todos los usuarios.
diseñar visualizaciones claras y concisas, utilizar un lenguaje
accesible y proporcionar funciones interactivas intuitivas que IV-E. Definicion de contenido de cada una de las secciones
faciliten la exploración y comprensión de los datos.
IV-E1. Inicio - Resumen General: Esta sección propor-
ciona una introducción a la aplicación y su propósito. Incluye
una descripción general del dashboard y sus funcionalidades
IV. R ESULTADOS principales. Los usuarios pueden obtener una visión general
IV-A. Estructura de la Aplicación rápida de lo que pueden esperar del dashboard y acceder
1. Se utilizó la librería Streamlit de Python para desarrollar fácilmente a otras secciones importantes.
la aplicación web.

2. Se utilizó la paleta de colores de la Universidad Nacional

de Colombia, sede de La Paz, para mantener coherencia
con la identidad institucional.

IV-B. Secciones de la Aplicación

Inicio / Resumen General: Bienvenida, descripción del
propósito del dashboard y enlaces rápidos a secciones
específicas.
Figura 1: Inicio de la aplicación Web
Análisis Exploratorio de Datos (EDA): Visualización
de datos utilizando histogramas, gráficos de dispersión, Características:
diagramas de caja y diagramas de correlación.
Introducción y descripción del propósito del dashboard.
Resumen general de los datos y análisis presentados.
Filtros Interactivos: Selección de Variables, Filtros por
Categoría, Filtros por Rango, Búsqueda por Texto y • Longitud de datos
Filtros Dinámicos. • categorizacion de varibales
• selector y descripcion de cada variable
Conclusiones y Recomendaciones: Resumen de hallazgos Enlaces rápidos a otras secciones del dashboard.
clave, recomendaciones basadas en los resultados del
análisis. IV-E2. Análisis Exploratorio de Datos (EDA): En
esta sección, los usuarios pueden explorar y analizar los
Recursos Adicionales: Enlaces a documentación, datos de manera interactiva. Se presentan diferentes tipos
tutoriales, libros y otros recursos relacionados con las de gráficos, como histogramas, gráficos de dispersión,
tecnologías utilizadas. diagramas de caja y diagramas de correlación, para ayudar a
comprender la distribución y las relaciones entre las variables
Feedback y Contacto: Formulario de contacto, informa- de interés. Los usuarios pueden interactuar con los gráficos
ción de contacto de los creadores del proyecto y enlace para profundizar en áreas específicas de los datos y obtener
al repositorio de GitHub. insights significativos.

IV-C. Desarrollo de la Aplicación

Se desarrolló la aplicación utilizando Streamlit y se
implementarán las características y secciones definidas.

Se utilizaron gráficos interactivos y elementos visuales

efectivos para comunicar los insights de manera clara y
eficaz

IV-D. Consideraciones Adicionales

Se prestó atención a la eficacia de las visualizaciones en
la comunicación de insights y a la usabilidad general de Figura 2: Análisis de la aplicación Web
 PROYECTO FINAL DE AULA
ESCUELA DE PREGRADO Programación en Lenguajes Estadísticos
S1-2024

Características: Características:
Visualización de estadísticas descriptivas básicas. Resumen de los hallazgos clave y conclusiones del
Gráficos y visualizaciones interactivas, incluyendo: análisis.
• Histogramas Recomendaciones basadas en los resultados del análisis.
• Gráficos de dispersión Destacar insights relevantes y tendencias importantes.
• Diagramas de caja
• Diagramas de correlación IV-E5. Recursos Adicionales: Aquí se ofrecen enlaces a
IV-E3. Filtros Interactivos: Aquí, los usuarios tienen recursos adicionales relevantes, como documentación, tutoria-
la capacidad de personalizar su experiencia de visualización les, libros y blogs relacionados con el análisis de datos y
de datos mediante filtros interactivos. Pueden seleccionar las tecnologías utilizadas en el proyecto. También se incluyen
variables específicas, filtrar datos por categoría, rango o texto, descripciones breves de las tecnologías utilizadas y su papel
y ajustar dinámicamente los filtros según sus necesidades en el proyecto para proporcionar contexto a los usuarios.
de análisis. Esta funcionalidad permite una exploración más
profunda y personalizada de los datos presentados en el
dashboard.

Figura 5: Recursos de la aplicación Web

Características:
Enlaces a documentación, tutoriales, libros y blogs rela-
Figura 3: Filtros de la aplicación Web cionados.
Descripciones breves de las tecnologías utilizadas en el
Características: proyecto.
Selección de variables
Filtros por categoría IV-E6. Feedback y Contacto: En esta sección, los
Filtros por rango usuarios pueden proporcionar comentarios y sugerencias
Búsqueda por texto sobre el dashboard y ponerse en contacto con los creadores
Filtros dinámicos y ajustables según las selecciones del del proyecto. Se proporciona información de contacto, como
usuario direcciones de correo electrónico o formularios de contacto,
IV-E4. Conclusiones y Recomendaciones: En esta sec- junto con enlaces al repositorio de GitHub del proyecto para
ción, se resumen los hallazgos clave y conclusiones obtenidas facilitar la colaboración y la contribución de la comunidad.
del análisis de datos. Además de los insights encontrados,
se proporcionan recomendaciones basadas en los resultados
del análisis para guiar la toma de decisiones informadas. Esta
sección ayuda a los usuarios a entender y contextualizar los
datos presentados en el dashboard y a tomar acciones concretas
basadas en los insights obtenidos.

Figura 6: Feedback y Contacto de la aplicación Web

Características:
Formulario de contacto para enviar comentarios y suge-
rencias.
Figura 4: conclusiones de la aplicación Web Información de contacto del equipo de desarrollo.
 PROYECTO FINAL DE AULA
ESCUELA DE PREGRADO Programación en Lenguajes Estadísticos
S1-2024

Enlace al repositorio de GitHub para colaboración y proporcionar un análisis más completo y detallado.
contribuciones.
5. Aplicabilidad en Diferentes Contextos: Las herramientas
Descripción de la variable AVANCE_CARRERA La y técnicas utilizadas en este proyecto son fácilmente
variable AVANCE_CARRERA representa el avance del adaptables a diferentes contextos educativos y áreas de
estudiante en su carrera universitaria, expresado como un estudio. El dashboard puede ser personalizado según
porcentaje que va desde 0 hasta 100. Este valor indica qué las necesidades específicas de diferentes instituciones
tan avanzado está el estudiante en su programa académico en educativas, programas académicos o áreas temáticas, lo
relación con el total de créditos, cursos o requisitos necesarios que lo convierte en una herramienta versátil y escalable.
para completar su carrera.

Tipo de datos: Flotante (float). R EFERENCIAS

Rango de valores: El valor de AVANCE_CARRERA [1] de Aguileta, G. L., & Soler-Gallart, M. (2021). Aprendizaje significa-
varía desde 0 hasta 100, donde 0 indica que el estudiante tivo de Ausubel y segregación educativa. Multidisciplinary Journal of
Educational Research, 11(1), 1-19.
está en el inicio de su carrera y 100 indica que ha [2] Ramos, M. T. O., & Batista, L. M. Á. H. (2021). Diseño de la
completado todos los requisitos para graduarse. Esta visualización de la información. un año de diseñarte, mm1, (23), 60-
variable es importante para evaluar y monitorear el 71.
[3] Orbegoso, A. (2016). La motivación intrínseca según Ryan & Deci y
progreso académico de los estudiantes a lo largo del algunas recomendaciones para maestros. Educare, Revista Científica de
tiempo, identificar posibles problemas de retención Educação, 2(1), 75-93.
estudiantil y proporcionar intervenciones tempranas para [4] Tubilla Espinoza, V. H., & Segura Rodriguez, X. J. Aplicación de
dashboards para mejorar la productividad y la toma de decisiones en
apoyar el éxito estudiantil. los proyectos de construcción.

V. C ONCLUSIONES
En base al desorrollo del proyecto se consideraron impor-
tante tener en cuenta los siguientes criterios:
1. Importancia del Análisis de Datos en Educación:
El desarrollo de este dashboard interactivo resalta la
importancia del análisis de datos en el ámbito educativo.
Al proporcionar herramientas visuales y accesibles, se
facilita a educadores, estudiantes y otros interesados en
educación la capacidad de acceder y comprender datos
relevantes para la toma de decisiones informadas.

2. Potencial de la Visualización de Datos: La visualización

de datos emerge como una herramienta poderosa
para comunicar información de manera efectiva. Este
proyecto demuestra cómo las visualizaciones pueden
ayudar a identificar tendencias, patrones y relaciones en
los datos educativos de una manera clara y comprensible.

3. Enfoque Centrado en el Usuario: El diseño de

elementos interactivos en el dashboard se basa en un
enfoque centrado en el usuario, que busca aumentar
la motivación intrínseca y mejorar la experiencia del
usuario al permitir la exploración personalizada de los
datos. Este enfoque puede contribuir significativamente
a la adopción y utilidad del dashboard en entornos
educativos.

4. Oportunidades para la Mejora Continua: Aunque

el dashboard desarrollado cumple con los objetivos
establecidos, siempre hay oportunidades para la mejora
continua. Esto incluye la incorporación de nuevas
funcionalidades, la optimización de la interfaz de
usuario y la expansión de las fuentes de datos para