Aplicaciones móviles Nombre: Jorge Arturo Arciga Orozco Materia: fundamentos de la investigación
Índice 1. Introducción……………………………………………………………………………….. .1 2. Desarrollo………………………………………………………………………………….. .2 2.1. Como crear aplicaciones euro…………………………………….3
móviles
sin
gastar
un
2.2. Es simple…………………………………………………………………………………….5 2.3. Aprende a crear tu Android…………………………………….6
propia
aplicación
para
2.3.1. Pon a punto programa………………………………………………………………6
el
2.3.2. Panel diseño…………………………………………………………………………7
de
2.3.3. Tu primera pantalla……………………………………………………………………8 2.3.4. Elementos visibles…………………………………………………………………..9
no
2.3.5. Editor bloques………………………………………………………………………9
de
2.3.6.Utiliza el emulador……………………………………………………………………11 2.3.7. Crea una lista…………........................................................................................... ......12 2.3.8. Empaqueta app……………………………….........................................................13 2.3.9. Publícala en Google Stor………………………………………………………..14 2.4. Configuración de NetBeans Android........................................15
para
2.5. Al desarrollo de móviles……………………………………………………19 2.5.1. Desarrollo de sitios web móviles…………………………………….19
de
tu
Play desarrollar
en
aplicaciones escritorio
y
2.5.2. Desarrollo híbrido…………………………………………………………………….20 2.5.2.1. Aplicaciones shell nativas que contienen un sitio web móvil externo……………..20 2.5.2.2. Recursos preempaquetados………………………………………………..20
HTML5
2.5.2.3. Combinar web y nativo en el código 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. Conclusión………………………………………………………………………………… 23 4. Biografía…………………………………………………………………………………... 24
1. Introducción
Las aplicaciones web son construidas usando tecnologías web estándar. Funcionan en cualquier navegador web moderno y pueden ser desarrolladas usando sus herramientas favoritas. Algunas características que distinguen las aplicaciones web de los sitios web: Las aplicaciones son instaladas por un usuario, son autónomas, no siempre requieren el marco de una ventana del navegador y pueden construirse para ser usadas sin conexión. Gmail, Twitter y Etherpad son aplicaciones web. 1.
1
2. Desarrollo
Quizás tengas una muy buena idea para una aplicación móvil, 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 razón necesitas crear una aplicación 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 programación. Si este es el caso, no estás solo, miles de personas han chocado con la misma barrera y al menos que tengas unos cuantos cientos de dólares para pagarle a un programador, tu aplicación no dejará de ser un sueño. Pero no todo está perdido. Varias compañías han entendido que miles de personas tienen la misma necesidad de crear una aplicación móvil, y no saben cómo hacerlo. Estas compañías han desarrollado una serie de herramientas sumamente fáciles de usar, y que te permiten gratuitamente o a muy bajo tener tu propia aplicación móvil sin necesidad de escribir una sola línea de código. Veamos algunas de ellas:
Imagen1-0-1
Magmito: Creado por la compañía 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 aplicación al App Store, o Android Market sin necesidad de recrear todo el proceso para cada sistema operativo. Magmito te permite también crear publicidad para tu aplicación, utilizando códigos de QR o enlaces para Facebook y otras redes sociales. La aplicación que desarrollas con Magmito puede elementos como textos, fotos, gráficos, videos, mapas de Google, RSS, y muchas otras cosas más. Crear la aplicación es gratis, pero debes pagar una módica cuota mensual que comienza en los $5 dólares para mantener tu aplicación activa.
2
Imagen 1-0-2
Conduit: La compañía 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 aplicación para el iOS o Android en cuestión 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 aplicación. Actualmente Conduit tiene una promoción que te ayuda con el proceso de aceptación en el App Store de Apple completamente gratis.
Imagen 1-0-3
AppBuilder: La más cara de las tres opciones, AppBuilder te permite crear tu propia aplicación gratis, sin embargo debes pagar una mensualidad de que empieza en $19.99 dólares si quieres mantener tu aplicación 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 aplicación incluyendo notificaciones, interacción con las redes sociales, fotos, videos y mucho más.
2.1. Como crear aplicaciones móviles sin gastar un euro Cada vez pasamos más tiempo usando aplicaciones en lugar de los navegadores de nuestros dispositivos móviles. Gracias a las apps podemos acceder a la información o a las funciones que nos interesan de manera más rápida y más 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 compañías que 3
desarrollan aplicaciones, pero también podemos encontrar en Internet herramientas gratuitas que permiten crear apps para tu negocio de modo sencillo. En este artículo presentamos cinco de las más conocidas. AppMakr es una plataforma que permite crear apps que distribuya el contenido que crea una empresa en su web en pocos segundos. Una aplicación creada en AppMakr puede ser difundida a través 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, móviles con Android y Windows 8. Sin lugar a dudas, una interesante herramienta que a más de uno le servirá para tener su propia aplicación y promocionar su producto o servicio de manera gratuita, efectiva y veloz, siempre y cuando sepa a que apuntar. Otra opción es UppSite, un programa que crea aplicaciones para dispositivos móviles centrándose en ofrecer los contenidos de la web de la empresa de un modo rápido. Es compatible tanto con sistemas Apple como Android y Windows iPhone. Además de distribuirse en la App Store (Apple) y Google Play (Android), UppSite dispone de tienda online. También destacamos Mobincube, una plataforma algo más ambiciosa que las anteriores. Ofrece la posibilidad de diseñar y desarrollar aplicaciones de cualquier tipo. Con Mobincube, se puede crear una aplicación para cualquier smartphone o tableta utilizando un buen número 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 aplicación para teléfonos inteligentes con sistemas Android e iOS (iPhones) sin tener que gastar un solo euro por eso. Yapp es gratuita pero que hay también opciones de pago para programadores profesionales con más funcionalidades a su medida. El caso es que el negocio de las aplicaciones para dispositivos móviles está creciendo como la espuma. Se trata de un mercado todavía poco explorado y cualquiera que tenga una buena idea puede desarrollar su aplicación y distribuirla, sin la necesidad de un gran equipo detrás.
Imagen 1-0-4
4
La mayoría de las redes sociales existentes alardean de los cientos de millones de amigos que tienen en línea. Pero, ¿quién quiere pasar sus días leyendo las actualizaciones de cientos de millones de “amigos en línea”? 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 aplicación móvil para tu empresa, de forma gratuita. Con esta aplicación, puedes crear tu propia aplicación móvil 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 aplicación: compartir fotos, vídeos, 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 teléfonos inteligentes con HTML5 habilitados. No es necesario saber nada de programación. Se trata de “arrastrar y soltar”, y hay videos de ayuda para casi todo el proceso. Puedes construir tu propia aplicación relativamente pronto. Crear tu propia aplicación móvil para el beneficio de tu empresa parece ser fácil. Todo el sitio es de arrastrar y soltar. Escoges lo que deseas incluir en tu aplicación, y luego solo lo arrastras. Si te pierdes en algún momento hay videos de ayuda para cada paso, y soporte para conversaciones en modo de espera. Solo debes de seguir tres pasos y la aplicación se hará cargo de todo lo demás.
2.2 Es simple
Primero reúne tu contenido: decide lo que deseas incluir en tu aplicación. Por ejemplo algunos canales sociales, un calendario en vivo de los próximos eventos o la promoción de tu restaurante, que incluyes en tu menú y un enlace a la entrega.
Arrastrar y soltar: inicia la sesión en “La Máquina” y empieza a crear tu aplicación siguiendo las instrucciones paso a paso. Elige los colores e imágenes de fondo que deseas y arrastra el contenido y las funciones que deseas incluir.
Publicar en los mercados: una vez que tengas tu aplicación móvil propia querrás que llegue a las manos de tus clientes y clientes vip. La aplicación ofrece la publicación de inmediato a todos los teléfonos inteligentes habilitados para la web y en el propio mercado nativo de la aplicación. También puedes optar por publicar una serie de primas en los mercados para aumentar la exhibición de su aplicación por ejemplo. 5
Esta empresa tiene una fuerte conexión con sus “hermanos” primates. Es por eso que están preocupados por la deforestación y la destrucción de su hábitat en Borneo. Infinite Monkeys dona el 10% de sus beneficios anuales a la divulgación sin fines de lucro al grupo Orangután Outreach, en apoyo de sus esfuerzos de conservación de orangutanes en Borneo. Cada aplicación ayuda a crear cuidar y proteger a los orangutanes huérfanos desplazados y necesitados. Si te interesa el mundo de la programación de aplicaciones móviles 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: encontrarás muchas funciones ya definidas en forma de bloques y la flexibilidad a la hora de combinarlas te permitirá potenciar al máximo tu creatividad. Su carácter gratuito la hace recomendable para todo tipo de usuarios. Eso sí, si quieres exprimir al máximo todas sus posibilidades, necesitarás un cierto tiempo de adaptación y aprendizaje de la herramienta. Lo ideal es que tengas unas mínimas nociones generales sobre programación para poder diseñar más fácilmente el flujo de acciones y comprender en profundidad la utilidad de cada bloque, aunque no será necesario que modifiques el código fuente. Aprende en este práctico cómo iniciarte en App Inventor y lánzate al mercado de las apps. Si además requieres más información, te recomendamos que eches mano de los tutoriales que encontrarás en la sección Learn y en Reference Documentación, para conocer en profundidad cada uno de los bloques.
2.3 Aprende a crear tu propia aplicación para Android 2.3.1 Pon a punto el programa Visita en primer lugar la web oficial de App Inventor. Necesitarás 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 construcción de la aplicación: diseño, definición del comportamiento y simulación. Antes de pasar a utilizarlas, habrás de comprobar que cuentas con todo lo requerido. Acude a la página 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 pasarás a la descarga del software de escritorio App Inventor. En el último paso, escoge si deseas probar tus aplicaciones con tu propio teléfono o utilizar el emulador. Este último simulará un dispositivo Android que podrás
Imagen1-0-4
manejar a través del ordenador como si de un móvil real se tratara.
2.3.2 Panel de diseño El panel de diseño es accesible desde el navegador. En la página 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, hallarás utilidades básicas como botones, inserción de imágenes, cuadros de texto, etiquetas… La subsección Media contiene componentes como acceso a la cámara de fotos y vídeo, galería de fotografías, sonido, reproductor de vídeo… Social incluye los elementos 7
necesarios para seleccionar contactos, números de teléfono de la agenda, correos electrónicos…
Sensors, por su parte, nos brinda la oportunidad de para obtener información tal como la localización Imagen 1-0- 5Para conocer algún detalle orientación del dispositivo. una de ellas, pincha en el símbolo de la interrogación junto a su título.
2.3.3
utilizar sensores geográfica o la más sobre cada que encontrarás
Tu primera pantalla
Pincha Imagen en 1-0-Screen 1 en la sección Components. En la columna de la 5 derecha se listarán sus propiedades. Establece una imagen de fondo cargándola con BackgroundImage. Para que no se distorsione, es conveniente que utilices un fondo plano o alguno de los tamaños por defecto para este tipo de pantallas. Carga también otra imagen en Icon para que sirva de gráfico identificativo de la aplicación y marca en Scrollable si deseas permitir el uso del scroll. Ahora, añade un botón arrastrando hacia la pantalla el elemento Basic/Button. Selecciónalo 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 también 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 alineación horizontal o vertical de varios elementos con HorizontalArrangement y VerticalArrangement, respectivamente.
8
2.1.1.3.4. Elementos no visibles
Imagen Se 1-0-6 denominan
no visibles porque no se muestran físicamente en el panel de diseño, como por ejemplo los archivos de sonido. Prueba a agregar un fichero a través de la opción Source en Media/Sound. El procedimiento para agregar estos elementos es el mismo que para aquellos visibles: arrástralo hacia el visor. Aparecerán listados en la parte inferior del panel, bajo el epígrafe Nonvisible components. Otros elementos similares son Camera, Camcorder o Player, al igual que todos los incluidos en la sección LEGO MINDSTORMS. Esta última incluye componentes, registrados bajo la marca Lego, que te permitirán construir juegos de robótica.
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 botón que hemos creado y el fichero de sonido cargado. Pincha en Open the Blocks Editor. Se generará un fichero Java con extensión JNLP que deberás guardar en tu PC. Ábrelo y accederás al editor de bloques. Acude ahora a la pestaña My Blocks y verás la lista de todos los bloques que hayas añadido en el panel de diseño. Selecciona Button 1 y observa sus opciones, que aparecerán en forma de piezas de puzzle. Hay tipos de piezas que indican acciones y otras para componentes. Tu misión es encajarlas para conseguir el comportamiento deseado. Probemos a establecer que al pinchar sobre
nuestro botón se reproduzca nuestro fichero de música. 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 teléfono Android típico. Para conectar el editor con el teléfono, pincha en Connect to Device y selecciona el emulador. La transferencia de información puede llegar a tardar dos o tres minutos, así que ten paciencia. Después, accede al menú de aplicaciones como si de un dispositivo real se tratara y prueba la tuya. El procedimiento para utilizar un móvil Android desde el editor es análogo. Conéctalo al ordenador mediante un puerto USB y, antes de iniciar la simulación, comprueba que tu configuración está habilitada para hacer este tipo de uso del teléfono. Para ello, sigue los pasos que encontrarás en la página oficial de la aplicación. Recuerda que por ahora los archivos se encuentran exclusivamente en tu ordenador.
2.3.7. Crea una lista Volvamos al panel de diseño para añadir el elemento ListPicker, que permite la elección entre una serie de opciones. Este está asociado a un 11
botón, con el que invitaremos al usuario a escoger entre la lista. Nosotros haremos la nuestra propia con los números de PC Actual. Después acude al editor de bloques para crear una variable global, en nuestro caso Números, con Built-in/Definition/Variable. Luego, agrega el bloque Make a list, que encontrarás 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 través de My Blocks/My Definitions/global Numeros. Cuando el usuario abra la aplicación y pinche en nuestro botón Escoge un número, se mostrarán ante él los números de la revista que hayamos determinado. Para indicar la acción a realizar después, 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 añadiendo nuevas funciones. En el panel de diseño, pincha en Add Screen si quieres que tu aplicación contenga más de una pantalla. No olvides guardar periódicamente el trabajo con Save y establecer un 12
punto al que retornar cuando consigas un hito a través de Checkpoint. Cuando consideres que has finalizado la app, busca en la esquina superior derecha el menú Package for Phone.
Imagen 1-0-9
Encontrarás tres opciones. La primer, Show barcode generará un código QR asociado a tu cuenta y aplicación y para tu uso propio. Para bajarte el programa a tu ordenador, escoge Download to this computer y el código fuente se guardará en forma de archivo APK. Para descargarla en tu teléfono inteligente, opta por Download to Connected Phone y recuerda que necesitarás tener el editor de bloques abierto, así como el dispositivo conectado a tu PC mediante el puerto USB.
2.3.9. Publícala en Google Play Store La publicación de tu aplicación no es un paso obligatorio, pero si optas por abrirla al gran público, debes saber que para publicarla en Google Play Store debe contener tanto un código como un nombre de versión. El primero es un número entero que indica si la app ha sido actualizada a una versión superior o inferior. El segundo es una cadena de texto que típicamente especifica esta misma información como 1.0, 2.0, etc. Podrás definir ambos en el panel de diseño, en los apartados VersionCode y VersionName, y deberás 13
actualizarlo cada vez que quieras subir una nueva versión a la Red. Después, deberás 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 descripción y establecer un precio. La cuenta de desarrolladores tiene una cuota de registro de 25 dólares. No olvides tampoco consultar la política de comisiones de Google en caso de que tu app no sea gratuita.
2.4. Configuración de NetBeans para desarrollar en Android
Como ya lo habíamos visto, el desarrollo de aplicaciones para Android se desarrolla en Java y podemos utilizar el IDE de programación que nos sea más 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 pestaña Settings. Ahí agregamos un nuevo repositorio con la URL tal como muestra la siguiente figura.
2. Luego vamos a la pestaña Available Plugins y en la caja de busqueda escribimos “android”, con lo cual se mostrarán solamente los complementos de android. Debemos seleccionar “Android” y “Android Test Runner for NetBeans 7.0.x” y después presionar el botón “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 categoría 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 configuración:
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 versión 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 móviles
Figura 1.0.16. Espectro de métodos de desarrollo de aplicaciones móviles
18
2.5.1. Desarrollo de sitios web de escritorio y móviles Con el método de desarrollo de sitios web los usuarios inician su navegador preferido y van al sitio web de empresa. La aplicación se ejecuta dentro del navegador del dispositivo móvil y utiliza tecnologías estándar como HTML5, CSS3 y JavaScript para crear el sitio web. La aplicación es independiente de cualquier plataforma, de manera que no se necesita desarrollar una nueva aplicación para dar soporte a una nueva plataforma móvil. Es posible que se necesiten modificaciones en la aplicación para admitir diferentes motores de navegación. Sin embargo, como inconveniente, las aplicaciones web para dispositivos móviles no pueden acceder a las funciones de dispositivos, como la lista de contactos, porque solo dependen del navegador del y los estándares web asociados. Además, si el sitio web, y especialmente los sistemas de fondo de la empresa, no están optimizados para las interacciones móviles, la experiencia de usuario será poco agradable. Las aplicaciones web de móvil no se distribuyen a través de tiendas de aplicaciones. Se accede a ellas a través de un enlace al sitio web o mediante un marcador en el navegador móvil del usuario.
2.5.2.
Desarrollo híbrido
Con el enfoque de desarrollo híbrido, puede crear aplicaciones que usen tanto parte de los enfoques del desarrollo nativo como del desarrollo web con estándares como HTML5, JavaScript y CSS. La aplicación híbrida se ejecuta en el marco de un contenedor nativo y utiliza el motor del navegador para mostrar la interfaz de la aplicación. La interfaz a menudo se basa en HTML y en JavaScript, y también puede incorporar 19
elementos nativos. El contenedor nativo permite a la aplicación acceder a las prestaciones del dispositivo a las que las aplicaciones web no pueden acceder, como son el acelerómetro, la cámara y el almacenamiento local de un teléfono inteligente. Estas prestaciones se pueden optimizar desde JavaScript mediante Apache Córdova. La aplicación se crea utilizando el IDE nativo de sistema operativo móvil, como por ejemplo Xcode. Así como sucede con las aplicaciones nativas puras, las híbridas se distribuyen a través de la tienda de aplicaciones de la plataforma. Tal como se muestra en el diagrama, hay varios métodos posibles para el desarrollo híbrido:
2.5.2.1. Aplicaciones shell nativas que contienen un sitio web móvil externo Este enfoque es similar al desarrollo de sitios web móviles; sin embargo, su sitio web móvil se muestra dentro de un shell nativo proporcionado por Worklight en lugar del navegador del dispositivo. Con este enfoque, su sitio web móvil puede acceder a las funcionalidades nativas del dispositivo mediante API expuestas por el contenedor nativo. Existen varios inconvenientes con este enfoque: crear el código de la aplicación 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 están manuales o mediante el manifiesto HTML5, el funcionamiento fuera de línea no está optimizado.
2.5.2.2. Recursos HTML5 preempaquetados Este es el método más común al desarrollar aplicaciones móviles híbridas. 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 específicos de la plataforma, como bibliotecas o elementos específicos de la interfaz de usuario, para mejorar la aplicación móvil. A diferencia del enfoque anterior, los recursos web no se cargan desde un sitio web externo, sino que se empaquetan dentro de la propia aplicación. Además de la optimización de la funcionalidad nativa proporcionada por un contenedor nativo, la aplicación puede obtener un mejor rendimiento y sensibilidad, puesto que todos los recursos necesarios para la funcionalidad de la 20
aplicación se empaquetan dentro de la propia aplicación y no es necesario cargarlos a través de una red. Utilizando este enfoque, la aplicación adquiere la posibilidad de procesar y almacenar datos en la modalidad de fuera de línea. Para obtener la mejor experiencia de usuario es importante la optimización para varios factores de forma utilizando técnicas como el diseño web receptivo.
2.5.2.3. Combinar web y nativo en el código 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 métodos: o bien tiene una aplicación híbrida a la que añade componentes y gestos de interfaz de usuario nativa o tiene una aplicación principalmente nativa y añade pantallas HTML5. Al desarrollar en este estilo, por ejemplo puede iniciar la aplicación 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 cámara o a la lista de contactos desde el código nativo y el código JavaScript. Conseguirá un rendimiento y una experiencia del usuario ampliados donde lo necesite, utilizando las prestaciones nativas. Puede reutilizar el código 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 conseguirán un gran rendimiento y podrán utilizar todas las funciones de la plataforma como, por ejemplo, el acceso a la cámara 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 programación, como por ejemplo Objective-C para iOS, Java para 21
Android o C# para Windows Phone 8. A diferencia de las aplicaciones web móviles y de escritorio, las aplicaciones nativas e híbridas 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 específicos para cada solución móvil individual. Esta elección dependerá fuertemente de las especificaciones de la aplicación y de sus requisitos funcionales. El primer paso en un proyecto de desarrollo de aplicaciones móviles 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 aplicación en concreto.
Tabla 1. Comparación de los enfoques de desarrollo de aplicaciones móviles. . 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, híbrido, híbrido mixto o nativo.
AHORA ESTAMOS LISTOS PARA CREAR NUESTRA PRIMERA APLICACIÓN EN ANDROID.
22
3. Conclusión
Actualmente ya existe una amplia oferta de dispositivos móviles 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 aplicación Web móvil. Las soluciones móviles están mostrando sus beneficios para la gestión de las empresas en la mejora de la productividad, en la creación de nuevos servicios. Desarrollo de Aplicaciones móviles permiten estar a la vanguardia en comunicaciones y sistemas de información 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 investigación relacionados con los sistemas distribuidos, por ejemplo los planteados en el apartado de Desafíos. Se nota también que muchas tecnologías están en constante desarrollo y maduración, lo cual implica un minucioso estudio previo de muchos factores antes de apostar por alguna tecnología en especial. La adopción de un diseño distribuido de aplicaciones empresariales, aumenta la reusabilidad, reduce la cantidad de recursos, y los costes necesarios de desarrollo y mantenimiento. Este nuevo enfoque de diseño pone en manos de los desarrolladores no solo la funcionalidad que demandan las aplicaciones, sino también la seguridad, rapidez y flexibilidad. La plataforma de Apple fue la que más creció durante el 2010 en cuanto a la oferta de aplicaciones en términos absolutos. La Apple App Store para iPhone dobló su número total de aplicaciones durante el pasado año, llegando casi a alcanzar las 300.000. Si nos fijamos en términos porcentuales (incrementos relativos), Google Android Market se sitúa 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 año antes. BlackBerry App World y Nokia Ovi Store también mostraron incrementos porcentuales
23
de tres dígitos durante el último año, llegando a las 18.000 y 25.000 aplicaciones respectivamente
4.
Biografía
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
