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 CommerceWeb 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


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


Una equivalencia para entenderlo mejor

Herramientas aplicables

Evolucion numerica web

The machine is us&using us

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.

contenidos

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

1. Tecnología2. Usabilidad3. Participacion

Tecnologia de la web2.0

1. Incremento capacidad computacional

2. AJAX y xHTML/CSS

3. RSS y SINDICACION

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

1. Incremento capacidad computacional

2. AJAX y xHTML/CSS

3. RSS y SINDICACION

4. 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 / RSSRSS 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 / MASHUPMezclando a los gigantes con sus APIS

Tecnologia/web2.0 / MASHUP

+info: http://www.openkapow.com+info: http://pipes.yahoo.com

..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 +info: http://es.youtube.com/watch?v=63qIq9t9Gqs

Tecnologia/web2.0 / MASHUP

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 / WIDGETSEnriqueciendo 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



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

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

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

Taxonomia de Yahoo Año 1998

web1.0

Cualquier perfil en del.icio.us

Web2.0

Cualquier perfil en del.icio.us

Web2.0


Diferentes servicios para que el usuario participe Diferentes servicios para que el usuario participe


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.

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?

Ahora existen:

•oportunidades online para crear nuestras propias actividades empresariales,

• para conciliar la vida con el trabajo, creando nuestro “modus vivendi”

•Para colaborar y compartir sin distanciasmanteniendonos en coordinación y de manera casi instantanea.

•Para educar de otra forma•Tecnologias para vivir en un mundo 2.0

Conclusion de un

mundo 2.0

www.factoriagris.comwww.slideshare.com

www.authorstream.com

PUBLICADO EN:

Desarrollado por: Miguel A. Manrique Ordaxwww.consultor-freelance.tk

Dos “WikiMindMap” a recordar

Web 2.0: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=web+2.0

Dos “WikiMindMap” a recordar

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

REQUISITOS:-Conocimientos previos web2.0-Acceso a internet-Saber que se quiere hacer: temática

Ejercicio Practico:1.Creación de red social2.Creación de canal Twitter3.Creación de miniMashup: Yahoo Pipes+Twitter+NinG

TALLER DE CREACION WEB CON TECNICAS WEB2.0

1. Pensar en alguna afición, hobby, tema que os guste..

2. A partir de esa afición vamos a realizar un ejercicio práctico de APLICACIÓN SOCIAL con NING

3. PENSARLO!!

CREEMOS UNA INICIATIVA 2.0 ¿QuE os gusta O interesa?

curso univesidad de cantabria: "web1.0 a la web2.0"

Business