Web2 aplicaciones con imagenes

CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digital
Aplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp.

FLICKR
Aplicación para administrar y compartir fotos en línea
http://www.flickr.com/

• CONCEPTO

Es una aplicación de la Web 2.0 donde el usuario puede cargar, compartir sus fotografías e
imágenes de forma gratuita identificadas por medio de etiquetas o tags. Permite almacenar
cantidad de fotografías, ordenarlas ya sea individualmente o agruparlas en álbumes, para
compartirlas a comunidades o a través de BLOGs, páginas web, etc.

• PASOS BASICOS A SEGUIR

Tener una cuenta en YAHOO (utilizar el mismo nombre de usuario y contraseña para la
aplicación FLICKR)

1. Crear una cuenta desde http://www.flickr.com y definir el perfil de usuario.
2. Seleccionar y cargar fotos.
3. Subir fotos y/o videos.
4. Editar fotos y/o videos.
5. Identificar a las fotos. Agregar Notas y Comentarios.
6. Crear álbumes y/o colecciones. Organizar fotos en álbumes y/o colecciones.
7. Compartir y/o publicar las fotos. Mantenerse en contacto.
8. Usar Mapas.
9. Crear elementos varios.

Subir
Desde el escritorio de la Pc, el correo electrónico o la cámara del celular.
Hay seis formas de subir fotos y videos a FLICKR. Las imágenes deben ser previamente
seleccionadas ya sea en forma individual o grupal, o selecionando varias al mismo
tiempo.
1. Carga fotos y videos, desde la página inicial de carga de FLICKR.
2. Upload-r de FLICKR (disponible para equipos PC y Mac).
3. Complementos para iPhoto, Aperture o Windows XP.
4. Correo electrónico.
5. Varios programas de escritorio de terceros gratuitos.
6. Foto o video tomada desde teléfono móvil, enviándolo por correo electrónico a
FLICKR y mirándolo en el sitio donde que aparecerá unos segundos después.
Las imágenes podrán ser vistas de acuerdo a las descripciones seleccionadas, indicando
restricciones de privacidad que el usuario determina (privadas, sólo visibles para el
usuario, amigos y/o familiares; o públicas); nombre o título, descripción y etiquetas o
tags correspondientes; pertenencia en algún álbum; licencia de autoría (CC CREATIVE
COMMONS)
En cuentas gratuitas se pueden ver hasta las 200 fotos cargadas más recientes, con una
capacidad de 100MB para fotos y 150MB para videos.
La aplicación cambia el tamaño a las fotos por dimensiones adecuadas para la Web. Cada
imagen tiene una versión en miniatura de 75x75 píxeles y versiones de 100, 240, 500 y
1024 píxeles (la longitud del lado más largo), así como el archivo original de la foto
cargada.

Editar
Desde la aplicación PICNIK (habilitada previamente), se accede a las funciones que
permiten editar en forma básica y rápida a las fotos (deshacer ojos rojos, recortar y/o
escalar fotos; rotar, enfocar, controlar brillos y colores; agregar fuentes y efectos)

Agregar Notas y Comentarios
Se pueden agregar comentarios y notas a la publicación de fotos y videos.

1/ 8


Las notas permiten que los contactos dejen mensajes directamente en las fotos y videos
(sólo aparecen cuando se pasa el mouse sobre la imagen). Mientras que los comentarios
permiten un debate más general debajo de la imagen.

Organizar
Se pueden crean lotes, álbumes-sets y colecciones, con etiquetas o tags para organizar
las fotos y videos.
Los lotes son selecciones temporales de un conjunto de fotos para realizar operaciones
comunes de edición tales como agregar etiquetas o tags, cambiar permisos o modificar
marcas de fecha y hora de edición.
Los álbumes-sets son grupos de fotos y/o videos que se pueden organizar en torno a un
determinado tema.
Las colecciones son agrupaciones de álbumes (u otras colecciones) para organizar en
torno a temas más generales, como Personas, Viajes o por Años, etc.

