Aplicaciones Móviles

Fundamentos de la Web para implementar aplicaciones móviles

En los últimos años el desarrollo de aplicaciones de dispositivos móviles ha trascendido al soft-

ware de entretenimiento o programa utilitarios para teléfonos inteligentes. Hoy en día, SmartP-
hones, Tablets, SmartTvs, y Relojes Inteligentes, y sus aplicaciones son el vehículo muchas
veces para el control o monitoreo en distintos campos de la ingeniería como domótica, robótica,
electro-medicina, automatización, bases de datos y sistemas de comunicaciones digitales. Vale
destacar también que los dispositivos móviles del mercado actual son una plataforma de hard-
ware muy versátil que incorporan numerosos sensores (ópticos, magnéticos, acelerómetros,
GPS, etc.) convirtiéndose en una herramienta potente que reduce sustancialmente el tiempo de
desarrollo.

La verdad es que ahora me he dado cuenta de que llevo mucho tiempo hablando de sistemas de
información en la web, y en ningún momento me he parado a reflexionar lo que todo esto im-
plica.

Los sistemas de información han ido evolucionando a lo largo de los años empleando diferentes
programas y entornos hasta encontrar, en la Web, el habitat ideal. La World Wide Web emplea
un conjunto de recomendaciones, técnicas y tecnologías muy robustas que ofrecen un gran ren-
dimiento y fiabilidad, así como un mecanismo de navegación muy familiar para la mayoría de
usuarios. Esto favorece los procesos de enseñanza de los programas basados en la Web, ya que
se parte de conceptos y herramientas ampliamente conocidos, como puede suceder con los na-
vegadores o los métodos de búsqueda y navegación. De hecho, a partir de esas ideas se pueden
definir las cuatro características fundamentales de este tipo de sistemas:

Arquitectura. Por el simple hecho de valerse de la tecnología que mueve Internet para
implementar sus servicios, estos sistemas de información cuentan con una arquitectura co-
mún, al contrario de lo que sucede con otras soluciones creadas específicamente para trabajar
en sistemas aislados. Esto favorece que se puedan retroalimentar unas aplicaciones de otras,
sin que necesariamente pertenezcan a la misma empresa o, incluso, sin que hayan sido dise-
ñadas para realizar las mismas funciones. Además, se facilita la migración de datos de una
aplicación a otra, así como la interconexión de la información procedente de diferentes fuen-
tes, pero que empleen la misma arquitectura.

Evolución y desarrollo. Al estar dentro de un entorno tan dinámico y cambiante, la

mayoría de estos sistemas tienen la necesidad de estar en constante evolución, presentando
continuas versiones que actualizan las funciones y posibilidades de las anteriores.

El usuario por encima del sistema. El usuario del entorno Web se ha acostumbrado
a recibir la información de una manera concreta y a navegar empleando una serie de con-
venciones basadas en su experiencia. Es lógico pensar que un sistema de información que
emplee este entorno se nutra también de esas experiencias para trasladarlas a su propuesta
de aplicación Web. Primero porque el usuario se las exigirá, y segundo porque no hacerlo
sería desaprovechar años de experiencia en el desarrollo de aplicaciones.

Escalabilidad. Entendida como la habilidad que tiene un sistema para reaccionar a las
necesidades cambiantes (tanto del usuario como del responsable del servicio y la informa-

Recopilado por: Lic. Nohemy Esther Carhuancho Hidalgo Dra. María Magdalena Gómez Galindo.
Aplicaciones Móviles

ción que este proporciona) y adaptarse, creciendo de manera continuada y fluida. La capaci-
dad que tienen los sistemas de información en la Web es que pueden crecer tanto como
quiera, puesto que el contexto en el que se mueven, la propia Web, se basa en ese principio.

El hecho de que el trabajo se pueda realizar en un ambiente que es independiente del sistema
operativo, tanto del lado del servidor como del cliente, favorece aún más si cabe las ventajas de
este entorno de trabajo.

En el desarrollo de aplicaciones para dispositivos móviles se puede indicar tres tipos de aplica-
ciones:

1. Aplicaciones basadas en tecnología web, aplicaciones nativas y aplicaciones hibri-

