Save 37% off PRO during our Black Friday Sale! »

Fast Mobile Prototyping

Efc709112cd51a0b72e5baae3c5ed03c?s=47 Juan
July 02, 2012

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

Efc709112cd51a0b72e5baae3c5ed03c?s=128

Juan

July 02, 2012
Tweet

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!