Aplicaciones mviles

Nombre: Jorge Arturo

Arciga Orozco
Materia: fundamentos
de la investigacin

ndice
1. Introduccin..
.1
2. Desarrollo..
.2
2.1.
Como
crear
aplicaciones
euro.3

mviles

sin

gastar

un

2.2.
Es
simple.5
2.3.
Aprende
a
crear
tu
Android.6

propia

aplicacin

para

2.3.1. Pon
a
punto
programa6

el

2.3.2. Panel
diseo7

de

2.3.3. Tu
primera
pantalla8
2.3.4. Elementos
visibles..9

no

2.3.5. Editor
bloques9

de

2.3.6.Utiliza el emulador11
2.3.7. Crea
una
lista...........................................................................................
......12
2.3.8. Empaqueta
app.........................................................13
2.3.9. Publcala
en
Google
Stor..14
2.4.
Configuracin
de
NetBeans
Android........................................15

para

2.5.
Al
desarrollo
de
mviles19
2.5.1. Desarrollo
de
sitios
web
mviles.19

de

tu

Play
desarrollar

en

aplicaciones
escritorio

2.5.2. Desarrollo
hbrido.20
2.5.2.1. Aplicaciones shell nativas que contienen un sitio web mvil
externo..20
2.5.2.2. Recursos
preempaquetados..20

HTML5

2.5.2.3. Combinar web y nativo en el cdigo y en la interfaz de usuario

(HTML5 + nativo IU/principalmente nativo con pantallas HTML5)
.21
2.5.3. Desarrollo
puro..21
2.5.4. Aspectos
de
cada
enfoque
desarrollo..22

nativo
de

3. Conclusin
23
4. Biografa...
24

1. Introduccin

Las aplicaciones web son construidas usando tecnologas web estndar.

Funcionan en cualquier navegador web moderno y pueden ser
desarrolladas usando sus herramientas favoritas. Algunas caractersticas
que distinguen las aplicaciones web de los sitios web: Las aplicaciones
son instaladas por un usuario, son autnomas, no siempre requieren el
marco de una ventana del navegador y pueden construirse para ser
usadas sin conexin. Gmail, Twitter y Etherpad son aplicaciones web.
1.

2. Desarrollo

Quizs tengas una muy buena idea para una aplicacin mvil, o tal vez
necesitas una herramienta para mantener a tus clientes, o miembros de
tu club informados sobre los ltimos acontecimientos. Sea cual sea la
razn necesitas crear una aplicacin que puedas vender o regalar en el
App Store de Apple, o el Android Market, pero solo existe un problema:
No sabes absolutamente nada de programacin.
Si este es el caso, no ests solo, miles de personas han chocado con la
misma barrera y al menos que tengas unos cuantos cientos de dlares
para pagarle a un programador, tu aplicacin no dejar de ser un sueo.
Pero no todo est perdido. Varias compaas han entendido que miles de
personas tienen la misma necesidad de crear una aplicacin mvil, y no
saben cmo hacerlo. Estas compaas han desarrollado una serie de
herramientas sumamente fciles de usar, y que te permiten
gratuitamente o a muy bajo tener tu propia aplicacin mvil sin
necesidad de escribir una sola lnea de cdigo.
Veamos algunas de ellas:

Imagen1-0-1

Magmito: Creado por la compaa Didmo, Magmito es una herramienta

que te permite crear aplicaciones utilizando una serie de plantillas que
puedes ajustar a tu gusto. Todo es creado en el sitio de Magmito, y al
final puedes enviar tu aplicacin al App Store, o Android Market sin
necesidad de recrear todo el proceso para cada sistema operativo.
Magmito te permite tambin crear publicidad para tu aplicacin,
utilizando cdigos de QR o enlaces para Facebook y otras redes sociales.
La aplicacin que desarrollas con Magmito puede elementos como
textos, fotos, grficos, videos, mapas de Google, RSS, y muchas otras
cosas ms.
Crear la aplicacin es gratis, pero debes pagar una mdica cuota
mensual que comienza en los $5 dlares para mantener tu aplicacin
activa.

Imagen 1-0-2

Conduit: La compaa Conduit se especializa en servicios de publicidad,

