blog

Si queremos adentrarnos en el mundo del desarrollo de aplicaciones para las plataformas Apple, ya sea iOS, macOS, watchOS o tvOS, deberemos de conocer y dominar Xcode, la herramienta que nos facilita Apple a todos los desarrolladores que deseemos desarrollar software para sus diferentes sistemas.

Un vez iniciamos Xcode puede resultar bastante abrumador, pero en realidad es una herramienta muy bien pensada y muy bien diseñada, la cual nos hace a los desarrolladores la vida más fácil.

Si que es cierto que al principio podemos andar algo perdidos por la herramienta, por lo que iniciare una serie de artículos y tutoriales para cubrir las diferentes áreas de esta fantástica herramienta de desarrollo de software.

Arrancando la aplicación

Una vez arrancamos la aplicación Xcode, lo primero que veremos es la pantalla de bienvenida, la cual nos muestra varias opciones para empezar a trabajar.

A la derecha veremos una lista , que inicialmente estará vacía, con los últimos proyectos que hayamos creado, permitiéndonos de esta forma poder continuar trabajando en ellos de una forma rápida y sencilla.

A la izquierda veremos que nos muestra tres opciones:

La primera de ellas «Get started with a playground»  nos permite empezar a trabajar en un playground. Un playground es una forma «simplificada» del área de trabajo de Xcode, la cual nos permite de una forma muy rápida empezar a trabajar en nuestro código sin necesidad , inicialmente, de tener que crear un proyecto completo ni de configurar las características del mismo. Esta opción es muy útil cuando queremos simplemente probar algo de código, trabajar en algunas clases etc. Es una opción ideal para cuando estamos empezando a aprender Swift, el lenguaje de desarrollo que usaremos para desarrollar nuestras apps.

Con la segunda opción, «Create a new Xcode project» , como su nombre indica, vamos a poder crear y configurar un proyecto de Xcode completo de principio a fin. No solo escribiendo el código sino también diseñando la interfaz gráfica, configurando todas las opciones, firmándolo con nuestro certificado de desarrollador (en el caso que tengamos licencia de desarrollo vigente de Apple) y subirlo para revisión y posterior distribución en el App Store.  Esta es la opción que normalmente elegiremos cuando vayamos a trabajar creando nuevos proyectos para cualquiera de los sistemas de Apple.

La tercera , y última opción de esta lista de opciones iniciales, es «Clone an exixting project» , opción que nos va a permitir empezar un proyecto partiendo de otro proyecto ya existente. Esta opción nos puede ser útil para hacer pruebas de versiones, por ejemplo, o para iniciar un nuevo proyecto basado en otro ya existente.

Empezando con un playground

Tal como hemos comentado, un playground es un espacio de trabajo que nos va a permitir poder empezar a trabajar con nuestro código pero sin tener que configurar un proyecto entero. Tampoco va a ser necesario que tengamos certificados de desarrollador instalados, ni nada por el estilo. Simplemente podemos empezar a introducir nuestro código y empezar a probarlo.

Para ello seleccionamos la primera opción y nos aparecerá una pantalla como esta, la cual nos va a permitir seleccionar para que sistema queremos crear nuestro playground. En este caso hemos seleccionado iOS.

Veremos que en la zona central nos aparece un panel el cual nos va a permitir seleccionar la plantilla sobre la que queremos empezar nuestro playground. Tenemos varias opciones como una plantilla en blanco, un juego, mapas y una vista simple. En nuestro caso para este ejemplo vamos a seleccionar «Blank» y haremos click en el botón next. A continuación podremos seleccionar donde queremos guardar nuestro playground yle daremos el nombre que deseemos. Una vez hecho esto, ya tenemos nuestro espacio de trabajo para empezar a trabajar en nuestro código.

 

Nuestro primer playground en Xcode

Ahora ya con nuestro playground creado podemos empezar a trabajar con él.

Como podemos observar , la mayor parte del espacio la ocupa el panel central en el cual vamos a poder introducir nuestro código.

A la derecha tenemos el panel que nos va a permitir ver en tiempo real la salida del resultado del código que estemos escribiendo en el panel de código.

Arriba a la derecha veremos una pequeña barra de herramientas la cual nos va a permitir trabajar con los diferentes paneles que nos ofrece esta pantalla.

De izquierda a derecha tenemos las siguientes opciones:

