Grabación de la sexta sesión celebrada el 21 de enero de 2022 dirigida e impartida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia.

Documento de referencia: Guión y contenidos de la sexta sesión (descarga).

Línea temporal del vídeo:

00 m 00 s: Inicio. Esta sesión de amplios y extensos contenidos.

00 m 45 s: Esquema de la sesión: Introducción, vídeo motivador.

01 m 40 s: Recomendación de uso mp3 en los controles tipo audio. Escena ejemplo.

03 m 00 s: uso de variables "mudas" par invocar funciones.

03 m 22 s: Formatos de vídeo. Usaremos y recomendación de uso mp4 que admiten todos los navegadores.

05 m 10 s: ¿Dónde conseguir vídeos?: Vídeo propio o búsqueda en la web (Pixabay, por ejemplo).

07 m 41 s: Ejemplo de qué ha de ser un vídeo interactivo. Inclusión de actividades evaluativas o formativas usando espacios padre, hijo y nieto.

10 m 24 s: Escena de prueba como muestra para aprender a incluir un vídeo.

13 m 15 s: Conversión del vídeo en interactivo. Inclusión de una actividad interactiva en la escena anterior.

14 m 45 s: Controles de vídeos. Inclusión de un vídeo usando el control de Descartes tipo "vídeo" y gestión del mismo con las funciones play(), pause() y currentTime() y la variable currentTime. 

23 m 10 s: Parada del vídeo para poder realizar la actividad interactiva.

25 m 00 s: Comunicación entre escena padre/hijo. parent.set('xxxx', yyyy)  y parent.update(). Escena ejemplo.

28 m 00 s: Ocultar el vídeo mientra se realiza la actividad interactiva.

30 m 20 s: Uso de plantillas y envío de la nota con parent.set y parent.update.

32 m 18 s: Más sobre comunicación de escenas de DescartesJS (p. 14 del guión de esta sesión).

32 m 45 s: Detalle de elaboración del vídeo interactivo (páginas 19 a 28).

35 m 30 s: Necesidades a cubrir dentro de los controles de vídeo de DescartesJS. Alternativa uso de un plug-in para incrementar funciones adicionales de gestión del vídeo.

39 m 52 s: Un segundo ejemplo (páginas 28 a 32 del guión).

42  m 16 s: Un tercer ejemplo (páginas 33 y 34).

44 m 36 s: Un  ejemplo adicional (pp. 35 a 41). Inclusión de líneas de tiempo y elementos auxilares adicionales.

48 m 50 s: Uso de vídeos de YouTube.

49 m 10 s: Preguntas.

• Zhema aporta su visión sobre el potencial y sobre la dificultad, salvable con dedicación.
• Ramiro invita al uso de las plantillas para conseguir una alta productividad a un bajo coste. La planificación de la actividad interactiva es la que necesita mayor dedicación que el montaje con la plantilla.
• Zhema coincide con Ramiro.
• Juan Guillermo incide en que la necesidad es la que conduce a la profundización y estudio. Invita a Héctor a hablar sobre ello.
• Héctor incide en que el aprendizaje requiere un esfuerzo importante, pero que con las plantillas se  consiguen resultados buenos sin necesidad de adentrarse en la programación.
• Juan Guillermo transmite la facilidad del uso de las plantillas. Pero también la motiviación propia de iniciar un proyecto personal ya supone haber realizado la mitad del proyecto a realizar.
• Juan Guillermo invita a Rosa a hacer interactivos los vídeos de su libro interactivo de Historia.
• Héctor pregunta. Ubicación de los archivos de GeoGebra para comunicar con escenas de Descartes. Juan Gmo. ejemplifica la situación.
• La siguiente sesión, la séptima, también requiere tiempo de preparación, de planificación. Y en la octava usaremos macros.
• Zhema valora positivamente el uso de secuencias lógicas que se aprenderán en la siguiente sesión.

 1 h 04 m 54 s: Despedida.

 Para la séptima sesión:

• Guión y contenidos de la séptima sesión (descarga).

Grabación de la quinta sesión celebrada el 14 de enero de 2022 dirigida e impartida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia.

