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