1. Introducció

Cloudbook és una eina dissenyada per l'equip de desenvolupament de LliureX que permet la creació de recursos educatius que poden ser exportats a  format hml i webzip per a la seua distribució.

2. Accés al Cloudbook

Per a executar l'aplicació des de LliureX cal accedir al Menú>Creació de Recursos Digitals>Cloudbook.

En MacOS podreu accedir des d'aplicaciones en finder i en Windows podreu accedir des del menú d'inici > Cloudbook > Cloudbook

3. Descripció general

En accedir al Cloudbook per primera vegada apareixerà una finestra per a crear, obrir o importar un projecte. En aquest cas inicial crearem un projecte des de Nou Projecte

Cal introduir el nom del projecte i després d'acceptar

apareixerà la finestra principal del Cloudbook amb els següents elements:

• Barra de menú (1):  conté les opcions per a gestionar el projecte: Crea,guarda, exporta…, i també la possibilitat d'inserir elements no tan comuns.
• Barra d'eines (2):  mostra components que poden ser utilitzats a l'hora d'elaborar un recurs educatiu. A l'apartado següent es descriuran  amb més detall.
• Arbre de seccions (3):  mostra l'arbre amb les seccions que conté el projecte. Permet crear noves seccions, així com navegar-hi. S'explicarà amb més detall en punts posteriors d'aquest article.
• Llenç (4): és la zona on s'elabora el recurso educatiu. Cada secció compta amb el seu propi llenç, i hi mostra en cada moment el llenç que correspon a la secció activa.

4. Components disponibles

 
Per a l'elaboració dels recursos educatius, Cloubook ofereix una sèrie de components disponibles en la barra d'eines que s'ha esmentat en l'apartat anterior.

Els components també estan disponibles en l'opció Insereix de la barra de menú.

De forma general, per a utilitzar un component n'hi ha prou amb fer clic a la icona corresponent de la barra d'eines, seguir les instruccions que puguen aparéixer i, en fer això, el component es mostrarà en el llenç de la secció activa.

En fer clic sobre el component, s'hi mostrarà a la part superior una barra d'eines amb opcions per a editar, eliminar, superposar, anteposar i duplicar.

A més, al cantó inferior esquerre es mostrarà una icona que permetrà canviar l'orientació del component al llenç. Al cantó inferior dret apareixerà un botó que permetrà redimensionar el component.

Per a desplaçar el component pel llenç n'hi ha prou amb fer clic en la barra d'eines i amb el botó premut, arrossegar-lo fins a la posició desitjada. 

Quant als components disponibles, són els següents (d'esquerra a dreta):

• Component Text: es tracta d'un quadre que permet introduir-hi el text desitjat. En fer-hi dobe clic, s'hi mostrarà una barra d'eines que permetrà donar format al text introduït. A més, hi apareixerà un fragment del text seleccionat; això indica que es podrà modificar el contingut del quadre de text.

• Component Imatge: permet inserir una imatge en el llenç. S'hi mostrarà un quadre de diàleg per a seleccionar el fitxer de la imatge que es desitge inserir.

Després de seleccionar el fitxer i fer clic en el botó Insereix, la imatge apareixerà al llenç de la selecció activa.

Si en redimensionar la imatge premem la tecla majúscula, veurem que las proporcions de la imagen es mantenen.

• Component Àudio: Similar a l'anterior. En aquest cas permet afegir al llenç un fitxer d'àudio. Després de seleccionar el fitxer corresponent, es mostrarà al llenç. Els formats admesos són mp3, wav en la majoria de navegadors i Ogg sols en Firefox, Chrome i Opera.

• Component Vídeo: Similar a l'anterior. En aquest cas, permet afegir al llenç un fitxer de vídeo. Després de seleccionar el fitxer corresponent es mostrarà al llenç. Els formats admesos en aquest cas són mp4 en tots els navegadores, mentre que webM i ogg queden reservats per a Chrome, Firefox y Opera.

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