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.

Horderlin Robles Web 2

793 views

Published on

RESUMEN DE WEB 2.0

Published in: Education
  • Be the first to comment

  • Be the first to like this

Horderlin Robles Web 2

  1. 1. Web 2.0 ¿Qué es? ¿En qué se basa? ¿Para qué me sirve? HORDERLIN VRANGEL ROBLES VEGA.
  2. 2. Índice <ul><li>Definiciones </li></ul><ul><li>Objetivos curso </li></ul><ul><li>Metodología </li></ul><ul><li>Características comunes </li></ul><ul><li>Preguntas habituales </li></ul><ul><li>Uso de recursos web 2.0 durante el curso </li></ul><ul><li>Ejercicios </li></ul><ul><li>Tecnologías </li></ul><ul><li>Tendencias </li></ul><ul><li>Conclusiones </li></ul>23/01/2006 Javier Portillo
  3. 3. Definiciones <ul><li>Definiciones informales : </li></ul><ul><ul><li>Aplicaciones que se ejecutan en internet y tienen al navegador por interfaz </li></ul></ul><ul><ul><li>Nuevo modelo de intercambio de información: </li></ul></ul><ul><ul><ul><li>Modelo “libro”: </li></ul></ul></ul><ul><ul><ul><ul><li>pocas fuentes de información (no al alcance de todos…) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>muchos consumidores pasivos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>volumen grande de información cada mucho tiempo </li></ul></ul></ul></ul><ul><ul><ul><li>Modelo “web 2.0”: </li></ul></ul></ul><ul><ul><ul><ul><li>todos somos generadores y consumidores activos de información </li></ul></ul></ul></ul><ul><ul><ul><ul><li>volumen pequeño de información cada poco tiempo </li></ul></ul></ul></ul>23/01/2006 Javier Portillo
  4. 4. Definiciones <ul><li>Definición inicial (Tim O’Reilly) </li></ul><ul><li>Definición acumulativa (Richard MacManus) </li></ul><ul><li>Definición de Wikipedia </li></ul>23/01/2006 Javier Portillo
  5. 5. Definiciones O´Reilly (I) 23/01/2006 Javier Portillo Web 1.0 Web 2.0 Banners, enlaces Google Adsense ( Ver ) Ofoto Flickr Britannica online Wikipedia Web personal Blog Visita periódica a web Sindicación (XML: rss, rdf, atom,…) Especulación dominios Optimización motores de búsqueda CMS (Content Management System) Wiki Directorios (taxonomías) Tagging (folksonomías) Publicación recursos (“libro”) Participación Búsqueda de info. parseando html Servicios web
  6. 6. Definiciones O´Reilly (II) 23/01/2006 Javier Portillo
  7. 7. Definiciones O´Reilly (III) <ul><li>Servicios y no paquetes cerrados de software </li></ul><ul><li>Gestión de fuentes de información únicas, difíciles de recrear y con más valor añadido cuanta más gente las usa </li></ul><ul><li>Confianza en otros como co-desarrolladores </li></ul><ul><li>Dar una estructura y soporte a la inteligencia colectiva </li></ul><ul><li>No concebir el SW como ligado a un único dispositivo </li></ul><ul><li>Interfaces de usuario ligeros </li></ul><ul><li>Basarse en modelos de desarrollo y de negocio </li></ul>23/01/2006 Javier Portillo
  8. 8. Definiciones Acumulativa (I) <ul><li>Web como plataforma : Infraestructura sustentada en metadatos y accesible NO SÓLO por navegadores que visualizan la información, también por otras aplicaciones que visualizan, crean, distribuyen y utilizan micro-contenidos XML </li></ul><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>23/01/2006 Javier Portillo
  9. 9. Definiciones Acumulativa (II) <ul><li>Metacontenidos : Microcontenidos provenientes de diferentes fuentes son procesados por máquinas, reutilizados y publicados en otro contexto </li></ul><ul><li>Metaweb. Sinónimo de Web Semántica . 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>23/01/2006 Javier Portillo
  10. 10. Objetivos curso <ul><li>Responder a: ¿Qué es? / ¿En qué se basa ? </li></ul><ul><li>Dar a conocer y experimentar con algunas herramientas de interés </li></ul><ul><li>Responder a: ¿Para qué me sirven con un enfoque docente , de investigación y como usuario de internet? </li></ul><ul><li>Materializar estas respuestas en el inicio de un lugar participativo y dinámico que tenga continuidad ( webtresnak ) </li></ul>23/01/2006 Javier Portillo
  11. 11. Metodología <ul><li>Presentación teórica (este power-point) </li></ul><ul><li>Uso práctico de recursos en el propio curso </li></ul><ul><li>Exploración individual de algunos servicios (cada uno a su ritmo) </li></ul><ul><li>Configurar la colaboración entre varios servicios </li></ul><ul><li>Discusión de experiencias </li></ul><ul><li>Colaboración en la creación de un wiki (wikispaces.webtresnak.com) </li></ul>23/01/2006 Javier Portillo
  12. 12. Características comunes <ul><li>Se ejecutan “en internet” con navegador como interfaz para humanos y XML para máquinas : </li></ul><ul><ul><ul><li>Constante actualización de versiones </li></ul></ul></ul><ul><ul><ul><li>Independencia de plataforma (sistema operativo, ordenador) </li></ul></ul></ul><ul><ul><ul><li>Necesidad de conexión </li></ul></ul></ul><ul><ul><ul><li>Menor agilidad que una aplicación de escritorio </li></ul></ul></ul><ul><li>Información alojada en servidor remoto: </li></ul><ul><ul><ul><li>Descentralización, movilidad </li></ul></ul></ul><ul><ul><ul><li>Variedad de dispositivos de acceso,… </li></ul></ul></ul><ul><ul><ul><li>Necesidad de protección de datos personales con login y conexiones seguras </li></ul></ul></ul><ul><ul><ul><li>Necesidad de protección de la propiedad intelectual </li></ul></ul></ul><ul><li>Pensadas para llegar a mucha gente que genere y consuma información: </li></ul><ul><ul><ul><li>No se necesitan conocimientos técnicos ni máquina propia para generar información </li></ul></ul></ul><ul><ul><ul><li>Promueven la colaboración: TODOS pueden crean y modificar </li></ul></ul></ul><ul><li>Se crean servicios y no aplicaciones cerradas: </li></ul><ul><ul><ul><li>APIs abiertas habilitan relaciones entre servicios web </li></ul></ul></ul><ul><ul><ul><li>Uso de estándares abiertos </li></ul></ul></ul><ul><ul><ul><li>Aplicaciones hackeables que permiten su mutación </li></ul></ul></ul><ul><ul><ul><li>Cualquier URL puede ser un sitio: </li></ul></ul></ul><ul><ul><ul><li>del que se generan contenidos </li></ul></ul></ul><ul><ul><ul><li>al que llegan contenidos </li></ul></ul></ul>23/01/2006 Javier Portillo
  13. 13. Características comunes <ul><li>Algunos palabros : </li></ul><ul><ul><li>Tagging </li></ul></ul><ul><ul><li>Social bookmarking </li></ul></ul><ul><ul><li>Collective inteligence </li></ul></ul><ul><ul><li>Folksonomy </li></ul></ul><ul><ul><li>Sindicación (xml, rss, rdf, atom,…) </li></ul></ul><ul><ul><li>Feed </li></ul></ul><ul><ul><li>Post </li></ul></ul><ul><ul><li>Agregadores </li></ul></ul>23/01/2006 Javier Portillo
  14. 14. Características comunes <ul><li>Los precursores ( dónde empezó esto… ): </li></ul><ul><ul><li>Blog (escolar.net, blogari.net,…) </li></ul></ul><ul><ul><ul><li>Microcontenidos, comentarios, suscripción, sindicación, etiquetas, orden cronológico, archivo, búsquedas, blogs de imágenes, podcasting, broadcasting,… </li></ul></ul></ul><ul><ul><li>Wiki (wikispaces, wikipedia: diccionario, citas, commons, especies, libros, textos originales,...) </li></ul></ul><ul><ul><ul><li>Edición directa de la página que se está viendo, editores WYSIWYG, edición textual, edición colectiva,… </li></ul></ul></ul>23/01/2006 Javier Portillo
  15. 15. Preguntas habituales <ul><li>¿Gratis? </li></ul><ul><li>¿Derechos de autor? </li></ul><ul><li>¿Versión Beta? </li></ul>23/01/2006 Javier Portillo
  16. 16. Uso de recursos web2.0 durante el curso <ul><li>Preguntas y comentarios de Webnote sindicados con Live bookmarks de Firefox </li></ul><ul><li>Protopage con enlaces a emplear y ejercicios </li></ul><ul><li>Blog y wiki webtresnak </li></ul><ul><li>Timetracker </li></ul><ul><li>Enlaces delicious </li></ul>23/01/2006 Javier Portillo
  17. 17. Ejercicios <ul><li>Crearse cuenta en: writely, protopage, flickr, planzo, backpack, delicious, blogger, bloglines </li></ul><ul><li>Generar entre varios un documento en writely. Publicarlo. Modificarlo una vez publicado (concurso de chistes) </li></ul><ul><li>Página inicio en netvibes agregando blogs, enlaces, sindicación a documentos writely, wiki, lista to-do… </li></ul><ul><li>Página inicio en protopage creando paneles: búsqueda rápida, euskera, foto flickr, video YouTube,… </li></ul><ul><li>Crear colección imágenes en flickr </li></ul><ul><li>Publicar un blog modificando contenidos de otros (bloglines) </li></ul><ul><li>Planificar eventos de esta semana (planzo) </li></ul><ul><li>Describir tareas pendientes y programar alarmas (backpack, remember the milk, ta-da) </li></ul><ul><li>Guardar bookmarks de este curso en cuenta propia delicious </li></ul>23/01/2006 Javier Portillo
  18. 18. Tecnologías empleadas <ul><li>AJAX: </li></ul><ul><ul><li>Formatos estándar de presentación ( XHTML , CSS ) </li></ul></ul><ul><ul><li>Uso de DOM (Document Object Model) para la visualización e interacción con los elementos </li></ul></ul><ul><ul><li>Intercambio y manipulación de documentos con XML y XSLT </li></ul></ul><ul><ul><li>Los datos se recogen de forma asíncrona con XMLHttpRequest </li></ul></ul><ul><ul><li>JavaScript </li></ul></ul><ul><li>Flash: </li></ul><ul><ul><li>Goowy </li></ul></ul><ul><li>Ruby on Rails </li></ul><ul><li>XHTML, XML, RSS, Atom, Agile Development, MicroFormats </li></ul>23/01/2006 Javier Portillo
  19. 19. Relaciones entre servicios <ul><li>Tipos de relaciones: </li></ul><ul><ul><li>Suscripción (xml, rss, atom, rdf,…) </li></ul></ul><ul><ul><li>Protocolo http (get, post,…) </li></ul></ul><ul><ul><li>Copy-paste de código </li></ul></ul>23/01/2006 Javier Portillo
  20. 20. Configuración de servicios <ul><li>Relaciones en ejemplos: (destino-fuente) </li></ul><ul><ul><li>Web ó blog personal – agenda planzo </li></ul></ul><ul><ul><li>Web ó blog personal – blogrol bloglines </li></ul></ul><ul><ul><li>Protopage – diccionarios, motores búsqueda </li></ul></ul><ul><ul><li>Netvibes, protopage – blogs, planzo, writely, gmail, delicious </li></ul></ul><ul><ul><li>Netvibes, protopage – blogs </li></ul></ul><ul><ul><li>Netvibes - delicious </li></ul></ul><ul><ul><li>Wikispaces </li></ul></ul><ul><ul><li>Blogger – flickr </li></ul></ul><ul><ul><li>Delicious </li></ul></ul><ul><ul><li>Flickr </li></ul></ul><ul><ul><li>Livebookmark - webnote </li></ul></ul>23/01/2006 Javier Portillo
  21. 21. Tendencias <ul><li>Google: GMail,Blogger, </li></ul><ul><li>Yahoo: flickr, delicious,… </li></ul><ul><li>Microsoft: Live,… </li></ul><ul><li>WebOS </li></ul>23/01/2006 Javier Portillo
  22. 22. Conclusiones <ul><li>Independientemente de las herramientas particulares: </li></ul><ul><ul><li>Usa las potencialidades actuales de la web: </li></ul></ul><ul><ul><ul><li>Etiquetas </li></ul></ul></ul><ul><ul><ul><li>Sindicación </li></ul></ul></ul><ul><ul><ul><li>Datos y aplicaciones en red </li></ul></ul></ul><ul><ul><ul><li>Colaboración </li></ul></ul></ul><ul><ul><li>¿para qué? vs. ¿qué?: Es más sutil, más útil… wikispaces.webtresnak.com webtresnak.blogspot.com </li></ul></ul>23/01/2006 Javier Portillo

×