Curso Univesidad de Cantabria: "Web1.0 a la Web2.0"

Teaching the machine & linking people Enseñando a la maquina y humanizando la red De la web1.0 a la web2.0 Miguel A. Manrique Ordax www.consultor-freelance.tk

Web 1.0 was Commerce Web 2.0 is People - Ross Mayfield Idea esencial sobre la web2.0

Web 2.0 seems to be like Pink Floyd lyrics: It can mean different things to different people, depending upon the your state of mind. - Kevin Maney Idea esencial sobre la web2.0

Las “visiones” de la red EPIC-2015 Otras visiones mas actualizadas y ¿agresivas? Prometeus

“ La web2.0 es internet evolucionando para satisfacer las necesidades sociales de la humanidad” -yo-el-tu Idea esencial sobre la web2.0

Una equivalencia para entenderlo mejor

Herramientas aplicables

Evolucion numerica web

The machine is us&using us

contenidos Diferencias fundamentales entre web1.0 y web2.0 Oportunidad para nuevos negocios: servicios web2.0 ¿software? La web2.0 como evolucion de las tecnologías, usabilidad y participacion de los usuarios .

Red Social: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=red+social&Submit=Search Wikimindmap web2.0

De la web1.0 a la web2.0

Diferencias Fundamentales

Tecnología

Usabilidad

Participacion

Tecnologia de la web2.0

Incremento capacidad computacional

AJAX y xHTML/CSS

RSS y SINDICACION

APIs y MASHUP

Capacidad de almacenamiento y velocidad, aunque la arquitectura central no ha variado (servidores)

Nacimiento de sistemas de gran tamaño y complejidad. Google: 600.000 servidores, Facebook: 50.000

Mineria de datos (datamining)

TecnologIa /web2.0

Incremento capacidad computacional

AJAX y xHTML/CSS

RSS y SINDICACION

APIs y MASHUP

xHTML/CSS permite independencia entre contenido y presentación.

Uso en diferentes dispositivos

HTML bien formado es ampliamente favorecido por los buscadores Web (robots)

Nacimiento de la técnica AJAX

Codigos abiertos: API´s y MASHUP democratizacion de las aplicaciones web.

Tecnologia /web2.0 / AJAX

Conjunto de tecnologías asíncronas

Mejora la experiencia del usuario.

Reduce los tiempos de espera

Descarga el trabajo de los servidores cargando el de los clientes.

Tecnologia /web2.0 / AJAX

Presentaciones basadas en estándares (XHTML y CSS).

Exhibición e interacción dinámica (Document Object Model).

Intercambio y manipulación de datos (XML y XSLT).

Recuperación de datos asíncrona (XMLHttpRequest).

JavaScript, para reunificar todo .

EJEMPLOS: Google Maps, Gmail, Flickr

Tecnologia /web2.0 / RSS RSS es un formato de datos usado para para sindicar (redifundir) contenidos (texto, videos, fotos..) a otros agentes (usuarios, suscriptores, webs..)‏ RSS no es otra cosa que un sencillo formato de datos que es utilizado para sindicar (redifundir) contenidos a suscriptores de un sitio web. El formato permite distribuir contenido sin necesidad de un navegador

Tecnologia /web2.0 / RSS

Los mashups han revolucionado el desarrollo web

Cualquiera puede combinar , de forma innovadora, los datos que existen en las aplicaciones online: eBay, Amazon.com, Google, Windows Live, Yahoo!..

Simples y ligeras API's han hecho que los mashups sean relativamente fáciles de diseñar.

Los programadores están dejando paso a los “creadores” e “innovadores”.

Con mínimos conocimientos técnicos se están creando mashups muy útiles, otros sólo son novedosos o publicitarios, con mínima utilidad práctica.

Son un ejemplo de este nuevo movimiento de usuarios que requieren una activa participación e interacción .

Tecnologia /web2.0 / MASHUP Mezclando a los gigantes con sus APIS

Tecnologia /web2.0 / MASHUP

