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 y webzip para su distribución.

2. Acceso al Cloudbook

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

En MacOS podras acceder desde aplicaciones en finder y en Windows podras acceder desde el menu de inicio > Cloudbook > Cloudbook

3. Descripción general

Cuando se accede al Cloudbook por primera vez aparecerá una ventana para crear, abrir o importar un proyecto. En nuestro caso inicial vamos a crear un proyecto desde 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 para gestionar el proyecto: Creación,guardar, exportación…, asi como insertar elementos no tan comunes.
• Barra de herramientas (2):  muestra componentes que pueden ser utilizados a la hora de elaborar un recurso educativo. En el apartado siguiente se describirá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, superponer, sobreponer y 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

Si al redimensionar la imagen presionamos la tecla mayuscula veremos que las proporciones de la imagen se mantienen.

• 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. Los formatos soportados son mp3, wav en la mayoria de navegadores y Ogg solo en Firefox, Chrome y opera

• 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. Los formatos soportados en este caso son mp4 en todos los navegadores, mientas que webM y ogg quedan reservados para Chrome, Firefox y Opera.

• 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. Hay que tener cuidado ya que si se selecciona una coma o un espacio la actividad esperara que se ponga tambien esa coma o ese espacio.

• 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 lienzo.

Para editarla se hará clic sobre la misma para seleccionarla y presionar el boton de edicion ( Lapiz ) . Una vez en modo edicion, se podrá escribir la pregunta o descripcion del test, cada una de las respuestas, indicar cuales de ellas son las respuestas correctas (marcando el correspondiente checkbox) y añadir o quitar respuestas. Se la da opcion de que ninguna de ellas sea valida, por lo que no habria que poner una opcion de todas las anteriores son validas o 

• 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 lienzo. 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 ( debe tener el formato http://www.lliurex.net ), se mostraŕa en el lienzo el contenido correspondiente:

Puede suceder que la web a la que se esta enlazando no permita incrustaciones externas, como es el caso por ejemplo de http://www.google.es. Esto provocara que aparezca una imagen como la que se muestra a continuacion. En este tipo de casos no se puede hacer nada, ya que es algo que escapa al control del usuario.

• 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ó. En este caso al igual que en el anterior no se puede hacer nada para evitarlo, mas alla de usar el componente de video y proporcionar nosotros el video.

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

Como se ha comentando la otra opción de exportación disponible es WebZIP. Si se alecciona habrá que indicar el nombre del fichero zip que se generará. El resultado es un zip que contiene un fichero HTML con el contenido del proyecto. Este formato es especialmente util para incrustarlo en plataformas de E-learning tales como Aules ( Moodle ) o similares.