Documento de referencia: Guión y contenidos de la quinta sesión (descarga).

Línea temporal del vídeo:

00 m 00 s: Saludos.

00 m 19 s: Los controles.

00 m 57 s: Un primer ejercicio.

02m 17 s: El control tipo menú y sus opciones.

04 m 17 s: Asignación de valores por defecto en un control tipo menú (comienza por cero).

05 m 00 s: Realización de cálculos según el valor del identificador del control menú.

08 m 00 s: Inicialización de valores en el algoritmo INICIO.

09 m 09 s: Controles tipo pulsador.

09 m 45 s: Cómo agregar controles y seleccionar su tipo.

10 m 20 s: Ubicación de los controles.

11 m 00 s: Los parámetros que definen el control tipo pulsador.

13 m 52 s: El control tipo barra.

14 m 28 s: Los parámetros que definen el control tipo barra. 

17 m 54 s: Casillas de verificación.

18 m 55 s: Valores por defecto en las casillas de verificación.

19 m 49 s: Agrupación en un control tipo casilla de verificación y tipo radio botón.

23 m 13 s: Incluir un gráfico usando un control tipo gráfico.

26 m 26 s: Constricciones en un control tipo gráfico.

28 m 20 s: Gestión de los valores de un control gráfico en el algoritmo CALCULOS.

30 m 20 s: Más ejemplos de uso de estos controles (ver en el guión de esta sesión las secciones 1.5, 1.6 y 1.7).

31 m 45 s: Algunas actividades evaluativas usando controles (apartado 1.8 del guión).

 36 m 02 s: La próxima sesión versará sobre "vídeos interactivos".

36 m 26 s: Adelanto de trabajo. Consuta del libro "Comunicación DescartesJS-GeoGebra", en concreto el apartado de vídeos interactivos (desde p. 112 a p. 119).

39 m 10s: Avance acerca de cómo comunicar dos escenas de Descartes.

40m 23 s: Preguntas.

•  40sm 55 s: Cómo hacer que las preguntas aparezcan de manera aleatoria.
• 42 m 15 s: En los controles tipo pulsador cambiar las flechas que aparecen por defecto.
• 43 m 20 s: ¿Se puede centrar el número en la casilla de introducción de un texto?
• 46 m 27 s: Di Benedetto, en relación a la pregunta anterior, muestra una escena para agrupar varias imágenes en un espacio, en lugar de ponerlas una a continuación de otra en un documento, aportando un sentido unitario. El centrado de ese texto se puede realizar anulando el parámetro visible y usando un texto.
• 56 m 35 s: Sugerencia de búsqueda de un vídeo que se quiera pasar a interactivo y determinar los puntos en los que se3 interrumpirá la reproducción para que el discente interactúe.

1 h 04 m: Despedida.

 Para la sexta sesión:

• Guión y contenidos de la sexta sesión (descarga).

Grabación de la cuarta sesión celebrada el 10 de diciembre de 2021 dirigida e impartida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia.

Documento de referencia: "Curso de DescartesJS. Sesión 4" (descarga).

Línea temporal del vídeo:

00m. 00s: Saludos.

00m 21s: Conceptos de programación. Elementos mínimos. En la página 5 del documento de referencia se proponían algunos problemas.

01m 10s: Todo se reduce a tres estructuras lógicas.

01m 40s: ¿Qué es un pseudocódigo?

04m 16s: Estructura repetitiva especial dentro de DescartesJS: Familias de objetos cartesianos.

07m 50s: Regresando a los pseudocódigos. Asignaciones.

10m 00s: Control tipo campode texto.

13m 45s: Teclado específico en campos de texto.

16m 30s: Generación de números aleatorios. Aplicación a la generación de un triángulo y cálculo de su área.

25m 29s: Inclusión de valores de variables en un texto, uso de corchetes: [var]

28m 52s: Uso de condicionales en DescartesJS. Operador ternario  var=condición?cierto:falso.

35m 40s: Ejercicio 7 (p. 31). Familia de títulos (textos).

38m 50s: Manejo de agrupaciones de datos (vectores). 

42m 11s: Carga de datos en un vector a partir de un fichero

47m 25s: Discusión, preguntas y respuestas:

