Todos hemos escuchado alguna vez que la música te transporta a lugares increíbles. Cuando escuchamos una canción, nuestro cerebro, incondicionalmente, mezcla imágenes, emociones, sentimientos y experiencias, asociando el resultado al tema que lo inspira. Hasta hoy era impensable saber con exactitud, hasta dónde te lleva la música, pues ese mito ya es historia. Hoy, realmente, puedes saber a qué lugar te transporta.

La idea

La tecnología

El mapa

Los agradecimientos

• Andrés Segnini | Art Director
• Carlos Bustamante | Copywriter
• Alberto Calleja | Art Director
• Ernesto Pino | Interactive Developer
• Paz Yela | Account Manager
• Bruguers Hortelano | Account Supervisor
• Alejandra Álvarez | Account Executive
• Benjamín Rabadán | Backend Developer
• Francisco Javier Ruiz (Paco) | 3D Motion Graphics
• Bárbara Martínez | Project Manager

Principalmente queremos agradecer a BTOB (Agencia Digital) y los chicos de Vetusta, por darnos a todos la posibilidad de compartir tantas horas juntos y lograr que esto fuera, más que un proyecto, un sueño de todos. ¡¡¡ Enhorabuena !!!

Ahora que ya has configurado todas las herramientas necesarias y el SDK, estás listo para iniciarte en el desarrollo de aplicaciones iOS. En esta ocasión vamos a comenzar con una simple aplicación “Hello World”, así aprovechamos para entrar en detalle usando varias de las herramientas que hemos comentado antes.

Iniciando Xcode

Figura 2.1 – Ventana de bienvenida a Xcode

Para crear un nuevo proyecto, ya que estamos, utilizaremos la ventana de bienvenida (también accesible desde File->New Project). La figura 2.2, muestra los diferentes tipos de proyectos que puedes crear usando Xcode. En el panel de la izquierda puedes ver dos principales categorías, iOS y Mac OS X. Nuestro target por esta vez son las aplicaciones iOS, has click en el elemento Application de la columna de la izquierda, listado debajo de iOS; para ver las diferentes plantillas disponibles para desarrollar tu aplicación. Aunque en el panel de la derecha se pueden ver diferentes tipos de aplicaciones, para este capítulo utilizaremos Single View Application, selecciónala y luego haz click en Next. Luego solo te faltaría elegir la ubicación del proyecto, que será donde se guarden todos los ficheros relacionados con el mismo, escoge el que desees y ya pasamos a la mejor parte.

Figura 2.2 – Plantillas de aplicaciones iOS

En la próxima pantalla es donde se detalla las especificaciones de la aplicación (Figura 2.3). El Product Name será el nombre de nuestro proyecto, no necesariamente el nombre de nuestra aplicación; aunque es recomendable utilizar el mismo. Company Identifier no es más que un identificador único, que se utilizará como prefijo para asociarlo a nuestra aplicación. Normalmente se utiliza lo que se conoce como Reverse Domain, como ves yo utilizo com.epinom.apps.ios; es mi identificador para todas las aplicaciones iOS. El Bundle Identifier se forma automáticamente de la concatenación del Product Name y el Company Identifier, así nos aseguramos de que cada aplicación tiene uno propio y además único. Class Prefix, es el prefijo que se le adicionará a cada una de las clases que componen tu framework o tu propia librería de la aplicación, así podrás saber a simple vista qué fichero de clase corresponde con qué proyecto/framework; de momento no tiene mucha importancia, así que lo dejamos en blanco. Y por último en Device Family es donde seleccionamos el tipo de aplicación que vamos a desarrollar. Tenemos tres opciones iPhone, iPad o Universal; las dos primeras hablan por si solas, la que necesita un poco más de explicación es Universal; que no es más que un tipo de aplicación que se puede instalar tanto en un iPhone como en un iPad ya que se auto-ajusta en dependencia del dispositivo en el que está corriendo. Para este caso lo dejamos tal cual está (iPhone), así como también las demás opciones que faltan por detallar y continuamos (Next).

Figura 2.3 – Especificaciones del proyecto

Vista del proyecto con la nueva interfaz de Xcode 4.2

Una vez hayas seleccionado un nombre para tu proyecto, el dispositivo en que quieres que corra tu aplicación y elegido un lugar para alojarlo; Xcode pasará a crear el proyecto teniendo en cuenta la plantilla que has seleccionado y la configuración del mismo. La Figura 2.4 muestra varios de los ficheros y carpetas de tu proyecto.

Figura 2.4 – Interfaz de Xcode 4.2

