la web y las
herramientas
    google
hola



• Soy Julian Amaya
• monoku
• google api guru
Objetivo


• Mostrarlespara qué este es el
  momento
             por
                  hacer web
• Mostrarles lashacerlo ...
Es el momento!
Al alcance de todos
Mercado global
web vs desktop
HTML5
La revolución web
html?
<!DOCTYPE html>
<html>
  <head>
     <title>HTML5</title>
  </head>
  <body>Hola esto es html5!</body>
</html>
Historia breve
html5?


Conjunto de estándares y
tecnologías que permiten la
siguiente evolución de la web como
plataforma.
html5 - semántica
html5 - canvas
• Canvas es una etiqueta o elemento
  en HTML que permite la generación
    de gráficos en forma dinámica p...
html5 -
  geolocalización

• Geolocalización permite conocer la
  ubicación del usuario


• DEMOS:
• http://html5demos.com...
html5 - bases de
      datos

• Permiteen el navegadordatos
  locales
           tener bases de

• DEMO:
• http://htmlfive...
html5 - offline

• Offline permite usar los sitios web
  sin necesidad de conexión


• DEMOS:
• http://html5demos.com/offl...
html5 - video/
          audio
• manipulación de videos yyaudio sin
  Permite la reproducción
    necesidad de plugins.
• ...
html5 - web
         workers
• Los web workers permiten que elun
  navegador ejecute funciones en
    hilo aparte.
•   DEM...
html5 - qué falta?


• devices!
html5 - websockets
      y otros


• kaazing y websockets
• otros demos!
html5 vs. flash


• html5 Flash. a los objetos externos
  como
        AYUDA

• Sin embargo...
Las herramientas
   de Google
Herramientas?
Google Web
      Elements

• Permite agregar FACILMENTE
  productos de Google a tu sitio.
• http://www.google.com/
  webel...
Google Friend
       Connect
• Permite FACILMENTE volver “social”
  un sitio.
• http://www.google.com/
  friendconnect/hom...
Google Web
  Toolkit
Google Web
  Toolkit
Google Web
  Toolkit
         IE

        Firefo
              x



           i
      Safar e
           m
      Chro


 ...
Google Web
  Toolkit
         IE

        Firefo
              x



           i
      Safar e
           m
      Chro


 ...
Google Web
  Toolkit
         IE

        Firefo
              x



           i
      Safar e
           m
      Chro


 ...
Google App Engine
Stack complejo
Más aun cuando...
pero... Cuándo?


• http://digg.com/
• http://slashdot.org/
• http://meneame.net
El verdadero
      problema


• Cuandodejar todopuedes darte el
  lujo de
          ocurre....
                     espera...
Google App Engine
Caracteristicas
• Escala
• Rendimiento
• Estándares
• Rentable
• Integración
• Servicios
• Distribución
Portabilidad
Portabilidad
nube a intranet
Dashboard
Gratis al inicio!!
pero...


• bigtable vs base de datos
  relacional
• limite cpu
Closure Tools
Finalmente...
Por qué web?



• Cloud Computing ya está aqui
• Mercado global
Antes de terminar




• GTUG!
Gracias! Preguntas?



• Soy Julian Amaya.
 • @julian_amaya
 • julian@monoku.com
Google y la revolucion Web - Julian Amaya  - Dia IT
Google y la revolucion Web - Julian Amaya  - Dia IT
Upcoming SlideShare
Loading in …5
×

Google y la revolucion Web - Julian Amaya - Dia IT

