Mi primer libro
interactivo
José M. Fernández
Juan Guillermo Rivera Berrío

Mi primer libro

Interactivo



José M. Fernández
Juan Guillermo Rivera Berrío

Fondo Editorial RED Descartes

Córdoba (España)
2025

Mi primer libro
Interactivo


Autores:
José M. Fernández
Juan Guillermo Rivera Berrío


Código JavaScript para el libro: Joel Espinosa Longi, IMATE, UNAM.
Recursos interactivos: DescartesJS, Pollinations AI, Herramientas de IA, WebSim, Phet Colorado, GeoGebra, ...
Fuentes: Lato y UbuntuMono
Imagen de portada: ilustración generada por la herramienta Modelos de imagen de Pollinations



Red Educativa Digital Descartes
Córdoba (España)
descartes@proyectodescartes.org
https://proyectodescartes.org

Proyecto iCartesiLibri
https://proyectodescartes.org/iCartesiLibri/index.htm

ISBN:


Esta obra está bajo una licencia Creative Commons 4.0 internacional: Reconocimiento-No Comercial-Compartir Igual.

Tabla de contenido

Introducción

Vamos a incursionar en este mundo de la creación de libros interactivos utilizando el modelo de "clase invertida":

La clase invertida (o flipped classroom) es un modelo de enseñanza en el que el aprendizaje de los contenidos básicos ocurre fuera del aula, generalmente a través de videos, lecturas o materiales digitales preparados por el docente. De esta forma, el tiempo en clase se dedica a actividades prácticas: resolver problemas, discutir en grupo, realizar proyectos o aplicar los conceptos en situaciones reales.

Este enfoque busca que el estudiante sea más autónomo, activo y responsable de su propio aprendizaje, mientras que el docente actúa como guía y facilitador, apoyando la comprensión profunda y el desarrollo de habilidades críticas.

En esta primera sesión abordaremos:

  • Programación del curso
  • Funcionamiento del modelo de libro
  • Librerías requeridas por el libro
  • Tipos de archivos que usa el libro
  • Editores de texto plano
  • Plantillas diseñadas con el editor DescartesJS
  • Herramientas de IA.

"Nos preparamos para el encuentro sincrónico,
leyendo y estudiando el material compartido"

Programación del curso

El curso está diseñado para guiar paso a paso a los participantes en la creación de libros digitales enriquecidos con recursos interactivos, imágenes, audios, videos y objetos dinámicos. Se combina el uso de DescartesJS para elementos interactivos y de herramientas de IA (como Pollinations) para generación de recursos gráficos y textuales.

En la siguiente página, está el programa y la Estructura por sesiones en forma detallada.

🎯 Enfoque pedagógico

El curso sigue una metodología teórico-práctica, donde cada sesión introduce un bloque temático acompañado de ejemplos y actividades de aplicación.

DescartesJS se centra en la interactividad y la matemática visual. Pollinations y otras IA sirven como asistentes creativos para generar imágenes, textos y materiales complementarios.

👌 Resultados esperados

que cada participante construya un libro interactivo completo, con portada, capítulos, recursos multimedia y objetos dinámicos.

Dato útil
Cuando en la parte superior derecha se ve el símbolo , significa que, haciendo clic en él, el objeto se muestra a pantalla completa. Compruébalo en la siguiente página.

Libro "Diseño de libros interactivos"

Este material de apoyo es un manual-guía exhaustivo para la creación de libros digitales interactivos dentro del proyecto iCartesiLibri de la Red Educativa Digital Descartes.

1️⃣ Puede aportar al curso

  • En las primeras sesiones: apoya la comprensión de las librerías, plantillas y editores (17 octubre).
  • En el diseño de portada y capítulos: ofrece ejemplos de CSS, HTML y estructura de páginas (31 octubre y 14 noviembre).
  • En la unidad de textos: explica en detalle párrafos, hipervínculos, notas al pie y citas (28 noviembre).
  • En imágenes, vídeos y audios: proporciona recomendaciones de formatos, derechos de autor, integración de multimedia y ejemplos de código (12 diciembre y 16 enero).
  • En objetos interactivos: guía la integración de DescartesJS y otras plataformas (30 enero).
  • Para el proyecto final: ofrece modelos listos y buenas prácticas para que cada participante logre un libro con calidad editorial (13 febrero).