Library: Nos muestra una colección de fragmentos de código , los cuales podremos reutilizar en nuestros proyectos (snippets)

Standard editor: Es la opción por defecto y nos permite empezar a trabajar con nuestros archivos de código

Assistant editor: Esta opción nos divide nuestro editor permitiéndonos tener mas de un archivo a la vez abierto. Esta opción es realmente cómoda cuando trabajamos con la parte gráfica de nuestro proyecto y queremos tener el editor de código a la vez en pantalla.

Version editor: y esta opción con las dos flechitas nos permite trabajar con nuestros archivos para poder comprobar cambio de versiones.

En el bloque de tres opciones de la derecha de esta barra de herramientas veremos tres opciones, las cuales nos permitirán , respectivamente de izquierda a derecha, mostrar u ocultar el navegador de archivos, la opción central nos permitirá mostrar u ocultar el panel de depuración de la parte inferior, y el botón más a la derecha nos permitirá mostrar u ocultar los diferentes inspectores con los que la herramienta cuenta.

En la parte inferior encontraremos una pequeña barra de estado, en la cual encontraremos dos pequeños botones. El de la izquierda nos permitirá abrir o cerrar el panel inferior de depuración y el que se encuentra a su lado a la derecha, el que muestra un pequeño triangulo, nos permitirá iniciar nuestro playground

Hay varias formas de trabajar cuando estamos trabajando con playgrounds. Podemos escribir todo el código y una vez escrito hacer click en este botón de play, o , por el contrario, podemos dejar encendido este botón para que todos los cambios que hagamos en nuestro código se reflejen en tiempo real en el panel de resultados de la derecha.

En función de las características de nuestro Mac, nos interesará más una opción o la otra, ya que la compilación en tiempo real consume bastantes recursos.

Conclusión

Xcode es la herramienta que necesitaremos para desarrollar software para los distintos sistemas de Apple. Una herramienta con infinidad de opciones, la cual nos va a permitir diseñar, desarrollar, testear y subir nuestras aplicaciones al AppStore para empezar a distribuirlas.

En este primer tutorial sobre Xcode hemos visto lo más básico para empezar a trabajar, creando un playground, empezar a escribir nuestro primer fragmento de código y ver el resultado en el panel de resultados.

Dominar todas sus opciones y poder llegar a exprimirla al máximo no es una tarea fácil, pero bien merece la pena el ir, poco a poro, conociendo y descubriendo las posibilidades que nos ofrece.

 

 

Aunque el nombre podría llevar a confusión, JSON son las siglas de JavaScript Object Notation, y es, ni más ni menos, un formato de texto el cual que nos va a ayudar y facilitar el intercambio de información entre diferentes dispositivos, como por ejemplo entre clientes y servidores. JSON esta basado en cómo funcionan los objetos JavaScript. De hecho es muy parecido pero no son exactamente objetos JavaScript. Este formato de texto, tal como comentamos, tiene su origen en JavaScript, pero no por ello quiere decir que no lo podamos utilizar en otros lenguajes, todo lo contrario, podemos utilizarlo en la gran mayoría de lenguajes, Java, Ruby, Php, Swift y en las diferentes plataformas macOS, Windows, Linux, iOS etc.

JSON se ha convertido en un standard en el intercambio de datos entre dispositivos , sobretodo en el consumo de APIs ya que nos permite una mayor optimización de nuestros proyectos, entre otras cosas, por su reducido tamaño y facilidad de lectura, convirtiéndose así en una gran alternativa a XML, formato que se solía utilizar antes que JSON (y que en la actualidad se sigue utilizando)

Una de las grandes ventajas de JSON es su facilidad de lectura, ya que es realmente muy fácil de leer y y muy fácil de comprender a simple vista gracias a que utiliza muy pocos caracteres especiales, eliminando por completo el concepto de tags (etiquetas) que utiliza XML, siendo de este modo mucho mas ligero.

Estructura de un JSON

La estructura básica de un JSON la podemos resumir en una colección de pares de clave y valor. Siendo la clave la  parte de la izquierda y valor la parte de la derecha. Tenemos que tener en cuenta que en cuanto a valores podemos utilizar diferentes tipos de valores, como cadenas de caracteres , números, valores booleanos, objetos etc.

Un ejemplo muy simplificado de un JSON seria el que se muestra a continuación, en el que vemos que tenemos un par clave/valor, siendo en este caso nombreUsuario la clave  y George el valor correspondiente

