Grabación de la octava sesión celebrada el 1 de julio 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.

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 (página 81 y siguientes)" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

Nota: Consultad el material incluido al final de este artículo.

Línea temporal 

0 m 00 s: Planteamiento de la sesión. Breve en contenidos y amplia en los avances personales.

1 m 10 s: Planteamiento relativo a talleres específicos en la reuniones de los lunes.

1 m 55 s: Nos queda trabajar "Las tablas" y algunos otros detalles complementarios. En la página 81 y siguientes del libro de referencia se detallan estas tablas.

3 m 24 s: Hay unas funcionalidades adicionales (pp. 150 y siguientes) que se iran incrementando poco a poco en nuevas versiones del libro. Podemos encontrar "Bibliografía y referncias bibliográficas".

4 m 10 s: A continuación abordaremos los elementos incluidos en el libro guía de la sesión 8.

4 m 35 s: Observacioness finales de diseño: inicio de la numeración del libro: init-page-num="true".

6 m 52 s: Numeración arábiga: num-type-arabic="true". Por defecto numerará en números romanos.

8 m 55s: Cambio de posición de los números de página. Por defecto centrados en la parte inferior. Mirad en la parte final del archivo mis_estilos.css.

13 m 39 s: Sobre el cambio de color del texto. Es necesario verificarlo en fondo claro y fondo oscuro.

16 m 00 s: Textos a doble columna (y triple). Consultad mis_estilos.css

19 m 55 s: Sobre textos justificados a doble columna.

21 m 03 s: Diseño a triple columna.

23 m 05 s: Las tablas. En mis_estilos.css hay diferentes diseños. Comenzamos con el estilo por defecto.

26 m 11 s: Otros modelos de tablas.

38 m 43 s: Diseño tabla "cebra 3". Combinar columnas y celdas., y filas y celdas.

40 m 19 s: Alternativa al diseño de tablas con css es hacerlo en otra herramienta y usarlo como una imagen. Pero recomendable tener instalada la fuente Lato para homogeneizar los textos.

41 m 56 s: Alternativa para diseño a dos y tres columnas para textos, si quisieramos incluir imágenes ya no sería sencillo.

44 m 00 s: Evidencias para la certificación y aportaciones de los discentes.

• Catalina: Libro de apoyo a la unidad digital sobre herramientas de uso institucional.
• Edith: No ha concretado aún su libro.
• Gabriela: En trabajo con libros de Primaria a nivel nacional en Perú. Está avanzando en el prototipo virtual del libro de 3º y en la inclusión de interactivos.
• Jaime Humberto: Virtualizar libros que tienen en versión impresa incorporando interactivos de Scratch, GeoGebra y Descartes.
• Jhon Jairo: Avanzando en un nuevo libro sobre diseño de objetos de aprendizaje (ya tiene otros publicados).
• José Antonio: Trabajando libro sobre teatro (ya tiene publicados otros libros anteriormente).
• Marco Tulio: Libro sobre Geometría.
• Mayra Lorena: Libro sobre métodos numéricos para EDO usando Maxima.
•  Meiyelis: Libro de Didáctica de las Matemáticas.
• Ortencia: Libro del Principito para adultos.
• Stephan: Nuevo libro.

La nueva sesión será para compartir los resultados logrados.

Grabación de la séptima sesión celebrada el 17 de junio 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.

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 (página 105 y siguientes)" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

Nota: Consultad el material incluido al final de este artículo.

Línea temporal 

0 m 00 s: Elementos interactivos en el libro. Diversas herramientas y proyectos que generan interactividad. Incluyendo vídeos interactivos.

5 m 30 s: código para embeber un objeto interactivo.  class= "interactive".

7 m 00 s: Objetos tipo GeoGebra externo. Clase interactive, tamaño y enlace del recurso.

11 m 57 s: Ante el riesgo de rotura de enlaces una alternativ es la descarga de recurso de GeoGebra y enlace en local.

13 m 56 s: En el subproyecto iCartesiLibri de la RED Descartes en la sección de formación está el libro "Comunicacion DescartesJS-Geogebra".

14 m 23 s: Uso de simulaciones Phet en línea y en local.

16 m 57 s: Embeber recursos interactivos de Descartes en línea.

18 m 18 s: Embeber recursos interactivos de Descartes en local.

19 m 50 s: Inclusión de windows-size="true" para apertura al tamaño de la ventana.

23 m 52 s: Recomendación de uso de recursos en local. Recursos en la RED de Descartes descargables.

26 m 11 s: Uso de plantillas de Descartes para diseñar recursos interactivos sin necesidad de conocer la herramienta Descartes. El libro "Plantillas DescartesJS".

 28 m 00 s: Cómo editar o intervenir una plantilla.

37 m 50 s: Posibilidad de incorporar cual quier otro tipo de objeto interactivos.

39 m 00 s: Observaciones, inquietudes...

