Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web 2.0 y la reutilización de contenidos<br />San Sebastián - Donostia<br />25-27 de enero de 2010<br />David Maniega Lega...
Objetivos del curso<br />Responder a: ¿Qué es web 2.0? ¿Y el reaprovechamiento?<br />Dar a conocer y experimentar con algu...
¿Cómo lo vamos a hacer?<br />Presentación teórica (esta misma :)<br />Uso práctico de recursos a lo largo del curso (por p...
Nuestra hoja de ruta tecnológica<br />Para tomar anotaciones rápidas Webnote (http://www.aypwip.org/webnote/ )<br />Partic...
Diciembre 2006<br />
La Web 2.0: La revolución social de Internet<br />
Tim O´Reilly<br />  “las aplicaciones 2.0 son aquellas que sacan partido a las ventajas intrínsecas de la web, ofreciendo ...
Palabras emergentes<br />Web 2.0  ……..    Web 3.0<br />Blog …   Blogosfera<br />Podcast … Podcasting<br />Etiquetado (tags...
Ideas generalizadas<br />Punto de presencia (vs. página web) para exponer e invocar servicios web y contenidos XML (genera...
Ideas generalizadas<br />Importancia del metacontenido: microcontenidos provenientes de diferentes fuentes que son procesa...
Web 2.0 no es tecnología<br />
Algo está cambiando y no se puede (debe) parar<br />
La visión de los estudiantes<br />
Web como plataforma<br />
El software como un servicio<br />
Inteligencia colectiva<br />
Arquitectura de la participación<br />
En beta permanente<br />
Intercreatividad, conocimiento abierto<br />
¿Qué tal si paramos un rato?<br />
Usuarios como colabprosumers<br />
Usuarios como colabprosumers<br />
Experiencias enriquecedoras del usuario<br />
No limitado a un dispositivo<br />
Tecnologías del conocimiento<br />
Lo malo puede ser…<br />
Ofrecer algo nuevo<br />http://wave.google.com<br />
Pensando en servicios 2.0<br />
Ideas de modelo 2.0<br />Centrado en el usuario, No en las tecnologías<br />Centrado en utilidad, No en la funcionalidad<b...
Tres grupos de servicios web 2.0<br />Fuente: Dídac Margaix.<br />
¿Y con qué nos quedamos?<br />WEB 2.0<br />Fuente: Dídac Margaix.<br />
Necesidades para un buen servicio<br />Entendamos lo que nos rodea (este curso es un ejemplo).<br />Entendamos a nuestros ...
Blogs<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Microblogging<br />
Twitter y otras especies<br />Mezcla de blogging con red social y mensajería instantánea.<br />Cultura snack  brevedad + ...
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
RSS, sindicación<br />
La era de la información..., distribuida<br />
Los canales de sindicación, ¿cómo los armamos?<br />
Canales, un buen aliado<br />Son una buena vía para proveer información sobre lo que hacemos <br />Sencillos de armar, pat...
Muchas ventajas, para todos<br />Permiten al usuario leer aquello que le interesa sin tenerlo que buscar<br />Hacemos gran...
Perfecto, pero quiero trabajar con RSS<br />
Ok, ¡primero una máxima!<br />RSS es parte de la familia de los formatos XML desarrollado específicamente para todo tipo d...
Más claro: ¿qué es RSS? <br />Formato basado o derivado del lenguaje XML para describir y distribuir contenidos<br />Su fu...
Dos conceptos clave<br />Sindicar es poner los contenidos a disposición de otros (gratuitamente)<br />El archivo XML en fo...
Información formateada<br />
Información estructurada<br />
Información formateada<br />
Información estructurada<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Wikis<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Marcadores sociales<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Ofimática en la red<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Publicaciones dinámicas<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Mapas y galerías de imagen<br />
Fotos online<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Líneas de tiempo<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Escritorios virtuales<br />
Escritorios virtuales (webtops)<br />Es un espacio virtual vía web, al que el usuario puede conectarse y acceder remotamen...
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Podcasting y videotutoriales<br />
Podcasting y videotutoriales<br />Permite registrar un testimonio oral y/o gráfico.  <br />Los podemos distribuir en difer...
Diferentes “cast”<br />Podcast: mp3, mp4, ogg, wav, ...<br />Videocast: mp4, xvid, divx, avi,...<br />Screencast: mp4, xvi...
Kbps (índice de calidad)<br />32 Kbps : calidad pobre<br />64 Kbps: calidad aceptable<br />128 Kbps: calidad fm<br />160 K...
¿Cómo grabar? - Software<br />Editores de audio: Audacity, Cool Edit, Adobe Audition, Cubase, ProTools, etc<br />Garage Ba...
¿Cómo grabar? - Hardware<br />Ordenador<br />Micrófono / Cámara de vídeo<br />Tarjeta de sonido<br />Tiempo :D<br />
Después del mp3<br />Etiquetarlo (tags)<br />Ponerle el nombre (distinto del nombre del archivo)<br />Descripción<br />Ima...
Guía rápida para hacer un podcast<br />http://www.podcastellano.es/guia-podcast-mundo-babel<br />
Live stream<br />http://www.justin.tv<br />http://www.livestream.com<br />
Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
Mashup (app web híbrida)<br />
Definición <br />Una aplicación web híbrida (mashup o remezcla), es un sitio web o aplicación web que usa contenido de otr...
Características<br />Están revolucionando el desarrollo web del mismo modo que los weblogs han revolucionado la publicació...
¿Qué necesito para hacerlos?<br />Lo primero es una o varias fuentes de datos. Cada vez es más común disponer de esos dato...
Vamos al laboratorio<br />http://pipes.yahoo.com/pipes/<br />
Final, ¿preguntas?Eskerrik asco!<br />dmaniega@uoc.edu<br />
Upcoming SlideShare
Loading in …5
×

Web 2.0 y la reutilización de contenidos

1,228 views

Published on

El objetivo fundamental del curso es proporcionar las claves necesarias para poder comprender y asimilar, desde un punto de vista muy práctico, cómo los servicios basados en tecnologías 2.0 se deben pensar desde la perspectiva del usuario, aportando los elementos necesarios para planificar y ejecutar servicios basados en el reaprovechando de los contenidos estructurados de forma que puedan ser distribuidos en cualquier entorno digital.

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Web 2.0 y la reutilización de contenidos

  1. 1. Web 2.0 y la reutilización de contenidos<br />San Sebastián - Donostia<br />25-27 de enero de 2010<br />David Maniega Legarda<br />Director de la Oficina Oberta d’Innovació<br />
  2. 2. Objetivos del curso<br />Responder a: ¿Qué es web 2.0? ¿Y el reaprovechamiento?<br />Dar a conocer y experimentar con algunas herramientas de interés.<br />Responder a: ¿Qué servicios me sirven, para qué y cómo?<br />Materializar estas respuestas en el inicio de un lugar participativo y dinámico.<br />
  3. 3. ¿Cómo lo vamos a hacer?<br />Presentación teórica (esta misma :)<br />Uso práctico de recursos a lo largo del curso (por parejas ayuda).<br />Configurar la colaboración (remix) entre varios servicios.<br />Discusión de experiencias y presentación de ideas.<br />Colaboración a través de la red social del curso (dmaniega.ning.com).<br />
  4. 4. Nuestra hoja de ruta tecnológica<br />Para tomar anotaciones rápidas Webnote (http://www.aypwip.org/webnote/ )<br />Participar en la red social del curso con Ning (http://dmaniega.ning.com/ )<br />Si no se dispone de un blog, crearlo para pruebas (https://www.blogger.com/start?hl=es)<br />Gestionar los enlaces del curso, que son unos cuantos :D (http://delicious.com/dmaniega)<br />Vídeos explicativos en YouTube(http://www.youtube.com/dmaniega)<br />
  5. 5. Diciembre 2006<br />
  6. 6. La Web 2.0: La revolución social de Internet<br />
  7. 7. Tim O´Reilly<br /> “las aplicaciones 2.0 son aquellas que sacan partido a las ventajas intrínsecas de la web, ofreciendo un servicio continuamente actualizado que mejora cuanto más gente lo use, utilizando y remezclando los datos de múltiples recursos, incluyendo los usuarios individuales a la vez que ofrecen sus propios datos y servicios de tal forma que pueden ser reutilizados por otros, creando una arquitectura de participación en Red para ofrecer experiencias de usuario cada vez más ricas.”<br />
  8. 8.
  9. 9. Palabras emergentes<br />Web 2.0 …….. Web 3.0<br />Blog … Blogosfera<br />Podcast … Podcasting<br />Etiquetado (tags)<br />AJAX, Mash-up, APIs, RIA (Rich Internet Applications)<br />Sindicación de contenidos, RSS, XML y ATOM<br />Colaboración, Convergencia, Tagging, Servicios web<br />
  10. 10. Ideas generalizadas<br />Punto de presencia (vs. página web) para exponer e invocar servicios web y contenidos XML (generados y sindicados/subscritos).<br />Basado en microcontenidos públicamente accesibles. La información se estructura de forma abierta, descentralizada y auto-organizada de abajo arriba.<br />
  11. 11. Ideas generalizadas<br />Importancia del metacontenido: microcontenidos provenientes de diferentes fuentes que son procesados por máquinas, reutilizados y publicados en otro contexto.<br />Concepto de metaweb: redes sociales + tags + wikis + blogs forman la base apropiada para una web semántica, tanto para el procesado de información mediante máquinas como para el filtrado y personalización ad-hoc por humanos, generando puntos de vista particulares.<br />
  12. 12. Web 2.0 no es tecnología<br />
  13. 13. Algo está cambiando y no se puede (debe) parar<br />
  14. 14. La visión de los estudiantes<br />
  15. 15. Web como plataforma<br />
  16. 16. El software como un servicio<br />
  17. 17. Inteligencia colectiva<br />
  18. 18. Arquitectura de la participación<br />
  19. 19. En beta permanente<br />
  20. 20. Intercreatividad, conocimiento abierto<br />
  21. 21. ¿Qué tal si paramos un rato?<br />
  22. 22. Usuarios como colabprosumers<br />
  23. 23. Usuarios como colabprosumers<br />
  24. 24. Experiencias enriquecedoras del usuario<br />
  25. 25. No limitado a un dispositivo<br />
  26. 26. Tecnologías del conocimiento<br />
  27. 27. Lo malo puede ser…<br />
  28. 28. Ofrecer algo nuevo<br />http://wave.google.com<br />
  29. 29. Pensando en servicios 2.0<br />
  30. 30. Ideas de modelo 2.0<br />Centrado en el usuario, No en las tecnologías<br />Centrado en utilidad, No en la funcionalidad<br />Valor en la distribución, No en el dato<br />Centrado en la agilidad, No en la reacción<br />Mejora continua, ¿siempre en versión Beta?<br />El motor es la satisfacción del usuario (No del cliente)<br />Fuente: Dr. Cristóbal Cobo.<br />
  31. 31. Tres grupos de servicios web 2.0<br />Fuente: Dídac Margaix.<br />
  32. 32. ¿Y con qué nos quedamos?<br />WEB 2.0<br />Fuente: Dídac Margaix.<br />
  33. 33. Necesidades para un buen servicio<br />Entendamos lo que nos rodea (este curso es un ejemplo).<br />Entendamos a nuestros usuarios, y atender lo que necesitan.<br />Dejemos que el usuario colabore: opine, etiquete, modifique…<br />Abramos todas las puertas: distribuir conocimiento es ganar.<br />Repensemos el servicio si es necesario. ¿Lo puedo hacer?<br />Hay que dedicar tiempo, pero se volverá a nuestro favor.<br />
  34. 34. Blogs<br />
  35. 35. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  36. 36. Microblogging<br />
  37. 37. Twitter y otras especies<br />Mezcla de blogging con red social y mensajería instantánea.<br />Cultura snack  brevedad + movilidad + red social<br />Sirven para: trivialidades, miniconversaciones, compartir información y urls, difundir noticias e información diversa.<br />
  38. 38. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  39. 39. RSS, sindicación<br />
  40. 40. La era de la información..., distribuida<br />
  41. 41. Los canales de sindicación, ¿cómo los armamos?<br />
  42. 42. Canales, un buen aliado<br />Son una buena vía para proveer información sobre lo que hacemos <br />Sencillos de armar, patrones poco complejos<br />Mucha visibilidad, el usuario decide<br />Permiten la cooperación entre webs, ¿qué supone?<br />Menor tráfico/carga en la web<br />Menos spam, listas de correo, gestión de altas, bajas..., si lo hace todo el usuario!<br />
  43. 43. Muchas ventajas, para todos<br />Permiten al usuario leer aquello que le interesa sin tenerlo que buscar<br />Hacemos grandes listas de webs favoritas, pero ¿alguien ha intentado organizarlas?<br />Muchos agregadores/lectores son gratuitos<br />Permite estar al día en tiempo real, sin necesidad de navegar...<br />Los motores de búsqueda adoran este formato plano!<br />
  44. 44. Perfecto, pero quiero trabajar con RSS<br />
  45. 45. Ok, ¡primero una máxima!<br />RSS es parte de la familia de los formatos XML desarrollado específicamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la información y usarla en otros sitios web o programas. <br />A esto se le conoce como sindicación.<br />
  46. 46. Más claro: ¿qué es RSS? <br />Formato basado o derivado del lenguaje XML para describir y distribuir contenidos<br />Su función es mostrar un sumario de contenidos seleccionados sin tener que acceder a las diferentes fuentes de origen<br />Idea doble: publicar y compartir (sindicar)<br />
  47. 47. Dos conceptos clave<br />Sindicar es poner los contenidos a disposición de otros (gratuitamente)<br />El archivo XML en formato RSS puede ser parseado por una aplicación<br />Agregar es “absorver” esta fuente para aprovecharla en nuestra sede web o en nuestro lector de noticias (Newsfeeder, agregador)<br />
  48. 48. Información formateada<br />
  49. 49. Información estructurada<br />
  50. 50. Información formateada<br />
  51. 51. Información estructurada<br />
  52. 52. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  53. 53. Wikis<br />
  54. 54. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  55. 55. Marcadores sociales<br />
  56. 56. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  57. 57. Ofimática en la red<br />
  58. 58. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  59. 59. Publicaciones dinámicas<br />
  60. 60. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  61. 61. Mapas y galerías de imagen<br />
  62. 62. Fotos online<br />
  63. 63. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  64. 64. Líneas de tiempo<br />
  65. 65. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  66. 66. Escritorios virtuales<br />
  67. 67. Escritorios virtuales (webtops)<br />Es un espacio virtual vía web, al que el usuario puede conectarse y acceder remotamente a sus datos, ejecutar programas, crear o modificar documentos, editar o reproducir archivos y prácticamente todas aquellas funciones que hace normalmente desde su equipo local.<br />Se desarrollan bajo la llamada cloud computing.<br />http://www.eyeos.org/http://www.netvibes.com/<br />
  68. 68. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  69. 69. Podcasting y videotutoriales<br />
  70. 70. Podcasting y videotutoriales<br />Permite registrar un testimonio oral y/o gráfico. <br />Los podemos distribuir en diferido (anywhere, anytime).<br />Potencian la comunicación asíncrona y la formación o asistencia.<br />Los audios y vídeos pueden sindicarse (RSS).<br />
  71. 71. Diferentes “cast”<br />Podcast: mp3, mp4, ogg, wav, ...<br />Videocast: mp4, xvid, divx, avi,...<br />Screencast: mp4, xvid, divx, avi,...<br />
  72. 72. Kbps (índice de calidad)<br />32 Kbps : calidad pobre<br />64 Kbps: calidad aceptable<br />128 Kbps: calidad fm<br />160 Kbps: calidad CD<br />320 Kbps: mucha calidad<br />
  73. 73. ¿Cómo grabar? - Software<br />Editores de audio: Audacity, Cool Edit, Adobe Audition, Cubase, ProTools, etc<br />Garage Band (mac)<br />
  74. 74. ¿Cómo grabar? - Hardware<br />Ordenador<br />Micrófono / Cámara de vídeo<br />Tarjeta de sonido<br />Tiempo :D<br />
  75. 75. Después del mp3<br />Etiquetarlo (tags)<br />Ponerle el nombre (distinto del nombre del archivo)<br />Descripción<br />Imagen<br />Y luego crear el podcast, archivo xml. Podcast Generator  http://podcastgen.sourceforge.net/<br />
  76. 76. Guía rápida para hacer un podcast<br />http://www.podcastellano.es/guia-podcast-mundo-babel<br />
  77. 77. Live stream<br />http://www.justin.tv<br />http://www.livestream.com<br />
  78. 78. Vamos al laboratorio<br />http://delicious.com/dmaniega<br />
  79. 79. Mashup (app web híbrida)<br />
  80. 80. Definición <br />Una aplicación web híbrida (mashup o remezcla), es un sitio web o aplicación web que usa contenido de otras aplicaciones Web para crear un nuevo contenido completo, consumiendo servicios directamente siempre a través de protocolo http.<br />El contenido de un mashup normalmente proviene de sitios web de terceros a través de una interfaz pública, RSS o usando un API.<br />
  81. 81. Características<br />Están revolucionando el desarrollo web del mismo modo que los weblogs han revolucionado la publicación en línea. <br />Permiten que cualquiera combine, de forma innovadora, datos que existen en diferentes páginas web. <br />Requieren pocos conocimientos técnicos (sí dedicación), las APIs existentes son sencillas y potentes y los mashups son relativamente fáciles de diseñar. <br />
  82. 82. ¿Qué necesito para hacerlos?<br />Lo primero es una o varias fuentes de datos. Cada vez es más común disponer de esos datos en formatos sindicados (RSS, Atom) o incluso mediante APIs que exponen los datos en formato XML o JSON.<br />Una buena idea, o mejorar una preexistente.<br />Tiempo y paciencia, aunque no una barbaridad.<br />
  83. 83. Vamos al laboratorio<br />http://pipes.yahoo.com/pipes/<br />
  84. 84. Final, ¿preguntas?Eskerrik asco!<br />dmaniega@uoc.edu<br />

×