Your SlideShare is downloading. ×
0
Mobile HTML5                 Carlos Olivera Terrazas     Startup Weekend Google BootcampFundación Jala, Cochabamba, Junio/...
Acerca de…• Consultor en mobile / mobile web• Desarrollo mobile desde el 2002• Finalista del concurso Google  Developer Da...
Mobile HTML5• Beneficios de conocer/aplicar desarrollos  HTML5 en estrategias mobile• Web HTML5• Aplicaciones nativas HTML...
Antes…¿que es HTML5?•   Quinta revisión del estándar HTML•   Nuevos elementos HTML•   Nuevas APIs JavaScript•   CSS3•   To...
HTML5 características•   Poder multimedia (Adobe Flash Killer)•   Nuevo estándar multiplataforma•   No rompe compatibilida...
HTML5 en smarphones y       tablets • iOS con excelente soporte desde la   version 3.1 • Android buen soporte, cuidado con...
Beneficios• Brindar al usuario una optima experiencia  no importa el dispositivo del que acceda• Interactuar con todas las...
Web HTML5 Herramientas de           desarrollo•   jQuery Mobile•   Sencha Touch•   jQtouch•   ….                          ...
jQuery Mobile
Sencha Touch 2
Aplicaciones híbridas• El browser HTML5 embebido en una  aplicación• Posibilidad de ser descargado  desde un store• Acceso...
Recomendaciones• Testeo en dispositivos reales• Tomar en cuenta que el usuario  puede tener su browser favorito• Utilizar ...
¡Gracias!Carlos Olivera TerrazasTwitter: @carlos_oliveraLinkedin: http://bo.linkedin.com/in/coliveraGoogle+: http://gplus....
Upcoming SlideShare
Loading in...5
×

SWCbba_bootcamp_html5_2

269

Published on

presentación mobile html5 en el startup weekend Google bootcamp. Fundación jala

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
269
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "SWCbba_bootcamp_html5_2"

  1. 1. Mobile HTML5 Carlos Olivera Terrazas Startup Weekend Google BootcampFundación Jala, Cochabamba, Junio/2012
  2. 2. Acerca de…• Consultor en mobile / mobile web• Desarrollo mobile desde el 2002• Finalista del concurso Google Developer Day HTML5 2011• Usuario activo en la comunidad de desarrolladores jQuery Mobile
  3. 3. Mobile HTML5• Beneficios de conocer/aplicar desarrollos HTML5 en estrategias mobile• Web HTML5• Aplicaciones nativas HTML5 (hibridas)• Recomendaciones
  4. 4. Antes…¿que es HTML5?• Quinta revisión del estándar HTML• Nuevos elementos HTML• Nuevas APIs JavaScript• CSS3• Todavía en desarrollo http://dev.w3.org/html5
  5. 5. HTML5 características• Poder multimedia (Adobe Flash Killer)• Nuevo estándar multiplataforma• No rompe compatibilidad• Solo usas las nuevas etiquetas/APIs si las necesitas http://bostonglobe.com/lifestyle http://www.carlosoliverablog.com/gdd/ (Google Chrome)
  6. 6. HTML5 en smarphones y tablets • iOS con excelente soporte desde la version 3.1 • Android buen soporte, cuidado con versiones antiguas, Mobile Chrome la estrella • Blackberry desde la V60 buen soporte, full HTML5 en la V10 • Windows Phone, buen soporte, acelerado por hardware http://mobilehtml5.org/
  7. 7. Beneficios• Brindar al usuario una optima experiencia no importa el dispositivo del que acceda• Interactuar con todas las posibilidades de los smartphones actuales: geoposionamiento, multimedios, telefonía, etc.• Menores costos y tiempos de desarrollo comparado con aplicaciones nativas• Aprovechar los nuevos recursos del marketing, Codigos QR, bluetooth, etc.
  8. 8. Web HTML5 Herramientas de desarrollo• jQuery Mobile• Sencha Touch• jQtouch• …. http://www.sencha.com/products/touch/ http://jquerymobile.com/ http://www.jqtouch.com/
  9. 9. jQuery Mobile
  10. 10. Sencha Touch 2
  11. 11. Aplicaciones híbridas• El browser HTML5 embebido en una aplicación• Posibilidad de ser descargado desde un store• Acceso a APIs nativas como la cámara, el acelerómetro, contactos, etc.• Phonegap la herramienta http://phonegap.com/
  12. 12. Recomendaciones• Testeo en dispositivos reales• Tomar en cuenta que el usuario puede tener su browser favorito• Utilizar el meta viewport• Optimizar la carga de librerías js, tomar en cuenta la latencia de las conexiones 2.5G/3G
  13. 13. ¡Gracias!Carlos Olivera TerrazasTwitter: @carlos_oliveraLinkedin: http://bo.linkedin.com/in/coliveraGoogle+: http://gplus.to/carlos_olivera
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×