El panel izquierdo de Xcode se muestran los grupos en los que está dividido tu proyecto. Puedes expandir cada grupo o carpeta para ver los ficheros que contienen. En el panel central, al estar seleccionado el proyecto en el panel de la izquierda, se muestra toda la configuración del mismo. Ten en cuenta que en este panel (central), se mostrarán los detalles del elemento que tengas seleccionado en el panel del extremo izquierdo. En el panel derecho se muestra normalmente el Inspector de Propiedades y los Componentes asociados a un fichero de vista (.xib) que se encuentra visualizado en el panel central. Para una mayor comprensión de la interfaz del nuevo Xcode 4, recomiendo la lectura del libro “Xcode 4 IOS Development Beginner’s Guide”

La interfaz de usuario

Este proyecto aún carece de interfaz de usuario. Para comprobarlo presiona Command-R (o ejecuta la secuencia Product->Run), y tu aplicación será instalada en el iPhone Simulator. La Figura 2.5 muestra una pantalla en blanco. A medida que avancemos en este capítulo podrás ir viendo cambios en esta pantalla, así como respuestas a tus acciones sobre la aplicación desplegada en el iPhone Simulator.

Figura 2.5 – iPhone Simulator

Obviamente, una pantalla en blanco no es del todo efectiva. Por eso vamos a adicionar algunos componentes a la interfaz de usuario de tu aplicación. En la lista de ficheros de tu proyecto, verás un fichero con extensión storyboard, es un nuevo formato del Xcode 4.2 para facilitar la comprensión de la relación entre las vistas del proyecto. En la figura 2.6 se muestra la vista principal de la aplicación, actualmente en blanco, tras haber seleccionado el fichero MainStoryboard.storyboard en el panel de la izquierda. Como puedes ver, en el panel derecho se muestran una serie de componentes que podemos utilizar para crear la interfaz de nuestras aplicaciones de forma visual.

Figura 2.6 – Vista (view) principal del proyecto

Ahora que hemos llegado hasta aquí, localiza el componente Label en la parte inferior del panel derecho, cuando lo tengas a la vista, arrástralo y suéltalo sobre la vista principal de la aplicación que tienes en el panel central (Figura 2.7). Luego haz doble click sobre él y escribe el texto que quieras, por ejemplo “Hello world” (Figura 2.8), salva el proyecto (Command + S = File->Save) y ejecútalo (Command + R = Producto->Run). Listo, ya tienes tu primera aplicación iOS (Figura 2.9).

Figura 2.7 – Arrastrar componente Label a la vista principal

Figura 2.8 – Cambiar el texto del componente Label

Figura 2.9 – iPhone Simulator con texto Hello World

El siguiente paso es adicionar un componente TextField, desde la biblioteca (Library), tal y como lo hiciste anteriormente con el Label (Figura 2.10). Luego salva el proyecto y ejecútalo para que lo veas corriendo en el iPhone Simulator, si ha salido bien se mostrarán las modificaciones de la interfaz de usuario. Si te posicionas en el campo de texto, verás como automáticamente aparece el teclado (Figura 2.11).

Figura 2.10 – Adicionar componente TextField a la vista

Figura 2.11 – iPhone Simulator con texto Hello World y componente TextField

Simulador

Presiona el botón de Inicio, “Home Button”, en el iPhone Simulator y podrás ver como tu aplicación ha sido instalada en el simulador. Para volver a la aplicación simplemente has click en el icono “Chapter2” (ver Figura 2.12).

Pues con esto tenemos lista nuestra aplicación “Hello World” corriendo en un iPhone, bueno mejor dicho en un simulador, pero eso ahora mismo no nos preocupa mucho. En el próximo capítulo hablaremos sobre “Cambios de Orientación”, “Reposicionamiento de vistas” y también veremos algo de código para ir entrando ya en materia que nos queda mucho todavía por recorrer.

Figura 2.12 – Icono de la aplicación en el iPhone Simulator

Artículos relacionados

Desde la salida del iPhone al mercado, en el año 2007, mucho es lo que se ha avanzado en cuanto a tecnología mobile. Hace solo unos años atrás, era impensable tener un terminal entre las manos que pudieses controlar sin la ayuda de un teclado integrado. El iPhone fue el primero de muchos sucesores, en contar con una pantalla totalmente táctil. Todo no terminó ahí, ese solo fue el comienzo, abrió un amplio mercado (oportunidad de negocio), a través del AppleStore; una tienda online en donde los usuarios podrían instalarse directamente aplicaciones en sus dispositivos. Apple, por su parte, ideó un sistema para poblar la tienda online de aplicaciones, ¿cuál?, liberó el SDK (Software Developer Kit) del iPhone para que cualquier mortal pudiese crear sus propias aplicaciones y venderlas a través del AppleStore, además de poder gestionar toda su actividad desde la nube (iOS Dev Center). ¿Qué gana Apple con esto?, pues que los usuarios de su teléfono tengan, actualmente, un aplicación para cada cosa que se les pasa por la cabeza (es solo una frase, un poco exagerada pero puede que llegue el momento en que deje de serlo). Además de llevarse el 30% de la venta de cada aplicación. Bueno basta ya, que si me dejan me enrollo y no tengo para cuando acabar… si quieres más información visita iPhone – Wikipedia, la enciclopedia libre http://bit.ly/sUPxxa

