web 2.0 ¿qué es? ¿en qué se basa? ¿para qué me sirve?

Web 2.0

¿Qué es?

¿En qué se basa?

¿Para qué me sirve?

23/01/2006 Javier Portillo 2

Índice

Definiciones Objetivos curso Metodología Características comunes Preguntas habituales Uso de recursos web 2.0 durante el curso Ejercicios Tecnologías Tendencias Conclusiones


Definiciones

Definiciones informales: Aplicaciones que se ejecutan en internet y tienen al

navegador por interfaz Nuevo modelo de intercambio de información:

Modelo “libro”: pocas fuentes de información (no al alcance de todos…) muchos consumidores pasivos volumen grande de información cada mucho tiempo

Modelo “web 2.0”: todos somos generadores y consumidores activos de información volumen pequeño de información cada poco tiempo


Definiciones

Definición inicial (Tim O’Reilly) Definición acumulativa (Richard MacManus) Definición de Wikipedia


DefinicionesO´Reilly (I)

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


DefinicionesO´Reilly (II)


DefinicionesO´Reilly (III)

Servicios y no paquetes cerrados de software 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

Confianza en otros como co-desarrolladores Dar una estructura y soporte a la inteligencia

colectiva No concebir el SW como ligado a un único

dispositivo Interfaces de usuario ligeros Basarse en modelos de desarrollo y de negocio


DefinicionesAcumulativa (I)

1. 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

2. Punto de presencia (vs. página web) para exponer e invocar servicios web y contenidos XML (generados y sindicados/subscritos)

3. Basado en microcontenidos públicamente accesibles. La información se estructura de forma abierta, descentralizada y auto-organizada de abajo arriba.


DefinicionesAcumulativa (II)

4. Metacontenidos: Microcontenidos provenientes de diferentes fuentes son procesados por máquinas, reutilizados y publicados en otro contexto

5. 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


Objetivos curso

Responder a: ¿Qué es? / ¿En qué se basa?Dar a conocer y experimentar con algunas herramientas de interésResponder a: ¿Para qué me sirven con un enfoque docente, de investigación y como usuario de internet?Materializar estas respuestas en el inicio de un lugar participativo y dinámico que tenga continuidad (webtresnak)


Metodología

Presentación teórica (este power-point) Uso práctico de recursos en el propio curso Exploración individual de algunos servicios

(cada uno a su ritmo) Configurar la colaboración entre varios

servicios Discusión de experiencias Colaboración en la creación de un wiki

(wikispaces.webtresnak.com)


Características comunes Se ejecutan “en internet” con navegador como interfaz para humanos y XML para

máquinas: Constante actualización de versiones Independencia de plataforma (sistema operativo, ordenador) Necesidad de conexión Menor agilidad que una aplicación de escritorio

Información alojada en servidor remoto: Descentralización, movilidad Variedad de dispositivos de acceso,… Necesidad de protección de datos personales con login y conexiones seguras Necesidad de protección de la propiedad intelectual

Pensadas para llegar a mucha gente que genere y consuma información: No se necesitan conocimientos técnicos ni máquina propia para generar información Promueven la colaboración: TODOS pueden crean y modificar

Se crean servicios y no aplicaciones cerradas: APIs abiertas habilitan relaciones entre servicios web Uso de estándares abiertos Aplicaciones hackeables que permiten su mutación Cualquier URL puede ser un sitio: del que se generan contenidos al que llegan contenidos


Características comunes

Algunos palabros: Tagging Social bookmarking Collective inteligence Folksonomy Sindicación (xml, rss, rdf, atom,…) Feed Post Agregadores


Características comunes

Los precursores (dónde empezó esto…): Blog (escolar.net, blogari.net,…)

Microcontenidos, comentarios, suscripción, sindicación, etiquetas, orden cronológico, archivo, búsquedas, blogs de imágenes, podcasting, broadcasting,…

Wiki (wikispaces, wikipedia: diccionario, citas, commons, especies, libros, textos originales,...) Edición directa de la página que se está viendo,

editores WYSIWYG, edición textual, edición colectiva,…


Preguntas habituales

¿Gratis? ¿Derechos de autor? ¿Versión Beta?


Uso de recursos web2.0 durante el curso

Preguntas y comentarios de Webnote sindicados con Live bookmarks de Firefox

Protopage con enlaces a emplear y ejercicios Blog y wiki webtresnak Timetracker Enlaces delicious


Ejercicios Crearse cuenta en: writely, protopage, flickr, planzo, backpack,

delicious, blogger, bloglines Generar entre varios un documento en writely. Publicarlo.

Modificarlo una vez publicado (concurso de chistes) Página inicio en netvibes agregando blogs, enlaces, sindicación a

documentos writely, wiki, lista to-do… Página inicio en protopage creando paneles: búsqueda rápida,

euskera, foto flickr, video YouTube,… Crear colección imágenes en flickr Publicar un blog modificando contenidos de otros (bloglines) Planificar eventos de esta semana (planzo) Describir tareas pendientes y programar alarmas (backpack,

remember the milk, ta-da) Guardar bookmarks de este curso en cuenta propia delicious


Tecnologías empleadas AJAX:

Formatos estándar de presentación (XHTML, CSS) Uso de DOM (Document Object Model) para la visualización e

interacción con los elementos Intercambio y manipulación de documentos con XML y XSLT Los datos se recogen de forma asíncrona con XMLHttpRequest JavaScript

Flash: Goowy

Ruby on Rails XHTML, XML, RSS, Atom, Agile Development, MicroFormats


Relaciones entre servicios

Tipos de relaciones: Suscripción (xml, rss, atom, rdf,…) Protocolo http (get, post,…) Copy-paste de código


Configuración de servicios Relaciones en ejemplos: (destino-fuente)

Web ó blog personal – agenda planzo Web ó blog personal – blogrol bloglines Protopage – diccionarios, motores búsqueda Netvibes, protopage – blogs, planzo, writely, gmail,

delicious Netvibes, protopage – blogs Netvibes - delicious Wikispaces Blogger – flickr Delicious Flickr Livebookmark - webnote


Tendencias

Google: GMail,Blogger, Yahoo: flickr, delicious,… Microsoft: Live,… WebOS


Conclusiones

Independientemente de las herramientas particulares: Usa las potencialidades actuales de la web:

Etiquetas Sindicación Datos y aplicaciones en red Colaboración

¿para qué? vs. ¿qué?: Es más sutil, más útil… wikispaces.webtresnak.com webtresnak.blogspot.com


Trabajo futuro

Colaboración para enriquecer wiki webtresnak

Objetivos grupo de investigación

web 2.0 ¿qué es? ¿en qué se basa? ¿para qué me sirve?

Documents