Horderlin Robles Web 2

761 views

Published on

RESUMEN DE WEB 2.0

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

  • Be the first to like this

No Downloads
Views
Total views
761
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Flikr: subir, organizar, compartir, grupos públicos, búsquedas en base a tags,… Blog: entradas de otros bolgs,…
  • Responder algunas preguntas generar
  • 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

    ×