Teaching the machine & linking people Enseñando a la maquina y humanizando la red De la web1.0 a la web2.0   Miguel A. Man...
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 stat...
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 so...
“ La web2.0 es internet evolucionando para satisfacer las necesidades sociales de la humanidad” -yo-el-tu Idea esencial so...
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? L...
 
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 <ul><li>Tecnología </li></ul><ul><li>Usabilidad </li></ul><ul><li>Participacion </li></ul>
Tecnologia de la web2.0 <ul><li>Incremento capacidad computacional </li></ul><ul><li>AJAX y xHTML/CSS </li></ul><ul><li>RS...
TecnologIa   /web2.0 <ul><li>Incremento capacidad computacional </li></ul><ul><li>AJAX y xHTML/CSS </li></ul><ul><li>RSS y...
Tecnologia /web2.0 / AJAX <ul><li>Conjunto de tecnologías asíncronas </li></ul><ul><li>Mejora la experiencia del usuario. ...
Tecnologia /web2.0 / AJAX <ul><li>Presentaciones basadas en estándares (XHTML y CSS). </li></ul><ul><li>Exhibición e inter...
Tecnologia /web2.0 / RSS RSS es un formato de datos usado para para sindicar (redifundir) contenidos (texto, videos, fotos...
Tecnologia /web2.0 / RSS
<ul><li>Los  mashups han revolucionado  el desarrollo web </li></ul><ul><li>Cualquiera puede combinar , de forma innovador...
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-...
<ul><li>La explosión de los widget : </li></ul><ul><li>pequeña aplicación o programa  presentado en archivos o ficheros pe...
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” <ul><li>Usabilidad indispensable para el éxito </l...
usabilidad   2.0 “ Si algo no es f á cil de usar simplemente no lo uso” <ul><li>ACCESOS SENCILLOS </li></ul><ul><li>RAPIDA...
Participacion  /Comunidad2.0 El usuario tiene un papel activo: ya no sólo accede a la información, sino que además aporta ...
-  Creadores (13%):  publican blogs y suben vídeos -  Críticos (19%):  hacen comentarios en blogs y votan en Menéame o Neg...
participacion   2.0 / Folksonomias La clasificación social facilita que cualquier persona agregue términos descriptivos, t...
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...
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
<ul><li>Contratacion de personal: </li></ul><ul><li>Las organizaciones innovadoras buscarán personas que ya hayan adptado ...
Caso de estudio startup: mapeame.net
Oportunidades para startups
¿Burbuja puntocom2.0?
<ul><li>Ahora existen: </li></ul><ul><li>oportunidades online  para crear nuestras propias actividades empresariales, </li...
www.factoriagris.com www.slideshare.com www.authorstream.com PUBLICADO EN: Desarrollado por: Miguel A. Manrique Ordax www....
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&Su...
<ul><li>REQUISITOS: </li></ul><ul><ul><ul><li>Conocimientos previos web2.0 </li></ul></ul></ul><ul><ul><ul><li>Acceso a in...
<ul><li>Pensar en alguna afición, hobby, tema que os guste.. </li></ul><ul><li>A partir de esa afición vamos a realizar un...
Upcoming SlideShare
Loading in …5
×

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

2,362 views

Published on

Curso/taller tecnicas web2.0 para aplicar en las empresas,. si desean esta ppt solicitenla a mmanrique@factoriagris.com

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,362
On SlideShare
0
From Embeds
0
Number of Embeds
493
Actions
Shares
0
Downloads
51
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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.
  • Curso Univesidad de Cantabria: "Web1.0 a la Web2.0"

    1. 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. 2. Web 1.0 was Commerce Web 2.0 is People - Ross Mayfield Idea esencial sobre la web2.0
    3. 3. 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
    4. 4. Las “visiones” de la red EPIC-2015 Otras visiones mas actualizadas y ¿agresivas? Prometeus
    5. 5. “ La web2.0 es internet evolucionando para satisfacer las necesidades sociales de la humanidad” -yo-el-tu Idea esencial sobre la web2.0
    6. 6. “ La web2.0 es internet evolucionando para satisfacer las necesidades sociales de la humanidad” -yo-el-tu Idea esencial sobre la web2.0
    7. 7. Una equivalencia para entenderlo mejor
    8. 8. Herramientas aplicables
    9. 9. Evolucion numerica web
    10. 10. The machine is us&using us
    11. 11. 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 .
    12. 13. Red Social: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=red+social&Submit=Search Wikimindmap web2.0
    13. 14. De la web1.0 a la web2.0
    14. 15. Diferencias Fundamentales <ul><li>Tecnología </li></ul><ul><li>Usabilidad </li></ul><ul><li>Participacion </li></ul>
    15. 16. Tecnologia de la web2.0 <ul><li>Incremento capacidad computacional </li></ul><ul><li>AJAX y xHTML/CSS </li></ul><ul><li>RSS y SINDICACION </li></ul><ul><li>APIs y MASHUP </li></ul><ul><li>Capacidad de almacenamiento y velocidad, aunque la arquitectura central no ha variado (servidores) </li></ul><ul><li>Nacimiento de sistemas de gran tamaño y complejidad. Google: 600.000 servidores, Facebook: 50.000 </li></ul><ul><li>Mineria de datos (datamining) </li></ul>
    16. 17. TecnologIa /web2.0 <ul><li>Incremento capacidad computacional </li></ul><ul><li>AJAX y xHTML/CSS </li></ul><ul><li>RSS y SINDICACION </li></ul><ul><li>APIs y MASHUP </li></ul><ul><li>xHTML/CSS permite independencia entre contenido y presentación. </li></ul><ul><li>Uso en diferentes dispositivos </li></ul><ul><li>HTML bien formado es ampliamente favorecido por los buscadores Web (robots) </li></ul><ul><li>Nacimiento de la técnica AJAX </li></ul><ul><li>Codigos abiertos: API´s y MASHUP democratizacion de las aplicaciones web. </li></ul>
    17. 18. Tecnologia /web2.0 / AJAX <ul><li>Conjunto de tecnologías asíncronas </li></ul><ul><li>Mejora la experiencia del usuario. </li></ul><ul><li>Reduce los tiempos de espera </li></ul><ul><li>Descarga el trabajo de los servidores cargando el de los clientes. </li></ul>
    18. 19. Tecnologia /web2.0 / AJAX <ul><li>Presentaciones basadas en estándares (XHTML y CSS). </li></ul><ul><li>Exhibición e interacción dinámica (Document Object Model). </li></ul><ul><li>Intercambio y manipulación de datos (XML y XSLT). </li></ul><ul><li>Recuperación de datos asíncrona (XMLHttpRequest). </li></ul><ul><li>JavaScript, para reunificar todo . </li></ul><ul><li>EJEMPLOS: Google Maps, Gmail, Flickr </li></ul>
    19. 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
    20. 21. Tecnologia /web2.0 / RSS
    21. 22. <ul><li>Los mashups han revolucionado el desarrollo web </li></ul><ul><li>Cualquiera puede combinar , de forma innovadora, los datos que existen en las aplicaciones online: eBay, Amazon.com, Google, Windows Live, Yahoo!.. </li></ul><ul><li>Simples y ligeras API's han hecho que los mashups sean relativamente fáciles de diseñar. </li></ul><ul><li>Los programadores están dejando paso a los “creadores” e “innovadores”. </li></ul><ul><li>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. </li></ul><ul><li>Son un ejemplo de este nuevo movimiento de usuarios que requieren una activa participación e interacción . </li></ul>Tecnologia /web2.0 / MASHUP Mezclando a los gigantes con sus APIS
    22. 23. Tecnologia /web2.0 / MASHUP
    23. 24. ..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
    24. 25. <ul><li>La explosión de los widget : </li></ul><ul><li>pequeña aplicación o programa presentado en archivos o ficheros pequeños : window-gadget </li></ul><ul><li>ejecutados por un motor de widgets o Widget Engine . </li></ul><ul><li>fácil y rápido acceso a funciones frecuentemente usadas y proveer de información visual. </li></ul><ul><li>El codigo (HTML/Scripts) se integran en blogs habitualmente o en el escritorio del PC (gadgets ) : Google, Vista,.. </li></ul><ul><li>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. </li></ul>Tecnologia /web2.0 / WIDGETS Enriqueciendo la blogosfera
    25. 26. Tecnologia /web2.0 / WIDGETS
    26. 27. Mezclando los datos a través de un universo de miles de widgets..
    27. 28. ..y buenos proyectos españoles: Beon4u
    28. 29. usabilidad 2.0 “ Si algo no es f á cil de usar simplemente no lo uso” <ul><li>Usabilidad indispensable para el éxito </li></ul><ul><li>Los usuarios se convierten en proveedores de contenidos. </li></ul>
    29. 30. usabilidad 2.0 “ Si algo no es f á cil de usar simplemente no lo uso” <ul><li>ACCESOS SENCILLOS </li></ul><ul><li>RAPIDA COMPRENSION DEL SERVICIO QUE SE OFRECE </li></ul><ul><li>TUTORIAL EN VIDEO </li></ul><ul><li>REGISTRO FACIL/AJAX </li></ul><ul><li>MINIMALISTA </li></ul>
    30. 31. 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.
    31. 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
    32. 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
    33. 34. participacion 2.0 / Folksonomias Diferentes servicios para que el usuario participe
    34. 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.
    35. 36. Un collage de aplicaciones Web2.0 flickr.com/photos/stabilo-boss/101793494/ Y todo esto se ha concretado en…
    36. 37. 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
    37. 38. APLICACIONES 1.0 VS 2.0
    38. 39. APLICACIONES 1.0 VS 2.0
    39. 40. Un mundo de Oportunidades
    40. 41. Oportunidades para startups
    41. 42. <ul><li>Contratacion de personal: </li></ul><ul><li>Las organizaciones innovadoras buscarán personas que ya hayan adptado estas herramientas y filosofia de vida. Early-adopters. </li></ul><ul><li>Reduccion de costes: </li></ul><ul><li>Las mismas tecnicas pueden ser aplicadas a cualquier tipo de servicios y productos. </li></ul><ul><li>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.. </li></ul><ul><li>Fidelizacion: </li></ul><ul><li>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. </li></ul>Un mundo de Oportunidades
    42. 43. Caso de estudio startup: mapeame.net
    43. 44. Oportunidades para startups
    44. 45. ¿Burbuja puntocom2.0?
    45. 46. <ul><li>Ahora existen: </li></ul><ul><li>oportunidades online para crear nuestras propias actividades empresariales, </li></ul><ul><li>para conciliar la vida con el trabajo , creando nuestro “modus vivendi” </li></ul><ul><li>Para colaborar y compartir sin distanciasmanteniendonos en coordinación y de manera casi instantanea. </li></ul><ul><li>Para educar de otra forma </li></ul><ul><li>Tecnologias para vivir en un mundo 2.0 </li></ul>Conclusion de un mundo 2.0
    46. 47. www.factoriagris.com www.slideshare.com www.authorstream.com PUBLICADO EN: Desarrollado por: Miguel A. Manrique Ordax www.consultor-freelance.tk
    47. 48. Dos “WikiMindMap” a recordar Web 2.0: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=web+2.0
    48. 49. Dos “WikiMindMap” a recordar Red Social: http://www.wikimindmap.org/viewmap.php?wiki=es.wikipedia.org&topic=red+social&Submit=Search
    49. 50. <ul><li>REQUISITOS: </li></ul><ul><ul><ul><li>Conocimientos previos web2.0 </li></ul></ul></ul><ul><ul><ul><li>Acceso a internet </li></ul></ul></ul><ul><ul><ul><li>Saber que se quiere hacer: temática </li></ul></ul></ul><ul><li>Ejercicio Practico: </li></ul><ul><li>Creación de red social </li></ul><ul><li>Creación de canal Twitter </li></ul><ul><li>Creación de miniMashup: Yahoo Pipes+Twitter+NinG </li></ul>TALLER DE CREACION WEB CON TECNICAS WEB2.0
    50. 51. <ul><li>Pensar en alguna afición, hobby, tema que os guste.. </li></ul><ul><li>A partir de esa afición vamos a realizar un ejercicio práctico de APLICACIÓN SOCIAL con NING </li></ul><ul><li>PENSARLO!! </li></ul>CREEMOS UNA INICIATIVA 2.0 ¿QuE os gusta O interesa?

    ×