Fast Mobile Prototyping

Speaker at “Engineering Week” - National Technological University.
Basics covering a wide range of tools to develop agile prototyping skills focused on web applications

Transcript

1. Disertante: Juan Francisco Roldán Fast Mobile Prototyping
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. Front-end de las aplicaciones móviles Agilizar el proceso de desarrollo visual... Los componentes se pueden customizar con temas e íconos que se incluyen por defecto jQuery Mobile jquerymobile.com
7. Codiqa
8. Codiqa codiqa.com
9. Se puede mejorar la prueba de estilos con... 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. Codiqa codiqa.com
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 SDK para desarrollar aplicacions móviles nativas para Android y iOS “Software as a Service” Nos ofrece
15. Parse parse.com Conforma el backend de la aplicación Soporte para signup y login de usuarios: se puede implementar ACLs Su funcionamiento se resume en:
16. Parse parse.com
17. Parse parse.com
18. Javascript
19. Javascript Permite a los desarrolladores crear acciones en sus páginas web Interpretado por el navegador Lenguaje del lado del cliente No necesita ser compilado
20. Backbone
21. Estructura de soporte para la aplicación Backbone backbonejs.org Permite trabajar con modelos, colecciones y vistas Conectar todas ésas abstracciones con una API para el intercambio de los datos Manejo de eventos Es una implementación del patrón MVC
22. Backbone backbonejs.org
23. Middleman
24. Middleman middlemanapp.com Probar el funcionamiento de la aplicación de forma local
25. Middleman middlemanapp.com Compresión y minimización de assets Reutilización de código “build” de la aplicación genera una carpeta con todo empaquetado y listo para subir Soporte para distintos frameworks: coffeescript, less, sass...
26. Heroku
27. Heroku heroku.com 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 “Platform as a service” Soporta ruby, java y node Heroku se encarga de ejecutarlas
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!