Ejemplos

2024-12-03

Reestructuración para proporcionar una única versión minimizada de nú…

Ejemplos

2024-02-14

Tooltips y libros con página de diferente tamaño

Ejemplos

Mejoras en la carga de los libros

* Se modificó la carga de las imágenes poster de los interactivos, para que solo sean descargadas cuando se imprime el libro a pdf, reduciendo la cantidad de datos que se descargan para visualizar el libro.
* Se agregó funcionamiento para que las imágenes e interactivos, se muestren a ventana completa en la misma pestaña del navegador, con la finalidad de no abrir ventanas adicionales, dependiendo del valor de la variable open_interactives_fullscreen.
* En los ejemplos se actualizó la biblioteca Katex a la versión v0.16.8.
* En los ejemplos se actualizó la biblioteca Mathjax a la versión v3.2.2.

Ejemplos

Optimizaciones

- Se reestructuró el código del libro para volver más eficiente la carga de los libros interactivos compuestos por muchas páginas y muchos recursos interactivos. Con esto se logró reducir el tiempo de carga hasta en una tercera parte.
- Los audios agregan un hipervínculo cuando se convierte el libro a PDF.
- Se corrigió un problema con algunas escenas interactivas de GeoGebra que intentan enfocarse cuando terminan de cargarse, lo que ocasionaba que se desfasara la presentación de las páginas del libro interactivo.

Ejemplos

Optimizaciones

- Se reestructuró el código del libro para volver más eficiente la carga de los libros interactivos compuestos por muchas páginas y muchos recursos interactivos. Con esto se logró reducir el tiempo de carga hasta en una tercera parte.
- Los audios agregan un hipervínculo cuando se convierte el libro a PDF.
- Se corrigió un problema con algunas escenas interactivas de GeoGebra que intentan enfocarse cuando terminan de cargarse, lo que ocasionaba que se desfasara la presentación de las páginas del libro interactivo.

Ejemplos

Mejoras en la impresión PDF y de navegación

* El elemento de tipo ref_id permite agregar un vínculo que hace referencia a un elemento (identificado con un id) donde se muestra el número de página en el que se encuentra. Para mejorar la personalización de la referencia se agregaron los parámetros prefiix y postfix, para agregar texto antes y después del número de página, respectivamente. Además a los elementos de texto que se encuentran en prefix y postfix, se les agrego las clases CSS pageref_prefix y pageref_postfix, respectivamentes, así como la clase CSS pageref_number, con las cuales es posible personalizar la apariencia a las referencias, siendo particularmente útil cuando se quiere tener una tabla de contenidos con un estilo personalizado. Adicionalmente se agregó el parámetro digits para determinar el número de dígitos utilizado en la referencia, útil para agregar ceros a la izquierda de los números en una tabla de contenido personalizada.
* Las figuras se numeran de forma automática si en el libro se encuentra la configuraciónwindow.book_config = {
  auto_numerate_sections_and_figures: true,}
aunque esto sólo funcionaba si el libro contiene capítulos identificados por la clase chap_name. Se agregó funcionamiento para que las figuras se auto numeren incluso cuando no se tengan capítulos en el libro.
* Para que la navegación del libro sea más eficiente, los interactivos y videos solo se activan y muestran cuando la página que los contiene es visible. Se agregó este comportamiento a los reproductores de audio (etiquetas <audio>), para que solo se reproduzca el sonido mientras la página que contiene el reproductor es visible.
* Se agregaron parámetros al URL para determinar la página a mostrar (page) y sí se utiliza o no el tema oscuro (theme).

* Se agregaron múltiples funcionalidades para la generación de PDF a través de la opción de imprimir del navegador Google Chrome.
Entre ellos se encuentra que ahora se incluyen los vínculos internos que se generan en la tabla de contenido.Los interactivos pueden especificar una imagen con el parámetro poster, que corresponde a la imagen que se utiliza durante la generación del PDF. Adicionalmente si la impresión se realiza desde un sitio en internet, las imágenes usadas de poster también proporcionan un hipervínculo a la escena interactiva.Las imágenes que utilizan la función openInteractive al generar el PDF también agregan el hipervínculo correspondiente a la escena interactiva.De igual manera las imágenes que utilizan la función openImage(this) que se encarga de abrir la imagen en una nueva pantalla, al generar el PDF se incluye un hipervínculo a la imagen.