Framework para desarrollo de apps móvilesIIG. Iván G. Campaña N.@icampana

¿Qué es un framework de software? ¿Lo necesito? ¿Va a resolver mis problemas?

¿Qué es un framework de software?

● En términos sencillos:○ Un marco de trabajo que incluye los principios básicos de la

ingeniería de software, las mejores prácticas en base a la experiencia de proyectos anteriores y el uso de herramientas de construcción de software para agilizar y estandarizar el proceso.

● Para un ingeniero:○ Las normativas y estándares a seguir.

● Para un técnico:○ Las herramientas a utilizar (un componente de software).

● Para un diseñador:○ Los límites bajo los cuales puedo desarrollar mi trabajo

Framework para desarrollo de apps móviles

¿Qué es un framework de software?

● “En el desarrollo de software, un framework o infraestructura digital, es una estructura conceptual y tecnológica de soporte definido, normalmente con artefactos o módulos de software concretos, que puede servir de base para la organización y desarrollo de software.

Típicamente, puede incluir soporte de programas, bibliotecas, y un lenguaje interpretado, entre otras herramientas, para así ayudar a desarrollar y unir los diferentes componentes de un proyecto.”

http://es.wikipedia.org/wiki/Framework

Framework para desarrollo de apps móviles

¿Qué es un framework de software?

● Siempre van asociados a un concepto tomado de la ingeniería de software:○ Reutilización de componentes○ OOD○ UML○ XP○ MVC

● Frameworks conocidos:○ Ruby on Rails○ .NET○ Django○ Laravel○ Symphony

Framework para desarrollo de apps móviles

Metodología vs Framework

Un framework puede definir un esquema (un esqueleto, un patrón) para el desarrollo y/o la implementación de una aplicación:

El paradigma MVC (Model-View-Controller) en términos sencillos indica que se debe “separar en tu aplicación el manejo de datos, las operaciones, y la presentación”.

Sin embargo, existen frameworks basados en MVC pueden llegar al nivel de definir los nombres archivos, estructura de directorios, las convenciones de programación, etc.

La metodología de trabajo normalmente es independiente a cada equipo humano, pero de ser necesario se puede incluir fragmentos de metodología para ayudar a acelerar el proceso y estandarizar como parte del framework.

Framework para desarrollo de apps móviles

¿Porqué usar un framework?

● Evitar el efecto NIH (Not Invented Here) y DRY (Don’t Repeat Yourself)● Tener componentes probados, revisados y validados para cumplir con las

normativas de un equipo.● Evitar el tener que plantear una estructura global, sino definir un

“esqueleto” con el cual partir y agregar elementos.● Establecer un mismo “lenguaje”, esto facilita la colaboración. Permite

poder revisar cualquier proyecto en base a un mismo conjunto de métricas.○ Es más sencillo de entender y modificar.

● Permite desarrollar o encontrar herramientas (utilidades, librerías) que se adapten con facilidad al framework con el cual vamos a trabajar.

Framework para desarrollo de apps móviles

¿Porqué usar un framework?

Uno de los mayores problemas de los frameworks existentes es es que hay demasiados:

La elección del framework estará marcada por:● El tipo de aplicación a desarrollar● El lenguaje de programación y otras tecnologías concretas: base de datos,

sistema operativo, etc.● Las necesidades relacionadas con el “time to market”● En el caso de la aplicaciones móviles el tiempo de desarrollo siempre

busca ser lo más corto posible. (Release early, release often)● El área de mercado que quiero cubrir:

○ Puede ir relacionado en este caso con los dispositivos a los que se dirija.

Framework para desarrollo de apps móviles

Patrones de diseño de software

● Proporcionan un catálogo de elementos reusables.● Evitar la reiteración en la búsqueda de soluciones a

problemas ya conocidos.● Estandariza el léxico utilizado entre diseñadores.● Estandarizar el modo en que se realiza el diseño.

Patrones de diseño conocidos:- MVC- Proxy- Intérprete

Framework para desarrollo de apps móviles

Patrones de diseño móvil

● Cada plataforma, vendedor y compañía han establecido sus lineamientos básicos.

● Podemos ajustarnos a ellos para mantener uniformidad y una experiencia similar.

● Siempre está la opción de crear un estilo diferente, pero nos enfrentamos crear rechazo.○ Tiendas de aplicaciones con políticas que regulan el uso y

funcionamiento de las aplicaciones.○ Experiencias de usuario a las cuales cada grupo objetivo está

acostumbrado.

Framework para desarrollo de apps móviles

Release early, release often

Framework para desarrollo de apps móviles

● Concepto básico utilizado en el software libre y las metodologías ágiles.

