Web 2.

0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
1





Qu es PhotoSnack?


PhotoSnack es una herramienta con la que podemos generar rpidamente sencillos pases de diapositivas
en lenguaje HTML5. Ideales para ser visualizadas en cualquier dispositivo, incluido los iPad.

La herramienta es sencilla, slo tenemos que subir las imagines que queramos presentar al servicio o
tenerlas hospedadas en cualquiera de estos servicios de alojamiento de imgenes en la
nube: Facebook, Flickr, Google +, Instagram, Photobucket o Smugmug.

Cmo crear una cuenta en PhotoSnack?

Accedermos al servicio PhotoSnack: http://www.photosnack.com, nos dirigiremos al botn SIGN IN y ah
a NEW USER para sacarnos una cuenta en el servicio.


El alta en el servicio le podemos hacer con una cuenta de Facebook, Google, Twitter o con nuestra cuenta
de correo. Si lo hacemos con nuestro correo deberemos indicar: Correo, Contrasea, Nombre, Nombre de
usuario (una sola palabra y sin ) y copiar las letras y nmeros en el cuadro de la izquierda. Una vez
completado daremos al botn REGISTER.


Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
2



Cmo crear una presentacin de PhotoSnack?

En la parte superior derecha nos dirgimos a NEW SLIDESHOW.


Nos saldr una ventana en la que podremos cargar las imgenes (os adelanto que en la version gratuita os
presentar 15 imgenes) o seleccionarlas de distintas redes sociales de imgenes. Estas fotografas no
tiene porque estar pblicas. Os pongo el ejemplo con Google +, no hace falta que el album que contiene
esas imgenes est pblico, PhotoSnack le localizar y agragar.



Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
3

Si usamos la opcin de cargar las imgenes en Google + (por poner un ejmplo), nos saldr una ventana
para que indiquemos el usario y contasea de nuestra cuent de Google o CONCEDAMOS ACCESO si ya
estamos conectados.

Adjuntamos las fotos de un lbum, ADD PHOTOS y damos a NEXT







Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
4

Y antes de terminar haremos algunos retoques ms en EDIT SLIDESHOW

EDITAR EL LBUM
En la primera pantalla podremos poner un ttulo al Slide, una descripcin, eliminar alguna foto
(colocndonos encima de ella, y dando a REMOVE) o mover las imgenes de orden (colocndonos encima
de ella y arrastrndola). Luego daremos al NEXT.


Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
5

En la ltima pantalla, antes de dar al FINISH podemos elegir el tipi de plantilla en la que queremos que nos
muestre la imgenes: CHOOSE TEMPLATE.
Elegir el ancho y alto de la galera: W (Ancho) y H (Alto). Podemos optar por anchos y altos
predeterminados para nuestro blog en PRESET SIZE.
Podemos optar por ms configuraciones en la columna del centro: SLIDESHOW y OTHER SETTINGS.
Cargar un audio que se escuche de fondo: AUDIO.
O elegir el color del fondo. Golor slido por defecto, en gris. Yo recominedo Transparent: BACKGROUND.


Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
6

Cmo insertar una galera de PhotoSnack en un blog?

Una vez que terminemos y demos al FINISH nos presentar esta ventana. Nos dirigimos a EMBED

Nos saldr una ventana que nos dice si queremos usar 10 puntos de crdito o usar la version gratuita
(FREE).

Y despus de dar al botn USE FREE copiaremos el cdigo que nos sale.


Web 2.0 en el Aula
Ral Diego Obregn

________________________________________________________________________________________________
7

Hay que tener presente que los cdigo HTML que nos proporcionan distintas herramientas 2.0 se deben
pegar en la pestaa de HTML.
Ejemplo con Blogger:



El resultado:

Ver ejemplo: http://www.rauldiego.es/photosnack/




Ral Diego Obregn
www.rauldiego.es
correo@rauldiego.es