Web 2.0 y la reutilización de contenidos <ul><li>David Maniega Legarda </li></ul><ul><li>Director de la Oficina Oberta d’I...
Objetivos del curso <ul><li>Responder a: ¿Qué es web 2.0? ¿Y el reaprovechamiento? </li></ul><ul><li>Dar a conocer y exper...
¿Cómo lo vamos a hacer? <ul><li>Presentación teórica (esta misma :) </li></ul><ul><li>Uso práctico de recursos a lo largo ...
Nuestra hoja de ruta tecnológica <ul><li>Para tomar anotaciones rápidas Webnote ( http://www.aypwip.org/webnote/  ) </li><...
Diciembre 2006
La Web 2.0: La revolución  social de Internet
Tim O´Reilly <ul><li>“ las  aplicaciones 2.0  son aquellas que sacan partido a las ventajas intrínsecas de la web, ofrecie...
 
Palabras emergentes <ul><li>Web 2.0  ……..  Web 3.0 </li></ul><ul><li>Blog …  Blogosfera </li></ul><ul><li>Podcast … Podcas...
Ideas generalizadas <ul><li>Punto de  presencia  (vs. página web) para exponer e invocar servicios web y contenidos XML (g...
Ideas generalizadas <ul><li>Importancia del  metacontenido : microcontenidos provenientes de diferentes fuentes que son pr...
Web 2.0  no  es tecnología
Algo está cambiando y  no  se puede (debe) parar
La visión de los estudiantes
Web como plataforma
El software como un servicio
Inteligencia colectiva
Arquitectura de la participación
En beta permanente
Intercreatividad, conocimiento abierto
Usuarios como  colabprosumers
Usuarios como  colabprosumers
Experiencias enriquecedoras  del usuario
No limitado a un dispositivo
Tecnologías del conocimiento
Lo malo puede ser…
Ofrecer algo nuevo http://wave.google.com
Pensando en servicios 2.0
¿Qué tal si paramos un rato?
Ideas de modelo 2.0 <ul><li>Centrado en el  usuario , No en las tecnologías </li></ul><ul><li>Centrado en  utilidad , No e...
Tres grupos de servicios web 2.0 Fuente: Dídac Margaix.
¿Y con qué nos quedamos? Fuente: Dídac Margaix. WEB 2.0
Necesidades para un buen servicio <ul><li>Entendamos  lo que nos rodea  (este curso es un ejemplo). </li></ul><ul><li>Ente...
Blogs y edublogs
Vamos al laboratorio http://delicious.com/dmaniega
Microblogging
Twitter y otras especies <ul><li>Mezcla de blogging con red social y mensajería instantánea. </li></ul><ul><li>Cultura sna...
Vamos al laboratorio http://delicious.com/dmaniega
RSS, sindicación
La era de la información..., distribuida
Los canales de sindicación,  ¿cómo los armamos?
Canales, un buen aliado <ul><li>Son una buena vía para proveer información sobre lo que hacemos  </li></ul><ul><li>Sencill...
Muchas ventajas, para todos <ul><li>Permiten al usuario leer aquello que le interesa sin tenerlo que buscar </li></ul><ul>...
Perfecto, pero quiero trabajar  con RSS
Ok, ¡primero una máxima! <ul><li>RSS es parte de la familia de los formatos XML desarrollado específicamente para todo tip...
Más claro: ¿qué es RSS?  <ul><li>Formato basado o derivado del lenguaje XML para  describir y distribuir contenidos </li><...
Dos conceptos clave <ul><li>Sindicar  es poner los contenidos a disposición de otros (gratuitamente) </li></ul><ul><li>El ...
Información formateada
Información estructurada
Información formateada
Información estructurada
Vamos al laboratorio http://delicious.com/dmaniega
Wikis
Vamos al laboratorio http://delicious.com/dmaniega
Marcadores sociales
Vamos al laboratorio http://delicious.com/dmaniega
Ofimática en la red
Vamos al laboratorio http://delicious.com/dmaniega
Mapas y galerías de imagen
Fotos online
Vamos al laboratorio http://delicious.com/dmaniega
Líneas de tiempo
Vamos al laboratorio http://delicious.com/dmaniega
Presentaciones en línea
Vamos al laboratorio http://delicious.com/dmaniega
Escritorios virtuales
Escritorios virtuales ( webtops ) <ul><li>Es un espacio virtual vía web, al que el usuario puede conectarse y acceder remo...
Vamos al laboratorio http://delicious.com/dmaniega
Podcasting y videotutoriales
Podcasting y videotutoriales <ul><li>Permite registrar un testimonio oral y/o gráfico.  </li></ul><ul><li>Los podemos dist...
Diferentes “cast” <ul><li>Podcast: mp3, mp4, ogg, wav, ... </li></ul><ul><li>Videocast: mp4, xvid, divx, avi,... </li></ul...
Kbps (índice de calidad) <ul><li>32 Kbps : calidad pobre </li></ul><ul><li>64 Kbps: calidad aceptable </li></ul><ul><li>12...
¿Cómo grabar? - Software <ul><li>Editores de audio: Audacity, Cool Edit, Adobe Audition, Cubase, ProTools, etc </li></ul><...
¿Cómo grabar? - Hardware <ul><li>Ordenador </li></ul><ul><li>Micrófono / Cámara de vídeo </li></ul><ul><li>Tarjeta de soni...
Después del mp3 <ul><li>Etiquetarlo (tags) </li></ul><ul><ul><ul><ul><ul><li>Ponerle el nombre (distinto del nombre del ar...
Guía rápida para hacer un podcast http://www.podcastellano.es/guia-podcast-mundo-babel
Live stream http://www.justin.tv http://www.livestream.com
Vamos al laboratorio http://delicious.com/dmaniega
Final, ¿preguntas? [email_address]
Upcoming SlideShare
Loading in …5
×

Web 2.0

652 views
578 views

Published on

Curso sobre web 2.0 para la comunidad UOC

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
652
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web 2.0

  1. 1. Web 2.0 y la reutilización de contenidos <ul><li>David Maniega Legarda </li></ul><ul><li>Director de la Oficina Oberta d’Innovació </li></ul>
  2. 2. Objetivos del curso <ul><li>Responder a: ¿Qué es web 2.0? ¿Y el reaprovechamiento? </li></ul><ul><li>Dar a conocer y experimentar con algunas herramientas de interés. </li></ul><ul><li>Responder a: ¿Qué servicios me sirven, para qué y cómo? </li></ul>
  3. 3. ¿Cómo lo vamos a hacer? <ul><li>Presentación teórica (esta misma :) </li></ul><ul><li>Uso práctico de recursos a lo largo del curso (por parejas ayuda). </li></ul><ul><li>A través de diferentes vídeos explicativos. </li></ul><ul><li>Discusión de experiencias y presentación de ideas. </li></ul>
  4. 4. Nuestra hoja de ruta tecnológica <ul><li>Para tomar anotaciones rápidas Webnote ( http://www.aypwip.org/webnote/ ) </li></ul><ul><li>Si no se dispone de un blog, crearlo para pruebas ( https://www.blogger.com/start?hl=es ) </li></ul><ul><li>Gestionar los enlaces del curso, que son unos cuantos :D ( http://delicious.com/dmaniega ) </li></ul><ul><li>Vídeos explicativos en YouTube ( http://www.youtube.com/my_quicklist ) </li></ul>
  5. 5. Diciembre 2006
  6. 6. La Web 2.0: La revolución social de Internet
  7. 7. Tim O´Reilly <ul><li>“ 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.” </li></ul>
  8. 9. Palabras emergentes <ul><li>Web 2.0 …….. Web 3.0 </li></ul><ul><li>Blog … Blogosfera </li></ul><ul><li>Podcast … Podcasting </li></ul><ul><li>Etiquetado (tags) </li></ul><ul><li>AJAX, Mash-up, APIs, RIA (Rich Internet Applications) </li></ul><ul><li>Sindicación de contenidos, RSS, XML y ATOM </li></ul><ul><li>Colaboración, Convergencia, Tagging, Servicios web </li></ul>
  9. 10. Ideas generalizadas <ul><li>Punto de presencia (vs. página web) para exponer e invocar servicios web y contenidos XML (generados y sindicados/subscritos). </li></ul><ul><li>Basado en microcontenidos públicamente accesibles. La información se estructura de forma abierta, descentralizada y auto-organizada de abajo arriba. </li></ul>
  10. 11. Ideas generalizadas <ul><li>Importancia del metacontenido : microcontenidos provenientes de diferentes fuentes que son procesados por máquinas, reutilizados y publicados en otro contexto. </li></ul><ul><li>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. </li></ul>
  11. 12. Web 2.0 no es tecnología
  12. 13. Algo está cambiando y no se puede (debe) parar
  13. 14. La visión de los estudiantes
  14. 15. Web como plataforma
  15. 16. El software como un servicio
  16. 17. Inteligencia colectiva
  17. 18. Arquitectura de la participación
  18. 19. En beta permanente
  19. 20. Intercreatividad, conocimiento abierto
  20. 21. Usuarios como colabprosumers
  21. 22. Usuarios como colabprosumers
  22. 23. Experiencias enriquecedoras del usuario
  23. 24. No limitado a un dispositivo
  24. 25. Tecnologías del conocimiento
  25. 26. Lo malo puede ser…
  26. 27. Ofrecer algo nuevo http://wave.google.com
  27. 28. Pensando en servicios 2.0
  28. 29. ¿Qué tal si paramos un rato?
  29. 30. Ideas de modelo 2.0 <ul><li>Centrado en el usuario , No en las tecnologías </li></ul><ul><li>Centrado en utilidad , No en la funcionalidad </li></ul><ul><li>Valor en la distribución , No en el dato </li></ul><ul><li>Centrado en la agilidad , No en la reacción </li></ul><ul><li>Mejora continua, ¿siempre en versión Beta? </li></ul><ul><li>El motor es la satisfacción del usuario (No del cliente) </li></ul>Fuente: Dr. Cristóbal Cobo.
  30. 31. Tres grupos de servicios web 2.0 Fuente: Dídac Margaix.
  31. 32. ¿Y con qué nos quedamos? Fuente: Dídac Margaix. WEB 2.0
  32. 33. Necesidades para un buen servicio <ul><li>Entendamos lo que nos rodea (este curso es un ejemplo). </li></ul><ul><li>Entendamos a nuestros usuarios , y atender lo que necesitan . </li></ul><ul><li>Dejemos que el usuario colabore : opine, etiquete, modifique… </li></ul><ul><li>Abramos todas las puertas: distribuir conocimiento es ganar. </li></ul><ul><li>Repensemos el servicio si es necesario. ¿Lo puedo hacer? </li></ul><ul><li>Hay que dedicar tiempo , pero se volverá a nuestro favor. </li></ul>
  33. 34. Blogs y edublogs
  34. 35. Vamos al laboratorio http://delicious.com/dmaniega
  35. 36. Microblogging
  36. 37. Twitter y otras especies <ul><li>Mezcla de blogging con red social y mensajería instantánea. </li></ul><ul><li>Cultura snack  brevedad + movilidad + red social </li></ul><ul><li>Sirven para: trivialidades, miniconversaciones, compartir información y urls, difundir noticias e información diversa. </li></ul><ul><li>Post imprescindible: http://adambairdblog.wordpress.com/ </li></ul>
  37. 38. Vamos al laboratorio http://delicious.com/dmaniega
  38. 39. RSS, sindicación
  39. 40. La era de la información..., distribuida
  40. 41. Los canales de sindicación, ¿cómo los armamos?
  41. 42. Canales, un buen aliado <ul><li>Son una buena vía para proveer información sobre lo que hacemos </li></ul><ul><li>Sencillos de armar, patrones poco complejos </li></ul><ul><li>Mucha visibilidad, el usuario decide </li></ul><ul><li>Permiten la cooperación entre webs, ¿qué supone? </li></ul><ul><ul><ul><li>Menor tráfico/carga en la web </li></ul></ul></ul><ul><ul><ul><li>Menos spam, listas de correo, gestión de altas, bajas..., si lo hace todo el usuario! </li></ul></ul></ul>
  42. 43. Muchas ventajas, para todos <ul><li>Permiten al usuario leer aquello que le interesa sin tenerlo que buscar </li></ul><ul><li>Hacemos grandes listas de webs favoritas, pero ¿alguien ha intentado organizarlas? </li></ul><ul><li>Muchos agregadores/lectores son gratuitos </li></ul><ul><li>Permite estar al día en tiempo real, sin necesidad de navegar... </li></ul><ul><li>Los motores de búsqueda adoran este formato plano! </li></ul>
  43. 44. Perfecto, pero quiero trabajar con RSS
  44. 45. Ok, ¡primero una máxima! <ul><li>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. </li></ul><ul><li>A esto se le conoce como sindicación . </li></ul>
  45. 46. Más claro: ¿qué es RSS? <ul><li>Formato basado o derivado del lenguaje XML para describir y distribuir contenidos </li></ul><ul><li>Su función es mostrar un sumario de contenidos seleccionados sin tener que acceder a las diferentes fuentes de origen </li></ul><ul><li>Idea doble: publicar y compartir ( sindicar ) </li></ul>
  46. 47. Dos conceptos clave <ul><li>Sindicar es poner los contenidos a disposición de otros (gratuitamente) </li></ul><ul><li>El archivo XML en formato RSS puede ser parseado por una aplicación </li></ul><ul><li>Agregar es “absorver” esta fuente para aprovecharla en nuestra sede web o en nuestro lector de noticias ( Newsfeeder, agregador ) </li></ul>
  47. 48. Información formateada
  48. 49. Información estructurada
  49. 50. Información formateada
  50. 51. Información estructurada
  51. 52. Vamos al laboratorio http://delicious.com/dmaniega
  52. 53. Wikis
  53. 54. Vamos al laboratorio http://delicious.com/dmaniega
  54. 55. Marcadores sociales
  55. 56. Vamos al laboratorio http://delicious.com/dmaniega
  56. 57. Ofimática en la red
  57. 58. Vamos al laboratorio http://delicious.com/dmaniega
  58. 59. Mapas y galerías de imagen
  59. 60. Fotos online
  60. 61. Vamos al laboratorio http://delicious.com/dmaniega
  61. 62. Líneas de tiempo
  62. 63. Vamos al laboratorio http://delicious.com/dmaniega
  63. 64. Presentaciones en línea
  64. 65. Vamos al laboratorio http://delicious.com/dmaniega
  65. 66. Escritorios virtuales
  66. 67. Escritorios virtuales ( webtops ) <ul><li>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. </li></ul><ul><li>Se desarrollan bajo la llamada cloud computing . </li></ul><ul><li>http://www.eyeos.org/ http://www.netvibes.com/ </li></ul>
  67. 68. Vamos al laboratorio http://delicious.com/dmaniega
  68. 69. Podcasting y videotutoriales
  69. 70. Podcasting y videotutoriales <ul><li>Permite registrar un testimonio oral y/o gráfico. </li></ul><ul><li>Los podemos distribuir en diferido ( anywhere, anytime ). </li></ul><ul><li>Potencian la comunicación asíncrona y la formación o asistencia. </li></ul><ul><li>Los audios y vídeos pueden sindicarse (RSS). </li></ul>
  70. 71. Diferentes “cast” <ul><li>Podcast: mp3, mp4, ogg, wav, ... </li></ul><ul><li>Videocast: mp4, xvid, divx, avi,... </li></ul><ul><li>Screencast: mp4, xvid, divx, avi,... </li></ul>
  71. 72. Kbps (índice de calidad) <ul><li>32 Kbps : calidad pobre </li></ul><ul><li>64 Kbps: calidad aceptable </li></ul><ul><li>128 Kbps: calidad fm </li></ul><ul><li>160 Kbps: calidad CD </li></ul><ul><li>320 Kbps: mucha calidad </li></ul>
  72. 73. ¿Cómo grabar? - Software <ul><li>Editores de audio: Audacity, Cool Edit, Adobe Audition, Cubase, ProTools, etc </li></ul><ul><li>Garage Band (mac) </li></ul>
  73. 74. ¿Cómo grabar? - Hardware <ul><li>Ordenador </li></ul><ul><li>Micrófono / Cámara de vídeo </li></ul><ul><li>Tarjeta de sonido </li></ul><ul><li>Tiempo :D </li></ul>
  74. 75. Después del mp3 <ul><li>Etiquetarlo (tags) </li></ul><ul><ul><ul><ul><ul><li>Ponerle el nombre (distinto del nombre del archivo) </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Descripción </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Imagen </li></ul></ul></ul></ul></ul><ul><li>Y luego crear el podcast, archivo xml. Podcast Generator  http://podcastgen.sourceforge.net/ </li></ul>
  75. 76. Guía rápida para hacer un podcast http://www.podcastellano.es/guia-podcast-mundo-babel
  76. 77. Live stream http://www.justin.tv http://www.livestream.com
  77. 78. Vamos al laboratorio http://delicious.com/dmaniega
  78. 79. Final, ¿preguntas? [email_address]

×