1. Introducción

Cloudbook es una herramienta diseñada por el equipo de desarrollo de LliureX que permite la creación de recursos educativos y posteriormente ser exportados a  formato hml para su distribución.

2. Acceso al Cloudbook

Para ejecutar la aplicación hay que acceder al Menú>Creación de Recursos Digitales>Cloudbook.

3. Descripción general

Cuando se accede al Cloudbook por primera vez aparecerá una ventanapara crear un nuevo proyecto.

Se introducirá el nombre del proyecto y tras aceptar

aparecerá la ventana principal del Cloudbook con los siguientes elementos:

• Barra de menú (1):  contiene las opciones básicas para gestionar el proyecto: Creación,guardar, exportación…
• Barra de herramientas (2):  muestra todos los componentes que pueden ser utilizados a la hora deelaborar un recurso educativo. En el apartado siguiente sedescribirán con mas detalle.
• Árbol de secciones (3):  Muestra el árbol con las secciones que contiene el proyecto. Permite crear nuevas secciones, así como navegar entre las mismas. Se explicará con más detalle en puntos posteriores de este artículo.
• Lienzo (4): es la zona donde se elabora el recurso educativo. Cada sección cuenta con su propio lienzo, mostrándose en cada momento el lienzo correspondinete a la sección activa

4. Componentes disponibles

 
Para la elaboración de los recursos educativos Cloubook ofrece una serie de componentes disponibles en la barra de herramientas que se comentaba en el apartado anterior.

Los componentes también están disponible en la opción Insertar de la barra de menú

De forma general para utilizar un componente basta con hacer clic en el icono correspondiente de la barra de herramientas, seguir las instrucciones que puedan aparecer y tras esto el componente se mostrará en el lienzo de la sección activa.

Al hacer clic sobre el componente se mostrará en su parte superior una barra de herramientas con opciones para editar, borrar ,duplicar… ..

Además en la esquina inferior izquierda se mostrará un icono que permite cambiar la orientación del componente en el lienzo. En la esquina inferior derecha aparecerá un botón que permite redimensionar el componente.

Para desplazar el componente por el lienzo basta con hacer clic en su barra de herramientas y con el botón pulsado arrastrarlo hasta la posición deseada.

En cuanto a los componentes disponibles son los siguientes (de izquierda a derecha):

• Componente Texto: Se trata de una caja que permite introducir el texto deseado. Al hacer dobe clic sobre el mismo se mostrará una barra de herramientas que permite dar formato al texto introducido. Además se puede ver que aparece un fragmento del texto seleccionado indicando que se puede modificar el contenido de la caja de texto

• Componente Imagen: Permite insertar una imagen en el lienzo. Se mostrará una cuadro de diálogo para seleccionar el fichero de la imagen que se desea insertar.

Tras seleccionar el fichero y hacer clic en el boton insertar esta aparecerá en el lienzo de la sección activa

• Componente Audio: Similar al anterior. En este caso permite añadir al lienzo un fichero de audio. Tras seleccionar el archivo correspondiente se mostrará en el tapiz

• Componente Video: Similar al anterior. En este caso permite añadir al lienzo un fichero de video. Tras seleccionar el archivo correspondiente se mostrará en el tapiz

• Componente Actividad de Rellenar huecos: Este componente permite generar una actividad consistente en un texto con huecos para que sean rellenados.

Para configurar la actividad se hará clic sobre la opción de editar de su barra de herramientas mostrándose un cuadro de diálogo para introducir el título de la actividad y el texto de la misma. Para ocultar una palabra se seleccionará las misma y se hará clic sobre el botón correspondiente (1), quedando la palabra remarcado en rojo.

• Componente Actividad Respuesta múltiple: Permite añadir un actividad consistente en una pregunta en el que habrá que marcar las opciones correctas de entras las disponibles. Al seleccionar este componente se mostrará un cuadro de diálogo para indicar cuantas respuestas tendrá la pregunta (posteriormente se podrá añadir mas).

A continuación se mostrará la actividad en el tapiz.

Para editarla se hará clic sobre la misma y trae seleccionar la opción correspondiente en su barra de herramientas, se podrá indicar la pregunta, cada una de las respuestas, indicar cuales de ellas son las respuestas correctas (marcando el correspondiente checkbox) y añadir o quitar respuestas

• Componente Actividad Respuesta única: Es similar al anterior sólo que en este caso la pregunta sólo podrá tener una respuesta válida

• Componente Hipervínculo: Permite incrustar en el lienzo un hipervínculo a una web externa de forma que esta se muestre en el tapiz. Al seleccionarlo se mostrará un cuadro de diálogo para introducir la url de la web que se desea incrustar en el lienzo

Trás introducir la url, se mostraŕa en el lienzo el contenido correspondiente:

• Componente Video de YouTube: Permite incrustar en el lienzo un hipervínculo vídeo de YouTube. Se mostrará un cuadro de diálogo para introducir la url correspondiente.

Señalar que NO todos los vídeos pueden ser reproducidos fuera de YouTube circunstancia que depende de las opciones elegidas por la persona que lo publicó4

5. Gestión de las secciones

Los proyectos elaborados en Cloudbook se componen de secciones sobre cuyos lienzos se van insertando los distintos componentes que forman la actividad. Obviamente en el lienzo de una sección puede haber múltiples componentes de igual modo que un proyecto puede constar de una única sección.

En la zona izquierda de la ventana principal del cloudbook se muestra el árbol con las secciones que tenga el proyecto. Por defecto aparece una sección. A la izquierda se muestra el índice de la sección (este índice es automático y no puede cambiarse. En el centro se muestra el nombre de la sección (al hacer clic sobre el mismo se puede cambiar.

Si se hace clic en la esquina derecha de la sección se mostrará una lista de opciones que permite crear una nueva sección, una nueva subsección, borrar, etc.

Para cambiar de sección se hará clic sobre la misma, mostrándose su lienzo para añadir nuevos componentes

6. Exportación del proyecto

 
Una vez elaborado el proyecto este puede ser exportado en 2 formatos HTML o WebZIP para facilitar su distribución.

Las opciones de exportación se encuentran en la barra de menú.

Si se exporta a HTML se mostrará un cuadro de dialogo para indicar la carpeta donde se generará el fichero html (Por defecto index.html)

Una vez generado el fichero html, si se ejecuta tendría un aspecto similar a este