contenido multimedia y otros tipos de promociones. Ellos han creado
Conduit Mobile, una herramienta que te permite crear tu propia
aplicacin para el iOS o Android en cuestin de minutos. Conduit Mobile
es perfecta para quienes crean contenido como blogs, y podcast. El
servicio es gratuito y puedes inclusive generar dinero permitiendo
publicidad en tu aplicacin. Actualmente Conduit tiene una promocin
que te ayuda con el proceso de aceptacin en el App Store de Apple
completamente gratis.

Imagen 1-0-3

AppBuilder: La ms cara de las tres opciones, AppBuilder te permite

crear tu propia aplicacin gratis, sin embargo debes pagar una
mensualidad de que empieza en $19.99 dlares si quieres mantener tu
aplicacin activada.
AppBuilder funciona en varios sistemas operativos incluyendo iOS,
Android y Windows y al igual que las otras opciones, puedes incluir una
variedad de elementos en tu aplicacin incluyendo notificaciones,
interaccin con las redes sociales, fotos, videos y mucho ms.

2.1. Como crear aplicaciones mviles sin

gastar un euro
Cada vez pasamos ms tiempo usando aplicaciones en lugar de los
navegadores de nuestros dispositivos mviles. Gracias a las apps
podemos acceder a la informacin o a las funciones que nos interesan
de manera ms rpida y ms sencilla. Por este motivo, es imprescindible
que las empresas sepan definir claramente una estrategia de presencia
digital donde las aplicaciones para Android, iPhone, Blackberry o
Windows 8 tengan un lugar predominante. Existen compaas que
3

desarrollan aplicaciones, pero tambin podemos encontrar en Internet

herramientas gratuitas que permiten crear apps para tu negocio de
modo sencillo. En este artculo presentamos cinco de las ms conocidas.
AppMakr es una plataforma que permite crear apps que distribuya el
contenido que crea una empresa en su web en pocos segundos. Una
aplicacin creada en AppMakr puede ser difundida a travs de la tienda
de Apple (App Store, para usuarios de iPhone e iPad) y de Google Play
(para usuarios de dispositivos Android).
Otra herramienta til es InstApp, una plataforma que permite crear
aplicaciones para iPhone, mviles con Android y Windows 8. Sin lugar a
dudas, una interesante herramienta que a ms de uno le servir para
tener su propia aplicacin y promocionar su producto o servicio de
manera gratuita, efectiva y veloz, siempre y cuando sepa a que apuntar.
Otra opcin es UppSite, un programa que crea aplicaciones para
dispositivos mviles centrndose en ofrecer los contenidos de la web de
la empresa de un modo rpido. Es compatible tanto con sistemas Apple
como Android y Windows iPhone. Adems de distribuirse en la App Store
(Apple) y Google Play (Android), UppSite dispone de tienda online.
Tambin destacamos Mobincube, una plataforma algo ms ambiciosa
que las anteriores. Ofrece la posibilidad de disear y desarrollar
aplicaciones de cualquier tipo. Con Mobincube, se puede crear una
aplicacin para cualquier smartphone o tableta utilizando un buen
nmero de plantillas que la propia herramienta ofrece. Los resultados de
Mobincube son compatibles con sistemas operativos de Apple, Android y
BlackBerry.
Finalmente, existe Yapp, una herramienta que cuenta
con un editor para que podamos crear nuestra propia
aplicacin para telfonos inteligentes con sistemas
Android e iOS (iPhones) sin tener que gastar un solo
euro por eso. Yapp es gratuita pero que hay tambin
opciones de pago para programadores profesionales
con ms funcionalidades a su medida.
El caso es que el negocio de las aplicaciones para
dispositivos mviles est creciendo como la espuma. Se trata de un
mercado todava poco explorado y cualquiera que tenga una buena idea
puede desarrollar su aplicacin y distribuirla, sin la necesidad de un gran
equipo detrs.

Imagen 1-0-4

La mayora de las redes sociales existentes alardean de los cientos de