1,276 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,276
On SlideShare
0
From Embeds
0
Number of Embeds
53
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Google y la revolucion Web - Julian Amaya - Dia IT

  1. 1. la web y las herramientas google
  2. 2. hola • Soy Julian Amaya • monoku • google api guru
  3. 3. Objetivo • Mostrarlespara qué este es el momento por hacer web • Mostrarles lashacerlo bien de Google para herramientas
  4. 4. Es el momento!
  5. 5. Al alcance de todos
  6. 6. Mercado global
  7. 7. web vs desktop
  8. 8. HTML5
  9. 9. La revolución web
  10. 10. html? <!DOCTYPE html> <html> <head> <title>HTML5</title> </head> <body>Hola esto es html5!</body> </html>
  11. 11. Historia breve
  12. 12. html5? Conjunto de estándares y tecnologías que permiten la siguiente evolución de la web como plataforma.
  13. 13. html5 - semántica
  14. 14. html5 - canvas • Canvas es una etiqueta o elemento en HTML que permite la generación de gráficos en forma dinámica por medio de programación dentro de una página. DEMOS: • http://www.blobsallad.se/ • http://www.cs.helsinki.fi/u/ilmarihe/ canvas_animation_demo/ mozcampeu09.html • http://html5demos.com/canvas-
  15. 15. html5 - geolocalización • Geolocalización permite conocer la ubicación del usuario • DEMOS: • http://html5demos.com/geo
  16. 16. html5 - bases de datos • Permiteen el navegadordatos locales tener bases de • DEMO: • http://htmlfive.appspot.com/static/ stickies.html
  17. 17. html5 - offline • Offline permite usar los sitios web sin necesidad de conexión • DEMOS: • http://html5demos.com/offlineapp
  18. 18. html5 - video/ audio • manipulación de videos yyaudio sin Permite la reproducción necesidad de plugins. • DEMOS AUDIO: • http://cubicvr.org/CubicVR.js/bd3/ BeatDetektor1HD.html • http://weare.buildingsky.net/ processing/dsp.js/examples/fft.html
  19. 19. html5 - web workers • Los web workers permiten que elun navegador ejecute funciones en hilo aparte. • DEMO: • http://html5demos.com/worker • http://html5demos.com/non-worker
  20. 20. html5 - qué falta? • devices!
  21. 21. html5 - websockets y otros • kaazing y websockets • otros demos!
  22. 22. html5 vs. flash • html5 Flash. a los objetos externos como AYUDA • Sin embargo...
  23. 23. Las herramientas de Google
  24. 24. Herramientas?
  25. 25. Google Web Elements • Permite agregar FACILMENTE productos de Google a tu sitio. • http://www.google.com/ webelements/
  26. 26. Google Friend Connect • Permite FACILMENTE volver “social” un sitio. • http://www.google.com/ friendconnect/home/gadgets? hl=en • http://www.ossamples.com/guitar- universe/
  27. 27. Google Web Toolkit
  28. 28. Google Web Toolkit
  29. 29. Google Web Toolkit IE Firefo x i Safar e m Chro Opera
  30. 30. Google Web Toolkit IE Firefo x i Safar e m Chro Opera
  31. 31. Google Web Toolkit IE Firefo x i Safar e m Chro Opera
  32. 32. Google App Engine
  33. 33. Stack complejo
  34. 34. Más aun cuando...
  35. 35. pero... Cuándo? • http://digg.com/ • http://slashdot.org/ • http://meneame.net
  36. 36. El verdadero problema • Cuandodejar todopuedes darte el lujo de ocurre.... esperando?
  37. 37. Google App Engine
  38. 38. Caracteristicas • Escala • Rendimiento • Estándares • Rentable • Integración • Servicios • Distribución
  39. 39. Portabilidad
  40. 40. Portabilidad
  41. 41. nube a intranet
  42. 42. Dashboard
  43. 43. Gratis al inicio!!
  44. 44. pero... • bigtable vs base de datos relacional • limite cpu
  45. 45. Closure Tools
  46. 46. Finalmente...
  47. 47. Por qué web? • Cloud Computing ya está aqui • Mercado global
  48. 48. Antes de terminar • GTUG!
  49. 49. Gracias! Preguntas? • Soy Julian Amaya. • @julian_amaya • julian@monoku.com

×