Cómo crear una app nativa (II): el de­sa­rro­llo técnico de la idea

Tras haber realizado la pla­ni­fi­ca­ción de una app móvil, ha llegado el momento de pasar al diseño de la apli­ca­ción a nivel técnico. Si has decidido ocuparte tú mismo, tienes dos opciones: puedes pro­gra­mar­la, siempre y cuando dispongas de los co­no­ci­mie­n­tos técnicos re­que­ri­dos, o puedes utilizar alguno de los creadores de apps que ofrece el mercado, también llamados app makers, app creators, app builders o app ge­ne­ra­to­rs. En esta segunda parte de nuestra serie, ilu­s­tra­mos cómo puedes crear tu propia app, di­fe­re­n­cia­mos entre estos dos caminos y pre­se­n­ta­mos seis de los mejores creadores de apli­ca­cio­nes di­s­po­ni­bles.

La elección del software más adecuado para el de­sa­rro­llo de una apli­ca­ción no es una cuestión baladí. La variante clásica, la pro­gra­ma­ción con una pla­ta­fo­r­ma es­pe­cí­fi­ca, es la que ofrece el mayor número de po­si­bi­li­da­des, aunque requiere algo más que co­no­ci­mie­n­tos de pro­gra­ma­ción a nivel básico. A menudo, los mejores de­sa­rro­lla­do­res de apli­ca­cio­nes cargan con varios años de ex­pe­rie­n­cia en el sector a sus espaldas. Para los más in­e­x­pe­r­tos, esto implica tener que formarse primero para adquirir algunos co­no­ci­mie­n­tos fu­n­da­me­n­ta­les antes de poder escribir por sí solos el código de una apli­ca­ción usando lenguaje de pro­gra­ma­ción.

En el ámbito del diseño de apps, los expertos suelen usar un entorno de de­sa­rro­llo integrado o IDE, por las siglas en inglés de In­te­gra­ted De­ve­lo­p­me­nt En­vi­ro­n­me­nt, que pone a su di­s­po­si­ción co­m­po­ne­n­tes tales como un kit de de­sa­rro­llo de software (software de­ve­lo­p­me­nt kit, SDK), un editor, un depurador, un co­m­pi­la­dor o un emulador (emulator), entre otros, de tal forma que cuentan con diversos elementos de apoyo, cuyo uso requiere, a su vez, amplios co­no­ci­mie­n­tos in­fo­r­má­ti­cos.

Por el contrario, los populares sistemas modulares persiguen un principio similar al de los uti­li­za­dos en diseño web. En este caso, y dado que su fu­n­cio­na­mie­n­to sigue el principio “lo que ves es lo que obtienes”, más conocido como WYSIWYG (siglas de “What You See Is What You Get”) en una interfaz gráfica intuitiva y fácil de usar, el diseñador no tiene que disponer de grandes co­no­ci­mie­n­tos en pro­gra­ma­ción. Eso sí, estos sistemas están mucho más limitados en cuanto al diseño que un IDE, puesto que un app maker solo incluye una pequeña selección de comandos que son ac­ce­si­bles en la su­pe­r­fi­cie gráfica y su­s­ce­p­ti­bles de ser in­te­gra­dos en la interfaz de usuario.

Para perfilar las di­fe­re­n­cias entre ambas formas de en­fre­n­tar­se al diseño de una apli­ca­ción, de­s­cri­bi­mos primero, a grandes trazos, la pro­gra­ma­ción de apli­ca­cio­nes iOS y Android con un entorno de de­sa­rro­llo integrado.

En el caso de proyectar una apli­ca­ción móvil nativa es­pe­cia­l­me­n­te compleja y exigente desde el punto de vista técnico y gráfico, es imposible no utilizar un IDE. Los sistemas modulares, al no poder procesar grandes ca­n­ti­da­des de datos o usar muchas funciones nativas, como el sensor de posición o de mo­vi­mie­n­to, no re­pre­se­n­tan la mejor opción en este caso.