millones de amigos que tienen en lnea. Pero, quin quiere pasar sus
das leyendo las actualizaciones de cientos de millones de amigos en
lnea? Tu empresa ya tiene una vida real, con verdaderos amigos y fans,
en tus propias comunidades reales. Ah es donde entra en juego Infinite
Monkeys una plataforma de autoservicio, que te permite crear tu
propia aplicacin mvil para tu empresa, de forma gratuita.
Con esta aplicacin, puedes crear tu propia aplicacin mvil para
conectarte con tus clientes, fans y amigos. til para promover t
negocio, tu restaurante o tu empresa. T decides lo que quieres en tu
aplicacin: compartir fotos, vdeos, feeds de Twitter, los muros de la
Comunidad, salas de chat en vivo, etc.
Las aplicaciones se ejecutan de forma nativa en iPhone, Android y webs
para telfonos inteligentes con HTML5 habilitados. No es necesario saber
nada de programacin. Se trata de arrastrar y soltar, y hay videos de
ayuda para casi todo el proceso. Puedes construir tu propia aplicacin
relativamente pronto. Crear tu propia aplicacin mvil para el beneficio
de tu empresa parece ser fcil. Todo el sitio es de arrastrar y soltar.
Escoges lo que deseas incluir en tu aplicacin, y luego solo lo arrastras.
Si te pierdes en algn momento hay videos de ayuda para cada paso, y
soporte para conversaciones en modo de espera. Solo debes de seguir
tres pasos y la aplicacin se har cargo de todo lo dems.

2.2 Es simple

Primero rene tu contenido: decide lo que deseas incluir en tu

aplicacin. Por ejemplo algunos canales sociales, un calendario en
vivo de los prximos eventos o la promocin de tu restaurante,
que incluyes en tu men y un enlace a la entrega.

Arrastrar y soltar: inicia la sesin en La Mquina y empieza a

crear tu aplicacin siguiendo las instrucciones paso a paso. Elige
los colores e imgenes de fondo que deseas y arrastra el
contenido y las funciones que deseas incluir.

Publicar en los mercados: una vez que tengas tu aplicacin

mvil propia querrs que llegue a las manos de tus clientes y
clientes vip. La aplicacin ofrece la publicacin de inmediato a
todos los telfonos inteligentes habilitados para la web y en el
propio mercado nativo de la aplicacin. Tambin puedes optar por
publicar una serie de primas en los mercados para aumentar la
exhibicin de su aplicacin por ejemplo.
5

Esta empresa tiene una fuerte conexin con sus hermanos primates.
Es por eso que estn preocupados por la deforestacin y la destruccin
de su hbitat en Borneo. Infinite Monkeys dona el 10% de sus beneficios
anuales a la divulgacin sin fines de lucro al grupo Orangutn Outreach,
en apoyo de sus esfuerzos de conservacin de orangutanes en Borneo.
Cada aplicacin ayuda a crear cuidar y proteger a los orangutanes
hurfanos desplazados y necesitados.
Si te interesa el mundo de la programacin de aplicaciones mviles y
buscas una herramienta que te facilite la tarea, App Inventor es para ti.
App Inventor es un entorno de desarrollo visual para Android
originalmente propuesto por Google y finalmente implementado por el
MIT (Massachusetts Institute of Technology) con el apoyo del gigante
americano.
Su gran ventaja frente a otras plataformas similares es la potencia de su
entorno de trabajo: encontrars muchas funciones ya definidas en forma
de bloques y la flexibilidad a la hora de combinarlas te permitir
potenciar al mximo tu creatividad.
Su carcter gratuito la hace recomendable para todo tipo de usuarios.
Eso s, si quieres exprimir al mximo todas sus posibilidades, necesitars
un cierto tiempo de adaptacin y aprendizaje de la herramienta. Lo ideal
es que tengas unas mnimas nociones generales sobre programacin
para poder disear ms fcilmente el flujo de acciones y comprender en
profundidad la utilidad de cada bloque, aunque no ser necesario que
modifiques el cdigo fuente.
Aprende en este prctico cmo iniciarte en App Inventor y lnzate al
mercado de las apps. Si adems requieres ms informacin, te
recomendamos que eches mano de los tutoriales que encontrars en la
seccin Learn y en Reference Documentacin, para conocer en
profundidad cada uno de los bloques.

2.3 Aprende a crear tu propia aplicacin

para Android
2.3.1 Pon a punto el programa
Visita en primer lugar la web oficial de App Inventor. Necesitars tener
una cuenta Google para acceder al servicio. App Inventor est
compuesto por un conjunto de herramientas que abarcan las diferentes
6

tareas en la construccin de la aplicacin: diseo, definicin del

