Web 2.0 en el Aula

Raúl Diego Obregón

________________________________________________________________________________________________

1

¿Qué es Cooliris Express? Cooliris Express es una vistosa galería tridimensional que nos permite insertar imágenes insertadas en nuestros servicios de imágenes en la nube como son: Flickr, Picassa, Youtube, Facebook o contenido sindicado por RSS.

¿Cómo crear una galería con Cooliris Express? Sólo se necesitan tres pasos: seleccionar el contenido (Flickr, Picassa, Youtube, Facebook o contenido sindicado por RSS), configurar las medidas y características; e insertar. Cuando lleguemos a la página de Cooliris Express vamos a la sección CREATE YOUR OWN 3D WALL.

Web 2.0 en el Aula

Raúl Diego Obregón

________________________________________________________________________________________________

2

CONTENT Ahí seleccionamos de qué lugar queremos sacar nuestro contenido multimedia (Flickr, Picassa, Youtube, Facebook o contenido sindicado por RSS). Lo podemos hacer de álbumes propios o de búsquedas de palabras. En Facebook sólo de nuestro perfil. En este caso lo haremos con un álbum de Picasa. Sólo tenemos que seleccionar la dirección o URL del álbum (https://picasaweb.google.com/112331695478896468909/MuseoDePrehistoria) y pegarla en la ventana. Pasa eso habremos seleccionado:

Picasa (así le decimo que las foto vienen de Picasa). From a specific álbum (así le decimos la dirección específica del álbum). OK

¿Cómo subir imágenes a Picasa? Si no sabéis usar Picasa, os comento que es la herramienta de almacenamiento de imágenes de Google y que disponéis de 5GB de espacio para almacenar imágenes. Sólo tenéis que acceder con vuestra cuenta de Google (un cuenta de Gmail lo es), y dar al botón SUBIR.

Seleccionamos la fotografías que deseemos de nuestro ordenador y cuando hayamos terminado, sólo tenemos que copiar la URL o dirección web del álbum de fotos que se ha creado.

Web 2.0 en el Aula

Raúl Diego Obregón

________________________________________________________________________________________________

3

CUSTOMIZE Si seguimos con nuestra configuración en Cooliris Express, la siguiente pantalla CUSTOMIZE nos pide que configuremos la apariencia de nuestra galería o muro. Nos pide: WALL NAME – Nombre del muro. NUMBER OF ROWS – Número de filas. THEMES – Aquí seleccionamos un fondo ya diseñado. ADVANCED OPTIONS En las opciones avanzadas podremos especificar el color del fondo, poner una imagen o poner y quitar botones sociales o de búsqueda.

PUBLISH En el tercer y último paso nos dará el código para publicar en uno de los espacios web o nos pedirá permiso para hacer él, después de haberle proporcionado los datos. Nada más llegar nos indica que accedamos con nuestra cuenta Facebook o Google. Eso lo hace para crearnos una cuenta de Cooliris Express y guardar los muros que vayamos creando. Podemos saltarnos ese paso con CONTINUE WITHOUT LOGIN.

Web 2.0 en el Aula

Raúl Diego Obregón

________________________________________________________________________________________________

4

Y copiamos el código que luego pegarlo en nuestro blog o web. La otra opción es seleccionar nuestro sitio web y que el propio Cooliris Express nos haga la publicación. Recomiendo la primera opción para poder modificar el ancho y alto de nuestra galería.

Es este es el código proporcionado: <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEzNTg2NzIwOTMyMDUmcHQ9MTM1ODY3MjQ5OTcwNCZwPTkwMjA1MSZkPSZnPTEmb2Y9MA==.gif" /><object id="ci_03499_o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="248" ><param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf?t=1307582197"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><param name="bgColor" value="#121212" /><param name="flashvars" value="feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3D112331695478896468909%26album%3DMuseoDePrehistoria&numrows=2&backgroundcolor=%23ffffff&style=light&glowcolor=%23000000&showtutorial=false&showchrome=false&showsearch=false&showembed=false" /><param name="wmode" value="opaque" /><embed id="ci_03499_e" type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf?t=1307582197" width="400" height="248" allowFullScreen="true" allowScriptAccess="always" bgColor="#121212" flashvars="feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3D112331695478896468909%26album%3DMuseoDePrehistoria&numrows=2&backgroundcolor=%23ffffff&style=light&glowcolor=%23000000&showtutorial=false&showchrome=false&showsearch=false&showembed=false" wmode="opaque"></embed></object> En mi caso que tengo 520 de ancho en el blog voy a sustituirlo por el 400 de WIDTH (ancho) y 400 por el 248 de HEIGHT (alto).

Web 2.0 en el Aula

Raúl Diego Obregón

________________________________________________________________________________________________

5

El resultado es una galería 3D insertada en nuestro sitio web como esta:

• Con la barra azul nos podremos desplazar. • Con las fechas podremos hacer pantalla completa. • Haciendo doble clic en la imagen se ampliará. • Y con las teclas de arriba, abajo, izquierda y derecha nos desplazaremos por las imágenes.

Ver ejemplo: http://www.rauldiego.es/?p=1151

Versión móvil de Cooliris Express Cooliris también dispone de App para nuestros dispositivos móviles. Con estas App crearemos vistosos muros para mostrar nuestras imágenes.

Version en Google Play y version en la App Store

Raúl Diego Obregón www.rauldiego.es

correo@rauldiego.es