2️⃣ Prepárate para la primera sesión leyendo

  1. Lee la Introducción (pag. 3)
  2. Analiza la diferencia entre Flipbooks e iCartesiLibri (pags. 4 a 7)
  3. Estudia las herramientas de edición, el uso de editores de texto plano y la organización de archivos. (pags. 8 a 11)

Plantilla para el diseño del libro

📑 Descripción de la herramienta plantilla

La plantilla funciona como un esqueleto estructural sobre el cual el estudiante debe construir su propio libro.

  1. Portada y preliminares.
    Incluye un espacio para título, subtítulo y autores (actualmente Juana de Arco y Napoleón Bonaparte). Se mencionan créditos técnicos y editoriales.
  2. Tabla de contenido.
    Presenta un índice con capítulos y prefacio, lo cual sirve de guía para organizar el material.
  3. Prefacio.
    Modelo de introducción, actualmente vacío, debes personalizarlo.
  4. Capítulo de ejemplo.
    Incluye un título de capítulo, espacios para figuras con numeración automática y texto de muestra (Lorem Ipsum). Se insertan imágenes de ejemplo en la carpeta del proyecto (ejemplo: portada3.jpg, cap1.jpg).

Descarga el libro plantilla



🏗️ Trabajos en la primera sesión

En la página 8 te instamos a que leyeras el material, recuerda que estamos en el modelo de clase invertida. Las explicaciones llegan siempre antes de la clase para que puedas abordar las primeras tareas.

Este es el listado de las actividades que debes realizar en esta primera sesión

  • Personalizar
    • la imagen de la portada que harás con el interactivo de la página 15
    • los títulos de la la portada [pag i]Las primeras páginas, antes del prefacio, se numeran con romanos en minúscula, a partir del prefacio con números indo-arábigos. Puedes modificarlo.
    • los créditos [pag ii]
  • Cambiar el título y el subtítulo por los del libro que estás creando [pag ii]
  • Cambiar el nombre de los autores por los reales [pag ii]
  • Editar los datos preliminares [pag ii]
  • Redactar el prefacio del libro [pag 5]
  • Diseñar los títulos de los capítulos que crearás con el interactivo de la página 13
  • Aprender a incluir citas, referencias, notas al pie e hipervínculos.
  • Actualizar las imágenes

Estructura del libro

Es posible que no tengas idea sobre qué tema vas a tratar en tu libro o, teniendo el tema, qué estructura de capítulos debes usar. Por ello, hemos diseñado una herramienta conversacional o ChatBot basado en inteligencia artificial, que te asistirá en la estructuración de tu libro. Lo encontrarás en la página siguiente.

Tema del libro

Supongamos que tu tema es sobre "Matemáticas discretas", pero no sabes qué título ponerle al libro. Escribe al ChatBot: "Dame cinco títulos posibles sobre Matemáticas Discretas" y obtendrás algunos temas a considerar para tu libro.

Capítulos del libro

Supongamos que elegiste como tema de tu libro "Algoritmos y Combinatoria en Matemáticas Discretas", basta con que se lo escribas al ChatBot y él te dará, al menos, 10 capítulos con sus descripciones; entre ellos:

  1. Introducción a las Matemáticas Discretas. Una visión general del campo, su importancia y aplicaciones.
  2. Fundamentos de Combinatoria. Contar, permutar y combinar: principios básicos y teóricos fundamentales.
  3. Principios de Conteo y Técnicas de Recurrencia. Métodos para resolver problemas de conteo complejos y secuencias recurrentes.

En conclusión, para la próxima sesión tendrás estructurado tu libro y la plantilla con los cambios sugeridos, incluyendo imágenes... ¡Oh! Las imágenes...

Usa el ChatBot Escritor de libros,
para generar posibles títulos de libros.

Por ejemplo, le puedes decir:
Dame un listado de posibles títulos de libros sobre Física

O, si ya tienes el título, puedes indicarle:
Secretos del Universo Cuántico,
y el ChatBot te generará los capítulos de tu libro.

Imagen generada por Lexica

Utiliza la herramienta interactiva de la siguiente página para generar la imagen de portada de tu libro. Deberás escribir un prompt Un prompt es un comando descriptivo. Por ejemplo, si tu libro es sobre Genética, podría ser:
"Portada de libro científico sobre genética, mostrando una doble hélice de ADN brillante en colores azul y verde, con cromosomas estilizados en el fondo, elementos de laboratorio como microscopios y pipetas, título elegante en tipografía moderna, estilo científico profesional pero accesible, iluminación suave, alta calidad, 4K"
que capture la esencia y temática de tu obra.