de la web1.0 a la web2 - .democratizacion de las aplicaciones web. tecnologia/web2.0 / ajax...

Download De la web1.0 a la web2 - .democratizacion de las aplicaciones web. Tecnologia/web2.0 / AJAX •Conjunto

Post on 25-Sep-2018

212 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • De la web1.0 a la web2.0

    Teaching the machine & linking people

    Enseando a la maquina y humanizando la red

    Miguel A. Manrique Ordaxwww.consultor-freelance.tk

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • Idea esencial sobre la web2.0

    Web 1.0 was CommerceWeb 2.0 is People

    - Ross Mayfield

    http://ross.typepad.com/http://ross.typepad.com/http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • 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

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • Las visiones de la red EPIC-2015

    Otras visiones mas actualizadasy agresivas? Prometeus

    http://www.youtube.com/watch?v=He22EGXJOqIhttp://www.youtube.com/watch?v=aD4XtZqJu-Uhttp://www.youtube.com/watch?v=aD4XtZqJu-U

  • Idea esencial sobre la web2.0

    La web2.0 es internet evolucionando para

    satisfacer las necesidades sociales de la humanidad

    -yo-el-tu

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • Idea esencial sobre la web2.0

    La web2.0 es internet evolucionando para

    satisfacer las necesidades sociales de la humanidad

    -yo-el-tu

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • Una equivalencia para entenderlo mejor

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • Herramientas aplicables

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • Evolucion numerica web

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • The machine is us&using us

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.eshttp://es.youtube.com/watch?v=NLlGopyXT_g

  • contenidos

    Diferencias fundamentales entre web1.0 y web2.0

    Oportunidad para nuevos negocios: servicios web2.0 software?

    La web2.0 como evolucion de las tecnologas, usabilidad y participacion de los usuarios.

    http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • http://creativecommons.org/licenses/by-nc-sa/2.5/es/deed.es

  • Wikimindmap web2.0

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

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

  • De la web1.0 a la web2.0

  • Diferencias Fundamentales

    1. Tecnologa2. Usabilidad

    3. 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 tamao 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 presentacin.

    Uso en diferentes dispositivos

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

    Nacimiento de la tcnica AJAX

    Codigos abiertos: APIs y MASHUP democratizacion de las aplicaciones web.

  • Tecnologia/web2.0 / AJAXConjunto de tecnologas asncronas

    Mejora la experiencia del usuario.

    Reduce los tiempos de espera

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

  • Tecnologia/web2.0 / AJAXPresentaciones basadas en estndares (XHTML y CSS).Exhibicin e interaccin dinmica (Document Object Model). Intercambio y manipulacin de datos (XML y XSLT). Recuperacin de datos asncrona (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

  • Tecnologia/web2.0 / MASHUPMezclando a los gigantes con sus APIS

    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 fciles de disear.

    Los programadores estn dejando paso a los creadores e innovadores. Con mnimos conocimientos tcnicos se estn creando mashups muy tiles, otros slo son novedosos o publicitarios, con mnima utilidad prctica.

    Son un ejemplo de este nuevo movimiento de usuarios que requieren una activa participacin e interaccin.

  • Tecnologia/web2.0 / MASHUP

  • Tecnologia/web2.0 / MASHUP

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

    ..y un sencillo y pequeo 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

    http://franchu.net/2007/06/02/como-hacer-un-mashup-y-no-morir-en-el-intentohttp://franchu.net/2007/06/02/como-hacer-un-mashup-y-no-morir-en-el-intentohttp://franchu.net/2007/06/02/como-hacer-un-mashup-y-no-morir-en-el-intento

  • Tecnologia/web2.0 / WIDGETSEnriqueciendo la blogosfera

    La explosin de los widget : pequea aplicacin o programa presentado en archivos o ficheros pequeos : window-gadget ejecutados por un motor de widgets o Widget Engine. fcil y rpido acceso a funciones frecuentemente usadas y proveer de informacin visual. El codigo (HTML/Scripts) se integran en blogs habitualmente o en el escritorio del PC (gadgets) : Google, Vista,.. Facilitando todo lo que la imaginacin desee e interactuar con servicios e informacin distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con informacin del clima ciudaden su , etctera.

    http://es.wikipedia.org/wiki/Relojhttp://es.wikipedia.org/wiki/Pantallahttp://es.wikipedia.org/wiki/Calculadorahttp://es.wikipedia.org/wiki/Calendariohttp://es.wikipedia.org/wiki/Agendahttp://es.wikipedia.org/wiki/Juegohttp://es.wikipedia.org/wiki/Climahttp://es.wikipedia.org/wiki/Ciudad

  • Tecnologia/web2.0 / WIDGETS

  • Mezclando los datos a travs de un universo de miles de widgets..

  • ..y buenos proyectos espaoles: Beon4u

  • usabilidad 2.0

    Usabilidad indispensable para el xito

    Los usuarios se convierten en proveedores de contenidos.

    Si algo no es fcil de usar simplemente no lo uso

    Si algo no es fcil de usar simplemente no lo uso

    http://www.go2web20.net/

  • usabilidad 2.0

    Si algo no es fcil de usar simplemente no lo uso

    Si algo no es fcil de usar simplemente no lo uso

    ACCESOS SENCILLOSRAPIDA COMPRENSION DEL SERVICIO QUE SE OFRECETUTORIAL EN VIDEOREGISTRO FACIL/AJAXMINIMALISTA

    http://www.go2web20.net/

  • Participacion /Comunidad2.0

    El usuario tiene un papel activo: ya no slo accede a la informacin, sino que adems aporta contenidos y conocimiento.El usuario tiene un papel activo: ya no slo accede a la informacin, sino que adems aporta contenidos y conocimiento.

  • Participacion /Comunidad2.0 / Tipologia de los usuarios

    - Creadores (13%): publican blogs y suben vdeos- Crticos (19%): hacen comentarios en blogs y votan en Mename o Negciame- 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 2.0 / FolksonomiasTaxonomia de YahooAo 1998 web1.0

    Taxonomia de YahooAo 1998 web1.0

    Cualquier perfil en del.icio.us

    Web2.0

    Cualquier perfil en del.icio.us

    Web2.0

    La clasificacin social facilita que cualquier persona agregue trminos descriptivos, tambin conocidos como keywords o tags La clasificacin social facilita que cualquier persona agregue trminos descriptivos, tambin conocidos como keywords o tags

    http://web.archive.org/web/*/http:/www.yahoo.es

  • participacion 2.0 / Folksonomias

    Diferentes servicios para que el usuario participe 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 trminos comprensibles.

    Aporta su conocimiento, y contenido a medida que va navegando. Y es la humanidad la que clasifica los contenidos de la red en trminos comprensibles.

    http://es.wikipedia.org/wiki/Serendipia

  • Un collage de aplicaciones Web2.0

    flickr.com/photos/stabilo-boss/101793494/

    Y todo esto se ha concretado en

    http://flickr.com/photos/stabilo-boss/101793494/

  • Asi es internet ahora con la web 2.0

    Ejemplo de estudio de la blogosfera a travs de feevy: proyecto de David de Ugarte

  • APLICACIONES 1.0 VS 2.0

  • APLICACIONES 1.0 VS 2.0

  • Un mundo de Oportunidades

  • Oportunidades