comportamiento y simulacin. Antes de pasar a utilizarlas, habrs de
comprobar que cuentas con todo lo requerido. Acude a la pgina oficial y
selecciona Setup. Pincha en Test your system y chequea tu navegador.
Es necesario tener instalado Java y los sistemas operativos soportados
son Mac OS X 10.5/10.6, Windows XP/Vista/7, Ubuntu 8+ y Debian 5+.
Cuando acabes, pincha en Done? Lets move on! y pasars a la descarga
del software de escritorio App Inventor. En el ltimo paso, escoge si
deseas probar tus aplicaciones con tu propio telfono o utilizar el
emulador. Este ltimo simular un dispositivo Android que podrs

Imagen1-0-4

manejar a travs del ordenador como si de un mvil real se tratara.

2.3.2 Panel de diseo

El panel de diseo es accesible desde el navegador. En la pgina
principal, pincha en Invent/Create Mobile Apps. En My Projects,
selecciona New e introduce un nombre para el nuevo proyecto. Una vez
dentro, explora todas sus opciones.
En Palette/Basic, hallars utilidades bsicas como botones, insercin de
imgenes, cuadros de texto, etiquetas La subseccin Media contiene
componentes como acceso a la cmara de fotos y vdeo, galera de
fotografas, sonido, reproductor de vdeo Social incluye los elementos
7

necesarios para seleccionar contactos, nmeros de telfono de la

agenda, correos electrnicos

Sensors, por su parte, nos brinda la oportunidad de

para obtener informacin tal como la localizacin
Imagen 1-0- 5Para conocer algn detalle
orientacin del dispositivo.
una de ellas, pincha en el smbolo de la interrogacin
junto a su ttulo.

2.3.3

utilizar sensores
geogrfica o la
ms sobre cada
que encontrars

Tu primera pantalla

Pincha
Imagen en
1-0-Screen 1 en la seccin Components. En la columna de la
5
derecha
se listarn sus propiedades. Establece una imagen de fondo
cargndola con BackgroundImage. Para que no se distorsione, es
conveniente que utilices un fondo plano o alguno de los tamaos por
defecto para este tipo de pantallas. Carga tambin otra imagen en Icon
para que sirva de grfico identificativo de la aplicacin y marca en
Scrollable si deseas permitir el uso del scroll.
Ahora, aade un botn arrastrando hacia la pantalla el elemento
Basic/Button. Seleccinalo en Components y agrega una imagen desde
Imagen. Elimina el texto por defecto Text for Button 1 que aparece en el
recuadro Text y escoge una forma en Shape; puedes decidir entre
circular, rectangular u oval. Incluyamos tambin una caja de texto con
Basic/TextBox con la leyenda Pincha sobre el icono.

Por ltimo, si quieres redistribuir las formas en la pantalla, juega con las
opciones de Screen Arrangement. Crea una tabla con TableArragement o
establece la alineacin horizontal o vertical de varios elementos con
HorizontalArrangement y VerticalArrangement, respectivamente.

2.1.1.3.4. Elementos no visibles

Imagen
Se 1-0-6
denominan

no visibles porque no se muestran fsicamente en el panel

de diseo, como por ejemplo los archivos de sonido. Prueba a agregar un
fichero a travs de la opcin Source en Media/Sound. El procedimiento
para agregar estos elementos es el mismo que para aquellos visibles:
arrstralo hacia el visor.
Aparecern listados en la parte inferior del panel, bajo el epgrafe Nonvisible components. Otros elementos similares son Camera, Camcorder o
Player, al igual que todos los incluidos en la seccin LEGO MINDSTORMS.
Esta ltima incluye componentes, registrados bajo la marca Lego, que te
permitirn construir juegos de robtica.

2.3.5. Editor de bloques

9

Antes de continuar introduciendo elementos, vamos a ilustrar el

procedimiento para relacionarlos entre s, utilizando para ello el botn
que hemos creado y el fichero de sonido cargado. Pincha en Open the
Blocks Editor. Se generar un fichero Java con extensin JNLP que
debers guardar en tu PC. brelo y acceders al editor de bloques.
Acude ahora a la pestaa My Blocks y vers la lista de todos los bloques
que hayas aadido en el panel de diseo.
Selecciona Button 1 y observa sus opciones, que aparecern en forma
de piezas de puzzle. Hay tipos de piezas que indican acciones y otras
para componentes. Tu misin es encajarlas para conseguir el
comportamiento deseado. Probemos a establecer que al pinchar sobre

