Desarrollos de aplicaciones móviles con tecnologías web

766 views
690 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
766
On SlideShare
0
From Embeds
0
Number of Embeds
62
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Desarrollos de aplicaciones móviles con tecnologías web

  1. 1. Desarrollos de AplicacionesMóviles con Tecnologías Web Julio Alfaro @guateRikum
  2. 2. Herramientas WebHerramientas con las que contamos
  3. 3. Responsive Web Design (RWD)• Media queries :Consisten en un media type y cero o mas expresiones que validan las condiciones de el medio en el que se despliega.• Ej : ó
  4. 4. Responsive Web Design (RWD)• JavaScript no obstrusivo : Utilizando un diseño semántico en el HTML, puede acomodarse la información de tal forma que pueda apreciarse completamente sin importar el tamaño.• Detección de características : gracias a librerías de javaScript, podemos abstraer los distintos browser y activar ciertas características especificas de dispositivo como el touch.
  5. 5. Responsive Web Design (RWD)• Optimizar primero para móviles : Esta directiva se ha hecho importante desde el momento en que los móviles superaron a las computadoras.
  6. 6. Ejemplos de RWD• The Boston Globe• Andersson-Wise• Sphero• Css-tricks• Grey Goose• Lancaster University• HeathLife
  7. 7. Ejemplos de frameworks de javascript• jQuery Mobile• Sencha Touch• jQPad
  8. 8. Ejemplos de frameworks con css para RWD• Less• Fundation 3• Golden Grid System• Fluid baseline Grid• 320 and Up
  9. 9. HTML5• Un nuevo estándar, que contiene una colección de APIs, los cuales permiten que sin ningun plug- in extra los browsers puedan tener ciertas caracteristicas : – Local Storage – WebWorkers – Canvas – Web Socket – WebGL * Este standard aun esta en estado de draft
  10. 10. Pollyfills• Son remiendos que se han desarrollado para que los browser que no tienen una acción para manejar un beneficio de HTML5 lo puedan emular.• El proyecto Modernizr, tiene una gran cantidad de Pollyfills para algunas features de HTML5
  11. 11. CSS3• Dado a que no todos los browsers han actualizado el uso de las propiedades nuevas que nos de el standard de css3• Aun se utilizan los prefijos –webkit y –moz y la funcionalidad puede diferir en ambos, un proyecto que nos puede ayudar a manejar esto es css3please.
  12. 12. ¿Y que puedo hacer con móviles?
  13. 13. Hacer una pagina que se navegue vía el Browser del dispositivo
  14. 14. ¿Que tienen en común?
  15. 15. En efecto …
  16. 16. Y si unimos lo mejor de dos mundos??
  17. 17. Soluciones Hibridas entre Desarrollo Web y HTML• Y surgieron aplicaciones con acceso a los periféricos nativos de los móviles, pero con la versatilidad y el beneficio de la programación Web. Entre ellas : – PhoneGap – Appspresso – Appfurnace – Appcelerator Titanium
  18. 18. Veamos un ejemploGuia inicial para Android

×