Grabación de la séptima sesión celebrada el 28 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 séptima sesión (descarga). Y "más sobre fuentes".

Sobre 

Línea temporal del vídeo:

00 m 00 s: Inicio. 

00 m 18 s: Introducción: Se abordará el aprendizaje del control gráfico, el diseño de secuencias temporales, lógicas o de ordenación. Finalmente cómo cambiar fuentes de caracteres diferentes a los que tiene por defecto DescartesJS.

2 m 10 s: Uso de los controles gráficos. Se puede inncluir una imagen en la propia definición del control o usar las coordenadas de este para posicionar una imagen definida en gráficos. Diferencia entre ambas situaciones.

4 m 59 s: Como indicar las coordenadas de un control gráfico a una imagen.

6 m 12 s: ¿Por qué optar por usar la imagen controlada por un control, en lugar de el control con su imagen?: para poder cambiar la imagen.

7 m 05s: Detalle sobre las cinco definiciones incluidas en la escena ejemplo de secuencia temporal:

7m 10 s: Vector para indicar posición relativa de las imágenes a usar. Explicación de dirección relativa de un archivo.

9 m 25 s: Sitios para descargar imágenes de secuencias temporales (ver p. 5 y 6 del guión).

10 m 33 s: uso de tres funciones. ¿Qué es una función?

10 m 45 s: Descripción de la función denominada rota().

12 m 15 s: Cómo rotar (girar) una imagen.

13 m 13 s: Escalar una imagen (aumentar o disminuir). 

14 m 30 s: Al inicio de la carga de la escena (algoritmo INICIOo que se ejecuta sólo una vez) se invoca la función rota() para conseguir rotar de manera aleatoria las imágenes. Uso de rnd que genera número aleatorio en el intervalo [0, 1). Como obtener un número aleatorio en un intervalo por ejemplo [0, 45) o en [-45, 45).

16 m 48 s: Dos funciones que se invocan permanentemente en el algoritmo CALCULOS que se ejecuta siempre.

16 m 50 s: Una es controla() que controla posición del control gráfico y cómo limitar los valores que toma éste.

19 m 20 s: Cómo controlar el cambiar del tamaño de la imagen. 

21 m 30 s: Forzar que la imagen coincida con los cajones de la secuencia temporal

22 m 54 s: Función evalua() para evaluar la respuesta del usuario si se corresponde con la posición adecuada.

24 m 10 s: Se incluye una animación inicial como reclamo o adorno.

25 m 20 s: Dibujo de un polígono para representar los cajones que acogen la secuencia temporal. 

28 m 10 s: Uso de familias, aquí se define una familia de tres polígonos. Consultar p. 10 del guión de esta sesión.

31 m 50 s: Dibujo del los rectangulos rojos cuando la posiciónen la secuencia es errónea.

33 m 20 s: Cambio de la fuente de los textos.

33 m 35 s: Carpeta fonts con dieciséis fuentes.

34 m 46 s: La fuente no se puede cambiar en DescartesJS, se realiza de manera externa a la escena, en el código html de la página que contiene la escena: <link rel...>

36 m 10 s: Más sobre fuentes (consultar documento: "más sobre fuentes").

38 m 40 s: Incluir una fuente seleccionada de la colección antes mostrada.

40 m 54 s: Cómo conseguir una fuente (p. 33 y siguientes del guión de esta sesión).

43 m 30 s: Conclusión, propuestas de tareas.

44 m 05 s: Preguntas:

• Sobre selección de un tipo de fuente para unos textos y otra para otros. Uso de más de un <link font...>.
• Sobre la sesión octava y última. 
• Cómo aleatorizar la posición de las preguntas en un test.

 53 m 24 s: Despedida.

 Para la séptima sesión:

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

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