• 39 m 20 s: Sobre uso de plantillas con retroalimentación.
• 41 m 55s: Sobre uso de las plantillas para que el alumando sea generador de recursos interactivos y licencias de uso.
• 43 m 50 s: Recursos de la RED Descartes. ¿Dónde lo busco?
• 44 m 58 s: Subproyectos de la RED Descartes.
• 50 m 20 s: Intervenir las plantillas para generar nuevas plantillas.
• 52 m 10 s: En el apartaado de formación del subproyecto iCartesiLibri se tienen dos libros de formación en la herramienta de edición DescartesJS.
• 53 m 20 s: Labor altruista de la RED Descartes. Importancia de las TIC en este entorno educativo. 
• 57 m 00 s: Sobre la Asamblea de la RED Decartes en Zaragoza (España).
• 59 m 00s: Despedida.

Grabación de la sexta sesión celebrada el 3 de junio 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.

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 (página 91 y siguientes)" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

Nota: Consultad previamente el material incluido al final de este artículo.

Línea temporal 

0 m 00 s: Introducción. Veremos como introducir expresiones matemáticas (ver vídeo auxiliar al final de esta página) e imágenes de fondo.

0 m 45 s: Intencionalidad de las imágenes que se usen en los libros interactivos. 

2 m 49 s: Veremos también fondos. Pero empezamos con las citadas expresiones matemáticas.

3 m 39 s: Librería KaTeX. Se utiliza como referencia de los contenidos de esta sesión este libro (puede descargarlo al final de esta página).

5 m 10 s: Cómo escribir una expresión matemática, se escriben entre $ y $. Los comandos en KaTeX van a continuacion de \.

6 m 52 s: Si se usan $$ y $$ se centran y se escriben en un tamaño mayor.

7 m 17s: Aplicación para verificar la escritura de las expresiones KaTeX.

9 m 34 s: En la dirección de KaTeX: https://katex.org/  se tiene la documentación.

11 m 0 s: Alinear expresiones.

13 m 30 s: Ejemplo del libro de Física donde se usa profusamente KaTeX.

15 m 42 s: Pasamos a los fondos. Se accede al libro de Compostaje y lombricultivo para mostrar diferentes ejemplos.

18 m 19 s: Incluir imágenes de fondo en una página mediante un style y uso de background-image, background-size y background-position.

20 m 30 s: Tamaño predefinido de las páginas: 640px de ancho y 825px de alto.

21 m 40 s: posición mediante coordenadas.

23 m 40 s: Imágenes con fondo oscuro. Se cambia el color a blanco: color:white. Color del título --h2--color: yellow.

26 m 15 s: Desplazamiento de la imagen. Como evitar la repetición: background-repeat: no-repeat

27 m 59 s: Imagen en dos páginas. La de la izquierda con tamaño 1280px 825px y posición 0px 0px. La de la derecha igual tamaño y posición -640px

30 m 30 s: aplicación para posicionar imágenes.

32 m 00 s: Cambio de tamaño de las imágenes y posicionamiento.

33 m 48 s: Párrafos y contenedores con imagen de fondo. Se incluye un style, igual que para la página, pero con elementos adicionales como margin-right, margin-left, padding, etc.

36 m 08 s: Usar estilos generales.

36 m 20 s: Usar el libro de esta sesión para practicar (ver final de la página).

36 m 40 s: Imagen animada compartida entre dos páginas.

40 m 40 s: Imágenes sobre imágenes de fondo. Uso de div con una clase.

42 m 39 s: Preguntas

• 45 m 00 s: Hacer copias de seguridad del index de nuestro libro por si hacemos algo mal y no nos funciona el libro a partir de un momento. Siempre podremos regresar a la última copia.
• 49 m 54 s: Diferentes formatos finales de los libros: en html y en pdf y en diferentes plataformas: proyectodescartes.org, flip-book en pubhtml5.com.

 59 m 34 s: Despedida.

Grabación de la quinta sesión celebrada el 20 de mayo 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.

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 (página 54 a 80)" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

Nota: Consultad previamente el material incluido al final de este artículo.

Línea temporal

0 m 00 s: Introducción. Elementos a analizar: audio y video y fondos.

1 m 30 s: Audio, recomendable formato mp3

2 m 44 s: Cómo incorporar un audio, etiqueta <audio controls> </audio>. "controls" para que se activen los controles.

4 m 28 s: El control de audio que aparece por defecto es estándar, no se puede cambiar su formato.

4 m 48 s: Uso de la etiqueta imagen <img> usando openInteractive para abrir el audio.

5 m 42 s: Ejemplos de vídeos. Si son vídeos en local, estos estarán en una carpeta local dentro de la carpeta de contenidos del libro. Es aconsejable tener siempre una imagen que represente a cada vídeo o interactivo en general (veremos que es útil cuando generemos un pdf de nuestro libro).

7 m 50 s: Código de inserción: <video> </video>. Se especifica el ancho (width), controles (controls="") y tiene un parámetro poster que enlaza con la imagen que hemos citado antes como conveniente. Fuente del vídeo, source.

9 m 21 s: Formato mp4, ogg, web m son compatibles HTML5. El formato compatible con todos los navegadores: mp4.

11 m 10 s: Contenedor para vídeos con enlace externo. "Gran contenedor": <div class="interactive">

