Servicios Web 2.0 ::: Flickr: galería de fotografías Diseño de materiales multimedia. Web Flickr: galería de fotografías

Transcripción

1 Flickr: galería de fotografías

2 Flickr: galería de fotografías Introducción Flickr ( es un espacio donde se puedes administrar y compartir tus fotos en línea. Las características más destacadas de este servicio son: Subir fotos. Puedes hacerlo desde tu equipo, enviándolas por correo electrónico o utilizando el teléfono móvil con su cámara. Organizar. Clasifica las fotos en colecciones o álbumes. A cada imagen se le puede asignar una etiqueta para facilitar su búsqueda. Compartir. Utiliza grupos y controles de privacidad para compartir tus fotos. Mapas. Sobre un mapa de Google Maps se puede geolocalizar el lugar donde se tomó cada foto y compartirlo con los demás. Publicaciones. Puedes elaborar tarjetas, albumes, marcos, etc utilizando las imágenes subidas. Mantenerse en contacto. Para enviar y recibir información sobre las actualizaciones de fotografías de familiares y amigos. La exploración de todas las posibilidades de Flickr excede el propósito de este curso. Se propone centrarse en la utilización de estas imágenes en línea en documentos web. Para disponer de acceso a Flickr es necesario disponer de una cuenta en Yahoo. Desde la portada de Flickr se puede crear una pulsando en el botón Crear tu cuenta Subir fotografías a Flickr 1. Descarga y descomprime el archivo flickr.zip a una carpeta del equipo. Como resultado de esta tarea se obtendrá una colección de fotografías para ser subidas a Flickr. 2. Abre Mozilla Firefox y visita la web de Flickr en la URL: 3. Clic en el enlace Iniciar sesión e introduce tus 4. Pulsa en el enlace Subir fotos. En este caso vamos a utilizar el Uploader Básico de Flickr. Selecciona esta opción si no se muestra la página recogida en la captura de pantalla adjunta. 5. En la página Subir fotos en Flickr pulsa en el botón Examinar para localizar la primera fotografía en la carpeta de tu disco duro. Repite este paso para algunas fotografías más del resto de la carpeta.

3 En el apartado Agregar etiquetas para TODAS estas imágenes introduce los términos que luego facilitarán la localización de las imágenes en el buscador de Flickr. Ejemplo: Asturias, paisajes 7. Configura el resto de opciones de privacidad, seguridad, tipo de contenidos, etc. 8. Clic en el botón Cargar. 9. Una vez concluido el proceso de subida se mostrará el panel Describe tus fotos donde es posible asignar títulos, descripciones y etiquetas a cada imagen de forma invididual. Para terminar pulsa en el botón Guardar el lote. 10. Las fotos estarán disponibles en la pestaña Tu > Tus fotos. Nota: Otra posibilidad para subir fotos a Flickr es descargar e instalar una herramienta de carga que se ofrece en esta página. Se trata de una aplicación local que permite subir imágenes con sólo arrastrar y soltar.

4 Organizar en álbumes 2. Desde el menú superior horizontal haz clic en la opción Organizar. Tras unos segundos de carga se mostrará el organizador de Flickr. 3. Clic en la pestaña Álbumes y luego en el enlace Crear nuevo álbum. 4. Desde el panel de nuevo album: 4.1 Introduce el título del álbum, p.e.: Mi viaje por Asturias. 4.2 Para añadir fotografías a este nuevo álbum debes arrastrar las imágenes que aparecen en la franja inferior al panel derecho superior. 4.3 Arrastra una imagen del álbum al cuadrado visor que aparece sobre el título. Esta será la imagen que represente el albúm. 4.4 Pulsa en el botón Guardar Situar las fotos en el mapa (geolocalización) 2. Desde el menú superior horizontal haz clic en la opción Organizar. Tras unos segundos de carga se mostrará el organizador de Flickr. 3. Clic en la pestaña Mapa para acceder al interfaz donde podremos situar sobre el mapa cada una de las fotos (geolocalización). Conviene elegir que el mapa sea de acceso público. 4. En la casilla Buscar un lugar introduce el término Asturias para obtener el mapa de esta Comunidad Autónoma con el zoom adecuado. 5. En el panel inferior selecciona el álbum Mi viaje por Asturias y luego arrastra cada fotografía para ubicarla en su localidad: Luarca (Valdés), Cudillero, Gijón, Luarca, Oviedo y Cabo de Peñas. Para eliminar una imagen del mapa arrastra el círculo hasta el panel inferior.

5 Una vez concluida la geolocalización de las distintas imágenes haz clic en el enlace Tus fotos situado en la esquina superior derecha del mapa Integración HTML de una imagen Flickr 2. Desde la página Tus fotos selecciona una imagen haciendo clic sobre ella para visualizarla en solitario.

6 Haz clic derecho sobre la fotografía y selecciona la opción Copiar la ruta de la imagen. 4. Abre Kompozer 5. Sobre un documento web nuevo añade un título con formato Título 1. Por ejemplo: Mi imagen en Flickr 6. Haz clic sobre el documento para situar el cursor debajo del título. 7. Clic sobre el botón Imagen para insertar una imagen en el documento 8. En el cuadro de diálogo Propiedades de la imagen haz clic derecho sobre el cuadro de texto Ubicación de la imagen y selecciona Pegar.

7 Esta tarea pegará la URL absoluta de la imagen que al cabo de unos segundos se mostrará en la Vista preliminar. 10. Introduce el Texto alternativo. Por ejemplo: El Faro de Cudillero. 11. Clic en el botón Aceptar. 12. Pulsa en el botón Guardar, introduce un título de página y guardarla con el nombre flickr_image.html 13. Clic en el botón Navegar de la barra de herramientas de Kompozer para visualizar el resultado en el navegador Firefox Integración HTML de una presentación de fotografías Flickr 2. En la barra de menús de Flickr selecciona Tú > Tus Álbumes. 3. A continuación haz clic sobre el album creado anteriormente. Una vez dentro del álbum observa que existe un enlace con el texto Ver como presentación. Si se hace clic en este enlace se mostrará una presentación con la secuencia de fotografías que forman parte del álbum. 4. Mientras estás visualizando esta presentación se puede seleccionar la URL de esta presentación en la barra de dirección del navegador. Para ello haz clic derecho sobre la barra de direcciones y elige Seleccionar todo. A continuación haz clic derecho y selecciona Copiar. Otra posibilidad es regresar a la ventana anterior y hacer clic derecho sobre el enlace Ver como presentación para seleccionar la opción Copiar la ruta del enlace. En cualquiera de los dos casos se copia al portapapeles la URL de esta presentación.

8 Abre Kompozer y sobre un documento web nuevo escribe el texto Mi presentación en Flickr en formato Titulo Sitúa el cursor debajo del título y a continuación selecciona Insertar > HTML. 7. En el cuadro de diálogo Insertar HTML haz clic sobre el cuadro de texto, haz clic derecho y elige Pegar. 8. En el documento actual debes crear un marco interno (IFRAME) que apunte a esta URL absoluta que hemos pegado. Para ello escribe: <iframe src="<url>" width="800" height="600"> </iframe> donde <url> es la dirección entre comillas que hemos copiado. Los atributos width y height definen el tamaño del marco interno. 9. Clic en el botón Insertar. 10. Pulsa en el botón Guardar, introduce un título de página y guardarla con el nombre flickr_gallery.html 11. Clic en el botón Navegar de la barra de herramientas de Kompozer para visualizar el resultado en el navegador Firefox.

9 Integración HTML de un mapa de Flickr 2. En la barra de menús de Flickr selecciona Tú > Tu Mapa 3. Una vez dentro del mapa haz clic sobre el enlace inferior Filtros. 4. En la lista Persona elige la opción Tú para que en el mapa se muestren sólo las fotos que has colocado sobre el mapa. 5. En la esquina inferior derecha del mapa pulsa sobre el enlace Vincular a esto 6. Se muestra el cuadro de diálogo Vincular a esta mapa. Clic derecho sobre el contenido de este cuadro de texto y selecciona primero Seleccionar todo y luego Copiar. 7. Abre Kompozer y sobre un documento web nuevo escribe el texto Mi mapa en Flickr en formato Titulo Sitúa el cursor debajo del título y a continuación selecciona Insertar > HTML. 9. En el cuadro de diálogo Insertar HTML haz clic sobre el cuadro de texto, haz clic derecho y elige Pegar. 10. En el documento actual debes crear un marco interno (IFRAME) que apunte a esta URL absoluta que hemos pegado. Para ello escribe: <iframe src="<url>" width="800" height="600"> </iframe> donde <url> es la dirección entre comillas que hemos copiado. Los atributos width y height definen el tamaño del marco. 11. Clic en el botón Insertar de este cuadro de diálogo. 12. Pulsa en el botón Guardar, introduce un título de página y guardarla con el nombre flickr_map.html 13. Clic en el botón Navegar de la barra de herramientas de Kompozer para visualizar el resultado en el navegador Firefox.