nuestro botn se reproduzca nuestro fichero de msica. Para ello, une en

el editor los bloques Button1.Click con Sound1.Play y listo.

10

Imagen 1-0- 7

2.3.6. Utiliza el emulador

Imagen 1-0- 7

Gracias al emulador, podremos desarrollar nuestras aplicaciones incluso

si no contamos con un smartphone o es de otra marca, y chequear su
correcto funcionamiento. En el editor de bloques, pincha en New
emulator y se desplegar un telfono Android tpico. Para conectar el
editor con el telfono, pincha en Connect to Device y selecciona el
emulador. La transferencia de informacin puede llegar a tardar dos o
tres minutos, as que ten paciencia. Despus, accede al men de
aplicaciones como si de un dispositivo real se tratara y prueba la tuya.
El procedimiento para utilizar un mvil Android desde el editor es
anlogo. Conctalo al ordenador mediante un puerto USB y, antes de
iniciar la simulacin, comprueba que tu configuracin est habilitada
para hacer este tipo de uso del telfono. Para ello, sigue los pasos que
encontrars en la pgina oficial de la aplicacin. Recuerda que por ahora
los archivos se encuentran exclusivamente en tu ordenador.

2.3.7. Crea una lista

Volvamos al panel de diseo para aadir el elemento ListPicker, que
permite la eleccin entre una serie de opciones. Este est asociado a un
11

botn, con el que invitaremos al usuario a escoger entre la lista.

Nosotros haremos la nuestra propia con los nmeros de PC Actual.
Despus acude al editor de bloques para crear una variable global, en
nuestro caso Nmeros, con Built-in/Definition/Variable. Luego, agrega el
bloque Make a list, que encontrars en Built-in/Definition/Lists, para
definir varias posibilidades para la variable global.

Imagen 1-0-8

Finalmente, incluiremos bloques Text con tantas cadenas de texto como

valores a tomar. Cuando termines, debes indicar que, cuando se cargue
la pantalla inicial Screen1, se inicialice la lista creada. Para ello, une un
bloque
My
Blocks/Screen1/Screen1.Initialize
con
otro
My
Blocks/ListPicker1.Elements y este a su vez con nuestra variable global a
travs de My Blocks/My Definitions/global Numeros.
Cuando el usuario abra la aplicacin y pinche en nuestro botn Escoge
un nmero, se mostrarn ante l los nmeros de la revista que hayamos
determinado. Para indicar la accin a realizar despus, puedes utilizar el
bloque My Blocks/ListPicker1.AfterPicking.

2.3.8. Empaqueta tu app

Siguiendo procedimientos similares a los explicados, poco a poco,
puedes ir aadiendo nuevas funciones. En el panel de diseo, pincha en
Add Screen si quieres que tu aplicacin contenga ms de una pantalla.
No olvides guardar peridicamente el trabajo con Save y establecer un
12

punto al que retornar cuando consigas un hito a travs de Checkpoint.

Cuando consideres que has finalizado la app, busca en la esquina
superior derecha el men Package for Phone.

Imagen 1-0-9

Encontrars tres opciones. La primer, Show barcode generar un cdigo

QR asociado a tu cuenta y aplicacin y para tu uso propio. Para bajarte
el programa a tu ordenador, escoge Download to this computer y el
cdigo fuente se guardar en forma de archivo APK. Para descargarla en
tu telfono inteligente, opta por Download to Connected Phone y
recuerda que necesitars tener el editor de bloques abierto, as como el
dispositivo conectado a tu PC mediante el puerto USB.

2.3.9. Publcala en Google Play Store

La publicacin de tu aplicacin no es un paso obligatorio, pero si optas
por abrirla al gran pblico, debes saber que para publicarla en Google
Play Store debe contener tanto un cdigo como un nombre de versin. El
primero es un nmero entero que indica si la app ha sido actualizada a
una versin superior o inferior.
El segundo es una cadena de texto que tpicamente especifica esta
misma informacin como 1.0, 2.0, etc. Podrs definir ambos en el panel
de diseo, en los apartados VersionCode y VersionName, y debers
13

actualizarlo cada vez que quieras subir una nueva versin a la Red.
Despus, debers descargar, como ya te hemos explicado en el paso
anterior, el archivo APK en tu ordenador.

Imagen 1-0-10