..y un sencillo y pequeño tutorial apto para todos los publicos: http://franchu.net/2007/06/02/como-hacer-un-mashup-y-no-morir-en-el-intento de Miguel Eduardo Gil Tecnologia /web2.0 / MASHUP +info: http://www.openkapow.com +info: http://pipes.yahoo.com +info: http://es.youtube.com/watch?v=63qIq9t9Gqs

La explosión de los widget :

pequeña aplicación o programa presentado en archivos o ficheros pequeños : window-gadget

ejecutados por un motor de widgets o Widget Engine .

fácil y rápido acceso a funciones frecuentemente usadas y proveer de información visual.

El codigo (HTML/Scripts) se integran en blogs habitualmente o en el escritorio del PC (gadgets ) : Google, Vista,..

Facilitando todo lo que la imaginación desee e interactuar con servicios e información distribuida en Internet; pueden ser vistosos relojes en pantalla , notas, calculadoras , calendarios , agendas , juegos , ventanas con información del clima en su ciudad , etcétera.

Tecnologia /web2.0 / WIDGETS Enriqueciendo la blogosfera

Tecnologia /web2.0 / WIDGETS

Mezclando los datos a través de un universo de miles de widgets..

..y buenos proyectos españoles: Beon4u

usabilidad 2.0 “ Si algo no es f á cil de usar simplemente no lo uso”

Usabilidad indispensable para el éxito

Los usuarios se convierten en proveedores de contenidos.

usabilidad 2.0 “ Si algo no es f á cil de usar simplemente no lo uso”

ACCESOS SENCILLOS

RAPIDA COMPRENSION DEL SERVICIO QUE SE OFRECE

TUTORIAL EN VIDEO

REGISTRO FACIL/AJAX

MINIMALISTA

Participacion /Comunidad2.0 El usuario tiene un papel activo: ya no sólo accede a la información, sino que además aporta contenidos y conocimiento.

- Creadores (13%): publican blogs y suben vídeos - Críticos (19%): hacen comentarios en blogs y votan en Menéame o Negóciame - Coleccionistas (15%): utilizan RSS y tags - Socializadores (19%): son los que se dan de alta en redes sociales - Espectadores (23%): leen blogs - Inactivos (52%): los que pasan de esto, y a veces de todo..  Participacion /Comunidad2.0 / Tipologia de los usuarios

participacion 2.0 / Folksonomias La clasificación social facilita que cualquier persona agregue términos descriptivos, también conocidos como keywords o tags Taxonomia de Yahoo Año 1998 web1.0 Cualquier perfil en del.icio.us Web2.0

participacion 2.0 / Folksonomias Diferentes servicios para que el usuario participe

participacion 2.0 / Folksonomias Aporta su conocimiento, y contenido a medida que va navegando. Y es la humanidad la que clasifica los contenidos de la red en términos comprensibles.

Un collage de aplicaciones Web2.0 flickr.com/photos/stabilo-boss/101793494/ Y todo esto se ha concretado en…

Ejemplo de estudio de la blogosfera a través de feevy: proyecto de David de Ugarte Asi es internet ahora con la web 2.0

APLICACIONES 1.0 VS 2.0

Un mundo de Oportunidades

Oportunidades para startups

Contratacion de personal:

Las organizaciones innovadoras buscarán personas que ya hayan adptado estas herramientas y filosofia de vida. Early-adopters.

Reduccion de costes:

Las mismas tecnicas pueden ser aplicadas a cualquier tipo de servicios y productos.

Por ejemplo, el uso de los wikis y sistemas de HelpDesk con gestion del donocimiento puede hacer que el cliente satsfaga sus preguntas de manaera autosuficiente: manuales, conocimiento de otros clientes, etc..

Fidelizacion:

La apertura de areas antes prohibidas o restringidas para los clientes, etc.. Permitiendoles su participacion y opnion, e incluso protesta o critica favorece la fidelidad.

Un mundo de Oportunidades

Caso de estudio startup: mapeame.net

Oportunidades para startups

¿Burbuja puntocom2.0?