Compartir usando grupos y controles de privacidad
Para compartir las fotos y/o videos se puede tomar el enlace de la foto y/o publicarla en
un BLOG. Además se pueden usar grupos y controles de privacidad para compartir fotos
y/o videos.
Los grupos son una forma para que la gente se reúna en torno un interés común, si no
se encuentra un grupo que sea de interés para el usuario, fácilmente se puede iniciar y
crear uno propio. Cada grupo tiene un mural para compartir fotos y videos, y un panel de
debates para comunicarse. Los grupos pueden ser públicos, semi-públicos (únicamente
con invitación) o totalmente privados. Se puede participar o crear grupos; invitar a
contactos o dando pase de invitado.
La privacidad es un área común de preocupación en Internet. En FLICKR se puede
controlar con quién compartir las imágenes por medio de:
Nivel de privacidad, que determina las personas que pueden ver las imágenes.
Licencia de uso (CC Creative Commons), protege derechos de autor.
Tipo de contenido, para marcar las fotos y videos como fotos o videos,
arte/ilustración o captura de pantalla.
Nivel de seguridad, para que los otros miembros sólo puedan ver las imágenes
dentro de sus espacios especificados.

Mantenerse en contacto
Se puede agregar una persona como contactos por medio de Actualizaciones de amigos y
de familiares (seleccionando una o ambas opciones).
Al utilizar la página Contactos o al suscribirse a un correo electrónico diario, se podrá
mantener actualizado con lo que hacen los amigos y viceversa.
Si se quiere compartir fotos y videos privados con personas que no tienen una cuenta de
FLICKR, se puede utilizar la función Pase de invitado para otorgar acceso especial. Se
podrán hacer caducar los pases cuando se desee.

Explorar
FLICKR permite explorar fotos y videos por fotógrafo, etiqueta, hora, texto y grupo.

Usar Mapas
FLICKR permite explorar fotos y videos por lugar, agregando información de ubicación,
operación llamada geo-etiquetar una foto. Simplemente se arrastran y colocan las fotos y
videos en un mapa, usando el Organiz-r para mostrar dónde fueron tomadas; o se
explora el mapa del mundo para ver dónde han estado los demás y qué han visto.

Hacer cosas varias
Con las imágenes en FLICKR, el usuario o cualquier otra persona autorizada podrán crear
diversos álbumes, impresiones enmarcadas, tarjetas de llamada, calendarios, fotos
personalizadas, presentaciones en DVD, estampillas, etc.

Licencia fotos

2/ 8


FLICKR se enlaza con Creative Commons para permitir licenciar las fotos y/o videos.
Asimismo participar en The Commons para aportar a la descripción de las colecciones de
fotos públicas del mundo.

3/ 8


SLIDESHARE
Aplicación para administrar y compartir presentaciones de diapositivas en línea
http://www.slideshare.net/

• CONCEPTO

SLIDESHARE es una herramienta de la Web 2.0 que permite compartir Presentaciones con
formato Powerpoint, OpenOffice o con extensión PPT y también en PPS, PDF, o OPD.
Permite subir y compartir Documentos en formato pdf, doc, docx, rtf, xls (MSOffice); odt,
ods(OpenOffice); Apple iWork Pages.
Ambos, las presentaciones y los documentos, pueden ser etiquetados, comentados y
colocados en diferentes BLOGs o páginas con sólo copiar el código embebido embed. Se
admite una capacidad de hasta 100MB para usar como reservorio para ambos.
También se permite subir y compartir VIDEOS con capacidad de hasta 500MB.

Se puede crear mahsup 1, tal los casos de presentaciones sonoras SLIDECAST (Slide MP3) al
combinar SLIDESHARE con MP3 URL (podcast), o presentaciones con videos VIDEOSLIDE al
incorporar video desde YOUTUBE.

Se pueden integrar grupos de afinidad para compartir tales informaciones; participar y votar
en contest 2; incorporar widgest 3 en un BLOG o un sitio web; integrar redes sociales social
networking, BLOG, o marcadores bookmarking.


1. Crear una cuenta en SLIDESHARE y loguearse.

2. Ingresar a la cuenta y completar el perfil.