Por ltimo, enlaza con Google Play y sigue las instrucciones para
introducir tus datos como desarrollador, cargar el fichero en la
plataforma, definir una descripcin y establecer un precio. La cuenta de
desarrolladores tiene una cuota de registro de 25 dlares. No olvides
tampoco consultar la poltica de comisiones de Google en caso de que tu
app no sea gratuita.

2.4. Configuracin de NetBeans para desarrollar en Android

Como ya lo habamos visto, el desarrollo de aplicaciones para Android se

desarrolla en Java y podemos utilizar el IDE de programacin que nos
sea ms familiar. El principal pero, es que desde el proyecto oficial de
Android se recomienda el desarrollo de aplicaciones en Eclipse. Esto no
es mucho problema para los desarrolladores que usamos NetBeans ya
que desde Project Kenai podemos encontrar todo lo necesario para
comenzar a programar aplicaciones Android desde nuestro IDE
NetBeans.

14

Para ello debemos seguir los siguientes pasos:

1. Agregamos el repositorio de Kenai nbandroid, esto lo hacemos
desde el men Tools Plugins y luego nos vamos a la pestaa
Settings. Ah agregamos un nuevo repositorio con la URL tal como
muestra la siguiente figura.

2. Luego vamos a la pestaa Available Plugins y en la caja de

busqueda escribimos android, con lo cual se mostrarn
solamente los complementos de android. Debemos seleccionar
Android y Android Test Runner for NetBeans 7.0.x y despus
presionar el botn Install. En la siguiente figura se muestra un
ejemplo:

15

Imagen
Imagen1-0-11
1-0-12

Con estos dos pasos ya tenemos instalado todos los componentes para
comenzar a trabajar con NetBeans, ahora si creamos un nuevo proyecto
veremos que tenemos una categora llamada Android, tal como se
muestra en la siguiente figura:

16

Imagen 1-0-13

Al pasar a la siguiente ventana del asistente notaremos un par de

problemas, lo primero que hay que hacer es configurar la ruta del
Android SDK, para ello presionamos Manage Android SDK y
especificamos la ruta del SDK. La siguiente imagen ilustra la ventana de
configuracin:

Imagen 1-014

Lo segundo que debemos tener en cuenta, es que el Package Name

del proyecto debe contener al menos dos partes, esto se deben a un bug
de Android. Por ltimo seleccionamos la versin de Android para la cual

17

queremos crear el proyecto y finalizamos el asistente. La siguiente

imagen mustra los datos seleccionados en el asistente:

Imagen 1-0-15

2.5.

Al desarrollo de aplicaciones mviles

Figura 1.0.16. Espectro de mtodos de desarrollo de aplicaciones mviles

18

2.5.1.
Desarrollo de sitios web de
escritorio y mviles
Con el mtodo de desarrollo de sitios web los usuarios inician su
navegador preferido y van al sitio web de empresa. La aplicacin se
ejecuta dentro del navegador del dispositivo mvil y utiliza tecnologas
estndar como HTML5, CSS3 y JavaScript para crear el sitio web. La
aplicacin es independiente de cualquier plataforma, de manera que no
se necesita desarrollar una nueva aplicacin para dar soporte a una
nueva plataforma mvil. Es posible que se necesiten modificaciones en
la aplicacin para admitir diferentes motores de navegacin. Sin
embargo, como inconveniente, las aplicaciones web para dispositivos
mviles no pueden acceder a las funciones de dispositivos, como la lista
de contactos, porque solo dependen del navegador del y los estndares
web asociados. Adems, si el sitio web, y especialmente los sistemas de
fondo de la empresa, no estn optimizados para las interacciones
mviles, la experiencia de usuario ser poco agradable. Las aplicaciones
web de mvil no se distribuyen a travs de tiendas de aplicaciones. Se
accede a ellas a travs de un enlace al sitio web o mediante un
marcador en el navegador mvil del usuario.

2.5.2.

Desarrollo hbrido

Con el enfoque de desarrollo hbrido, puede crear aplicaciones que usen

tanto parte de los enfoques del desarrollo nativo como del desarrollo
web con estndares como HTML5, JavaScript y CSS. La aplicacin hbrida
se ejecuta en el marco de un contenedor nativo y utiliza el motor del
navegador para mostrar la interfaz de la aplicacin. La interfaz a
menudo se basa en HTML y en JavaScript, y tambin puede incorporar
19