• 47m 40s: Diferencia entre "dibujar si" y "activar si".
• 50m 15s: Orden de los cálculos. Ubicación de un contador.
• 52m 10s: Limpieza de los valores en un control tipo campo de texto.
• 54m 15s: Lista de instrucciones que puedan usarse en DescartesJS.
• 55m 45s: Disponibilidad del guión y contenidos de la proxima sesión 5.
• 56m 40 s: Depuración y validación de datos.
• 59m 00s: Orden de los controles.

1h 01m 00s: ¡Árbol de Navidad!

1h 02m 00: ¡Felicidades!

 Para la quinta sesión:

• Guión y contenidos de la quinta sesión (descarga).

Grabación de la tercera sesión celebrada el 3 de diciembre de 2021 dirigida e impartida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia.

Documento de referencia: "Curso de DescartesJS. Sesión 3" (descarga).

Línea temporal del vídeo:

00m. 00s: Saludos.

01m 00s: Enlace a las imágenes que van a usarse en esta sesión (descarga).

01m 39s: Trabajo con imágenes en escenas interactivas, muestra del uso de animaciones con Descartes o de gif animados.

02m 05s: Formatos de imágenes en DescartesJS: jpg, gif animados, png con trasparencias, vectoriales svg y webP (nuevo formato con mayor compresión). webP por ahora no funciona en Safari (Mac).

04m 30s: Derechos de autor de las imágenes (tenerlo siempre en consideración). Es acosnsejable buscar siempre imágenes que tengan cierta intencionalidad con el contenido y  o sólo de adorno.

05m 26 s: Herramientas y páginas auxiliares para trabajo con imágenes, por ejemplo placeit permite convertir vídeo en gif  u otras como klipartz imágenes para uso no comercial, o para patrones y fondos. 

07m 40s: Diseño de una escena con múltiples espacios y con fondos y marcos aportados por imágenes.

12m 00s: Uso de un espacio para ubicar los controles.

12m 33s: Controles tipo botón. Uso de imágenes con overColor o bien diseño de botones con "estilo extra" (p. 21 del documento de esta sesión)

18m 18s: Uso de variables en los controles (acción calcular).

20m 15s: Inclusión de "dibujar si" en un control para que aparezcan o no estos controles.

22m 30s: Uso del selector "Programa". Inicializar variables (Inicio).

23m 11s: Selector "Gráficos". Uso de textos. Centrar textos.

25m 00s: Inclusión de imágenes animadas.

29m 30s: Tamaño y escala en una imagen (válidos valores negativos->simetrías). 

30m 56s: Imágenes vectoriales.

31m 20s: Gifs animados, necesidad de usar espacios HTMLIframe para incorporarlos.

32m 52s: Uso de gráficos 3D. Espacio 3D y selector "gráficos 3D".

33m 53s: Animar gráficos 3D. Selector "Animación"

38m 50s: Rotación, parámetros rot.z, rot.y

42m 29s: Aplicaciones con gif animados.

42m 52s: Discusión, preguntas y dudas.

• 43m 20s: José María Fernández, necesidad de practicar para asentar los conceptos con la práctica.
•  44m 35s: Frank Alexander Ruiz, problema en la apertura de vídeo de youtube. Posibilidad de que esté restringido por el autor.
• 47m 39s: Hector Di Benedetto, necesidad de guardar las escenas nuevas para que comiencen a estar operativos los objetos externos referenciados.
• 50m 00s: Disponible el capítulo 3 y 4 del libro DescartesJS-GeoGebra.
• 51m 45s: Frank Alexander Ruiz, embeber objetos 3D de herramientas CAD. Exportarlos a formatos admisibles de imágenes o a archivos html, o bien diseñarlos directamente como superficies paramétricas.
• 54m 24s: Hector Di Benedetto, facilidad de incluir construcciones de GeoGebra sin vincular o intercomunicar. Basta incluirla como un espacio HTMLIframe.

59m 23s: Sesión 4, inclusión de programación y lógica. Asignación, decisión y repetición. 

1h 02m 00s: Despedida

 Para la cuarta sesión:

• Guión y contenidos de la cuarta sesión (descarga).