{«nombreUsuario» : «George»}

Con este sencillo ejemplo hemos visto la forma más básica de estructura de JSON, aunque , como veremos en cursos y tutoriales más avanzados, esto normalmente no será así, siendo la construcción de nuestros JSONs bastante más compleja. Prueba de ello lo veremos cuándo trabajemos con llamadas a APIs , las cuales nos devolverán JSONs bastante más extensos y bastante más complejos.

Casos de uso de JSON

Como podremos imaginar, los casos de uso pueden ser bastante variados y dependerán , en gran medida, de las necesidades que tengamos en cada momento. Algunos casos clásicos en los que JSON puede sernos de gran ayuda es, por ejemplo, cuando necesitamos persistir datos en disco, cuando por ejemplo queremos tener la configuración de nuestra aplicación de escritorio , ya sea mac o windows, guardada en disco. Cuando , por ejemplo , queremos intercambiar datos e información entre nuestros servidores y nuestras aplicaciones etc

Posiblemente, y debido al gran crecimiento de la web, es muy probable que se encasille a JSON en el mundo de los servidores, y en realidad las APIs y servicios web, hacen un gran uso de él, aunque , tal como hemos visto, son muchos los escenarios en los que JSON puede sernos de gran utilidad y de gran ayuda.

Conclusión

Como vemos, JSON se ha convertido en un standard en cuanto a intercambio de información entre dispositivos se refiere, aunque actualmente sigue conviviendo con XML ya que muchos sistemas todavía utilizan XML aunque como hemos visto es un  formato que , por otro lado es más pesado y no tan fácil de entender y leer.

JSON es independiente del lenguaje que utilicemos, por lo que nos da una flexibilidad increíble en cuanto a intercambio de información. Podemos devolver un JSON desde nuestro servidor y nuestras apps nativas para iOS y Android , al igual que nuestro frontend no tendrán problema alguno para tratar la información y devolverla a nuestro servidor.

Un formato que se ha convertido en un standard y nos va a ser de gran ayuda para poder optimizar el rendimiento de nuestros proyectos, ya sean apps nativas, proyectos web o aplicaciones de escritorio.

 

 

Igual que vimos en el tutorial en el que hablábamos de como crear una cuenta de desarrollador Apple, en esta ocasión vamos a ver como podemos crear una cuenta de desarrollador en Google Play, la cual va a ser necesaria para que podamos publicar nuestras aplicaciones para Android. Como veremos a continuación es realmente muy sencillo y requiere muy pocos pasos para poder tener nuestra cuenta de desarrollador en Google Play operativa en muy poco tiempo.

Empezando

Lo primero que deberemos hacer es acceder a esta url En el caso de que no tengamos una cuenta gratuita de Google deberemos crearla, ya que es imprescindible para poder acceder a los servicios que Google nos ofrece.

En el caso de que ya tengamos una cuenta de Google, introduciremos nuestra dirección de correo electrónico y nuestra contraseña para poder acceder al proceso de registro de una cuenta de desarrollador de Google Play

Una vez hemos accedido con nuestra cuenta de Google, empezará el proceso de registro de nuestra cuenta de desarrollador, a través del cual , en muy pocos pasos, tendremos nuestra cuenta lista para empezar a trabajar y lista para empezar a distribuir nuestras aplicaciones Android  en Google Play.

Una vez que hemos iniciado el proceso, lo primero que deberemos hacer es aceptar las condiciones del acuerdo de desarrolladores, el cual veremos en la parte inferior de esta misma pantalla. Haremos click en el checkbox correspondiente y ya estaremos listos para poder continuar.Es muy importante que leamos las condiciones de este acuerdo, por lo que su lectura es más que recomendada.

Como también podemos observar, es imprescindible que contemos con una tarjeta de crédito, ya que las cuentas de desarrolladores no son gratuitas. Aunque la buena noticia es que , a diferencia de la cuenta de desarrollador de Apple, la cuenta de desarrollador de Android no tiene pagos anuales, ni suscripciones recurrentes. Para poder tener nuestra cuenta de desarrollador Android el único pago que deberemos realizar es de $25 al crear la cuenta, nada más . Esto es importante tenerlo en cuenta ya que este será el único pago que tendremos que hacer para poder tener nuestra cuenta en marcha, funcionando y tener disponibles nuestras apps en Google Play.

