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

Grabación de la octava y última sesión celebrada el 8 de octubre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia, e impartida por el Dr. Rivera.

Ver agenda en el apartados 7B.

00s: Agenda de la sesión.

30s: Observaciones finales de diseño.

3m 22s: Inicio de la numeración de páginas.

5m 35s: Númeración romana y numeración arábiga. 

7m 29s: Posición de los números de página.

10m 00s: Cambio de color en párrafos. Cuidado con el diseño claro/oscuro.

14m 00s: Textos a doble columna.

16m 40s: Objetos interactivos. Clase interactive.

20m 20s: Escala en los interactivos.

22m 10s: Objetos interactivos no escalables. Opción de escalado a partir del editor de DescartesJS (consultad vídeo de ayuda).

24m 32s: Uso del proyecto Plantillas para diseñar recursos interactivos.

31m 50s: Un ejemplo de interactivo con el proyecto plantillas. Cómo hacerlo e incluirlo en nuestro libro.

37m 40s: Contenedores de plantillas.

44m 45s: Vídeos interactivos con vídeos locales. Un ejemplo. Cómo hacerlo.

51m 00s: Videos interactivos con vídeos de YouTube.

51m 50s: Vídeos interactivos con actividades interactivas.

Grabación de la séptima sesión celebrada el 8 de octubre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia, e impartida por el Dr. Rivera, el Ing.MSc Lopera y el Lcdo. Cabezudo.

Ver agenda y algunos recursos auxilares al final de esta página (apartados 7B y 7C).

20s: Agenda de la sesión.

3m 07s: Uso de los tooltip.

6m 40s: Algunos ejemplos de tooltip. Diferentes posiciones posibles.

9m 15s: Codificación del tooltip. 

25m 00s: Ejemplos de tooltip con texto e imagen.

27m 32s: Tooltip sobre una imagen.

33m 30s: Uso de KaTeX para expresiones matemáticas. Libro ejemplo.

37m 00s: Algunos ejemplos de expresiones en KaTeX.

43m 46s: Documentación de KaTeX.

46m 16: Herramientas de autor. Objetos interactivos. Algunas problemáticas que podemos encontrar. "Constructor", "Cuadernia", "JClic", "Cuadernia", "Adobe Captivate", "Youtube", "LIM", "Ardora", "Geogebra", "DescartesJS" y PhET.

1h 1m 00s: Algunos ejemplos embebidos en libros interactivos. 

Grabación de la sexta sesión celebrada el 24 de septiembre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia., e impartida por el Dr. Rivera y el Ing.MSc Lopera.

Ver agenda y algunos recursos auxilares al final de esta página (apartados 6B y 6C).

00s: Saludos.

10s: Introducción a los elementos multimedia que nos restan por aprender.

1m 43s: Imágenes de fondo sobre dos páginas.

5m 00s: Posición de la imagen.

8m 40s: background-repeat. 

10m 03s: Imagen de fondo en una página.

11m 15s: Centrado de la imagen de fondo.

12m 30s: Parrafos sobre imágenes. Generando cajas con clases.

18m 40s: Degradados. Background linear-gradient y color de la fuente.

21m 48s: Combinando degradados y cajas.

22m 17s: Cambiando la dirección del degradado.

24m 20s: Recurso interactivo para practicar con el degradado y modelos de degradados (ver apartado 6C al final de esta página).

28m 00s: Más recursos auxiliares para determinar el posicionamiento (ver apartado 6C).

30m 44s:Recurso auxiliar para degradados (ver apartado 6C).

31m 08s: Recurso auxiliar para pisicionar párrafos Recurso auxiliar para degradados (ver apartado 6C)

31m 30s: Posicionar una imagen dentro de otro fondo.

37m 05s: Inclusión de audios

42m 00s: Tablas (ver apartado 6C).

49m 16s: Otros diseños especiales (ver contenido de la Agenda).

49m 30s: Solicitud artículos para la Revista RED Descartes.

Grabación de la quinta sesión celebrada el 10 de septiembre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia., e impartida por el Dr. Rivera, el Ing.MSc Lopera y el Ldo. Salgueiro.

Documento de referencia el libro de "Edición de libros interactivos" y agenda de la sesión quinta.

0s: Introducción.

31s: Elementos multimedia.

1m 11s: La agenda de esta sesión quinta (en formato libro).

2m 40s: Enlace desde una página a otra página.

11m 45s: Imágenes con enlaces especiales. 

13m 20s: Gif animado con apertura en ventana emergente. Uso de "openInteractive"

15m 50s: Uso de una imagen y openInteractive para abrir interactivos. Comentario sobre el uso de direcciones web externas versus locales.

19m 00s: Utilización de una imagen y openInteractive para enlazar a una página.

19m 40s: Enlace a un vídeo con una imagen y openInteractive. Políticas de youtube. Riesgos de enlaces rotos o no visualización.

24m 18s: Enlace a vídeos de otros servicios como vimeo y dailymotion.

25m 47s: Etiqueta figcaption. Descripción de una figura.

31m 00s: Opciones de imágenes flotantes a derecha o izquierda a incluir en "mis estilos" incluyendo figcaption.

36m 00s: Más sobre imágenes flotantes. Uso de style con  float.

38m 08s: Imágenes de fondo.

43m 56s: Insertar vídeos directamente. Etiqueta <video

47m 52s: Insertar un vídeo de youtube con clase "interactive"