13 m 24 s: Vídeo en youtube. Como generar el póster con la herramienta recortes de windows. Descripción del código.

18 m 39 s: Políticas restrictivas de youtube.

20 m 30 s: Parámetros en los vídeos de youtube. (consultad el libro guía).

21 m 18 s: Vídeos en Vimeo.

23 m 42 s: Vídeos de Daylimotion.

24 m 32 s: Vídeos y presentaciones en Internet Archive.

27 m 00 s: Juegos desde Internet Archive.

28 m 05 s: Audios desde Internet Archive.

28 m 26 s: Vídeos de TED.

28 m 49 s: Vídeos de Tik Tok. Posibilidad de descarga en local.

30 m 11 s: Uso del código del "gran contenedor" para interactivos de Descartes, de Phet, etc.

33 m 19 s: Etiqueta <figcaption> (texto descriptivo de la figura) y prefijo identificador del mismo (figura, vídeo, escena, etc.)

36 m 00 s: Se dejan los fondos para la próxima sesión. 

 38 m 30 s: Archivo comprimido con interactivos de DescartesJS para usar con audio y vídeo y que se genere adecuadamente el pdf.

39 m 55: Como usar los interactivos anteriores y por qué.

41 m 52 s: Preguntas.

•  42 m 09 s: Problema con reproducción embebida de un vídeo de youtube.Vídeo con reclamación.
• 46 m 05 s: Canal Odysee tiene menos restricciones que youtube.
• 50 m 28 s: Necesidad de ir preparando los libros personales para poder certificar el curso.
• 52 m 07 s: No se recomienda usar Drive para subir los vvídeos por estar ligado a una cuenta personal.

55 m 25 s: Despedida. 

Grabación de la cuarta sesión celebrada el 6 de mayo 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.

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" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

Nota: Consultad previamente el material incluido al final de este artículo.

0 m 00 s: Introducción. Se trabajarán dos elementos multimedia: Texto (cita, hiperenlaces, notas al pie de página, indentación, referencias bibliográficas y títulos especiales) e imagen (formato html, con estilo especial css, image expand...

2 m 40 s a 8m 40 s: Ocurre una incidencia técnica. 

8 m 40 s: Continuamos... imágenes con cursor y con enlace a otros elementos multimedia.

10 m 11s: Cita textual. Por defecto incluye una línea lateral. Clase "note".

12 m 14 s: Para quitar esa línea lateral modificar en mis_estilos en .note, border-left y basta poner 0px. En norma APA se incluye un margen mayor en las citas textuales: margin-left: 40 px;. Tambiñen se puede incluir sangrías derechas con margin-right.

15 m 25 s: Hiperenlaces. Etiqueta <a>, href y target.

18 m 22s: Notas al pie de página: <span class="footnote">Texto xxxxxx</span>.

20 m 22 s: Párrafos en libros de obras de teatro, identación. En mis  estilos: text-indent.

22 m 18 s: Incluir bibliografía. <bibitem> con un id.

25m 25 s: Hacer referencia a un ítem bibliográfico: <bibref ref_id="xxxx"></bibref>.

26 m 55 s: Títulos especiales. Clase "num_block" con un prefijo: prefix.. De igual manera se puede modificar en mis estilos el estilo de num_block.

29 m 56 s: Uso de imágenes. Etiqueta <img> (no es requerido su cierre, pero puede usarse </image> o </>.

33 m 00 s: Diferentes formatos de imágenes. Imagen vectorial svg.

35 m 42 s: Centrado de imágenes. Diseño especial para nuestras imágenes en "mis estilos".

37 m 19 s: El libro trae por defecto la clase "image_expand" que pone un sombreado y el cursor de selección (la mano por defecto) que requiere indicar qué ha de realizarse al pulsar: onclick.

40 m 15 s: Apertura con onclick y openInteractive.

42 m 35 s: Apertura de un vídeo con openInteractive.

44 m 40 s: Preguntas: 

• Proxima sesión se trabajará con audio y vídeo.
• Opinión sobre aplicación al modelo de cartillas que se quiere diseñar en Perú. 
• Necesidad de práctica y prueba-error para el aprendizaje

49 m 05 s: Recordatorio de la publicación que hemos relaizado en PubHTML5 en formato pdf interactivo en formato filpbook. Diferentes posibilidades de presentación del libro interactivo.

 51 m 42 s: Más preguntas...

• Experiencia adquirida en la elaboración del primer libro interactivo. Organización previa de los contenidos antes de su traslación al libro. 
• Ánimo a la hora de iniciar el diseño de un nuevo libro. Son pocas las etiquetas que hay que recordar y basta copiar y pegar, puesl los objetos que se usan son repetitivos.
• Fundamental tener el prediseño y contenidos del libro antes de comenzar a hacerlo. Hay que sistematizar el procedimiento.
• Materiales para matemáticas en Bogotá. Inconvenientes de usar Moodle, u otras análogas, al ser plataformas cerradas (al menos a nivel de estudiantes de Primaria y Secundaria).

Despedida.