Obteniendo el Xcode y el SDK de iPhone

Para desarrollar aplicaciones para los dispositivos móviles de Apple (hasta el momento – iPhone, iPad e iPod Touch), primero deberás registrarte como Developer en el siguiente enlace http://developer.apple.com/programs/register/. El registro es gratuito te proporcionará el acceso al iPhone SDK, entre otros recursos que serán de utilidad para comenzar.

Luego de registrarte tendrás acceso al Xcode, iOS SDK, Vídeos, Documentación, entre otros. <Figura 1.1>

Figura 1.1 – iOS Dev Center

En la sección “Downloads” <Figura 1.2>, podrás descargarte las herramientas necesarias para iniciarte en este mundo. Yo, personalmente, tengo instalado Lion como sistema operativo en mi Mac y usaré Xcode 4.2 – SDK iOS 5.0 para producir los ejemplos que verás en los tutoriales a lo largo de toda la serie.

Figura 1.2 – Sección “Downloads”

Antes de intalar el Xcode y el iPhone SDK, asegúrate que tu equipo satisface los siguientes requerimientos:

• Solo es soportado por Plataforma Intel en Mac, si tienes otro tipo de procesador (como por ejemplo un G4 o G5 Mac), hoy no es tu día de suerte
• Debes tener actualizado tu sistema operativo a una versión 10.6 o superior de Mac OS X

Un vez instalado el Xcode y el el iPhone SDK, ya sea en Snow Leopard o en Lion, localiza el ejecutable en la carpeta [Nombre del disco]/Developer/Applications/Xcode, en tu Mac <Figura 1.3>

Figura 1.3 – Localización de la aplicación Xcode

Herramientas

El nuevo Xcode incluye un conjunto de herramientas que te ayudarán a desarrollar aplicaciones para tu iPhone, iPad y iPod Touch. Estos componentes son:

• Xcode: Entorno de Desarrollo Integrado (IDE por sus siglas en inglés), con el que podrás administrar, editar y depurar tus proyectos
• iPhone Simulator: Software que te permitirá simular la ejecución de una aplicación de iPhone o iPad en tu Mac
• Interface Builder: Editor visual para diseñar interfaces de usuario para iPhone y iPad

Xcode

Ejecuta Xcode. La Figura 1.4 muestra la pantalla de inicio del programa.

Figura 1.4 – Pantalla de inicio de Xcode

Con Xcode, podrás desarrollar aplicaciones para iPhone, iPad, incluso para Mac OS X; utilizando las diferentes plantillas que se muestran en la Figura 1.5.

Figura 1.5 – Plantillas Proyecto iOS

Xcode provee diversas herramientas y funcionalidades para hacer el proceso de desarrollo más fácil. Una de estas funcionalidades es el Completamiento de Código, el cual muestra un ventana emergente con una lista de las clases disponibles, así como sus miembros (métodos, propiedades, etc).

iPhone Simulator

Xcode provee diversas herramientas y funcionalidades para hacer el proceso de desarrollo más fácil. Una de estas funcionalidades es el Completamiento de Código, el cual muestra un ventana emergente con una lista de las clases disponibles, así como sus miembros (métodos, propiedades, etc).

El iPhone Simulator <Figura 1.6>, es muy útil para probar nuestras aplicaciones sin tener que emplear un dispositivo real (iPhone/iPad/iPod Touch). La mayor parte del tiempo no tendrás que ejecutar el simulador directamente, sino que al correr o depurar tu aplicación en Xcode automáticamente ejecutará en el iPhone Simulator. Xcode se encarga de instalar tu aplicación en el simulador.

El iPhone Simulator puede simular diferentes versiones del iPhone OS (Sistema Operativo del iPhone). Esta característica es importante si queremos desarrollar aplicaciones que sean soportadas en versiones anteriores del sistema operativo del iPhone. Podemos probar y depurar nuestras aplicaciones especificando la versión del sistema operativo destino.