3. Subir presentaciones desde Upload / Subir presentaciones.
Se pueden seleccionar y subir presentaciones.
A cada presentación y en cualquier momento, tanto durante el proceso de subida
como desde el comando Edit de la presentación, se le deben definir rasgos editables:
nombre-título, descripción y tag-etiquetas; categorías; idioma; niveles de privacidad
(público a privado); posibilidad o no de descarga; posibilidad de licenciamiento CC
Creative Commons.
A su vez cada presentación puede ser reemplazada por otra presentación.
También, a partir de las presentaciones, se pueden crear SLIDECAST y/o
VIDEOSLIDE, al insertar podcast MP3 y/o videos de YOUTUBE.

4. Buscar presentaciones desde Browser / por categorías, tags, popularidad, etc., para bajar,
compartir, agregar a favoritos; publicar o postear a FACEBOOK, TWITTER, BLOGGER,
WORDPRESS, DELICIOUS, etc.; suscribir a RSS 4 o a listas de mail.

1
Los mashup o remezcla, son aplicaciones web de naturaleza híbrida, correspondiente a un sitio web o aplicación
web, que usan contenido de otras aplicaciones web para crear un nuevo contenido completo consumiendo servicios
directamente, siempre a través de protocolo HTPP.

2
Los contest son competencias.
3
Los widgets, también conocidos como gadget, son mini aplicaciones gratuitas distribuidos desde la web con las
cuales un usuario interactúa en una interface gráfica dando fácil acceso a funciones frecuentemente usadas (ejemplos
más usuales: relojes, calendarios, calculadoras, agendas, juegos, información en tiempo real sobre el tiempo o la
ciudad o aplicaciones de negocios, etc.)

