# Interactive Book (Libro interactivo)

# Introducción

Este tipos de actividad nos permite crear un libro interactivo donde, además de contenido en forma de texto, imagen, vídeo, enlaces... podremos añadir contenido interactivo.

Para comenzar a trabajar con esta herramienta, lo primero que haremos será ir al curso en el que queramos crear este contenido y clicar en la opción *Más* &gt;&gt; *Banco de Contenido* del menú superior del curso. Una vez en él pulsaremos en el botón *Añadir* y en el desplegable seleccionaremos *Interactive book*

[![interactive book 1.png](https://libros.catedu.es/uploads/images/gallery/2024-04/scaled-1680-/interactive-book-1.png)](https://libros.catedu.es/uploads/images/gallery/2024-04/interactive-book-1.png)

Comenzaremos, como siempre, poniendo el *Título* a nuestra actividad. Si marcamos el check "*Habilitar portada de libro*", se desplegará el menú *Página de portada*, en el que podremos añadir un texto descriptivo del libro y una imagen o vídeo en *Medios de portada*. Este check no es obligatorio, podremos crear nuestro libro sin portada.

[![portada ib.png](https://libros.catedu.es/uploads/images/gallery/2024-04/scaled-1680-/portada-ib.png)](https://libros.catedu.es/uploads/images/gallery/2024-04/portada-ib.png)

# Añadiendo contenido a nuestro Libro interactivo

Vamos a ver como añadir contenido a nuestro libro. Desde esta pantalla podremos ir añadiendo páginas y configurando el contenido de cada una de ellas.

[![páginas.png](https://libros.catedu.es/uploads/images/gallery/2024-04/scaled-1680-/paginas.png)](https://libros.catedu.es/uploads/images/gallery/2024-04/paginas.png)

1. A cada página lo primero le pondremos un *Título*.
2. El *contenido* que puede tener cada página es el siguiente (hemos enlazado al capítulo de este libro donde se explica): 
    - [Accordion](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/2-accordion-acordeon)
    - [Agamotto ](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/1-agamotto)
    - Audio: añadir un archivo de audio, bien que tengamos guardado o también podemos grabarlo desde la actividad.
    - Audio recorder: añade una grabadora de sonidos
    - Fill in the blanks
    - Chart: contenido en formato de gráfico de barras o de sectores.
    - Collage: varias fotos en forma de collage.
    - [Course presentation](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/chapter/presentacion-del-curso-course-presentation)
    - [Dialog cards](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/5-dialog-cards-tarjetas-giratorias)
    - Documentation tool: esta herramienta no se explica en este curso. Puedes ver un [ejemplo ](https://h5p.org/documentation-tool)y un [tutorial ](https://h5p.org/tutorial-documentation-tool)(en inglés).
    - [Drag and drop](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/35-arrastra-y-suelta-drag-and-drop)
    - [Drag the words](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/3-drag-the-words-arrastra-las-palabras)
    - Essay: este contenido no se explica en este curso. Aquí puedes ver un [ejemplo ](https://h5p.org/content-types/essay)y un [tutorial ](https://h5p.org/tutorial-essay)(en inglés).
    - Guess the answer: este contenido no se explica en este curso. Aquí puedes ver un [ejemplo. ](https://h5p.org/guess-the-answer)
    - Table: insertar una tabla de datos.
    - Text: añadir texto.
    - iFrame embedder: permite embeber aplicaciones Javascript usando una URL o un archivo ya creado.
    - Image: permite insertar una imagen.
    - [Image hotspots](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/4-image-hotspots-imagen-con-puntos-destacados)
    - Find the hotspot: esta actividad no se explica en este curso pero puedes ver un ejemplo [aquí .](https://h5p.org/image-hotspot-question)
    - Image slider: nos permite añadir un carrusel con varias imágenes.
    - [Interactive video](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/chapter/videos-interactivos-interactive-video)
    - Link: añadir un enlace
    - [Mark the words](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/38-marca-las-palabras-mark-the-words)
    - [Memory game](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/10-memory-game-juego-de-memoria)
    - [Multiple choice](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/33-pregunta-de-eleccion-multiple-multiple-choice)
    - Question set: consiste en una batería de preguntas que podremos configurar. Los tipos de preguntas disponibles son [Multiple choice](https://libros.catedu.es/choice),[ drag and drop](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/35-arrastra-y-suelta-drag-and-drop),[ fill in the blanks](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/31-rellena-los-huecos-fill-in-the-blanks), [mark the words](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/38-marca-las-palabras-mark-the-words), [drag the words](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/3-drag-the-words-arrastra-las-palabras), [true/false question](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/34-verdaderofalso-truefalse-question), [essay ](https://h5p.org/content-types/essay)e [image choice](https://h5p.org/content-types/image-choice).
    - [Single choice set](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/42-pregunta-de-respuesta-unica-single-choice-set)
    - [Summary](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/36-resumen-summary)
    - [Timeline](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/8-timeline-linea-del-tiempo)
    - [True/false question](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/page/44-preguntas-de-verdaderofalso-truefalse-questions)
    - Video
    - Image choice: este contenido no se explica en este curso, pero puedes verlo[ en este enlace.](https://h5p.org/content-types/image-choice)
3. Podemos configurar separar el contenido dentro de una misma página de nuestro libro con una regla horizontal o no.
4. Si queremos añadir más de un tipo de contenido a nuestra página, iremos añadiéndolo desde el botón *Agregar contenido.*
5. Cuando queramos añadir páginas a nuestro libro lo haremos desde este el botón *Agregar páginas.*
6. Si queremos eliminar una página, haremos clic sobre la *X*
7. Podemos cambiar el orden de las páginas de nuestro libro utilizando estas flechas.

Las opciones que encontraremos en *Configuraciones del comportamiento* son estas:

[![comportamiento.png](https://libros.catedu.es/uploads/images/gallery/2024-04/scaled-1680-/comportamiento.png)](https://libros.catedu.es/uploads/images/gallery/2024-04/comportamiento.png)

1. Color base. Configura el color base que definirá el esquema general de color del libro.
2. <div class="h5peditor-field-description" id="bkmrk-cuando-se-habilita%2C-">Cuando se habilita, la tabla de contenidos se muestra al abrir el libro.</div>
3. Habilitar progreso automático: si se habilita, se considera que se ha terminado una página sin tareas cuando el usuario la visita. Una página con tareas cuando todos los tareas están hechas. Si se deshabilita, habrá un botón al fondo de cada página para que el usuario pueda hacer clic cuando haya terminado con la página.
4. Mostrar resumen: cuando se habilita, el usuario puede ver un resumen y enviar el progreso/respuestas.
5. Habilitar botón "Reiniciar": cuando se habilita, el usuario puede iniciar un reinicio en la página del resumen.

En *Anulaciones de texto y traducciones* veremos que este contenido está disponible en español (y en muchos idiomas más).

[Al final de este curso](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/chapter/aspectos-generales-en-el-trabajo-con-h5p-desde-aeducar) aprenderás a insertar esta actividad en tu curso de Aeducar.

Si deseas crear contenido h5p en Wordpress, puedes ver como se hace [en este capítulo.](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/chapter/aspectos-generales-en-el-trabajo-con-h5p-en-wordpress)