Grabación de la octava sesión celebrada el 10 de marzo de 2023 dirigida e impartida por el Dr. Rivera  presidente de RED Descartes Colombia. 

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

Documento de referencia de esta sesión (en la portada pone sesion 7, es correcto)

 Línea temporal de contenidos

00 m 00 s: Introducción.

01 m 02 s: Diseño de una escena con secuencias temporales o clasificar o armar frases, entre otras aplicaciones. Se cita que hay un enlace roto, pero ya se ha corregido. Se sigue el texto del documento de referencia (p. 5 y siguientes).

04 m 01 s: Familias de objetos de DescartesJS. Ejemplo de una familia de polígonos (p. 10).

12 m 59 s: Otro ejemplo con una familia de gráficas de funciones (p.11).

15 m 32 s: Un tercer ejemplo, una serie de cuadrados (p. 11 pulsando botón "Otra familia").

15 m 57 s: Cuato ejemplo: Familia de números (p. 11 y botón "Otra familia").

18 m 00 s: Familia de objetos 3D.

18 m 35 s: Contenedores para secuencias temporales (p. 12 y 13 del documento de referencia).

24 m 30 s: Agregar los controles gráficos de la secuencia. Y las imágenes asociadas a ellos.

32 m 20 s: Rotación de imágenes. 

36 m 35 s: Ampliación de imágenes.

37 m 38 s: Control de la posición de la imagen, limitación de este movimiento y/o posicionamiento automático (efecto imán).

42 m 11 s: Proceso de evaluación de la secuencia aportada por el usuario de la escena (descarga de la escena final obtenida).

53 m 40 s: Diseño del texto en el título de la escena (p. 33 del documento de referencia). Carpeta de fuentes (fonts).

55 m 10 s: Cómo utilizar otros fonts (p. 36 a 38 del documento).

56 m 13 s: Utilizar más de una fuente en una escena.

57 m 28 s: Tarea final: Construir secuencias con más de tres contenedores (pp. 42 y 43). 

58 m 13 s: Observaciones y preguntas.

59 m 10 s: Se comparte un documento adicional (sesión 8, para auto-estudio, descargable aquí). La próxima sesión es de cierre, sólo para mostrar lo realizado.

Grabación de la sexta sesión celebrada el 24 de febrero de 2023 dirigida e impartida por el Dr. Rivera  presidente de RED Descartes Colombia. 

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

Documento de referencia de esta sesión (en la portada pone sesion 6, es correcto)

 Línea temporal de contenidos

00 m 00 s: Introducción. Comenzamos con el control gráfico que quedó pendiente de la sesión anterior.

01 m 48 s: Diseño de un control gráfico.

03 m 48 s: Restricción del movimiento del control gráfico.

07 m 00s: Gif animado en un HTMLIframe gestionado con el control gráfico.

11 m 05 s: Audios y vídeos.

12 m 43 s: Formatos de los audios.

13 m 34 s: Control tipo audio.

16 m 46 s: Activar un audio con un botón ( acción calcular e id.play()), pausa del mismo (id.pause()) o parada (id.stop()).

20 m 10 s: Aplicación para seleccionar diferentes sonidos mediante un control tipo menú.

23 m 13 s: Control tipo vídeos. Formatos.

24 m 40 s: Funcionalidad similar al de audio (play, pause y stop).

25 m 10 s: Comunicación entre escenas interactivas.

28 m 18 s: Comunicación del resultado obtenido en las plantillas de evaluación de DescartesJS.

34 m 30 s: Comunicación en vídeos interactivos.

35 m 40 s: Inclusión en una escena interactiva de la comunicación con una escena padre. Funciones parent.set() y parent.update().

41 m 10 s: Video interactivo con evaluación y gestión de las notas obtenidas. (Se detalla en esta sección del documento de referencia de esta sesión, donde se incluyen también otros modelos).

59 m 14 s: Observaciones, dudas y preguntas. 

Grabación de la octava sesión celebrada el 17 de febrero de 2023 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 Descripción línea temporal de contenidos

  Línea temporal de contenidos

00 m 00 s: Introducción. El objetivo de esta sesión final es presentar evidencias del aprendizaje adquirido en este curso.

00 m 34 s: Presentación de Frank Sinatra Daboin Méndez.

09 m 05 s: Presentación de Jaime Ernesto Soto Urdaneta.

22 m 08 s: Presentación de Álvaro Fernando Gómez León.

29 m 00 s: Presentación de Marisol Ramos Astudillo.

33 m 00 s: Otras intervenciones.

38 m 00s : Presentación de los avances en el libro de los escarabajos.

45 m 00 s: Cierre.

Chat de la sesión.   

Grabación de la sexta sesión celebrada el 10 de febrero de 2023 dirigida e impartida por el Dr. Rivera  presidente de RED Descartes Colombia. 

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

