Fast Mobile Prototyping Code Blast 2012 en el marco de charlas de por la Semana de la Ingeniería de la Universidad Tecnológica Nacional, Facultad Regional Tucumán. Juan Francisco Roldán mostró las herramientas que utilizamos en Insignia para hacer prototipado rápido de aplicaciones mobile usando el stack html5.

1. Fast Mobile Prototyping
Disertante: Juan Francisco Roldán

2. ¿Nativo o HTML5?

3. URL de la aplicación “Trivia Mobile”
bit.ly/trivia-mobile

4. jQuery Mobile

5. jQuery Mobile
jquerymobile.com

6. jQuery Mobile
jquerymobile.com
Front-end de las aplicaciones móviles
Los componentes se pueden customizar con temas e
íconos que se incluyen por defecto
Agilizar el proceso de desarrollo visual...

7. Codiqa

8. Codiqa
codiqa.com

9. Codiqa
codiqa.com
Permite generar un diseño básico de la
aplicación, de las pantallas y analizar cómo sería
el work-flow.
Tener una “primera idea” de lo que se quiere lograr.
Se puede mejorar la prueba de
estilos con...

10. ThemeRoller Mobile

11. ThemeRoller Mobile
jquerymobile.com/themeroller

12. Las preguntas y tabla de
puntajes...
¿Dónde se almacenan?

13. Parse

14. Parse
parse.com
“Software as a Service”
Nos ofrece
SDK para desarrollar aplicacions móviles nativas para
Android y iOS

15. Parse
parse.com
Conforma el backend de la aplicación
Su funcionamiento se resume en:
Soporte para signup y login de usuarios: se
puede implementar ACLs

16. Parse
parse.com

17. Parse
parse.com

18. Javascript

19. Javascript
Lenguaje del lado del cliente
No necesita ser compilado
Interpretado por el navegador
Permite a los desarrolladores crear acciones en
sus páginas web

20. Backbone

21. Backbone
backbonejs.org
Es una implementación del patrón MVC
Permite trabajar con modelos, colecciones y vistas
Estructura de soporte para la aplicación
Conectar todas ésas abstracciones con una API
para el intercambio de los datos
Manejo de eventos

22. Backbone
backbonejs.org

23. Middleman

24. Middleman
middlemanapp.com
Probar el funcionamiento de la aplicación de forma local

25. Middleman
middlemanapp.com
Reutilización de código
Compresión y
minimización de assets
Soporte para distintos frameworks:
coffeescript, less, sass...
“build” de la aplicación genera una carpeta con
todo empaquetado y listo para subir

26. Heroku

27. Heroku
heroku.com
“Platform as a service”
Plataforma para alojar aplicaciones
en la web
Puesta en producción simplemente "pusheando" el
código desde el sistema de control de versiones, por
ejemplo: git
Heroku se encarga de
ejecutarlas
Soporta ruby, java y node

28. Las tecnologías cuentan con una muy buena
documentación y una gran cantidad de
ejemplos.
Constantemente se están actualizando con
nuevas funcionalidades, permitiendo
desarrollar las anteriores de una forma más
sencilla y más rápida..

29. Muchas gracias!