FRAMEWORK PARA APP HÍBRIDAS

native-hybrid-iphone-app Actualmente existen numerosos framework que nos permiten desarrollar aplicaciones móviles híbridas multiplataforma con aspecto nativo mediante HTML5, CSS y JavaScript. Este tipo de aplicaciones han tenido y están teniendo un gran crecimiento, incluso mayor que las aplicaciones nativas, ya que nos permiten escribir la aplicación una única vez y ejecutarla en cualquier plataforma. ApacheCordova es unas de las muchas herramientas que nos permiten ejecutar nuestros ficheros Hmlt5, CSS y JavaScript en los dispositivos móviles. La aplicación se compila en paquetes nativos específicos de la plataforma, listos para ser desplegados en cualquier dispositivo móvil o en las tiendas de aplicaciones.

La gran pregunta es: ¿Y cómo accedo al hardware de mi dispositivo para sacar el máximo rendimiento de él? Muy sencillo, existen plugins que nos permiten acceder al hardware como la cámara, gps, acelorómetro,…

En este artículo vamos a ver algunas de los frameworks más utilizados en la elaboración de aplicaciones híbridas:

Ionic

Se trata de una herramienta para construir aplicaciones móviles con un aspecto y comportamiento muy cercano a las nativas (sobre todo en iOS, pues en Android todavía resulta algo lento en cuanto a aceleración y movimientos) con HTML5, CSS3 y JavaScript (AngularJS). El framework viene con SASS y con cantidad de extensiones AngularJS, así como otros muchos componentes como botones, pies/cabeceras de página, menú deslizante, pestañas y mucho más.

A continuación vamos a ver las ventajas e inconvenientes que nos podemos encontrar con IONIC:

Ventajas:

Ofrece una amplia variedad de componentes.
Permite utilizar Sass.
Puede ejecutarse a través de ApacheCordova, PhoneGap o Trigger.io
No requiere de Jquery para acceder al DOM.

Desventajas:

No tiene acceso a las funciones de cámara, geolocalización, etc., es decir, a los componentes hardware del dispositivo además de la lista de contactos (se soluciona mediante plugins).
Puede ser lento para mapas como Google Maps.
No presenta temas para las diferentes plataformas, es decir, el look & feel no simula al nativo.
Está construido bajo AngularJs (por lo que es necesario conocer previamente AngularJs).

IONIC es compatible para las siguientes versiones móviles:

IOS 7 y superiores.
Android 4.1 y superiores.

ChocolateChipUI

ChocolateChip-UI es un framework de aplicación web móvil que utiliza HTML5, WAML, CSS y JavaScript. Se basa en ChocolateChip, biblioteca JavaScript que incluye dos nuevas librerías ChUI.JS y ChUI.css. ChocolateChip-UI se aprovecha de HTML5, CSS3 y ECMAScript5, es un framework fácil de usar y compacto para la creación de aplicaciones móviles.

A continuación vamos a ver las ventajas e inconvenientes que nos podemos encontrar con ChocolateChipUI:

Ventajas:

Está basado en Jquery.
Presenta una amplia variedad de componentes.
Permite utilizar Backbone, DurandalJs o AngularJs.
Presenta temas con un aspecto muy semejante al nativo de IOS, Android y Windows Phone.

Desventajas:

Como Ionic no tiene componentes para acceder al hardware del dispositivo por lo que hay que utilizarlos plugins de ApacheCordova.

ChocolateChipUI es compatible para las siguientes versiones móviles:

IOS 7 y superiores.
Android 4.1 y superiores.
WindosPhone 7 y superiores.

Ratchet

Ratchet ha sido desarrollado por el equipo que desarrolla bootstrap (framework para implementar responsive design en web), el cual cuenta con temas para iOS y Android similares a las versiones nativas.

A continuación vamos a ver las ventajas e inconvenientes que nos podemos encontrar con Ratchet:

Ventajas:

Presenta temas iOS y Android, por lo que la experiencia del usuario es similar a una app nativa.
Permite utilizar knockout, AngularJs, DurandalJs, BackBoneJs…
Puede utilizarse para realizar una aplicación web, no sólo está limitado para aplicaciones móviles híbridas.

Desventajas:

Falta de componentes. A diferencia de Ionic o CohocalteChip las posibilidades que ofrece son bastante más reducidas.
Como los demás framewoks hay que utilizar los plugins para acceder al hardware.
No funciona sobre ninguna otra plataforma que no sea iOS o Android.

Ratchet es compatible para las siguientes versiones móviles:

IOS 7.1 y superiores.
Android 4.1 y superiores.

Intel’s App Framework

Intel App Framework es una herramienta de aplicación multiplataforma desarrollada por Intel. Es gratuita y está disponible para Linux, Windows y Mac. Proporciona una serie de plantillas para empezar y es compatible con una serie de framework como Twitter bootstrap, jQuery Mobile y Topcoat.

Los estilos de interfaz de usuario de esta biblioteca están diseñados para adaptarse fácilmente a la plataforma de destino (Google Android, Apple iOS, Microsoft Windows 8, y los nuevos RIM Blackberry).

A continuación vamos a ver las ventajas e inconvenientes que nos podemos encontrar con Intel’s App Framework:

Ventajas:

Permite utilizar AngularJs, Backbone y DurandalJs.
Es ligero y rápido.
Soporta JQuery.

Desventajas:

Como los demás framewoks hay que utilizar los plugins para acceder al hardware.

Intel’s App Framework es compatible para las siguientes versiones móviles:

IOS 7 y superiores.
Android 4 y superiores.
WindosPhone 8 y superiores.
BlackBerry 10 y superiores.

Estos son los frameworks más usados hoy en día, pero también existen otros que nos permiten realizar aplicaciones móviles híbridas como por ejemplo:

Como podemos ver la gran variedad de frameworks existentes nos permite poder elegir aquel que más se ajuste a las necesidades del proyecto, dando una gran variedad de opciones y posibilidades. ¿Os atrevéis a probarlos?

Referencias:

Descubre a cómo SOGETI puede ayudarte en el desarrollo de apps y en la definición de la estrategia de movilidad de tu compañía.

Más información:

Trinitario Gómez es Ingeniero Técnico en Informática por la Universidad de Alicante. Comenzó su andadura en el mundo de la informática en 2013, año en el que se incorporó a Sogeti como programador junior. Actualmente desarrolla funciones de programador senior en la unidad se Soluciones Microsoft de Sogeti España.

Conoce más información sobre nuestras soluciones tecnológicas bajo tecnología Microsoft aquí.