Una vez que hemos aceptado las condiciones podremos entonces proceder al pago único de 25 dólares para tener operativa nuestra licencia de desarrollador en Google Play

Confirmamos nuestros datos y procederemos a introducir los datos de nuestra tarjeta de crédito  para realizar el pago, a continuación pulsamos en el botón «Comprar» y nos informará que nuestro pago se esta procesando. Es posible que la validación de nuestro pago tarde un poco en confirmarse, pero esto es totalmente normal. Incluso podría demorarse hasta 10 12h. De todas formas Google nos avisará cuando el pago se haya procesado o , si por el contrario, ha ocurrido algún error con el mismo.  independientemente de la validación del pago, podremos continuar con el registro.

En el siguiente paso Google nos solicitara varios datos, entre ellos el nombre de desarrollador. Esto es muy importante tenerlo en cuenta y elegirlo bien desde un principio ya que es el nombre que aparecerá en Google Play debajo del nombre de nuestras aplicaciones móviles, así que es importante completar estos datos de la mejor forma posible.

Una vez ya tengamos completados todos estos pasos, accederemos a la consola de desarrolladores de Google Play, en la que podremos empezar a publicar nuestras apps

 

Conclusión

Como hemos podido comprobar, Google, cómo en la mayoría de sus productos, nos facilita mucho las cosas para poder ponernos en marcha rápidamente.

Crear una cuenta de desarrollador de Android en Google Play es cuestión de minutos. Lo único que puede demorarse un poco más es las verificación del pago, pero por lo demás en pocos minutos estaremos disfrutando de nuestra nueva cuenta de desarrollador, con la que ya podremos poner en marcha nuestras aplicaciones Android en Google Play, configurar nuestros datos de comerciante para poder monetizar nuestras apps con, por ejemplo, compras integradas etc.

Una de las grandes diferencias respecto a una cuenta de desarrollador de Apple, es que con Apple, a diferencia de Google, deberemos pagar una cuota anual de $99 o 99 Euros , mientras que , como hemos podido observar, Google tiene un único pago inicial de $25, algo que es de agradecer 🙂

 

 

Las notificaciones push, o push notifications, son pequeños avisos o mensajes que nos aparecen en nuestros dispositivos móviles. Las compañías y profesionales que tienen publicadas aplicaciones en las correspondientes tiendas de apps pueden enviar este tipo de notificaciones a los usuarios que hayan descargado la app, no siendo necesario que estos estén usando la app o ni siquiera la tengan abierta.

Las notificaciones push son muy similares a las alertas del móvil, aunque a diferencia de lo que ocurría con los SMS las push notifications solo pueden ser enviadas a usuarios que tengan instalada nuestra app, aunque como hemos comentado, no es necesario que la estén utilizando ni al tengan abierta.

Los inicios

Fue en junio de 2009 cuando Apple lanzo el que fue el primer servicio de notificaciones push. El Apple Push Notification Service (APNs)

Prácticamente un año después, en mayo de 2010 Google también ponía en marcha su propio servicio de push notifications, al que bautizó con el nombre de Google Cloud to Device Messaging. Tres años más tarde Google presenta una variante, las Rich notifications» las cuales no solo podían contener texto en la propia notificación, sino que también podía contener imágenes y botones, los cuales permitían al usuario poder reaccionar a dicha notificación. Por ejemplo un usuario podía aceptar un descuento de una tienda cercana.

En septiembre de 2014  Apple  añadió la posibilidad de poder agregar a las notificaciones botones interactivos, con los que el usuario podía enviar respuestas a la propia compañía o propietario de la aplicación móvil.

Porque deberíamos plantearnos usar las notificaciones push

Las notificaciones push pueden ayudarnos mucho ya no solo en nuestras campañas de marketing, sino en la forma de aportar valor y fidelizar a nuestros usuarios, ya que son una herramienta muy poderosa para poder interactuar con nuestros usuarios.

Podemos hacer uso de las notificaciones push, por ejemplo, para avisar a nuestro usuario de que ha habido un retraso en su avión. O por ejemplo si hemos desarrollado una aplicación móvil de recetas de cocina podríamos utilizar las push notifications para poder avisar a nuestros usuarios de que tienen nuevo contenido listo para descargar y/o consultar. O en el caso de que tengamos una aplicación de lotería podríamos utilizar esta herramienta para poder enviar a todos los usuarios el numero ganador o combinación ganadora.

