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 Activitat d'Omplir buits: aquest componente permet generar una activitat que consisteix en un text amb buits que s'han d'omplir. 

Per a configurar l'activitat, cal fer clic sobre l'opció d'editar de la barra d'eines on es mostrarà un quadre de diàleg per aintroduir el títol de l'activitat i el seu text. Per a l'ocultació d'una palabra, cal seleccionar-la i fer clic en el botó corresponent (1), i la paraula quedarà emmarcada en roig. Cal anar amb compte perquè si se selcciona una coma o un espai, l'activitat esperarà que s'introduïsca també aquesta coma o aquest espai.

• Component Activitat Resposta múltiple: Permet afegir un activitat que consisteix en una pregunta en què caldrà marcar les opcions correctes d'una sèrie de respostes disponibles. Enl seleccionar aquest component es mostrarà un quadre de diàleg per a indicar quantes respostes tindrà la pregunta (posteriormente se podrá añadir mas).

A continuació es mostrarà l'activitat al llenç.

Per a editar-la cal fer-hi clic per a seleccionar-la i prémer el botó d'edició ( Llapis ) . Una vegada en mode edició, s'hi podrà escriure la pregunta o la descripció del test, cadascuna de les respostes, caldrà indicar quines són les correctes (marcant la casella de selecció corresponent) i s'hi podrà afegir o eliminar respostes. Existeix l'opció que cap d'elles siga correcta, motiu pel qual no existeix l'opció de marcar-les totes com a vàlides.

• Component Activitat Resposta única: és similar a l'anterior però en aquest cas només hi ha una resposta vàlidas.

• Component Hiperenllaç: Permet incrustar al llenç un enllaç a un web extern de forma que aquest s'hi mostre. En seleccionar-lo es mostrarà un quadre de diàleg per a introduir-hi l'URL del web que es vol incrustar al llenç.

Després d'introduir l'URL( ha de tindre el format http://www.lliurex.net ), es mostrarà al llenç el contingut corresponent:

Pot succeir que el web on estem enllaçant  no permeta incrustacions externes, com és el cas, per exemple, de http://www.google.es. Això provocarà que aparega una imatge com la que es mostra a continuació. En aquest tipus de casos no espot fer res perquè s'escapa al control de l'usuari.

• Component Vídeo de YouTube: Permet incrustar al llenç un enllaç de vídeo de YouTube. Es mostrarà un quadre de diàleg per a introduir l'URL corresponent.

Cal assenyalar que NO tots els vídeos poden ser reproduïts fora de YouTube, circumstància que depén de les opcions elegides per la persona que els va publicar. Enaquest cas, igual que en l'anterior, no es pot fer res per a solucionar-ho ,llevat d'utilitzar el component de vídeo i que siguem nosaltres els que proporcionem el vídeo.

5. Gestió de les seccions

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.