Embed Size (px)
Citation preview
la web y las herramientas
hola
•Soy Julian Amaya
•monoku
•google api guru
Objetivo
•Mostrarles por qué este es el momento para hacer web
•Mostrarles las herramientas de Google para hacerlo bien
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 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-
html5 - geolocalización
• Geolocalización permite conocer la ubicación del usuario
• DEMOS:
• http://html5demos.com/geo
html5 - bases de datos
• Permite tener bases de datos locales en el navegador
• DEMO:
• http://htmlfive.appspot.com/static/stickies.html
html5 - offline
• Offline permite usar los sitios web sin necesidad de conexión
• DEMOS:
• http://html5demos.com/offlineapp
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
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
html5 - qué falta?
• devices!
html5 - websockets y otros
• kaazing y websockets
• otros demos!
html5 vs. flash
• html5 AYUDA a los objetos externos como Flash.
• Sin embargo...
Las herramientas de Google
Herramientas?
Google Web Elements
• Permite agregar FACILMENTE productos de Google a tu sitio.
• http://www.google.com/webelements/
Google Friend Connect
• Permite FACILMENTE volver “social” un sitio.
• http://www.google.com/friendconnect/home/gadgets?hl=en
• http://www.ossamples.com/guitar-universe/
Google Web Toolkit
Google Web Toolkit
Google Web Toolkit
IE
Firefox
SafariChrom
e
Opera
Google Web Toolkit
IE
Firefox
SafariChrom
e
Opera
Google Web Toolkit
IE
Firefox
SafariChrom
e
Opera
Google App Engine
Stack complejo
Más aun cuando...
pero... Cuándo?
• http://digg.com/
• http://slashdot.org/
• http://meneame.net
El verdadero problema
• Cuando ocurre.... puedes darte el lujo de dejar todo esperando?
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