Figura 1.6 – iPhone Simulator

Arquitectura del iPhone OS

Aunque no nos vamos a centrar en explorar el Sistema Operativo del iPhone, siempre es necesario conocer los rasgos más importantes. La Figura 1.7 muestra las diferencias entre las capas abstractas del sistema operativo que componen el Mac OS X y el iPhone OS. La arquitectura del iPhone OS es muy similar a la del Mac OS X, solo difieren en la funcionalidad táctil, por decirlo de alguna manera.

Figura 1.7 – Diferencias entre Mac OS X y iPhone OS

La capa base “Core OS” viene siendo el núcleo del sistema operativo, es la que se encarga de la administración de memoria, el sistema de ficheros, las comunicaciones, entre otras tareas. Esta capa interactúa directamente con el hardware, consiste en los siguientes componentes:

• OS Kernel
• Mach 3.0
• BSD
• Sockets
• Security
• Power Management
• Keychain
• Certificates
• File System
• Bonjour

La capa “Core Services” provee una abstracción sobre los servicios que proporciona el sistema y consiste en los siguientes componentes:

• Collections
• Address Book
• Networking
• File Access
• SQLite
• Core Location
• Net Services
• Threading
• Preferences
• URL Utilities

La capa llamada “Media” se encarga de los servicios multimedia que puedes usar en tus aplicaciones, y consiste en los siguientes componentes:

• Core Audio
• Open GL
• Audio Mixing
• Audio Recording
• Video Playback
• JPG, PNG, TIFF
• PDF
• Quartz
• Core Animation
• OpenGL ES

Por último la capa “Cocoa Touch” es una abstracción compuesta por varias librerías que tienen como objetivo controlar los gestos táctiles del usuario.

• Multi-Touch events
• Multi-Touch controls
• Accelorometer
• View Hierarchy
• Localization
• Alerts
• Web Views
• People Picker
• Image Picker

Con esto termina lo que lo sería una introducción al “Desarrollo de Aplicaciones iOS”, en el próximo capítulo pasaremos a la acción con una aplicación de ejemplo.

Artículos relacionados

En el inicio de los tiempos, Apple tenía bastante cerrado el grifo. La creación de aplicaciones para sus dispositivos estaba sujeta a una serie de restricciones, la principal era que el desarrollo de las mismas solo se podía hacer utilizando para ello IDEs nativos. Esto significaba que la creación de aplicaciones con entornos de desarrollo de terceros era casi imposible, para no ser absolutos. Pues esto a día de hoy ha dado un giro de 180º grados, ya se pueden crear aplicaciones para iPhone, iPad u iPod Touch haciendo uso de diferentes plataformas. Incluso Adobe ha querido sumarse a la tecnología mobile de los gadgets de los chicos de Cupertino y ha creado lo que ellos denominan “iPhone Packager”, un sistema que permite exportar tus aplicaciones programadas en ActionScript 3.0 a aplicaciones nativas para los dispositivos iOS.

El desarrollo de aplicaciones para los dispositivos de Appel, requiere contar con las herramientas necesarias. Lo primero, es un equipo (ordenador), que corra un sistema operativo igual o superior al 10.6 de MacOSX, y con un microprocesador Intel, si tienes otro tipo de procesador (como por ejemplo un G4 o G5 Mac), hoy no es tu día de suerte. El registro como developer es gratuito y te da acceso al iPhone SDK (Software Development Kit), entre otros recursos que te serán de utilidad para comenzar. Si has superado el test anterior, aquí va otro… debes estar dispuesto a pagar una licencia de desarrollador que cuesta 79 euros al año (99 dólares, depende del cambio), si quieres probar tus aplicaciones en un dispositivo real; ya que para ello deberás tener unos certificados que se generan a través de un portal al que sólo te dan acceso si has pagado la licencia previamente. Otra cosa, las aplicaciones puedes testarlas en el iPhone Simulator en tu Mac, pero es altamente recomendable que dispongas de un dispositivo real para comprobar el correcto funcionamiento de las mismas.

Si eres un beginner y quieres ir entrando en materia te recomendamos los siguientes libros:

Para que tengas una idea, aquí te van unos datos bastante alentadores:

• Entre todas las plataformas reúnen más de 826,200 apps
• El precio medio de aplicaciones iOS es de $2.15
• El precio medio de aplicaciones Android es de $4.57
• El precio medio de aplicaciones Blackberry es de $5.16
• En 2010 se obtuvieron 5,2 billones de dólares en venta de apps
• En 2011 se estima que las ganancias lleguen a 15,1 billones de dólares