elementos nativos. El contenedor nativo permite a la aplicacin acceder

a las prestaciones del dispositivo a las que las aplicaciones web no
pueden acceder, como son el acelermetro, la cmara y el
almacenamiento local de un telfono inteligente. Estas prestaciones se
pueden optimizar desde JavaScript mediante Apache Crdova. La
aplicacin se crea utilizando el IDE nativo de sistema operativo mvil,
como por ejemplo Xcode. As como sucede con las aplicaciones nativas
puras, las hbridas se distribuyen a travs de la tienda de aplicaciones
de la plataforma.
Tal como se muestra en el diagrama, hay varios mtodos posibles para
el desarrollo hbrido:

2.5.2.1. Aplicaciones shell nativas que

contienen un sitio web mvil
externo
Este enfoque es similar al desarrollo de sitios web mviles; sin embargo,
su sitio web mvil se muestra dentro de un shell nativo proporcionado
por Worklight en lugar del navegador del dispositivo. Con este enfoque,
su sitio web mvil puede acceder a las funcionalidades nativas del
dispositivo mediante API expuestas por el contenedor nativo. Existen
varios inconvenientes con este enfoque: crear el cdigo de la aplicacin
y la interfaz de usuario de forma remota desde un sitio web puede
degradar significativamente la experiencia de usuario; si las opciones de
almacenamiento en memoria cach solo estn manuales o mediante el
manifiesto HTML5, el funcionamiento fuera de lnea no est optimizado.

2.5.2.2. Recursos HTML5

preempaquetados
Este es el mtodo ms comn al desarrollar aplicaciones mviles
hbridas. Con este enfoque puede crear aplicaciones que utilicen un
contenedor para acceder a las prestaciones del dispositivo al mismo
tiempo que puede aprovechar otros componentes nativos y especficos
de la plataforma, como bibliotecas o elementos especficos de la interfaz
de usuario, para mejorar la aplicacin mvil. A diferencia del enfoque
anterior, los recursos web no se cargan desde un sitio web externo, sino
que se empaquetan dentro de la propia aplicacin. Adems de la
optimizacin de la funcionalidad nativa proporcionada por un contenedor
nativo, la aplicacin puede obtener un mejor rendimiento y sensibilidad,
puesto que todos los recursos necesarios para la funcionalidad de la
20

aplicacin se empaquetan dentro de la propia aplicacin y no es

necesario cargarlos a travs de una red. Utilizando este enfoque, la
aplicacin adquiere la posibilidad de procesar y almacenar datos en la
modalidad de fuera de lnea. Para obtener la mejor experiencia de
usuario es importante la optimizacin para varios factores de forma
utilizando tcnicas como el diseo web receptivo.

2.5.2.3. Combinar web y nativo en el

cdigo y en la interfaz de
usuario(HTML5 + nativo
IU/principalmente nativo con
pantallas HTML5)
Aqu puede combinar elementos web y elementos nativos en uno de
estos dos mtodos: o bien tiene una aplicacin hbrida a la que aade
componentes y gestos de interfaz de usuario nativa o tiene una
aplicacin principalmente nativa y aade pantallas HTML5. Al desarrollar
en este estilo, por ejemplo puede iniciar la aplicacin con una pantalla
nativa y desplazarse a una pantalla web en una fase posterior, o incluso
combinar los componentes nativos y los componentes web en la misma
pantalla. Hay varias ventajas:

Puede optimizar todas las funciones de la plataforma, como

por ejemplo el acceso a la cmara o a la lista de contactos
desde el cdigo nativo y el cdigo JavaScript.
Conseguir un rendimiento y una experiencia del usuario
ampliados donde lo necesite, utilizando las prestaciones
nativas.
Puede reutilizar el cdigo y las habilidades del desarrollo
web usando HTML5/JavaScript/CSS siempre que pueda.

2.5.3.

Desarrollo nativo puro

Con el enfoque del desarrollo nativo puro puede crear aplicaciones que
se escriben para una determinada plataforma y solo se ejecutan en esa
plataforma. Las aplicaciones conseguirn un gran rendimiento y podrn
utilizar todas las funciones de la plataforma como, por ejemplo, el
acceso a la cmara o a la lista de contactos, as como habilitar gestos o
interactuar con otras aplicaciones del dispositivo. Para dar soporte a
plataformas como Android, iOS, Java ME y Windows Phone, deber
desarrollar aplicaciones independientes con distintos lenguajes de
programacin, como por ejemplo Objective-C para iOS, Java para
21