Documento de referencia de esta sesión: continuaremos con el documento de la sesión 5. Sí, vamos un poco atrasados.

 Línea temporal de contenidos

00 m 00 s: Introducción. Uso de controles pulsador, barra, casilla de verificación y gráfico. Objetivo construir la escena de la p. 5.

01 m 40 s: División de la escena en dos espacios. Definición del primero de ellos.

03 m 00 s: Incluir un control tipo menú. Posición. Definición de las opciones de ese control.

06 m 22 s: Espacio lateral del tipo HTMLIframe e inclusión de un vídeo.

08 m 21 s: Asociar la opción del control tipo menú con este espacio HTMLIframe y variar el vídeo que se presenta en él.

12 m 06 s: Pero el objetivo es que en lugar de cambiar vídeos presentemos diferentes escenas.

13 m 11 s: Diseño de la escena con una parábola dependiente de tres parámetros (controles numéricos tipo pulsador).

18 m 25 s: Segunda escena control tipo barra. Definir dos controles tipo barra y desplazar un gráfico según los valores de esos dos controles.

23 m 25 s: Escena con un control tipo casilla de verificación. Grupos de casillas de verificación.

29 m 19 s: Una escena de falso/verdadero. Definición de preguntas y corrección de las respuestas.

47 m 59 s: Plantillas diseñadas para libros.

50 m 15 s: En el documento guía de la sesión de hoy tienen más detalles. En la próxima sesión retomamos el control gráfico. La tarea propuesta es que ustedes desarrollen la escena de la p. 5.

51 m 50 s: Comentarios, observaciones y preguntas.

chat de la sesión

Grabación de la sexta sesión celebrada el 3 de febrero de 2023 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la séptima sesión".

 Línea temporal de contenidos

00 m 00 s: Introducción. Hoy es la última sesión de contenidos y la siguiente es para mostrar los resultados obtenidos. Seguiremos la guía de la séptima, enlazada antes.

01 m 45 s: Incorporación de objetos interactivos que es lo que realmente lo convierte en libro interactivo.

04m 15 s: Código para embeber o incrustar un objeto interactivo. Importancia de incluir el parámetro "poster", básico para la publicación como pdf para reflejar el contenido de ese objeto interactivo.

08 m 11 s: Cambiar el tamaño de la ventana emergente y escala de la representación en el libro.

09 m 30 s: Opción window-size="true" para abrir al tamaño de la pantalla.

11 m 10 s: Embeber objetos interactivos ubicados en una dirección web (en línea).

12 m 40 s: Incrustar construcciones de GeoGebra.

14 m 23 s: Objetos de PhET de Colorado en línea y localmente.

15 m 50 s: Embeber otros objetos interactivos. Observaciones sobre el peso de los objetos incrustados. Una alternativa es poner una imagen y un enlace al interactivo, de esta manera la gestión y carga del libro no se ve afectada por la del objeto interactivo en sí. Esa opción la hemos usado con antelación para vídeos y audios.

18 m 25 s: Uso de plantillas de DescartesJS (consultad libro o subproyecto).

24 m 20 s: Evaluación con barra "jinich".

25 m 30 s: Vídeos interactivos (plantillas). Puede verse el vídeo: "Plantillas de Descartes".

35 m 17 s: Situaciones que pueden presentarse en el diseño de libros y que hay que tener en consideración:

• 37 m: Ver el libro tanto en modo claro como en oscuro. Si en modo oscuro se ve mal una imagen eliminar la clase "invertcolor".
• 39 m: Como quitar botón de modo oscuro. "dark_light_mode".
• 40 m: Como quitar la calculadora e incluso toda la caja de herramientas.
• 41 m: Incluir otras herramientas (ver este vídeo).

42 m 00s: Canal de youtube del Dr. Rivera y el de RED Descartes con información relativa a diseño de libros interactivos, de objetos, etc.

44 m 42 s: Comentarios y preguntas.

• 48 m 40 s: Biblioteca de RED Descartes en pubhtml5.
• 49 m 00 s: Abiertos a la recepción de artículos para la revista de RED Descartes.
• 51 m 00 s: Libros de estadística publicados.

Chat de la sesión.   

Grabación de la quinta sesión celebrada el 27 de enero de 2023 dirigida e impartida por el Dr. Rivera  presidente de RED Descartes Colombia. 

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

Documento de referencia de esta sesión: continuaremos con el documento de la sesión 4 (p. 26 y siguientes)

Línea temporal de contenidos

00 m 00 s: En la reunión pasada nos quedamos en este problema (libro de la sesión 4) usando la estructura secuencial. Pasaremos ahorra a la estructura de decisión.

07 m 00 s: Hallar el mayor de dos números en DescartesJS.

09m 56 s: Problema 5 de la sesión anterior.

10 m 34 s: Problema 6 de la sesión anterior.

11 m 03 s: El problema 7.

