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
“ 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
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.com www.slideshare.com www.authorstream.com PUBLICADO EN: Desarrollado por: Miguel A. Manrique Ordax www.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: Creación de red social Creación de canal Twitter Creación de miniMashup: Yahoo Pipes+Twitter+NinG TALLER DE CREACION WEB CON TECNICAS WEB2.0
Pensar en alguna afición, hobby, tema que os guste.. A partir de esa afición vamos a realizar un ejercicio práctico de APLICACIÓN SOCIAL con NING PENSARLO!! CREEMOS UNA INICIATIVA 2.0  ¿QuE os gusta O interesa?

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

  • 1.
    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
  • 2.
    Web 1.0 wasCommerce Web 2.0 is People - Ross Mayfield Idea esencial sobre la web2.0
  • 3.
    Web 2.0 seemsto 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
  • 4.
    Las “visiones” dela red EPIC-2015 Otras visiones mas actualizadas y ¿agresivas? Prometeus
  • 5.
    “ La web2.0es internet evolucionando para satisfacer las necesidades sociales de la humanidad” -yo-el-tu Idea esencial sobre la web2.0
  • 6.
    “ La web2.0es internet evolucionando para satisfacer las necesidades sociales de la humanidad” -yo-el-tu Idea esencial sobre la web2.0
  • 7.
    Una equivalencia paraentenderlo mejor
  • 8.
  • 9.
  • 10.
    The machine isus&using us
  • 11.
    contenidos Diferencias fundamentalesentre 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 .
  • 12.
  • 13.
    Red Social: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=red+social&Submit=Search Wikimindmap web2.0
  • 14.
    De la web1.0a la web2.0
  • 15.
    Diferencias Fundamentales TecnologíaUsabilidad Participacion
  • 16.
    Tecnologia de laweb2.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)
  • 17.
    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.
  • 18.
    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.
  • 19.
    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
  • 20.
    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
  • 21.
  • 22.
    Los mashupshan 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
  • 23.
  • 24.
    ..y un sencilloy 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
  • 25.
    La explosión delos 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
  • 26.
  • 27.
    Mezclando los datosa través de un universo de miles de widgets..
  • 28.
    ..y buenos proyectosespañoles: Beon4u
  • 29.
    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.
  • 30.
    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
  • 31.
    Participacion /Comunidad2.0El usuario tiene un papel activo: ya no sólo accede a la información, sino que además aporta contenidos y conocimiento.
  • 32.
    - 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
  • 33.
    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
  • 34.
    participacion 2.0 / Folksonomias Diferentes servicios para que el usuario participe
  • 35.
    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.
  • 36.
    Un collage deaplicaciones Web2.0 flickr.com/photos/stabilo-boss/101793494/ Y todo esto se ha concretado en…
  • 37.
    Ejemplo de estudiode la blogosfera a través de feevy: proyecto de David de Ugarte Asi es internet ahora con la web 2.0
  • 38.
    APLICACIONES 1.0 VS 2.0
  • 39.
    APLICACIONES 1.0 VS 2.0
  • 40.
    Un mundo deOportunidades
  • 41.
  • 42.
    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
  • 43.
    Caso de estudiostartup: mapeame.net
  • 44.
  • 45.
  • 46.
    Ahora existen: oportunidadesonline 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
  • 47.
    www.factoriagris.com www.slideshare.com www.authorstream.comPUBLICADO EN: Desarrollado por: Miguel A. Manrique Ordax www.consultor-freelance.tk
  • 48.
    Dos “WikiMindMap” arecordar Web 2.0: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=web+2.0
  • 49.
    Dos “WikiMindMap” arecordar Red Social: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=red+social&Submit=Search
  • 50.
    REQUISITOS: Conocimientos previosweb2.0 Acceso a internet Saber que se quiere hacer: temática Ejercicio Practico: Creación de red social Creación de canal Twitter Creación de miniMashup: Yahoo Pipes+Twitter+NinG TALLER DE CREACION WEB CON TECNICAS WEB2.0
  • 51.
    Pensar en algunaafición, hobby, tema que os guste.. A partir de esa afición vamos a realizar un ejercicio práctico de APLICACIÓN SOCIAL con NING PENSARLO!! CREEMOS UNA INICIATIVA 2.0 ¿QuE os gusta O interesa?

Notas del editor

  • #2 BIENVENIDA Y PRESENTACION PERSONAL: Creando startUp y consultoria ¿Qué no soy? No soy informatico aunque cacharreo algo, no soy programador aunque entiendo algo de codigo, no soy consultor pues me dedico a asesorar pequeñas empresas y autonomos.. Y ¿Qué soy? Vividor!! ESPERO SATISFACER LAS EXPECTATIVAS QUE HAYAIS PUESTO EN ESTA SESION: SOLICITAR PARTICIPACION DE LA GENTE ¿qué es Web 2.0? Quizá el término pueda llevar a equívoco; por tanto, comencemos por lo que no es. En contra de lo que pudiera parecer, la Web 2.0 no es una nueva versión de la Web, ni un protocolo de comunicaciones, ni un nuevo lenguaje de programación. Ni siquiera se trata de algo vinculado únicamente a Internet. La Web 2.0 es una nueva filosofía de hacer las cosas y, por ello, no es de extrañar que, en el ámbito tecnológico, los estándares sobre los que se apoyan las aplicaciones y los servicios Web 2.0 existieran mucho antes de acuñarse el concepto.