Fast Mobile Prototyping

        Disertante: Juan Francisco Roldán
¿Nativo o HTML5?
URL de la aplicación “Trivia Mobile”


   bit.ly/trivia-mobile
jQuery Mobile
jQuery Mobile
  jquerymobile.com
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...
Codiqa
Codiqa
codiqa.com
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...
ThemeRoller Mobile
ThemeRoller Mobile
  jquerymobile.com/themeroller
Las preguntas y tabla de
       puntajes...


¿Dónde se almacenan?
Parse
Parse
                     parse.com

              “Software as a Service”
                    Nos ofrece




SDK para desarrollar aplicacions móviles nativas para
                   Android y iOS
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
Parse
parse.com
Parse
parse.com
Javascript
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
Backbone
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
Backbone
 backbonejs.org
Middleman
Middleman
                    middlemanapp.com


Probar el funcionamiento de la aplicación de forma local
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
Heroku
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
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..
Muchas gracias!

Code Blast 2012 - Fast Mobile Prototyping

  • 1.
    Fast Mobile Prototyping Disertante: Juan Francisco Roldán
  • 2.
  • 3.
    URL de laaplicación “Trivia Mobile” bit.ly/trivia-mobile
  • 4.
  • 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.
  • 8.
  • 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.
  • 11.
    ThemeRoller Mobile jquerymobile.com/themeroller
  • 12.
    Las preguntas ytabla de puntajes... ¿Dónde se almacenan?
  • 13.
  • 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.
  • 17.
  • 18.
  • 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.
  • 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.
  • 23.
  • 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.
  • 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 cuentancon 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.