Un IDE no solo ofrece muchas más po­si­bi­li­da­des, sino que, además, no supone coste alguno. Empresas como Google y Apple ofrecen IDE de primera clase de forma gratuita por una razón muy sencilla: disponer de una gran variedad de apli­ca­cio­nes es lo que hace atractiva a una pla­ta­fo­r­ma para los usuarios. Así, los re­s­po­n­sa­bles de iOS o de Android son los primeros be­ne­fi­cia­rios del de­sa­rro­llo de nuevas apli­ca­cio­nes y de su pu­bli­ca­ción para sus re­s­pe­c­ti­vos sistemas ope­ra­ti­vos. Sin olvidar que los modelos de negocio, tanto de una pla­ta­fo­r­ma, como de la otra, incluyen una comisión por cada apli­ca­ción no gratuita que se vende en sus app stores.

Por lo general, para cada pla­ta­fo­r­ma se usa un IDE especial, por lo que, si se proyecta una apli­ca­ción que ha de funcionar tanto con Android como con iOS, hay que escribir de forma separada cada una de las versiones con un código propio. Y, si bien es cierto que hoy existen entornos in­te­gra­dos como Xamarin, con los cuales se pueden programar apli­ca­cio­nes nativas para Android, iOS o Windows con un código en gran parte idéntico, también lo es que este tipo de entornos de de­sa­rro­llo co­n­s­ti­tu­yen la excepción y conllevan otros re­qui­si­tos (en Xamarin, por ejemplo, usar C#). Si te interesa este tema, esta in­tro­du­c­ción a la pro­gra­ma­ción puede servirte de ayuda.

Las apli­ca­cio­nes para Android utilizan un framework Java, por lo que el requisito fu­n­da­me­n­tal para su de­sa­rro­llo consiste bá­si­ca­me­n­te en tener co­no­ci­mie­n­tos de Java. Si no se domina este lenguaje, pero se conoce C++, es el momento de ponerse al día con Java, ya que ambos lenguajes de pro­gra­ma­ción se asemejan mucho.

El IDE de uso más extendido en la pro­gra­ma­ción de apli­ca­cio­nes para Android es Android Studio. Este entorno de de­sa­rro­llo se basa en IntelliJ IDEA de Java y está di­s­po­ni­ble de forma gratuita. Android Studio forma parte de Android SDK (Software De­ve­lo­p­me­nt Kit) y puede usarse en di­fe­re­n­tes sistemas ope­ra­ti­vos, ya que existen versiones de Android Studio para Microsoft Windows (a partir de Windows 7), para macOS y para sistemas Linux con GNOME o KDE Desktop. Para poder usar este IDE, es necesario instalar una versión del Java De­ve­lo­p­me­nt Kit, cuya descarga es gratuita.

La mayoría de de­sa­rro­lla­do­res de apps para iOS utilizan Xcode, el entorno de de­sa­rro­llo oficial de Apple. Di­s­po­ni­ble en la tienda de Apple, donde se puede descargar con el Apple ID con que cuentan los usuarios de un terminal Mac, es exclusivo del sistema operativo macOS y con él también se pueden programar apli­ca­cio­nes para macOS, iPadOS, tvOS y watchOS.

El IDE homónimo está incluido en el paquete de de­sa­rro­llo. Para poder di­fe­re­n­ciar a uno del otro, suelen usarse los términos Xcode IDE y Xcode Tools re­s­pe­c­ti­va­me­n­te. El Xcode IDE permite escribir una apli­ca­ción usando los Cocoa Fra­me­wo­r­ks y los lenguajes de pro­gra­ma­ción Swift y Objective-C, aunque también se pueden utilizar C, C++ o Java, entre otros lenguajes.

Si en tu caso no dispones de los co­no­ci­mie­n­tos de pro­gra­ma­ción ne­ce­sa­rios, pero aun así quieres crear tu propia apli­ca­ción, un creador de apps podría ser la decisión más acertada. Ac­tua­l­me­n­te hay una gran variedad de sistemas modulares para hacerlo. Sin embargo, a di­fe­re­n­cia de lo que ocurre con los IDE de Google o de Apple, la mayoría no se puede usar de forma gratuita. El modelo de fi­na­n­cia­ción de la mayor parte de app makers se basa en el pago de una cuota mensual, tanto por el uso del programa, como por el alo­ja­mie­n­to de la apli­ca­ción final, y, en algunos casos, la di­s­tri­bu­ción comercial de la apli­ca­ción, algo por lo que, en general, se debería pagar aparte. No obstante, a menudo es posible diseñar y testear la apli­ca­ción sin costes y pagar solo en el momento de su pu­bli­ca­ción.

¿Qué se obtiene en un app creator? En general, estos programas de creación por módulos son ideales para apli­ca­cio­nes con un mayor peso de imagen y texto, por lo que son una buena opción para empresas y or­ga­ni­za­cio­nes pequeñas y medianas que, mediante una apli­ca­ción, quieren informar sobre productos, servicios o temas es­pe­cí­fi­cos. Algunos permiten incluso la creación de una tienda online (shopping app).

Entre las pre­s­ta­cio­nes de muchos app builder, también se incluyen los Feeds de RSS y las no­ti­fi­ca­cio­nes push, adecuadas para una apli­ca­ción de noticias o de eventos, así como funciones de geo­ta­r­ge­ti­ng o la in­te­gra­ción de la cámara (con li­mi­ta­cio­nes).

En cambio, un app maker no permite im­ple­me­n­tar funciones que se conocen de otras apli­ca­cio­nes (in­te­gra­ción de funciones nativas del di­s­po­si­ti­vo como la cámara, el micrófono o Bluetooth) y, en caso de que sea posible, solo con im­po­r­ta­n­tes re­s­tri­c­cio­nes. Otras funciones que no soportan o apenas lo hacen son el uso del sensor de ace­le­ra­mie­n­to del di­s­po­si­ti­vo o vi­deo­jue­gos. Aun con la aparición de fa­bri­ca­n­tes es­pe­cia­li­za­dos en juegos para apli­ca­cio­nes como GameSalad, con estos solo puedes utilizar gráficos pre­de­te­r­mi­na­dos en 2D y elementos de juego ya es­ta­ble­ci­dos.

El que un app creator disponga de una paleta más reducida de funciones frente a un entorno integrado no es so­r­pre­n­de­n­te, pues, en de­fi­ni­ti­va, las opciones de diseño de que disponen consisten en cadenas de comandos pre­de­te­r­mi­na­das de cada lenguaje de pro­gra­ma­ción. A través de una interfaz de usuario gráfica, los sistemas de diseño modulares ponen a di­s­po­si­ción de usuarios sin ex­pe­rie­n­cia de­te­r­mi­na­dos comandos de un lenguaje y sus co­m­po­ne­n­tes. Asimismo, estos programas disponen de una paleta es­pe­cí­fi­ca de acciones con las cuales poder construir una apli­ca­ción.

Un sistema de diseño modular es como aquel párrafo en una guía de viajes que contiene las palabras y frases más im­po­r­ta­n­tes en el idioma del país adonde se viaja. Este patrón básico puede ser muy útil para co­mu­ni­car­se en ciertas si­tua­cio­nes, pero si la situación lo excede será muy difícil co­mu­ni­car­se en ese idioma. De la misma forma, estos sistemas contienen diversas in­s­tru­c­cio­nes que se pueden usar aún sin dominar el lenguaje de pro­gra­ma­ción (integrar imagen, por ejemplo) porque los comandos ne­ce­sa­rios son generados desde la interfaz de usuario (mediante drag and drop, por ejemplo) y son im­ple­me­n­ta­dos por el programa sin tener que hacer nada más. Sin embargo, dado que un app builder solo utiliza una porción del vo­ca­bu­la­rio completo de un lenguaje o solo se han elaborado algunos comandos para la interfaz, el usuario dispone de un número limitado de funciones.

Los creadores de apli­ca­cio­nes que pre­se­n­ta­mos en este apartado consisten ex­clu­si­va­me­n­te en programas para im­ple­me­n­tar apli­ca­cio­nes móviles nativas, tanto Android como iOS, desde el navegador, aunque muchos también permiten de­sa­rro­llar apli­ca­cio­nes web o una página al uso.

El abanico de precios entre los app builder es re­la­ti­va­me­n­te amplio y es posible escoger entre di­fe­re­n­tes modelos en cada uno de los casos. La variante estándar suele costar entre 10 y 20 euros al mes, mientras que el precio de una versión Premium puede superar la marca de los 100 euros mensuales –aunque también pre­se­n­ta­mos un programa co­m­ple­ta­me­n­te gratuito. Entre una variante y otra, contar con ca­ra­c­te­rí­s­ti­cas extra como los mensajes push, supone aumentar la cuota mensual (de 20 a 50 euros mensuales). En de­fi­ni­ti­va, elegir el app maker más adecuado para un proyecto depende de las funciones que requiera la apli­ca­ción.

Cada una de las seis opciones que se presentan se­gui­da­me­n­te permite integrar en la apli­ca­ción redes sociales como Facebook o Twitter o im­ple­me­n­tar pla­ta­fo­r­mas de visionado en directo como YouTube o Sou­n­d­Cloud y pueden probarse gra­tui­ta­me­n­te antes de pagar por una su­s­cri­p­ción.

A co­n­ti­nua­ción, definimos las ca­ra­c­te­rí­s­ti­cas que di­fe­re­n­cian a cada una de estas opciones.

Ap­p­Ma­chi­ne es un creador de apps que, además de Android y iOS, también soporta sistemas Windows y Bla­c­k­be­rry. Se di­fe­re­n­cia del resto por la función Wizard, que reconoce diversos co­m­po­ne­n­tes de una página web y los copia a la apli­ca­ción. Si ya se tiene una página web y contiene elementos te­má­ti­ca­me­n­te idénticos a los que ha de tener la apli­ca­ción, esta función es muy útil, porque el programa los escanea y los importa a la misma. Ap­p­Ma­chi­ne también ofrece una enorme variedad de temas de diseño y sus funciones, muy fáciles de usar, se muestran de forma in­te­li­gi­ble. A esto se añade la po­si­bi­li­dad de generar ingresos con pu­bli­ci­dad in-app. Ap­p­Ma­chi­ne también ayuda a los de­sa­rro­lla­do­res en la pu­bli­ca­ción y co­me­r­cia­li­za­ción de su propia apli­ca­ción. Na­tu­ra­l­me­n­te, todo esto tiene un precio y es el que posiciona a este programa en el puesto más exigente en cuanto a costes.

Ap­p­You­r­se­lf se desmarca sobre todo porque con la creación de una apli­ca­ción nativa se obtienen al mismo tiempo una web app y una página web. Los co­n­te­ni­dos de las tres versiones son idénticos, pero adaptados a los formatos re­s­pe­c­ti­vos, y los cambios se si­n­cro­ni­zan au­to­má­ti­ca­me­n­te. Este programa está indicado sobre todo para aquellas empresas que aún no cuentan con una página web que contenga de antemano los co­n­te­ni­dos para la apli­ca­ción futura. Gracias a in­te­r­fa­ces co­ne­c­ta­das con otras pla­ta­fo­r­mas como, por ejemplo, Tri­pA­d­vi­sor o Yelp, se pueden si­m­pli­fi­car muchos procesos (tanto en la empresa como a los clientes).

Este app creator dispone de un editor muy fácil de usar pero, como co­n­tra­pa­r­ti­da, sus opciones de diseño son más limitadas que en otros sistemas.

Si tu futura apli­ca­ción se enmarca en el sector del comercio ele­c­tró­ni­co, Swiftic podría ser la solución modular idónea. Si bien es cierto que Ap­p­Ma­chi­ne, Ap­p­You­r­se­lf y Shoutem ya ofrecen muchas funciones en este sentido, a duras penas hay algún sistema que tenga la misma cantidad de opciones que Swiftic para realizar una apli­ca­ción para una tienda en línea. Además, Swiftic también es muy útil para los re­s­tau­ra­n­tes, pues pro­po­r­cio­na una gran selección de pla­n­ti­llas para crear menús.

Un co­m­po­ne­n­te de gran utilidad en las apli­ca­cio­nes de Swiftic son sus he­rra­mie­n­tas de marketing, con las que se pueden integrar fá­ci­l­me­n­te los códigos de oferta, las tarjetas de fi­de­li­za­ción y los vales. Es más, Swiftic co­n­tri­bu­ye al aumento de ventas gracias al email marketing y las in­te­gra­cio­nes en las redes sociales.

Este app builder para iOS y Android convence por su variedad de opciones en cuanto a diseño, ya que permite escoger entre una gran cantidad de temas atra­c­ti­vos y de aspecto pro­fe­sio­nal que se pueden modificar para adaptase a las ne­ce­si­da­des pe­r­so­na­les. Goo­d­Ba­r­ber también se desmarca con algunas funciones menos ha­bi­tua­les como Geo­fe­n­ci­ng y iBeacon y community ma­na­ge­me­nt. Es digno de mencionar, asimismo, que permite la co­la­bo­ra­ción de varios de­sa­rro­lla­do­res, asignando a cada uno de los im­pli­ca­dos un rol de­te­r­mi­na­do como ad­mi­ni­s­tra­dor o usuario. Si quieres crear una apli­ca­ción para compras, en­co­n­tra­rás incluso una oferta especial para ello. En Goo­d­Ba­r­ber se pueden de­sa­rro­llar apli­ca­cio­nes para Android, iOS y la web (como apli­ca­ción web pro­gre­si­va).

En el caso de Mobincube, se trata de uno de los pocos sistemas de módulos que permite crear y di­s­tri­buir una apli­ca­ción nativa de forma co­m­ple­ta­me­n­te gratuita. Ya la versión más sencilla dispone de una de­s­ta­ca­ble cantidad de funciones y temas, aunque hay que contar con la presencia de pu­bli­ci­dad.

Si decides optar por la versión de pago, puedes generar ingresos con la pu­bli­ci­dad: Mobincube cuenta con una red pu­bli­ci­ta­ria propia que inserta anuncios en la apli­ca­ción y por cuyos clics el pro­pie­ta­rio de la apli­ca­ción recibe una pequeña comisión. La versión de pago, aun así, a un precio muy co­m­pe­ti­ti­vo, permite des­ac­ti­var esta opción. Como co­n­tra­pa­r­ti­da, se obtiene una paleta más amplia de funciones y temas.

Shoutem destaca sobre todo en dos aspectos: por un lado, dispone de funciones de social media para la creación de una comunidad propia, de­sa­rro­lla­das ex­pre­sa­me­n­te para la apli­ca­ción y, por otro, está vinculado a un gran número de redes pu­bli­ci­ta­rias con las que im­ple­me­n­tar pu­bli­ci­dad in-app en multitud de formas. Este app builder para iOs y Android se ca­ra­c­te­ri­za, además, por ser un programa muy fácil de usar.

Con Shoutem, también es posible im­ple­me­n­tar sistemas de compra fá­ci­l­me­n­te: basta con que conectes la apli­ca­ción a Shopify para poder vender tus productos en di­fe­re­n­tes pla­ta­fo­r­mas de forma si­mu­l­tá­nea.

Shoutem cuenta con más de 200 pla­n­ti­llas pe­r­so­na­li­za­bles con las que podrás conseguir un diseño de app de calidad. Para un grado de co­m­ple­ji­dad mayor, utiliza Shoutem para de­sa­rro­lla­do­res, que permite acceder al código fuente y añadir más funciones.