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).

Grabación de la segunda sesión celebrada el 26 de noviembre 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 2" (descarga).

Línea temporal del vídeo:

0 m. 00 s: Saludos.

0 m 46 s: Enlace a los libros interactivos y, en particular, a los libros de formación en DescartesJS. Descartes en continua evolución.

4 m 50 s: Apertura del editor de DescartesJS. Menú principal: "Archivo", "Opciones" (librería descartes-min.js en internet o local con modalidad portable, de proyecto o personalizada) y Ayuda (Documentación, Novedades y Acerca de).

9m 40 s: Grabando una escena. Visualización de lo guardado y la carpeta lib con el intérprete descartes-js.min. Caso portable y caso proyecto.

12m 06s: Cambio de idioma en el editor. Color de fondo y mostrar consola. Mostrar código.

13m 00s: Apertura del editor de configuración (botón o ctrl+e).

13m 35s: Selectores. Selector "Escena". Cambio de tamaño de una escena. Botones de "créditos", "config", "inicio" y "limpiar" (por compatibilidad con versiones primigenias). Al igual que tamaño filas. 

15m 22s: Selector de signo decimal: punto o coma.

17m 27s: Expandir escena. Opción escalar y cubrir.

19m 24s: Selectores: "Espacios", "Controles", "Definiciones", "Programa", "Gráficos", "Gráficos 3D" y "Animaciones".

20m 35s: Modificación de los parámetros de un espacio 2D.

• 20m 35s: Info (descripción), Id (identificador del espacio), dibujar si (dibujar el espacio si se cumple la condición). X e Y (ubicación del espacio, posición desde la esquina superior izquierda en pixeles). Tooltip informativo de cada parámetro posicionando el ratón sobre él.
• 24m 27s: Ancho y alto del espacio en porcentaje. Fijar espacio. Escala. Posicionamiento del origen de coordenadas (O.x, O.y). Imagen. Ancho de borde.
• 26m 16s: Color (ventana de ajuste y edición de color). Color de borde y redondear esquina.
• 27m 20s: Ocultar ejes y redes. Color del fondo. Texto para las coordenadas del ratón. Sensibilidad al ratón. Números en ejes de cordenadas y etiquetar los ejes.
• 28m 40s: Imágenes de fondo en el espacio. Direccionamiento. Expasión de la imagen. Imagen con tipo mosaico.

32m 00s: Creación de espacios adicionales.  Ajuste de posición.

32m 20s: Creación de un espacio 3D. Selector "Gráficos 3D".

34m 45s: Espacios HTMLIframe. Inclusión código en este tipo de espacios.

37m 55s: Inclusión objetos cartesianos en espacios 2D. Objeto "ecuación"

39m 20s: Inclusión objetos cartesianos en espacios 3D. Objeto "toro" y parámetros asociados a ese objeto.

41m 40s: Resumiendo la sesión.

43m 43s: Ejemplos de aplicaciones de diferentes espacios: puzles, lupa.

44m 32 s: Tarea a realizar.

45m 00s: Discusión y dudas.

• 45 m 10s: José María Fernández (de Chicago). Coordenadas relativas en textos.
• 48m 55s: Andrés Blanco (de Argentina). Problema al incluir de un vídeo de youtube.
• 53m 20 s: Juan david Builes (Colombia). Tamaño de las escenas en la inclusión en libros interactivos.
• 54m 08s: Jesús Ignacio Calle (Colombia). Documentación en pdf.
• 52m 10s: Documentación para la tercera sesión, enlace (el curso se plantea como clase invertida).
• 56m 59s: Edgar Antonio Herrera (Colombia). Destinatarios del curso.
• 1h 00m 10s: José Luis Núñez (México), inclusión en el grupo Descartes-GeoGebra.
• 1h 01m: Despedida. 

 Para la tercera sesión:

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

Grabación de la primera sesión celebrada el 19 de noviembre 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 1" (descarga)

Línea temporal y el vídeo:

0 m. 00 s: Presentación.

3 m 41 s: Planificación y metodología del curso.

4 m 50 s: ¿Qué es una herramienta de autor?

6m 40 s: Algunas herramientas de autor y problemas técnicos que han acontecido.

• 7m 0s: Constructor (en flash, obsoleta).
• 8m 30s: Cuadernia (obsoleta, desapareció).
• 9m 28s: JClic (inicialmente en Java, pasó a JavaScript).
• 11m 02s: LIM (migró a HTML5).
• 12m 17s: Ardora.
• 13m 50s: PowerPoint junto el plug-in iSpring que pasa a HTML5.
• 16m 51s: Hot Potatoes.
• 17m 58s: H5P para vídeos interactivos.
• 24m 15s: GeoGebra.
• 24m 50s: DescartesJS (inicialmente en Java, pasó a JavaScript). Plantillas con DescartesJS.

32m 30: Libro de plantillas.

32:50s: Turno de diálogo.

• 33m 40s. Con DescartesJS se pueden simular todas las actividades de otras herramientas. Ofrecimiento a editar aquellas que no estén en el proyecto Plantillas e incorporarlas en él.
• 35m 25s. Presentación profesor Stephan Malinowski (Universidad de Potomac Chicago) y propuesta de trabajo para producir como libro interactivo su libro "Reading for meaning". Generación de un grupo trabajo para estas tareas.
• 41m 50s: Grupo de interesados en comunicación DescartesJS con GeoGebra. Elaboración de vídeos interactivos desarrollados con DescartesJS y relativos al aprendizaje de GeoGebra.
• 42m 20s: Presentación del profesor John Arturo del Instituto Técnico Industrial Pascual Bravo de Medellín (Colombia).
• 43m 57s: Profesor Carlos Augusto Arroyave. usuario como docente del libro interactivo de Calculo Vectorial e interesado en DescartesJS-Geogebra.
• 45m 31s: Profesora Fabiana González también interesada en grupo DescartesJS-GeoGebra.
• 47m 20s: Posible grupo de trabajo para Química.
• 47m 50s: Profesor Sergio Hernando grupo de trabajo para Electrónica.
• 48m 30s: Profesor Óscar Ignacio Botero en el mismo grupo de Electrónica.
• 49m 25s: Profesor Didier Alejandro sobre el grupo DescartesJS-GeoGebra.
• 51m 43s: Profesor José María Fernández profundizando sobre el grupo DescartesJS-GeoGebra.
• 53m 55s: Profesor Héctor Di Benedetto sobre el grupo de GeoGebra. También se adentran en las plantillas con envío de respuestas por correo y su integración en Moodle u otras herramientas LMS para una gestión más eficaz.
• 58m 39s: Profesor Óscar Ignacio. Uso de Plantillas en el área de Electrónica. Publicación en el servidor de RED Descartes.
• 1h 00m 01s: Profesor Juan David Builes. Publicación de los recursos que se desarrollen.

 Para la segunda sesión:

• Descarga del editor DescartesJS: https://descartes.matem.unam.mx/
• Guión y contenidos de la segunda sesión (descarga).