Diseño e Integración de Applets Interactivos
de Matemáticas y Actividades de Aprendizaje
en la Universidad de Queensland
Seminario de Innovación Docente
Universidade da Coruña
![](https://upload.wikimedia.org/wikipedia/commons/e/e9/Universidade_da_Coru%C3%B1a.png)
Dr. Juan Carlos Ponce Campuzano
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/9122608/bs-square.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11476717/riemann-sum.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11476718/secant.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11476720/planes-removebg-preview.png)
Agradecimientos
Andrés Prieto Anerios
Grupo de Innovación Docente en Modelización Matemática e Simulación Numérica (M2SINUM)
![](https://fonts.gstatic.com/s/e/notoemoji/latest/1f422/512.gif)
Contenido
- Breve introducción al contexto educativo en la Universidad de Queensland.
- Diseño e integración de applets interactivos y actividades de aprendizaje.
- Actualización de la componente de programación.
![](https://www.uq.edu.au/images/thumb_uq.jpg)
1. Contexto
![](https://www.uq.edu.au/images/thumb_uq.jpg)
![](https://upload.wikimedia.org/wikipedia/commons/5/51/Mapa_Australia.es.V3.png)
![](https://upload.wikimedia.org/wikipedia/commons/5/51/Mapa_Australia.es.V3.png)
1. Contexto
![](https://upload.wikimedia.org/wikipedia/commons/5/51/Mapa_Australia.es.V3.png)
![](https://upload.wikimedia.org/wikipedia/commons/5/51/Mapa_Australia.es.V3.png)
![](https://www.uq.edu.au/images/thumb_uq.jpg)
1. Contexto
![](https://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/Sunsets_of_Brisbane%2C_Queensland%2C_September_2021%2C_01.jpg/2560px-Sunsets_of_Brisbane%2C_Queensland%2C_September_2021%2C_01.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/10613167/Education_UQ_advanced_engineering_8-900x600.jpg)
1. Contexto
Cursos de matemáticas
Conferencias (Lectures)
Tutoriales/Talleres
(Tutorials/Workshops)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
2 Semestres por año
13 semanas por semestre
1. Contexto
Cursos de matemáticas
Conferencias (Lectures)
~3 horas por semana
Estudiantes por curso:
~800 a 1500
(primer año de la universidad)
![](https://fonts.gstatic.com/s/e/notoemoji/latest/1f30f/512.gif)
1. Contexto
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
Tutoriales/Talleres
(Tutorials/Workshops)
Cursos de matemáticas
1. Contexto
~1 o 2 horas por semana
Trabajo grupal:
~20 a 30 estudiantes
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
Tutoriales/Talleres
(Tutorials/Workshops)
Cursos de matemáticas
1. Contexto
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/10613167/Education_UQ_advanced_engineering_8-900x600.jpg)
Conferencias (Lectures)
Tutoriales/Talleres
(Tutorials/Workshops)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
Proyecto (2018):
Diseño e integración de applets interactivos y actividades de aprendizaje.
- Mejorar el aprendizaje de contenido matemático.
- Fomentar la interacción en cursos.
- Actualizar contenido y actividades relacionadas con programación.
Cursos de matemáticas
1. Contexto
Proyecto (2018):
Diseño e integración de applets interactivos y actividades de aprendizaje.
MATH1050: Fundamentos de matemáticas
MATH1051: Cálculo y Álgebra Lineal
MATH1052: Cálculo Multivariable y Ecuaciones Diferenciales Ordinarias
Grandes cursos de primer año universitario.
Obligatorios para las carreras de matemáticas, ingeniería y otras ciencias.
MATLAB
Fundamentos de programación
1. Contexto
Colaboración entre académicos, estudiantes y diseñadores didácticos:
Poh Hillock, Sam Kault, Wenbo Li, Michael Jennings,
Kyle Clunies-Ross, Thomas Reay, Marcus Flook, Dylan Cowley, Liam Timms, Emma Comino, Montana Wickens, Christina Tang-Fujiwara, Andre Mengene,
Juan Carlos Ponce Campuzano
Proyecto (2018):
Diseño e integración de applets interactivos y actividades de aprendizaje.
2. Diseño e integración de applets interactivos y actividades de aprendizaje
![](https://www.dynamicmath.xyz/linear-algebra/images/determinant.gif)
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Multiple representaciones semióticas
![](https://www.dynamicmath.xyz/linear-algebra/images/determinant.gif)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11483459/problems.png)
Actividades de aprendizaje
Applets interactivos
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Applets interactivos
GeoGebra
- Programa de acceso libre
- Múltiple representaciones semióticas:
- Álgebra
- Geometría dinámica 2D y 3D
- Hojas de cálculo
- Systema algebraico de cómputo
- "Fácil" uso para la creación y diseño de applets
- Compatibilidad con differentes navegadores
- Potencialmente de fácil mantenimiento a largo plazo
![](https://www.dynamicmath.xyz/linear-algebra/images/determinant.gif)
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Applets interactivos
JavaScript (JS)
- Lenguaje de programación libre
- Compatibilidad con diferentes navegadores
- Potencial de crear casi cualquier tipo de simulaciones o applets interactivos en 2D y 3D
- Requiere mayor conocimiento en programación
function draw() {
v[halfWidth][halfHeight] = 0;
p[halfWidth][halfHeight] = (sin(frameCount * f1 * vel) + sin(frameCount * f2 * vel) + sin(frameCount * f3 * vel)) * 8;
for (let x = 1; x < widt; x++) {
for (let y = 1; y < heigh; y++) {
v[x][y] += (p[x - 1][y] + p[x + 1][y] + p[x][y - 1] + p[x][y + 1]) * 0.25 - p[x][y];
}
}
loadPixels(); // Load the pixel data into the pixels[] array
for (let x = 1; x < widt; x++) {
for (let y = 1; y < heigh; y++) {
p[x][y] += v[x][y];
let c = 1 - abs(constrain(p[x][y], -1, 1));
let index = (x + y * width) * 4;
pixels[index] = c * 255; // Red
pixels[index + 1] = c * 255; // Green
pixels[index + 2] = c * 255; // Blue
pixels[index + 3] = 255; // Alpha
}
}
updatePixels(); // Update the display window with the new pixel data
}
Entre los más populares lenguajes de programación
JS Frameworks:
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Conferencias
(Lectures)
![](https://www.geogebra.org/resource/qfppmnpx/zXYigMPRq1hWXGMk/material-qfppmnpx.png)
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Conferencias
(Lectures)
Tutoriales/Talleres
(Tutorials/Workshops)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
![](https://www.geogebra.org/resource/qfppmnpx/zXYigMPRq1hWXGMk/material-qfppmnpx.png)
![](https://www.dynamicmath.xyz/linear-algebra/images/linear-transformation.gif)
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Ejemplo 1: Sucesiones
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Ejemplo 2: Geometría de eigenvectores
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Ejemplo 3: Campos de direcciones
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Tutoriales/Talleres
(Tutorials/Workshops)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
![](https://www.geogebra.org/resource/qfppmnpx/zXYigMPRq1hWXGMk/material-qfppmnpx.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485052/level-curves.png)
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Tutoriales/Talleres
(Tutorials/Workshops)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
![](https://www.geogebra.org/resource/qfppmnpx/zXYigMPRq1hWXGMk/material-qfppmnpx.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485052/level-curves.png)
Trabajo colaborativo dentro de un contexto de resolución de problemas
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Flujo de trabajo
Diseño de applets y actividades de aprendizaje
Revisión y prueba
Incorporación en cursos
Entre Febrero y Diciembre de 2018
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Flujo de trabajo
Diseño de applets y actividades de aprendizaje
Revisión y prueba
Incorporación en cursos
Entre Febrero y Diciembre de 2018
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485240/video-edx.png)
Creación de videos de contenido matemático
Opciones de estudio:
- Presenciales
- En línea
2. Diseño e integración de applets interactivos y actividades de aprendizaje
Conferencias
(Lectures)
Tutoriales/Talleres
(Tutorials/Workshops)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11481284/tutors.jpg)
![](https://www.geogebra.org/resource/qfppmnpx/zXYigMPRq1hWXGMk/material-qfppmnpx.png)
![](https://www.dynamicmath.xyz/linear-algebra/images/linear-transformation.gif)
Actualmente en vigencia
4 Cursos de primer año
(Algunos cursos más avanzados)
3. Actualización de la componente de programación
% Define anonymous function
f = @(t,y) 1 - exp(-4 * t) - 2 * y;
t = zeros(1, 10+1);
y = zeros(1, 10+1);
t(1) = 0;
y(1) = 1;
dt = 0.2;
for k = 1:10
t(k+1) = t(k) + dt;
% Here we use the anonymous function
y(k+1) = y(k) + dt * f(t(k), y(k));
end
plot(t, y, 'bo-')
3. Actualización de la componente de programación
% Define anonymous function
f = @(t,y) 1 - exp(-4 * t) - 2 * y;
t = zeros(1, 10+1);
y = zeros(1, 10+1);
t(1) = 0;
y(1) = 1;
dt = 0.2;
for k = 1:10
t(k+1) = t(k) + dt;
% Here we use the anonymous function
y(k+1) = y(k) + dt * f(t(k), y(k));
end
plot(t, y, 'bo-')
MATH1051: Cálculo y Álgebra Lineal
MATH1052: Cálculo Multivariable y Ecuaciones Diferenciales Ordinarias
MATLAB
Fundamentos de programación
MATH1051: Cálculo y Álgebra Lineal
MATH1052: Cálculo Multivariable y Ecuaciones Diferenciales Ordinarias
MATLAB
Fundamentos de programación
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485077/matlab.png)
Hoja de trabajo
![](https://blogs.mathworks.com/images/desktop/minimizecluttereddesktopreduced.png)
MATLAB en el ordenador
+
3. Actualización de la componente de programación
MATH1051: Cálculo y Álgebra Lineal
MATH1052: Cálculo Multivariable y Ecuaciones Diferenciales Ordinarias
MATLAB Live Scripts
Fundamentos de programación
3. Actualización de la componente de programación
MATLAB Live Script
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485088/live-script.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485077/matlab.png)
Hoja de trabajo
![](https://blogs.mathworks.com/images/desktop/minimizecluttereddesktopreduced.png)
MATLAB en el ordenador
2022
3. Actualización de la componente de programación
MATLAB Live Script
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485088/live-script.png)
3. Actualización de la componente de programación
MATLAB Live Script
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1304482/images/11485088/live-script.png)
3. Actualización de la componente de programación
MATLAB Live Script
Objetivos principales:
- Cubrir conceptos elementales de programación vinculados directamente con el contenido de cada curso.
- Facilitar la transición al uso de otros lenguajes de programación de acceso libre tales como Python, R o Julia.
Applets de GeoGebra y JavaScript disponibles en:
Applets de GeoGebra disponibles también en:
MATLAB Live scripts disponibles en:
![](https://fonts.gstatic.com/s/e/notoemoji/latest/1f422/512.gif)
Complex Analysis
A visual and Interactive Introduction
Seminario de innovación docente
By Juan Carlos Ponce Campuzano
Seminario de innovación docente
Seminario de innovación docente - Universidade da Coruña
- 118