Code Blast 2012 - Fast Mobile Prototyping

1,442 views

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,442
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Code Blast 2012 - Fast Mobile Prototyping

  1. 1. Fast Mobile Prototyping Disertante: Juan Francisco Roldán
  2. 2. ¿Nativo o HTML5?
  3. 3. URL de la aplicación “Trivia Mobile” bit.ly/trivia-mobile
  4. 4. jQuery Mobile
  5. 5. jQuery Mobile jquerymobile.com
  6. 6. jQuery Mobile jquerymobile.com Front-end de las aplicaciones móvilesLos componentes se pueden customizar con temas e íconos que se incluyen por defecto Agilizar el proceso de desarrollo visual...
  7. 7. Codiqa
  8. 8. Codiqacodiqa.com
  9. 9. Codiqa codiqa.com Permite generar un diseño básico de laaplicació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. 10. ThemeRoller Mobile
  11. 11. ThemeRoller Mobile jquerymobile.com/themeroller
  12. 12. Las preguntas y tabla de puntajes...¿Dónde se almacenan?
  13. 13. Parse
  14. 14. Parse parse.com “Software as a Service” Nos ofreceSDK para desarrollar aplicacions móviles nativas para Android y iOS
  15. 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. 16. Parseparse.com
  17. 17. Parseparse.com
  18. 18. Javascript
  19. 19. Javascript Lenguaje del lado del cliente No necesita ser compilado Interpretado por el navegadorPermite a los desarrolladores crear acciones en sus páginas web
  20. 20. Backbone
  21. 21. Backbone backbonejs.org Es una implementación del patrón MVCPermite 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. 22. Backbone backbonejs.org
  23. 23. Middleman
  24. 24. Middleman middlemanapp.comProbar el funcionamiento de la aplicación de forma local
  25. 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. 26. Heroku
  27. 27. Heroku heroku.com “Platform as a service”Plataforma para alojar aplicaciones en la web Puesta en producción simplemente "pusheando" elcódigo desde el sistema de control de versiones, por ejemplo: git Heroku se encarga de ejecutarlas Soporta ruby, java y node
  28. 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, permitiendodesarrollar las anteriores de una forma más sencilla y más rápida..
  29. 29. Muchas gracias!

×