das. Las aplicaciones basadas en tecnología web son básicamente páginas web que interac-
túan dinámicamente mediante Javascript y pueden presentar un diseño similar a una aplica-
ción nativa, sin embargo, tienen algunas limitaciones en cuanto a la interacción con el hard-
ware del dispositivo debido a que deben ser ejecutados en un navegador instalado en el dis-
positivo además que requieren de acceso a internet.

2. Las aplicaciones nativas, son desarrolladas en el lenguaje que es soportado por el sis-
tema operativo del dispositivo móvil, por ejemplo, Objective C para IOS o Java para An-
droid, mediante el cual se puede tener acceso a todas las características del hardware del
dispositivo, sin embargo, la aplicación es ejecutada solo en el sistema operativo para el cual
fue desarrollado.

3. Las aplicaciones hibridas, es una fusión de los conceptos de aplicación basada en tec-
nología web y nativa. El código nativo es proporcionado por medio de un framework que
tiene un API de Javascript con el cual el código Javascript de la aplicación puede acceder
algunas funciones del hardware del dispositivo móvil, como ser tomar fotografías con la
cámara, acelerómetro y otras. Los archivos de la aplicación hibrida son almacenados local-
mente, por lo cual no se requiere de un navegador y acceso a internet para que la aplicación
sea ejecutada.

HTML5 se está convirtiendo en la mejor alternativa para el desarrollo de aplicaciones multi-

plataforma, por lo cual se puede desarrollar aplicaciones móviles hibridas haciendo uso de esta
tecnología. Como se indicó anteriormente, se necesita de un framework que permita convertir
una aplicación con código HTML5, Javascript y CSS3 en una aplicacion que se ejecute en
diferentes dispositivos móviles como iOS, Android, Blackberry y otros, PhoneGap o Apache

Recopilado por: Lic. Nohemy Esther Carhuancho Hidalgo Dra. María Magdalena Gómez Galindo.
Aplicaciones Móviles

Cordova es un framework de código abierto con el cual se puede empaquetar el proyecto y

distribuirlo en tiendas como Appstore o Google Play.

Se puede desarrollar aplicaciones HTML5 desde cero, sin embargo, existen diversos frame-
works que permiten desarrollar interfaces similares al de las aplicaciones nativas, pero usando
tecnología web, es decir HTML5, Javascript y CSS3. A continuación se muestran algunos de
los frameworks:

JQuery Mobile

JQuery Mobile es un framework basado en HTML5 optimizado para todas las plataformas de
dispositivos móviles, es uno de los más populares y está desarrollado a partir de JQuery y
JQuery UI. Su implementación es sencilla y posee amplia documentación, además cuenta con
ThemeRoller for Mobile para la creación los temas personalizados aprovechando las ventajas
de CSS3.

Sencha Touch 2

Sencha Touch 2 es una framework para el desarrollo de aplicaciones móviles de alto rendi-
miento basados en HTML5. Este framework incluye soporte para Blackberry 10 e IE 10 y es
compatible con iOS, Android, BlackBerry, Windows Phone y otros. Esta desarrollado a partir
de la plataforma HTML5 de Sencha, por lo cual se puede emplear Sencha Cmd, que es una
herramienta de línea comando multiplataforma que permite realizar muchas tareas de manera
automática como ser generar un nuevo proyecto.

PhoneJS

Recopilado por: Lic. Nohemy Esther Carhuancho Hidalgo Dra. María Magdalena Gómez Galindo.
Aplicaciones Móviles

PhoneJS es un framework que contiene lo necesario para crear aplicaciones usando HTML5 y
Javascript para desarrollar aplicaciones compatibles con los más populares smartphones y ta-
blets. Es compatible para aplicaciones de IOS, Android y WindowsPhone. PhoneJS aprovecha
todas las funcionalidades de JQuery y opcionalmente se puede incluir Knockout para el desa-
rrollo de las interfaces de usuario con el modelo MVVM (Model-View-ViewModel).

Kendo UI

Kendo UI es un framework para el desarrollo de sitios web con HTML5 y aplicaciones mobiles.
Posee widgets basados en JQuery, una simple y consistente interfaz de programación, un fra-
mework MVVM, temas y templates. Permite construir aplicaciones que parecen y se usan igual
que una aplicación nativa por medio de un simple código de interfaz de usuario usando solo
HTML5 y JavaScript.

Recopilado por: Lic. Nohemy Esther Carhuancho Hidalgo Dra. María Magdalena Gómez Galindo.