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

Els projectes elaborats en Cloudbook es componen de seccions sobre els llenços de les quals es van inserint els diferents components que formen l'activitat. Òbviament en el llenç d'una secció pot haver-hi múltiples components d'igual manera que un projecte pot constar d'una única secció.

En la zona esquerra de la finestra principal del cloudbook es mostra l'arbre amb les seccions que tinga el projecte. Per defecte apareix una secció. A l'esquerra es mostra l'índex de la secció (aquest índex és automàtic i no pot canviar-se). En el centre es mostra el nom de la secció (en fer clic sobre el mateix es pot canviar).

Si es fa clic en el cantó dret de la secció es mostrarà una llista d'opcions que permet crear una nova secció, una nova subsecció, esborrar, etc.

Per a canviar de secció, cal fer clic sobre aquesta que mostrarà el seu llenç perquè afegim components nous.

6. Exportació del projecte

 
Una vegada elaborat el projecte, pot ser exportat en 2 formats HTML o WebZIP per facilitar la seua distibució.

Les opcions d'exportació es troben en la barra de menú.

Si s'exporta a HTML es mostrarà un quadre de diàleg per a indicar la carpeta on es generarà el fitxe html (Per defecte index.html)

Una vegada generat el fitxer html, si s'executa, tindrà un aspecte similar a aquest.

Com s'ha comentat, l'altra opció d'exportació disponible és WebZIP. Si se selecciona, caldrà indicar el nom del fitxer zip que se generarà. El resultat és un zip que conté un fitxer HTML amb el contingut del projecte. Aquest format és especialment útil per a incrustar-lo en plataformes d'educació en línia (E-learning) com Aules ( Moodle ) o similars.