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.

1/ 8

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.



2/ 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



3/ 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.



4/ 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. • PASOS BASICOS A SEGUIR 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



5/ 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.



6/ 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). • PASOS BASICOS A SEGUIR 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



7/ 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.



8/ 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.

Web2 aplicaciones con imagenes

Education

Transcript of Web2 aplicaciones con imagenes