Frameworks para el desarrollo en dispositivos

mviles
Septiembre 2014
Objetivo:
Construir de manera gil y sencilla aplicaciones mviles basadas en tecnolo-
gas Web, para plataformas Android y iOS.
ndice
1. Aplicaciones mviles: Nativo, Web, Hbrido? 2
1.1. Desarrollo mvil web . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.2. Desarrollo mvil nativo . . . . . . . . . . . . . . . . . . . . . . . 2
1.3. Desarrollo mvil web vs. desarrollo mvil nativo . . . . . . . . . . 2
1.3.1. Ventajas . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.3.2. Desventajas . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.4. Desarrollo mvil nativo vs. desarrollo mvil web . . . . . . . . . . 3
1.4.1. Ventajas . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.4.2. Desventajas . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.5. Aplicaciones Hbridas . . . . . . . . . . . . . . . . . . . . . . . . 4
2. Entendiendo el desarrollo multiplataforma de aplicaciones m-
viles 4
2.1. Tipos de Aplicaciones Mviles . . . . . . . . . . . . . . . . . . . 4
3. Empezando con PhoneGap/Cordova 4
3.1. Arquitectura . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
4. Instalacin de las herramientas de trabajo 6
4.1. Android . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
4.1.1. Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
4.1.2. Mac . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
4.1.3. Linux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
4.2. iOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
4.2.1. Mac . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1
1. Aplicaciones mviles: Nativo, Web, Hbrido?
El desarrollo de aplicaciones mviles crece cada da: al ms personas contar con
un dispositivo mvil y descubrir las bondades de tener tecnologa al alcance
de sus dedos, ms personas vuelcan sus miradas a desarrollas nuevas aplica-
ciones que pueden utilizarse dentro de estos dispositivos, para as llegar a ms
consumidores.
Nosotros, como desarrolladores, debemos orientar a nuestros clientes a esco-
ger de manera adecuada que rumbo coger en su siguiente aplicacin, dentro de
las tres opciones disponibles:
Aplicaciones web optimizadas para mviles
Aplicaciones mviles nativas
Aplicaciones hbridas
1.1. Desarrollo mvil web
Es el desarrollo de aplicaciones web regulares, pero optimizadas para ser visua-
lizadas de desde un dispositivo mvil o tablet. Por denicin, estas aplicaciones
sern accedidas utilizando el navegador que viene por defecto dentro de los
dispositivos mviles. Sus caractersticas son:
Sern accedidas desde un navegador desde el telfono
Para todos los dispositivos se desplegar de la misma forma
Es prcticamente lo mismo que desarrollar cualquier aplicacin o sitio web.
1.2. Desarrollo mvil nativo
Es el desarrollo de aplicaciones que sern instaladas en el sistema de archivos de
cada dispositivo y sern distribuidas por los mercados de aplicaciones mviles,
como el AppStore o el Play Market. Sus caracteristicas son:
Sern descargadas desde el mercado de aplicaciones para el sistema ope-
rativo.
Es una aplicacin desitina por sistema operativos.
Se desarrollan con lenguajes como Java (Android), Objetive-C/Swift (iOS),
C# (Windows Phone).
1.3. Desarrollo mvil web vs. desarrollo mvil nativo
1.3.1. Ventajas
Compatibilidad: Se reutiliza casi en un 100 % el mismo cdigo fuente
para todos los sistemas operativos orientados a mviles, as se tiene que
dar mantenimiento slo a una versin.
2
Rango de usuarios: Se puede llegar a ms tipos de dispositivos, multi-
plataforma.
Fcil uso: No hace falta descargar nada, slo con acceder a una URL los
usuarios podrn utilizar tu aplicacin.
Actualizado siempre: Las actualizaciones llegan de inmediato, no debes
esperar una semana para que se apruebe una nueva actualizacin.
Ms sencillo y rpido de llevar a cabo en muchas veces: Es ms
fcil desarrollar y disear en HTML, CSS y JavaScript que hacer lo mismo
en Java, Objetive-C, C#.
1.3.2. Desventajas
Olvdate de utilizar la cmara y otros componentes de hardware:
Con aplicaciones web nativas, al ser accedidos desde un navegador web,
no tienes compatibilidad con ciertos componentes de hardware.
Posibilidad de usarla oine: nula
1.4. Desarrollo mvil nativo vs. desarrollo mvil web
1.4.1. Ventajas
Posibilidad de utilizar funcionalidad nativas: Siempre se puede ac-
cesar a el hardware del dispositivo.
Performance: Llegan a tener un mejor desempeo que las aplicaciones
web.
Hay un market para estas aplicaciones: Las personas pueden encon-
trar tu aplicacin utilizando la tienda correspondiente.
Modo oine: Tu aplicacin puede usarse sin necesidad de conexin a
internet.
1.4.2. Desventajas
Costosas: Por lo general, son ms costosas de llevar a cabo, ya que nece-
sitan una inversin de tiempo mayor.
Mayores costos de mantenimiento: De igual forma, mantener varias
versiones de la aplicacin es costoso.
Actualizaciones y aprobaciones: Proceso de aprobacin por el market.
No llegas a todos: Tu aplicacin ser compatible solamente con el dis-
positivo para el cual la desarrollaste.
3
1.5. Aplicaciones Hbridas
Luego de analizar las dos opciones que tenemos, pensars: y por qu no hacer
una mezcla de ambas?. Esto es lo que conocemos como aplicaciones mviles
hbridas, que se han hecho famosas gracias a PhoneGap / Cordova.
La idea es fcil: utilizar el desarrollo nativo cuando es mejor o es necesario
(para el hardware por ejemplo), pero utilizar tecnologas web y el desarrollo web
cuando es ms prctico (por ejemplo intefaces de usuario complejas).
2. Entendiendo el desarrollo multiplataforma de
aplicaciones mviles
El desarrollo de aplicaciones mviles se va popularizando cada da ms. Las
personas que desean integrarse a este desarrollo, se enfrentan a la existencia
de varios tipos, varias marcas, arquitecturas y sistemas operativos. La creacin
de aplicaciones soportadas en todas las plataformas es una tarea colosal, sobre
todo para personas con poca experiencia, o de recin ingreso al desarrollo de
aplicaciones.
El mundo del desarrollo mvil est cambiando rpidamente, y frameworks
como PhoneGap representan un paso importante en la ampliacin de ese mundo
a una gran audiencia de desarrolladores web con experiencia. Con PhoneGap,
ahora puede transferir algunos (si no la mayora) de sus conocimientos y habi-
lidades en el mundo de la web para el mundo de aplicaciones mviles.
2.1. Tipos de Aplicaciones Mviles
Es importante entender los diferentes tipos de aplicaciones mviles. Voy a po-
nerlos en dos categoras, de acuerdo con lo que hacen.
1. Aplicaciones mviles autnomas
2. Aplicaciones mviles basadas en servicios web
Aplicaciones mviles autnomos son aplicaciones tales como alarmas, to-do list,
y los juegos fuera de lnea. Aplicaciones mviles basadas en servicios Web son
aplicaciones como el correo electrnico, los calendarios, los clientes de Twitter,
juegos en lnea y aplicaciones que interactan con los Web Services.
3. Empezando con PhoneGap/Cordova
PhoneGap es un framework de aplicaciones HTML5 que se utiliza para desa-
rrollar aplicaciones a travs de tecnologas web. Esto signica que los desarro-
lladores pueden crear aplicaciones de telfonos inteligentes y Tablet con sus
conocimientos previos de HTML, CSS y JavaScript. Con PhoneGap, los desa-
rrolladores no tienen que aprender lenguajes como Objective-C para el iPhone.
4
Las aplicaciones que se desarrollan usando PhoneGap son aplicaciones h-
bridas. Estas aplicaciones no son puramente basado en HTML / JavaScript, ni
son nativos. Las partes de la aplicacin, sobre todo la interfaz de usuario, la
lgica de la aplicacin, y la comunicacin con un servidor, se basa en HTML
/ JavaScript. La otra parte de la aplicacin que se comunica y controla el dis-
positivo (telfono o tableta) se basa en el lenguaje nativo para esa plataforma.
PhoneGap proporciona un puente entre el mundo JavaScript para el mundo
nativo de la plataforma, lo que permite que la API de JavaScript para acceder
y controlar el dispositivo (telfono o tableta). PhoneGap ofrece esencialmente
la API de JavaScript con acceso al dispositivo (telfono o tableta) capacidades
como, la cmara, el GPS, la informacin del dispositivo, y muchos otros.
3.1. Arquitectura
5
4. Instalacin de las herramientas de trabajo
4.1. Android
4.1.1. Windows
4.1.2. Mac
4.1.3. Linux
4.2. iOS
4.2.1. Mac
6