Web 2.0

¿Qué es?¿En qué se basa?

¿Para qué me sirve?

HORDERLIN VRANGEL ROBLES VEGA.

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

23/01/2006 Javier Portillo 3

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

23/01/2006 Javier Portillo 4

Definiciones

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

23/01/2006 Javier Portillo 5

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

23/01/2006 Javier Portillo 6

DefinicionesO´Reilly (II)

23/01/2006 Javier Portillo 7

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

23/01/2006 Javier Portillo 8

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.

23/01/2006 Javier Portillo 9

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

23/01/2006 Javier Portillo 10

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)

23/01/2006 Javier Portillo 11

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)

23/01/2006 Javier Portillo 12

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

23/01/2006 Javier Portillo 13

Características comunes

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

23/01/2006 Javier Portillo 14

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,…

23/01/2006 Javier Portillo 15

Preguntas habituales

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

23/01/2006 Javier Portillo 16

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

23/01/2006 Javier Portillo 17

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

23/01/2006 Javier Portillo 18

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

23/01/2006 Javier Portillo 19

Relaciones entre servicios

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

23/01/2006 Javier Portillo 20

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

23/01/2006 Javier Portillo 21

Tendencias

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

23/01/2006 Javier Portillo 22

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