Algo muy importante que tenemos que tener en cuenta es que para usar las notificaciones push, tal como hemos comentado, no es necesario que nuestros usuarios tengan abierta la app, simplemente es necesario que la tengan instalada en sus dispositivos.

En cuanto a marketing podemos crear diferentes tipos de estrategias y campañas a través de las notificaciones push, como por ejemplo el envió de ofertas y cupones geolocalizando a nuestros usuarios. Por ejemplo, si tenemos un comercio y contamos con nuestra propia app y esta a su vez cuenta con notificaciones push, podemos crear una campaña con una oferta o promoción para poderla enviar a los usuarios que estén a menos de 100 metros de nuestro local. De esta forma los únicos que potencialmente podrían acercarse a nuestro establecimiento recibirán la notificación con la oferta o la promoción.

Tal y como hemos comentado, la idea es aportar valor a nuestros usuarios, no solo utilizar este tipo de notificaciones  para vender o para ofrecer promociones, ya que si abusamos de las notificaciones push para temas solo de venta, nuestro usuario acabara cansándose y deshabilitará las notificaciones en la aplicación, o en el peor de los casos eliminará la app de su dispositivo.

Consentimiento de nuestros usuarios

Para poder enviar notificaciones push a nuestros usuarios de la plataforma iOS de Apple necesitaremos su consentimiento para poder hacerlo. Para ello deberemos configurar correctamente nuestra aplicación para que el sistema pida consentimiento a nuestros usuarios conforme aceptan recibir notificaciones de nuestra parte, sino no será posible el envío de dichas notificaciones push.

En el caso de Android este consentimiento por parte del usuario no es necesario, aunque en ningún caso deberíamos abusar de esta característica, ya que corremos el riesgo de que el usuario se canse y elimine la aplicación de su dispositivo móvil, por lo que es importante que siempre le aportemos valor y no solo intentar enviarle ofertas y promociones continuadas que tal vez no le interesan.

Es interesante poder ofrecer un on boarding contándole a nuestros usuarios las ventajas de aceptar las notificaciones push y todo lo que puede beneficiarles, para que , de este modo, este predispuestos a tenerlas siempre activas y sean bien recibidas.

Enviando notificaciones a nuestros usuarios

Para poder enviar notificaciones push a nuestros usuarios, evidentemente necesitaremos implementar dicha funcionalidad en nuestra app, pero también deberemos dar ciertos pasos que son necesarios para poder utilizar esta interesante característica, para ello deberemos:

• Cada sistema operativo tiene su propio servicio de notificaciones push, por lo que deberemos hacer uso de él en cada plataforma y registrar nuestra app para poder utilizarlo
• Registrar nuestra app en un servicio que nos permita enviar notificaciones push a través del servicio de notificaciones push del sistema de nuestra app, como es el caso de Firebase
• Implementar las notificaciones push en nuestra app
• Confirmar el consentimiento de nuestros usuarios para recibir nuestras notificaciones (solo para usuarios de iOS)

Una vez tenemos configurados los pasos anteriores, ya podemos iniciar campañas de notificación a nuestros usuarios. Para ello podemos utilizar el API facilitada por el servicio de notificaciones de cada plataforma, o Firebase para poder preparar los correspondientes mensajes y poderlos enviar.

En caso que queramos llegar a cierta parte de usuarios podemos segmentar a quién queremos llegar para, de esta forma, poder hacer campañas más específicas.

En el caso que nos interese también podemos programar el envío de nuestras campañas para, de esta forma, poder sincronizar ciertas acciones de marketing.

Conclusión

Las notificaciones push, o push notifications, son una herramienta increíble para poder interactuar con nuestros usuarios, y cómo hemos visto.podemos hacerlo por segmentos, enfocando las comunicaciones como más nos puedan interesar e incluso programando exactamente cuando queremos que se envíen, algo que es muy potente ya que nos permite , por ejemplo, lanzar nuestras campañas para poderlas coordinar con otras acciones de marketing.

No debemos olvidar que las notificaciones push no solo las deberíamos utilizar para fines comerciales, ya que lo que realmente importa es poder ofrecer valor a nuestros usuarios y si solo pretendemos venderle nuestros productos o servicios acabará cansándose.