Google y la revolucion Web - Julian Amaya - Dia IT
-
Upload
jdmal2001 -
Category
Technology
-
view
1.012 -
download
3
Transcript of Google y la revolucion Web - Julian Amaya - Dia IT
![Page 1: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/1.jpg)
la web y las herramientas
![Page 2: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/2.jpg)
hola
•Soy Julian Amaya
•monoku
•google api guru
![Page 3: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/3.jpg)
Objetivo
•Mostrarles por qué este es el momento para hacer web
•Mostrarles las herramientas de Google para hacerlo bien
![Page 4: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/4.jpg)
Es el momento!
![Page 5: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/5.jpg)
Al alcance de todos
![Page 6: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/6.jpg)
Mercado global
![Page 7: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/7.jpg)
web vs desktop
![Page 8: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/8.jpg)
HTML5
![Page 9: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/9.jpg)
La revolución web
![Page 10: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/10.jpg)
html?
<!DOCTYPE html> <html> <head>
<title>HTML5</title> </head> <body>Hola esto es html5!</body>
</html>
![Page 11: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/11.jpg)
Historia breve
![Page 12: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/12.jpg)
html5?
Conjunto de estándares y tecnologías que permiten la siguiente evolución de la web como plataforma.
![Page 13: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/13.jpg)
html5 - semántica
![Page 14: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/14.jpg)
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-
![Page 15: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/15.jpg)
html5 - geolocalización
• Geolocalización permite conocer la ubicación del usuario
• DEMOS:
• http://html5demos.com/geo
![Page 16: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/16.jpg)
html5 - bases de datos
• Permite tener bases de datos locales en el navegador
• DEMO:
• http://htmlfive.appspot.com/static/stickies.html
![Page 17: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/17.jpg)
html5 - offline
• Offline permite usar los sitios web sin necesidad de conexión
• DEMOS:
• http://html5demos.com/offlineapp
![Page 18: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/18.jpg)
html5 - video/audio
• Permite la reproducción y manipulación de videos y audio sin necesidad de plugins.
• DEMOS AUDIO:
• http://cubicvr.org/CubicVR.js/bd3/BeatDetektor1HD.html
• http://weare.buildingsky.net/processing/dsp.js/examples/fft.html
![Page 19: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/19.jpg)
html5 - web workers
• Los web workers permiten que el navegador ejecute funciones en un hilo aparte.
• DEMO:
• http://html5demos.com/worker
• http://html5demos.com/non-worker
![Page 20: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/20.jpg)
html5 - qué falta?
• devices!
![Page 21: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/21.jpg)
html5 - websockets y otros
• kaazing y websockets
• otros demos!
![Page 22: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/22.jpg)
html5 vs. flash
• html5 AYUDA a los objetos externos como Flash.
• Sin embargo...
![Page 23: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/23.jpg)
Las herramientas de Google
![Page 24: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/24.jpg)
Herramientas?
![Page 25: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/25.jpg)
Google Web Elements
• Permite agregar FACILMENTE productos de Google a tu sitio.
• http://www.google.com/webelements/
![Page 26: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/26.jpg)
Google Friend Connect
• Permite FACILMENTE volver “social” un sitio.
• http://www.google.com/friendconnect/home/gadgets?hl=en
• http://www.ossamples.com/guitar-universe/
![Page 27: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/27.jpg)
Google Web Toolkit
![Page 28: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/28.jpg)
Google Web Toolkit
![Page 29: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/29.jpg)
Google Web Toolkit
IE
Firefox
SafariChrom
e
Opera
![Page 30: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/30.jpg)
Google Web Toolkit
IE
Firefox
SafariChrom
e
Opera
![Page 31: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/31.jpg)
Google Web Toolkit
IE
Firefox
SafariChrom
e
Opera
![Page 32: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/32.jpg)
Google App Engine
![Page 33: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/33.jpg)
Stack complejo
![Page 34: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/34.jpg)
Más aun cuando...
![Page 35: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/35.jpg)
pero... Cuándo?
• http://digg.com/
• http://slashdot.org/
• http://meneame.net
![Page 36: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/36.jpg)
El verdadero problema
• Cuando ocurre.... puedes darte el lujo de dejar todo esperando?
![Page 37: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/37.jpg)
Google App Engine
![Page 38: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/38.jpg)
Caracteristicas
• Escala
• Rendimiento
• Estándares
• Rentable
• Integración
• Servicios
• Distribución
![Page 39: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/39.jpg)
![Page 40: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/40.jpg)
![Page 41: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/41.jpg)
Portabilidad
![Page 42: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/42.jpg)
Portabilidad
![Page 43: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/43.jpg)
nube a intranet
![Page 44: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/44.jpg)
Dashboard
![Page 45: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/45.jpg)
Gratis al inicio!!
![Page 46: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/46.jpg)
pero...
• bigtable vs base de datos relacional
• limite cpu
![Page 47: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/47.jpg)
Closure Tools
![Page 48: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/48.jpg)
Finalmente...
![Page 49: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/49.jpg)
Por qué web?
•Cloud Computing ya está aqui
•Mercado global
![Page 50: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/50.jpg)
Antes de terminar
•GTUG!
![Page 51: Google y la revolucion Web - Julian Amaya - Dia IT](https://reader037.fdocumento.com/reader037/viewer/2022110122/55a28e541a28ab09588b46ec/html5/thumbnails/51.jpg)
Gracias! Preguntas?
• Soy Julian Amaya.
• @julian_amaya