Android o C# para Windows Phone 8. A diferencia de las aplicaciones

web mviles y de escritorio, las aplicaciones nativas e hbridas se
distribuyen mediante una tienda de aplicaciones.

2.5.4.
Aspectos de cada enfoque de
desarrollo.
Cada enfoque de desarrollo tiene ventajas y desventajas. Debe
seleccionar el enfoque de desarrollo apropiado de acuerdo a los
requisitos especficos para cada solucin mvil individual. Esta eleccin
depender fuertemente de las especificaciones de la aplicacin y de sus
requisitos funcionales. El primer paso en un proyecto de desarrollo de
aplicaciones mviles es el mapeo de los requisitos para seleccionar el
enfoque de desarrollo adecuado. Tabla 1 resume los aspectos clave de
los cuatro enfoques de desarrollo y le podr ayudar a decidir qu
enfoque es el apropiado para su aplicacin en concreto.

Tabla 1. Comparacin de los enfoques de desarrollo de aplicaciones mviles. . En esta

tabla, encontrar los distintos aspectos de los desarrollos y el nivel de dificultad o
posibilidades que puede aportarle cada uno de los desarrollos: web, hbrido, hbrido
mixto o nativo.

AHORA ESTAMOS LISTOS PARA CREAR NUESTRA PRIMERA APLICACIN EN

ANDROID.

22

3. Conclusin

Actualmente ya existe una amplia oferta de dispositivos mviles en el

mercado y los fabricantes distribuyen nuevos modelos constantemente.
Como resultado de esta gran variedad de dispositivos, se deben afrontar
los problemas cada vez que se desarrolla una aplicacin Web mvil.
Las soluciones mviles estn mostrando sus beneficios para la gestin
de las empresas en la mejora de la productividad, en la creacin de
nuevos servicios.
Desarrollo de Aplicaciones mviles permiten estar a la vanguardia en
comunicaciones y sistemas de informacin
Los sistemas distribuidos abarcan una cantidad de aspectos
considerables, por lo cual su desarrollo implica mucha complejidad.
Existen ciertos aspectos que requieren extremo cuidado al desarrollarse
e implantarse como el manejo de fallos, el control de la concurrencia,
etc. Existen muchos temas de investigacin relacionados con los
sistemas distribuidos, por ejemplo los planteados en el apartado de
Desafos. Se nota tambin que muchas tecnologas estn en constante
desarrollo y maduracin, lo cual implica un minucioso estudio previo de
muchos factores antes de apostar por alguna tecnologa en especial.
La adopcin de un diseo distribuido de aplicaciones empresariales,
aumenta la reusabilidad, reduce la cantidad de recursos, y los costes
necesarios de desarrollo y mantenimiento.
Este nuevo enfoque de diseo pone en manos de los desarrolladores no
solo la funcionalidad que demandan las aplicaciones, sino tambin la
seguridad, rapidez y flexibilidad.
La plataforma de Apple fue la que ms creci durante el 2010 en cuanto
a la oferta de aplicaciones en trminos absolutos. La Apple App Store
para iPhone dobl su nmero total de aplicaciones durante el pasado
ao, llegando casi a alcanzar las 300.000.
Si nos fijamos en trminos porcentuales (incrementos relativos), Google
Android Market se sita en primer lugar al lograr la nada despreciable
cantidad de 130.000, lo que supone multiplicar por 6 la cantidad de
aplicaciones disponibles en su plataforma un ao antes. BlackBerry App
World y Nokia Ovi Store tambin mostraron incrementos porcentuales

23

de tres dgitos durante el ltimo ao, llegando a las 18.000 y 25.000

aplicaciones respectivamente

4.

Biografa

http://www.tecnomundo.net/2012/03/como-crear-tu-propia-aplicacionmovil-sin-saber-programar/#sthash.MYz4j84O.dpuf
http://www.pcactual.com/articulo/zona_practica/paso_a_paso/paso_a_pas
o_software/12544/crea_una_aplicacion_para_los_dispositivos_android.ht
ml#sthash.ebe4td4o.dpuf
https://play.google.com/apps/publish/signup
http://kenai.com/projects/nbandroid/downloads/download/updatecenter/
updates.xml

24