Las letras a menudo son demasiado aburridas, mejor te dejamos una buena infografía que se han currado los chicos de WebPageFX, y que resume el estado del mercado de aplicaciones en la actualiadad de iOS, Android, BlackBerry, Windows Phone, etc.

Artículos relacionados

Actualmente el mercado de las aplicaciones móviles está creciendo a una velocidad de miedo, con mucha potencia y en los próximos años puede llegar a convertirse en una verdadera revolución. Resulta que ahora ya no podemos prescindir de nuestros smartphones, nuestra vida depende integramente de ellos. Vivimos en un mundo demasiado convulso, a muchos nos gustaría que los días tuviesen 48 horas, porque 24 ya no son suficientes. Por eso, cada día que pasa, somos más dependientes de un teléfono móvil, de un tablet o un portátil. Estos gadgets hacen más eficientes la realización de nuestras tareas diarias, esto se traduce en ahorro de tiempo; y tiempo es justamente lo que necesitamos para invertirlo en las actividades que creamos convenientes y que elevan nuestro grado de satisfacción.

Porque creemos que la superación de forma autodidacta e independiente es posible, se nos ha ocurrido la idea de publicar una serie de artículos relacionados con el desarrollo mobile. Nuestro enfoque, en un principio, estará dirigido a implementaciones sobre la plataforma iOS; para luego intentar tocar otras ramas como Android, Windows Phone y hasta BlackBerry.

Asumimos que la audiencia tiene conocimientos de Programación Orientada a Objetos (POO), aunque intentaremos explicar detalladamente cada uno de los temas para que estén al alcance de todos. El contenido será dividido en diferentes secciones para potenciar la comprensión del mismo. En el caso de que lo requiera, publicaremos un vídeo para reforzar el conocimiento. Cada uno de los artículos tendrá asociado un código de ejemplo, el cual compartiremos de forma gratuita.

Artículos relacionados

LinkedIn permite a sus usuarios registrados mantener una lista de contactos de gente que ellos conocen o pueden confiar al momento de hacer negocios. Los usuarios pueden invitar a cualquiera bien sea usuario o no de LinkedIn para formar parte de su red de contactos. A través de LinkedIn puedes encontrar personas con las que has estudiado o trabajado y no perder el contacto otra vez.

El promedio de contactos en LinkedIn de la gente que trabaja en Google es the 47.
El promedio de contactos de los graduados en Harvard Business School es de 58.
La gente con más de 20 contactos tienen 34 veces más de posibilidad de ser contactadas para una oferta de trabajo que una persona que tiene menos de 5 contactos.

La mayoría de la gente usa LinkedIn para conseguir a alguien bien sea para hacer un negocio, establecer amistad o conseguir trabajo. Funciona bien porque es una red en línea de más de 100 millones de profesionales con experiencia de todo el mundo representando 130 industrias.

Si están en LinkedIn o desea pertenecer a la red de contactos más grande del mundo, estás son algunas maneras como podrias aprovecharla:

Incrementar tu visibilidad. Adicionando contactos, puedes incrementar la posibilidad de que la gente vea tu perfil cuando estén buscando a alguien para un trabajo o para hacer negocios.

Mejorar la posibilidad de ser contactado. La mayoria de los usuarios solamente colocan su compañía actual en su perfil. Haciendo esto, se ven severamente limitados para conectarse con la gente. Los usuario deberían colocar las compañías para las cuales han trabajado en el pasado, las entidades educativas a las que ha atendido , afiliaciones y actividades. Tambien podrías incluir un link a tu perfil en LinkedIn como parte de la firma de tu email.

Mejorar tu Google Page Rank. Tu información se encuentra en una página de internet y LinkedIn permite que tu perfil esté disponible en los buscadores como Google, Yahoo y MSN, lo cual es una buena manera de influenciar lo que la gente ve cuando buscan algo y tu apareces como parte de eso. Para lograr esto, crea un perfil público y selecciona “Full View”. También, en lugar de usar el URL que se te da por defiición, utiliza tu nombre real como parte del URL de tu perfil publico. Para fortalecer la visibilidad de la página de tu perfil en las página de resultados de los buscadores, coloca un link hacia tu perfil en varios lugares de Internet. Por ejemplo, cuando hagas comentarios en blogs, foros, revisión de productos o servicios.

Mejora los resultados de tus sitios de internet en los buscadores. Ademas de tu nombre, también puedes promover tu blog o pagína web utilizando los espacios para tus links favoritos en tu perfil.

¿Qué es LinkedIn?, en el enlace puedes encontrar información de primera mano para comenzar a utilizar LinkedIn. Además échale un vistazo a este video (inglés).