Web2 aplicaciones con imagenes
Upcoming SlideShare
Loading in...5
×
 

Web2 aplicaciones con imagenes

on

  • 794 views

Apoyo teórico

Apoyo teórico

Statistics

Views

Total Views
794
Views on SlideShare
794
Embed Views
0

Actions

Likes
1
Downloads
24
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web2 aplicaciones con imagenes Web2 aplicaciones con imagenes Document Transcript

  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp.FLICKRAplicación para administrar y compartir fotos en líneahttp://www.flickr.com/• CONCEPTOEs una aplicación de la Web 2.0 donde el usuario puede cargar, compartir sus fotografías eimágenes de forma gratuita identificadas por medio de etiquetas o tags. Permite almacenarcantidad de fotografías, ordenarlas ya sea individualmente o agruparlas en álbumes, paracompartirlas a comunidades o a través de BLOGs, páginas web, etc.• PASOS BASICOS A SEGUIRTener una cuenta en YAHOO (utilizar el mismo nombre de usuario y contraseña para laaplicació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
  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp. 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
  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp. 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
  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp.SLIDESHAREAplicación para administrar y compartir presentaciones de diapositivas en líneahttp://www.slideshare.net/• CONCEPTOSLIDESHARE es una herramienta de la Web 2.0 que permite compartir Presentaciones conformato 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 ycolocados en diferentes BLOGs o páginas con sólo copiar el código embebido embed. Seadmite 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) alcombinar SLIDESHARE con MP3 URL (podcast), o presentaciones con videos VIDEOSLIDE alincorporar video desde YOUTUBE.Se pueden integrar grupos de afinidad para compartir tales informaciones; participar y votaren contest 2; incorporar widgest 3 en un BLOG o un sitio web; integrar redes sociales socialnetworking, BLOG, o marcadores bookmarking.• PASOS BASICOS A SEGUIR1. 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ónweb, que usan contenido de otras aplicaciones web para crear un nuevo contenido completo consumiendo serviciosdirectamente, 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 lascuales un usuario interactúa en una interface gráfica dando fácil acceso a funciones frecuentemente usadas (ejemplosmás usuales: relojes, calendarios, calculadoras, agendas, juegos, información en tiempo real sobre el tiempo o laciudad o aplicaciones de negocios, etc.)4 RSS Rich Site Summary, es una familia de formatos de fuentes web codificados en XML, utilizados parasuministrar, generalmente de forma gratuita a suscriptores información actualizada frecuentemente y por medio delcual se puede compartir la información y usarla en otros sitios web o programas. El formato permite distribuir contenidosin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS. A pesar de eso, esposible utilizar el mismo navegador para ver los contenidos RSS que es el estándar de sindicación más utilizadoseguido por Atom. A ésto se le conoce como redifusión web o sindicación web (una traducción incorrecta, pero de uso 4/ 8
  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp.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 BLOGo en el sitio web el código emebedido embebed, disponible en la página donde se encuentraalojada la presentación para editar desde Slideshare.7. Crear Slidecast (Slide + Podcast 5 audio MP3) Presentaciones sincronizadas con audioMP3.Desde la Presentación / Edit / Create Slidecast, permite seleccionar y vincular-incrustrararchivo MP3, sincronizar tiempos del audio con cada diapositiva (secuencia de imágenes ybanda).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ónde 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 PICASAGuía para “subida” información a Picasa a manera orientativa1. Registrar usuario y crear cuenta en GOOGLE / GMAIL / PICASA2. Bajar y ejecutar la versión disponible de PICASA3. 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ódicamenteuna 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 sistemade sindicación que permita suscribirse y usar un programa que lo descarga para que el usuario lo escuche en elmomento que quiera. No es necesario estar suscrito para descargarlos. 5/ 8
  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp.BLOGGERAplicación para crear un BLOGwww.Blogger.com• CONCEPTOUn BLOG, o en español también bitácora, es un sitio web periódicamente actualizado querecopila 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 dejarpublicado lo que crea pertinente.El nombre bitácora está basado en los cuadernos de viaje que se utilizaban en los barcospara registrar y relatar el desarrollo de la marcha. Aunque el nombre se ha popularizado enlos últimos años a raíz de su utilización en diferentes ámbitos, el cuaderno de trabajo obitácora ha sido utilizado desde siempre.El término bitácora, se utiliza entonces preferentemente cuando el autor escribe sobre suvida 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 eninglés equivale a diario).• PASOS BASICOS A SEGUIR1. Crear una cuenta en BLOGGER (se necesita tener previamente una cuenta activada enGOGGLE desde donde se define el perfil del autor con datos personales, fotos, brevedescripción, etc.)2. Asignar un nombre al BLOG3. 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 BLOGa. Configuración BásicaPermite importar, exportar o suprimir un BLOG; redefinir el título; precisar una descripciónde hasta 500 caracteres sobre la temática; vincularlo a listas de BLOGGER; permitir que losmotores de búsqueda lo localicen; mostrar edición rápida; crear entradas por correoelectrónico; determinar contenido de adultos.b. PublicaciónPermite definir dominio de publicación (por default BLOGspot.com)c. FormatoPermite precisar la cantidad de entradas en página principal; formato de cabecera de fecha yde fecha del índice de archivos; formato de hora; zona horaria; idioma; mostrar campo detítulo y de enlace; habilitar plantilla para otras entradas.d. ComentariosPermite mostrar comentarios; habilitar a quienes realizan comentarios; ubicación elformulario de comentarios; definir opciones predeterminadas para realizar comentarios;puntualizar criterios de moderación de comentarios.e. Archivos 6/ 8
  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp.Permite habilitar que cada entrada o post tenga su propia página.f. Feed del sitio 6Permitir feeds publicar URL redireccionada del feeds.g. Correo electrónico y móvilPermite especificar controles de notificación.h. PermisosPermite definir control de autores del BLOG; control de lectores del BLOG.• PERSONALIZAR DISEÑO DEL BLOG Diseñador de PlantillasSeleccionar PlantillasFondos Imágenes de fondo, Gama de Colores PrincipalesDiseñ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 - POSTCrear páginas adicionalesSe puede indicar en la primera página ingresada la ubicación como pestaña o como lateralSe puede definir título; redactar y formatear en modo Redactar o modo Edición HTML, añadirimá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 principalSe puede definir título; redactar y formatear en modo Redactar o modo Edición HTML, añadirimá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 parasuministrar información actualizada frecuentemente a sus suscriptores. Cuando una página web "redifunde" sucontenido mediante una fuente web, los internautas pueden "suscribirse" a ella para estar informados de susnovedades. Los interesados pueden usar un programa "agregador" para acceder a sus fuentes suscritas desde unmismo lugar. Existen dos principales formatos de fuente web: RSS y Atom. Ambos formatos están escritos en lenguajeXML. Ejemplos son FeedDemon (Windows), BLOGlines (basado en la web), Netnewswire y Shorook (Mac OS X).En Atom Enabled.org hay listados completos. 7/ 8
  • CEAC FAUD UNMdP. 1º y 2º cuatrimestre 2012. Asignatura Electiva Collage digitalAplicaciones Web 2.0 con imágenes (Casos Flickr,Slideshare,Blogger)/ Diana Rodríguez Barros comp. 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) existenteSe puede editar o suprimir una entrada y/ página existente ya sea publicada o en modoborrador.Moderar comentariosDesde Edición entradas y/o páginas o desde Configuración / Comentarios seleccionar lasdiversas opciones de moderación.• OPCIONAL / MONETIZARADSENSE permite obtener ganancias de dinero gracias a los anuncios compuestos deimágenes y texto orientado que se colocan en el BLOG.GOOGLE se encarga de elegir automáticamente los anuncios que aparecerán en BLOGGER enfunción del contenido del mismo, y permite ganar dinero al titular del BLOG si los visitantesven los anuncios o si “clickean” sobre éstos. 8/ 8