The world is mobile

The world is mobile • Desarrollo sobre IOS y conceptos avanzados • Kevin Peñaloza M. • ChiefTechnicalOfficer • dpenaloza@kubo.co

Introducción a XCode • Xcodees un IDE (Entorno de desarrollo integrado) de Apple que se ofrece de manera gratuita en sistemas Mac OSX. Permite la creación de aplicaciones para dispositivos móviles iOS, como iPad, iPhone o iPod. • El SDK (Software Development Kit) incorpora herramientas para el desarrollo (entre ellas, el simulador de iPhone/iPad). • El lenguaje de programación es Objective-C • Simulador de iOS:Permite simular tanto iPhone como iPad en nuestro Mac. • Interface Builder: Editor visual para diseñar interfaces de usuario para nuestras aplicaciones. • Instruments: Herramienta de análisis que nos ayuda a optimizar y monitorizar la aplicación

Introducción a XCode • Sistema Operativo IOS • El Sistema Operativo de los dispositivos de Apple (iOS), está formado por un conjunto de capas, que conforman el conjunto de servicios ofrecidos por el dispositivo. • La capa Core OSes la base del sistema operativo. Se encarga de realizar la gestión de memoria, el sistema de ficheros, conexión a la red y procesos que interactúan con el hardware. • CoreServicesnos permite el acceso a los servicios básicos, tales como la agenda, preferencias, procesamiento de URLs, etc… • La capa Media nos permite la ejecución de tareas multimedia. Entre ella el acceso al Audio, OpenGL. • CocoaTouchnos permite acceder al acelerómetro, los eventos y controles táctil

Construcción de interfaz gráfica. IBActions, IBOutlets • Descargar e instalar Xcode desde portal de Apple o a través de AppStore en un MAC: https://developer.apple.com/xcode/index.php • Una vez instalado Xcode, abrimos el programa y creamos un proyecto nuevo en Xcode. Para ello, accedemos a File -> New ->New Project.

Construcción de interfaz gráfica. IBActions, IBOutlets • Nombramos el proyecto y seguimos al siguiente paso, en el que seleccionaremos el fichero donde queremos guardar el proyecto.

Construcción de interfaz gráfica. IBActions, IBOutlets • Una vez hecho el paso anterior, Xcodenos mostrará la pantalla con el resumen de la configuración de nuestra aplicación. En esta pantalla podemos, entre otras cosas, decir con qué orientación queremos ejecutar nuestra aplicación.

Construcción de interfaz gráfica. IBActions, IBOutlets • Agregamos los objetos para el manejo del ejemplo: UIButon, UILabel, UITableView

Construcción de interfaz gráfica. IBActions, IBOutlets • En el archivo ViewController.h, agregamos los objetos creados a través del interface Builder para referenciarlos posteriormente.

Construcción de interfaz gráfica. IBActions, IBOutlets • En el archivo ViewController.xib, enlazamos los objetos creados en el .h

UITableView con Base de datos • Primero se agregan los delegados para el manejo de la tabla y se agrega el framework para el manejo de BD y en ViewController.h agregamos #import <sqlite3.h>

UITableView con Base de datos • Creamos el metodo- (NSMutableArray *)datosdeBDque retorna un vector con la información que agregaremos al UITableView • La forma de implementar el método es: • NSMutableArray *datosparatabla = [selfdatosdeBD];

UITableView con Base de datos • Los datos existentes en el vector que retorna el método serian los siguientes, los cuales serán enviados a la tabla para su visualización:

UITableView con Base de datos • Métodos usados para el manejo del UITableView

UITableView con Base de datos • La tabla es llenada con los datos obtenidos del método: - (NSMutableArray *)datosdeBD • Creamos otra clase, que será a la cual se le hará el paso de parámetros desde el UITableView. Para esto vamos a File -> New ->New File.

Envió de Parámetros y Notificaciones, cargue de imágenes locales y por url • El siguiente método se ejecuta cuando se oprime una celda de la tabla, para el ejemplo lo usaremos para enviar parámetros a la clase detalleViewControllerque acabamos de crear. Para esto en la clase ViewController.m agregamos lo siguiente #import "detalleViewController.h" • En la clase detalleViewController creamos el método • - (void)recibirparametros:(NSString *)_titulo imagen:(NSString *)_imagen • que será el encargado de recibir los parámetros desde la clase ViewController

Envió de Parámetros y Notificaciones, cargue de imágenes locales y por url • NSNotificationCenteres una clase que nos permite gestionar notificaciones que son enviadas por una clase, y recibidas por otra cualquiera que quiera suscribirse a la misma. • En este ejemplo nuestra notificación se denomina con la clave “notificacion”. Además definimos qué método deberá invocarse cuando se produzca dicha notificación mediante el atributo selector. • Necesitamos invocar al método asociado a la notificación que hemos creado. Para ello invocamos dicha notificación mediante la utilización del nombre clave que hemos definido previamente. • El método que invoca la notificación queda:

Uso de Scroll y envió de parámetros por IBAction • Agregamos el método – (IBAction)crearscroll

Uso de Scroll y envió de parámetros por IBAction • En la clase detalleViewController creamos el método • - (void)cargarscroll:(NSMutableArray *)_datos que será el encargado de crear el scroll con las imágenes enviadas por parámetro.

Animación de objetos y manejo de Plist • La animación de objetos en IOS es sencilla. • Creación de un archivo Plist.

Animación de objetos y manejo de Plist • La lectura de una clave en un archivo Plist. • La invocación del método seria: • [lbl_ejemplosetText:[selfreadPlist:@"textolabel"]];

Como publicar en AppStore • Únete al iOSDeveloperProgram a través del sitio de Apple (https://developer.apple.com/programs/register/).

Como publicar en AppStore • Provisional Portal

Como publicar en AppStore • ItunesConnect

Como publicar en AppStore • El nombre: Nombre con el cual se publicará la App. • El Bundle ID: Es un identificador para la aplicación, que previamente se creo en el iOSProvisioningPortal. • La versión. Es una cadena alfanumérica para indicar la versión de la aplicación.

Como publicar en AppStore • Para el proceso de firmado de la app, accedemos a Product-> Archive

Como publicar en AppStore • Escoger la opción envió a ApStore, luego ingresar los datos de usuario, se realizaran los procesos de verificación de cuenta y el archivo de nuestra app se enviara para valoración y posterior publicación en la tienda.

www.kubo.com Web Site

The world is mobile