● No quiere decir liberar algo lleno de bugs (fallos).● Es la metodología aplicada por la mayoría de las

startups al desarrollar aplicaciones móviles.● Se expone una funcionalidad al cliente de forma

mucho más rápida (por prototipos semi/funcionales) para obtener retroalimentación.

● Permite adaptar el desarrollo y hacer cambios de curso antes de llegar a puntos críticos.

● Se fragmenta las funcionalidades y se las puede evaluar con mayor rapidez (estableciendo unidades de prueba).

Ambiente de Integración continua

Framework para desarrollo de apps móviles

Utilizar los elementos de ingeniería de forma “astuta”, para que sean un apoyo al proceso, no una traba...● Control de versiones (SCM)

○ Recomendable escoger una herramienta estándar: git, subversion, mercurial

● Unidades de prueba (SQA)○ Mientras el lenguaje lo permita (99% de las veces)

● Integración y actualización de código (DevOps)○ Si no se cuenta con un equipo dedicado, proveer un

espacio que les permita realizar integraciones generales.

Estándares aplicables y reutilizables

Framework para desarrollo de apps móviles

Un proyecto de aplicación móvil es un proyecto de software como tal.

Los principios básicos de ingeniería se mantienen y se aplican, la metodología puede variar, pero no deja de seguir siendo un proyecto de ingeniería. (Ej: Ing. de software de Pressman 2010)

Recomendaciones: Scrum + XP (O metodologías ágiles en general).

Estándares aplicables y reutilizables

Framework para desarrollo de apps móviles

Tendencias actuales:

- Aplicaciones móviles basadas en HTML5 + Javascript + CSS 3

- Aplicaciones híbridas- Generadores de código

- Mantenimiento en el tiempo.

Framework para desarrollo de apps móviles

¿Qué formato utilizo para el diseño?

Lineamientos de diseño

Framework para desarrollo de apps móviles

Lineamientos de diseño

Framework para desarrollo de apps móviles

Los patrones vienen dados por quienes controlan el software:

Google (Android): Material Design http://www.google.com/design/spec/material-design/introduction.html

Apple (iOS): Human Interface Guidelines:https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/

Lineamientos de diseño

Framework para desarrollo de apps móviles

¿Otras alternativas?

DIY

Construcción de software enfocado en accesibilidad

Framework para desarrollo de apps móviles

● Las aplicaciones móviles y web pueden ser interpretadas por dispositivos de ayuda a personas con capacidades reducidas.

● Capacidades comúnmente relegadas:○ Visión, movilidad, audición

● Al tomar un estándar podemos establecer pautas que reduzcan la brecha y aumenten el uso.

● ¿Alguien sabe qué le pasa a un Daltónico al usar una aplicación con una sola gama de colores?

Construcción de software enfocado en accesibilidad

Framework para desarrollo de apps móviles

Desarrollo por prototipos

Framework para desarrollo de apps móviles

Funcionales / semifuncionales- Se parte con el diseño de la experiencia- Se agregan funcionalidades de forma gradual - Se prueba rendimiento mientras se avanza.

¿Cómo evaluarlos?- Se establecen entregables- Cada elemento pasa por el proceso de validación,

pruebas y verificación.- Inclusive un dibujo en una hoja de papel es un

entregable que forma parte del proyecto.

Integración de información

Framework para desarrollo de apps móviles

Interoperatividad e independencia de implementación.● No deberían limitarse a un estándar único:

○ json○ rest○ soap○ xml-rpc

● La información puede tener un repositorio base (en un formato estándar) y simplemente establecer consumidores de información (que utilicen los estándares previos).

Manejo de múltiple plataformas

Framework para desarrollo de apps móviles

Manejo de múltiple plataformas / resoluciones.

- Cómo manejamos todos los tipos de dispositivos- Cuántos se pueden utilizar como para considerar una

base válida.- El diseño responsivo (responsive design) es una

opción.- ¿Cuántos diseños de interfaces de usuario deben

existir?- ¿Cuántos se deben soportar?

Herramientas aplicables

Framework para desarrollo de apps móviles

● Mockups, Wireframes y prototipos (DIA / Pencil: http://pencil.evolus.vn/ )

● Integración contínua (Jenkins: http://jenkins-ci.org/ )● Unidades de prueba (Cucumber: http://cukes.info/ )● Revisión de código: ( Gerrit / https://code.google.

com/p/gerrit/ )● Frameworks de desarrollo: Ionic, Phonegap, Titanium,

Codename One, Angular.js● SCM, control de versiones: git, subversion● Metodologías de trabajo: Scrum, XP