La Galería de Imágenes

galeria

La Galería de imágenes


La aplicación de la Biblioteca de documentos en la web de centro permite organizar y añadir todo tipo de archivos para ser utilizados  o vinculados en los contenidos alojados en la web del centro.

galeria_wc_01.png

Cuando una carpeta de la Biblioteca de documentos  o el visor de la biblioteca, incluye archivos con extensión de imagen (.png, .bmp, .jpg, .gif, ...) la aplicación habilita una pestaña llamada "Imágenes".

galeria_wc_02.png

Esta pestaña, adapta la visualización de los archivos al formato de las imágenes. Esta vista nos ofrece una miniatura de cada imagen, sus dimensiones y su tamaño.

galeria_wc_03.png

Nos ofrece también un botón que permite visualizar las imágenes en un carrusel de diapositivas configurable.

galeria_wc_04.png


Vamos incluir una carpeta dentro de la Biblioteca de documentos del centro en la que incluiremos las fotos de los diferentes acontencimientos que vamos realizando a lo largo del curso: Fiesta de bienvenida, Festival de Navidad, Día del árbol, Carnaval, etc...


Vamos a restringuir la visualización de estas carpetas por roles para que solamente puedan ser vistas por el profesorado y el alumnado del centro, es decir por los miembros de la organización.


Después enlazaremos estas galerías de imágenes en el "tablón de fotos" de la web premaquetada.


***


Añadimos una carpeta con el nombre de "Galería de las actividades del centro" en la Biblioteca de documentos del centro.


Como nuestro objetivo es perservar la intimidad de las personas que puedan aparecer en las fotos del centro, generaremos la carpeta "Galería de las actividades del centro" dentro de la carpeta "Alumnado". Esta carpeta restringe el acceso a los miembros de la comunidad (pofesorado y alumnado del centro).


Esta biblioteca se encuentra en la sección de "Administración". (Sección restringida, solamente visible para el director del centro administrador de la web).


galeria_wc_33.png


Dentro de esta carpeta, añadimos una subcarpeta por cada uno de los acontecimientos sobre los que vamos a generar fotos. Creamos una subcarpeta con el nombre "Fallas".


galeria_wc_34.png

Dentro de la carpeta "Fallas" añadimos las imágenes. Os dejo aquí las imágenes para que las descarguéis y las subáis.

Imagen 1 Tracas%20y%20fallas-003.jpg
Imagen 2 Tracas%20y%20fallas-012.jpg
Imagen 3 Tracas%20y%20fallas-013.jpg
Imagen 4 Tracas%20y%20fallas-014.jpg



Una vez descargadas las imágenes,  las subimos.



galeria_wc_09.png

Una vez subidas nos aparecen el la biblioteca.


galeria_wc_10.png

Pinchamos en la pestaña "Imágenes" para ver la visualización en modo diapositivas.

galeria_wc_11.png
Al pulsar sobre el botón "Ver diapositivas", nos aparece una ventana emergente con el visor de diapositivas.

galeria_wc_12.png

Vamos ahora a generar otra sección en la web que podríamos llamar "Galería de Imágenes".


galeria_wc_05.png


Editamos los permisos de esta sección para restringuir el acceso al usuario anónimo. Vamos al Menú / administrar páginas /permisos.


galeria_wc_41.png



Sobre la pestaña "Anónimo", le quitamos el "Ver".



galeria_wc_42.png

Con esta configuración guardada, y sobre esta sección, añadimos una aplicación que nos muestre justamente la vista de las diapositivas del visor.

Añadimos la aplicación "Iframe". Disponible en la categoría de "Ejemplos".


galeria_wc_13.png

Esta aplicación sirve para mostrar dentro de un porlet el contenido de cualquier url.

galeria_wc_14.png

Vamos a la configuración.

galeria_wc_15.png

En el campo URL origen, debemos poner la URL que nos proporciona el visor de diapositivas.
Localizamos el visor de la biblioteca que tenemos en la pestaña "Documentos del Centro".


galeria_wc_35.png

Localizamos la carpeta "Fallas".

galeria_wc_11.png

Pulsamos sobre "Ver diapositivas". Y seleccionamos la url de la ventana emergente y la copiamos.

galeria_wc_16.png

Esta es la URL que debemos pegar en el Iframe.

galeria_wc_17.png

Le damos al botón guardar para ver como nos queda.

galeria_wc_18.png

La URL se consigna en el Iframe, recibimos el mensaje de verificación y pulsamos sobr eel botón "Volver a la página índice" para visualizar el resultado.

galeria_wc_19.png

Apreciamos que no se ve la foto entera, eso lo podemos arreglar modificando ciertos atributos de la aplicación. Volvemos a la configuración.

galeria_wc_20.png

Podemos probar cambiando el 300 por un 600.

galeria_wc_21.png

Ahora mejor.

galeria_wc_22.png

Ya solamente nos faltará enlazar este Iframe con el tablon de fotos.

Vamos al tablón de fotos.


galeria_wc_23.png

Editamos el contenido.

galeria_wc_25.png

Insertamos un enlace y lo vinculamos a la página "Galería de imágenes".  (http://formacionmestreacasa.gva.es/web/5550045100/25)

Si lo deseamos podemos poner una imagen pequeña que identifique la galería. (Esta imagen debe ser pública).


Una vez realizado todo este procedimiento verificamos con nuestro usuario director como queda la web del centro.




galeria_wc_36.png



Vemos la sección de "Administración", "Documentos del Centro" y la de la "Galería de Imágenes".


En la sección de "Documentos del Centro" podemos ver los visores configurados por permisos, y dentro de la carpeta "Alumnado" la carpeta de la "Galería de las actividades del centro".



galeria_wc_37.png

Si accedemos a la carpeta, y pinchamos sobre la carpeta "Fallas", podemos ver la vista de las imágenes.


galeria_wc_38.png

En la pestaña "Galería de imagenes" vemos el Iframe con la vista de las diapositivas.

galeria_wc_28.png

En la pestaña "Tablón de fotos", temos el contenido con el enlace a "fallas".

galeria_wc_29.png

Si pinchamos sobre el enalce "fallas" visualizamos el Iframe de la sección "Galería de Imágnes"


galeria_wc_28.png

Vamos a ver ahora el comportamiento con un usuario anónimo.

Si accedemos a la web http://formacionmestreacasa.gva.es/web/5550045100/1 sin estar registrados nos encontramos con esto:


galeria_wc_39.png



Vemos las secciones "Tablón de fotos" y "Documentos del Centro". Si vamos a la sección del "Tablón de fotos" tenemos habilitado el enlace a "fallas".


galeria_wc_31.png

Al pinchar sobre el enlace nos pide el usuario.


galeria_wc_40.png


Este comportamiento es justamente el que buscamos. Protegemos las imágenes del centro y los usuarios anónimos no tienen permisos para visualizar las fotos de los acontecimientos del centro.



Este artículo está licenciado bajo Creative Commons Attribution Non-commercial Share Alike 3.0 License

Formació del Professorat - CEFIRE