19 m 41 s: Centrar textos en DescartesJS.

25 m 20 s: Estructuras iterativas (problema 8)

34 m 33 s: Uso de funciones y como tarea adicional el problema 9.

 35 m 55 s: Algoritmos de ordenamiento. Lectura de datos:

• Con un campo de texto.
• Con un vector.
• Con un archivo de texto.

50 m 00 s: Resumen de la sesión.

52 m 50 s: Preguntas y comentarios.

 Para la sexta sesión: Avance de la documentación de la próxima sesión: "Curso de DescartesJS"

Grabación de la sexta sesión celebrada el 20 de enero de 2023 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la sexta sesión".

 Línea temporal de contenidos

00 m 00 s: Introducción

01 m 00 s: Del libro de referencia ya se ha visto hasta la página la página 90. Hoy se hará una introducción a tablas y expresiones con KaTeX.

01 m 39 s: En el libro guía de esta sesión p. 46 podemos ver un uso de imágenes como "banner" lateral.

03 m 39 s: Uso de imágenes flotantes. Márgenes alrededor de la imagen.

09 m 45 s: Poner título (figcaption) en imágenes flotantes (descarga del libro práctica sexta para actualizar los estilos). Uso de clases  flota_i y flota_d.

13 m 23 s: Imágenes de fondo dentro de un párrafo.

17 m 15 s: Degradado de color en los fondos: linear-gradient.

20 m 47 s: Uso de KaTeX reflejado en el libro de prácticas de esta sesión y en el libro de referencia.

22 m 04 s: Escritura en KaTeX usando la herramienta auxiliar aportada.

26 m 57 s: Uso de la expresiones KaTeX en el libro interactivo, uso de $ y $$.

28 m 40 s: Ejemplos de diferentes expresiones. 

32 m 24 s: Consulta de más expresiones KaTeX soportadas: https://katex.org/docs/supported.html.

34 m 20 s: Cómo hacer tablas.

41 m 50 s: Alternativa diseñar una tabla externamente en otra herramienta y copiarla como imagen. Pero es reconmendable poner el mismo tipo de fuente.

42 m 50 s: Preguntas, observaciones y diálogo.

57 m 00 s: Tarea: Practicar con las imágenes flotantes con oy sin título asociado. Incluir algunas expresiones matemáticas.

Chat de la sesión.   

Grabación de la quinta sesión celebrada el 9 de diciembre de 2022 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la quinta sesión".

 Línea temporal de contenidos

00 m 00s: Introducción.

00 m 36 s: Quedó pendiente de la sesión anterior la inclusión de imágenes animadas en nuestro libro.

03 m 40 s: Opción de imagen estática con apertura con una imagen animada. Clase image_link con la imagen estática y onclick con apertura de la imagen animada.

06 m 15: Alterantiva con el estilo "cursor: pointer".

07 m 05 s: Alternativa en el figcaption usando prefijos. (pie o cabecera de imagen).

08 m 00: Elementos multimedia. Comenzamos con audios, etiqueta audio con controles. Al final de este artículo tienen enlaces para conocer herramientas o aplicaciones que nos permiten crear nuestros audios y vídeos.

10 m 00s: Intervenir los controles del audio.

16 m 40 s: Por favor, cambien la carpeta book que se enlaza en la p. 35 por la que pueden descargar desde ahí (enlace a un zip), el motivo es que se genere adecuadamente en el pdf del libro las imágenes de los controles de audio y lo mismo en los vídeos.

 20 m 00 s: Enlace de audios con apertura del control del audio.

20 m 50 s: Enlace sin mostrar los controles de audio, usando un objeto interactivo que pueden descargar desde el zip de la p. 36.

21 m 30 s: Pasamos a vídeos. En el libro de referencia del curso (p. 54 y siguientes) se explican los diferentes formatos de vídeos.

 25 m 10 s: Acompañar la etiqueta video con una imagen previa o póster para su reflejo en el pdf del libro. También se usa para los objetos interactivos.

28 m 10 s: Vídeos ubicados en la nube: class="interactive". Uso del tamaño para que al pulsar el enlace aparezca con un tamaño mayor.

36 m 12 s: Vídeos de otras plataformas: Odysee. Como embeber un vídeo de este servicio.

39 m 38 s: Vídeos de Vimeo.

40 m 19: Uso de la clase interactive para cualquier objeto interactivo.

41 m 30 s: Poner imágenes de fondo.

47 m 06 s: Adelanto de la felicitación navideña, sintésis de como se ha hecho.

53 m 20 s: Preguntas y diálogo.

59 m 35 s: Buenos deseos para todos...

Chat de la sesión.   

Tarea: Incluir imágenes, audios y vídeos en su libro de prácticas.

Vídeos auxiliares:

• Aplicaciones para crear archivos de audio.
• Aplicaciones para crear videos, capturando pantalla.