4
RSS Rich Site Summary, es una familia de formatos de fuentes web codificados en XML, utilizados para
suministrar, generalmente de forma gratuita a suscriptores información actualizada frecuentemente y por medio del
cual se puede compartir la información y usarla en otros sitios web o programas. El formato permite distribuir contenido
sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS. A pesar de eso, es
posible utilizar el mismo navegador para ver los contenidos RSS que es el estándar de sindicación más utilizado
seguido por Atom. A ésto se le conoce como redifusión web o sindicación web (una traducción incorrecta, pero de uso

4/ 8


5. Integrarse a la comunidad participando en Grupos o creando un Nuevo Grupo; o Eventos,
o Contest (competencias).

6. Vincular las presentaciones a un BLOG o a un sitio web empleando y copiando en el BLOG
o en el sitio web el código emebedido embebed, disponible en la página donde se encuentra
alojada la presentación para editar desde Slideshare.

7. Crear Slidecast (Slide + Podcast 5 audio MP3) Presentaciones sincronizadas con audio
MP3.
Desde la Presentación / Edit / Create Slidecast, permite seleccionar y vincular-incrustrar
archivo MP3, sincronizar tiempos del audio con cada diapositiva (secuencia de imágenes y
banda).

8. Crear VideoSlide desde YOUTUBE (Presentaciones con videos de YOUTUBE).
Desde la Presentación / Edit / Insert YOUTUBE videos, permite seleccionar y vincular-
incustrar archivo video desde YOUTUBE, indicar ubicación del video dentro de la presentación
de diapositivas.

Nota: Ver Aplicación asimilable

Slideshow www.slide.com
Sube imágenes
Crea presentaciones (con agregado de audio)
Recrea fotos divertidas

• OPCIONAL ALBUMES WEB de PICASA
Guía para “subida” información a Picasa a manera orientativa

1. Registrar usuario y crear cuenta en GOOGLE / GMAIL / PICASA

2. Bajar y ejecutar la versión disponible de PICASA

3. Acceder a ALBUMES WEB de PICASA (https://picasaweb.google.com/home)

4. Pasos a seguir según secuencias habilitadas por Picasa (a manera orientativa)
Crear álbum o seleccionar álbum existente dodne alojar las fotos/imágenes.
Controlar visibilidad, seleccionando sólo cualquier usuario que recibe el enlace
Seleccionar fotos a subir (archivos JPG de las imágenes de las diapositivas en
resolución 72 dpi)
Editar datos del álbum (indicar datos del titulo con nº comisión y apellidos grupo;
cometarios)
Editar datos de las fotos (titulo, etiquetas para búsqueda)
Desde página principal compartir el álbum (enviar a la dirección de mail de la
comisión correspondiente, indicar en el mensaje a los autores).

muy común), donde los programas informáticos compatibles con alguno de estos estándares consultan periódicamente
una página con titulares que enlazan con los artículos completos en el sitio web original.
5
El podcasting consiste en la distribución de archivos multimedia (normalmente audio o video) mediante un sistema
de sindicación que permita suscribirse y usar un programa que lo descarga para que el usuario lo escuche en el
momento que quiera. No es necesario estar suscrito para descargarlos.

5/ 8


BLOGGER
Aplicación para crear un BLOG
www.Blogger.com

• CONCEPTO

Un BLOG, o en español también bitácora, es un sitio web periódicamente actualizado que
recopila cronológicamente textos, imágenes, videos, o artículos de uno o varios autores,
apareciendo primero el más reciente, y donde el autor conserva siempre la libertad de dejar
publicado lo que crea pertinente.
El nombre bitácora está basado en los cuadernos de viaje que se utilizaban en los barcos
para registrar y relatar el desarrollo de la marcha. Aunque el nombre se ha popularizado en
los últimos años a raíz de su utilización en diferentes ámbitos, el cuaderno de trabajo o
bitácora ha sido utilizado desde siempre.
El término bitácora, se utiliza entonces preferentemente cuando el autor escribe sobre su
vida propia y sus experiencias a la manera de un diario personal, pero publicado en línea on-
line en la web.
Este término, del inglés BLOG o ampliado como WEBLOG, proviene de WEB y LOG (LOG en
inglés equivale a diario).


1. Crear una cuenta en BLOGGER (se necesita tener previamente una cuenta activada en
GOGGLE desde donde se define el perfil del autor con datos personales, fotos, breve
descripción, etc.)
2. Asignar un nombre al BLOG
3. Elegir un plantilla (ya creado el BLOG se puede luego modificar y/o personalizar)

4. Ya creado el BLOG:
CONFIGURAR DEL BLOG
PERSONALIZAR EL DISEÑO DEL BLOG
CREAR ENTRADAS (O POST)
OPCIONAL / MONETIZAR

• CONFIGURAR EL BLOG

a. Configuración Básica
Permite importar, exportar o suprimir un BLOG; redefinir el título; precisar una descripción
de hasta 500 caracteres sobre la temática; vincularlo a listas de BLOGGER; permitir que los
motores de búsqueda lo localicen; mostrar edición rápida; crear entradas por correo
electrónico; determinar contenido de adultos.

b. Publicación
Permite definir dominio de publicación (por default BLOGspot.com)

c. Formato
Permite precisar la cantidad de entradas en página principal; formato de cabecera de fecha y
de fecha del índice de archivos; formato de hora; zona horaria; idioma; mostrar campo de
título y de enlace; habilitar plantilla para otras entradas.

d. Comentarios
Permite mostrar comentarios; habilitar a quienes realizan comentarios; ubicación el
formulario de comentarios; definir opciones predeterminadas para realizar comentarios;
puntualizar criterios de moderación de comentarios.

e. Archivos

6/ 8


Permite habilitar que cada entrada o post tenga su propia página.

f. Feed del sitio 6
Permitir feeds publicar URL redireccionada del feeds.

g. Correo electrónico y móvil
Permite especificar controles de notificación.

h. Permisos
Permite definir control de autores del BLOG; control de lectores del BLOG.

• PERSONALIZAR DISEÑO DEL BLOG Diseñador de Plantillas

Seleccionar Plantillas

Fondos
Imágenes de fondo, Gama de Colores Principales
Diseño
Diseño del cuerpo del blog
Diseño del pie de página
Ajustar ancho (total y barras)

Avanzado
Texto página (fuente, bold, italic, tamaño, color)
Fondo (colores fondo exterior, principal, cabecera)
Enlaces (color en enlace, enlace visitado, paso de mouse)
Título del blog (fuente, bold, italic, tamaño, color)
Texto de la pestaña (fuente, bold, italic, tamaño, color)
Fondo de la pestaña (color)
Título de entrada (fuente, bold, italic, tamaño)
Pie de página de entrada (color texto, fondo, sombra)
Gadgets (fuente título, color, alternar color)
Imágenes (color fondo, borde, texto)
Acentos (color línea separador)
Añadir código CSS personalizado (para modificar plantilla)

• CREAR PAGINAS, ENTRADAS - POST

Crear páginas adicionales
Se puede indicar en la primera página ingresada la ubicación como pestaña o como lateral
Se puede definir título; redactar y formatear en modo Redactar o modo Edición HTML, añadir
imágenes y/o videos, enlaces a vínculos; verificar en vistas previas; definir etiquetas;
permitir o no comentarios de lectores; verificar fecha y hora; guardar en borrador o publicar.
Nota: Para vincular imágenes Ver ***

Crear nuevo post-entrada en la página principal
Se puede definir título; redactar y formatear en modo Redactar o modo Edición HTML, añadir
imágenes y/o videos, enlaces a vínculos; verificar en vistas previas; definir etiquetas;
permitir o no comentarios de lectores; verificar fecha y hora; guardar en borrador o publicar.

*** Nota: Para vincular imágenes desde diversas aplicaciones:

6
Una fuente web o canal web (en inglés web feed) es un medio de EDIFUSIÓN DE CONTENIDO WEB. Se utiliza para
suministrar información actualizada frecuentemente a sus suscriptores. Cuando una página web "redifunde" su
contenido mediante una fuente web, los internautas pueden "suscribirse" a ella para estar informados de sus
novedades. Los interesados pueden usar un programa "agregador" para acceder a sus fuentes suscritas desde un
mismo lugar. Existen dos principales formatos de fuente web: RSS y Atom. Ambos formatos están escritos en lenguaje
XML. Ejemplos son FeedDemon (Windows), BLOGlines (basado en la web), Netnewswire y Shorook (Mac OS X).
En Atom Enabled.org hay listados completos.

7/ 8


a. Para vincular imágenes alojadas en FLICKR a un BLOG:
a.1. Desde FLICKR, ir a COMPARTE ESTO/PUBLICALA EN UN BLOG y se crea
una nueva entrada con la imagen. Previamente hay que cargar el BLOG en
FLICKR desde TU/TU CUENTA/EXTENDIENDO FLICK/BLOG/AGREGAR BLOG.
a.2. Desde BLOGGER, para vincular imágenes individuales se debe embeber
en una entrada existente en el modo EDICION HTML al código HTML que
proporciona la aplicación FLICKR desde COMPARTE ESTO/TOMA EL HTML:
a.3. Desde BLOGGER, para vincular imágenes y/o las presentaciones de un
álbum de imágenes en FLICKR, en una entrada de BLOGGER existente en
modo REDACTAR enlazar (una palabras, frase, direccion URL, etc.) indicando
la URL de la imagen y/o presentación (show). Recordar que se sale de
BLOGGER para ir a FLICKR cuando se activa el vínculo.
b. Para vincular presentaciones y/o videos de SLIDESHARE:
Desde BLOGGER, se debe embeber en una entrada existente en el modo
EDICION HTML, el código HTML que proporciona la aplicación de
SLIDESHARE.
c. Para vincular videos de YOUTUBE:
Desde BLOGGER, se debe embeber en el modo EDICION HTML, el código
HTML que proporciona la aplicación YOUTUBE.

Editar o suprimir una página y/o entrada (en página principal) existente
Se puede editar o suprimir una entrada y/ página existente ya sea publicada o en modo
borrador.

Moderar comentarios
Desde Edición entradas y/o páginas o desde Configuración / Comentarios seleccionar las
diversas opciones de moderación.

• OPCIONAL / MONETIZAR

ADSENSE permite obtener ganancias de dinero gracias a los anuncios compuestos de
imágenes y texto orientado que se colocan en el BLOG.
GOOGLE se encarga de elegir automáticamente los anuncios que aparecerán en BLOGGER en
función del contenido del mismo, y permite ganar dinero al titular del BLOG si los visitantes
ven los anuncios o si “clickean” sobre éstos.

8/ 8

Web2 aplicaciones con imagenes

Más contenido relacionado

La actualidad más candente (6)

Similar a Web2 aplicaciones con imagenes (20)

Más de Diana Rodriguez Barros (20)

Último (20)

Web2 aplicaciones con imagenes