Presentación

12/08/15 1 INTRODUCCIÓN
Conocer los aspectos básicos de desarrollo en la plataforma
iOS.
Instalación de Xcode 2 Xcode es la herramienta que se uDliza para desarrollar aplicaciones para Mac, iPhone, iPad y iPod touch. ¨  Incluye un simulador y los SDK de iOS y OS X. ¨  Es gratuita, se puede descargar de: ¨ 
hOp://developer.apple.com Ing. Roberto Mar4nez Román -­‐ [email protected] 1 12/08/15 Preparando el dispositivo 3 Para correr aplicaciones en un disposiDvo móvil, es necesario registrarlo. ¨  Sólo un usuario registrado como desarrollador puede configurar disposiDvos para probar sus aplicaciones. ¨  El disposiDvo se puede registrar en la página de desarrollador o directamente en Xcode. ¨ 
Distribuyendo apps 4 Generar un cerDficado y registrar disposiDvos Ing. Roberto Mar4nez Román -­‐ [email protected] 2 12/08/15 5 Pasos para correr apps en el dispositivo 1. 
2. 
3. 
4. 
Darse de alta como desarrollador ($99 USD anuales) Generar los cerDficados. Registrar los disposiDvos (pueden ser hasta 100) En Xcode, indicar que la app corre en el disposiDvo conectado a la computadora. Usando Xcode 6 ¨ 
Abre Xcode, desde las aplicaciones. ¤  Si es la primera vez, se muestra la siguiente ventana. ¤  Selecciona Create a new Xcode project. Ing. Roberto Mar4nez Román -­‐ [email protected] 3 12/08/15 Creando proyectos 7 ¤  Si no es la primera vez, automáDcamente abre el úlDmo proyecto. ¤  Selecciona File, New, Project ¤  Selecciona Single View ApplicaDon Creando proyectos (2) 8 ¨ 
Configura tu proyecto para que se vea así: Ing. Roberto Mar4nez Román -­‐ [email protected] 4 12/08/15 Creando proyectos (3) 9 ¨ 
Selecciona la carpeta donde guardarás todos tus ejercicios, automáDcamente se crea una carpeta para el proyecto. No selecciones por ahora la opción del repositorio; ya puedes dar click sobre el botón "Create". El proyecto en Xcode 10 Controles de ejecución Configura la interface Archivos del proyecto Configuración de versión Ubicación del proyecto Orientaciones permiDdas Librería de componentes Ing. Roberto Mar4nez Román -­‐ [email protected] 5 12/08/15 Componentes de Xcode 11 Xcode IDE. ¨  Simulador de iOS. (no es emulador) ¨  Interface Builder. ¨  Instruments. ¨ 
12 Ejecutando aplicaciones en el simulador ¨ 
Selecciona la versión del simulador que quieres uDlizar y luego oprime el botón de Run. Ing. Roberto Mar4nez Román -­‐ [email protected] 6 12/08/15 El simulador de iOS 13 Puede simular pantallas de reDna, tanto en iPhone como en iPad. ¨  ConDene aplicaciones básicas: ¨ 
¤  Safari ¤  Photos ¤  Selngs ¤  Contacts ¤  Game Center ¤  Newsstand ¤  TwiOer El simulador de iOS (2) 14 ¨ 
Puede simular: ¤  Un GPS con ubicación fija o variable. ¤  iPad de resolución estándar o pantalla de reDna. ¤  iPhone con pantalla de 3.5', 4', 4.7 y 5.5' incluyendo pantalla de reDna. ¤  Una sacudida. Ing. Roberto Mar4nez Román -­‐ [email protected] 7 12/08/15 Los archivos de la aplicación 15 AppDelegate.swiv import UIKit @UIApplicaDonMain class AppDelegate: UIResponder, UIApplicaDonDelegate { var window: UIWindow? func applicaDon(applicaDon: UIApplicaDon, didFinishLaunchingWithOpDons launchOpDons: [NSObject: AnyObject]?) -­‐> Bool { return true } func applicaDonWillResignAcDve(applicaDon: UIApplicaDon) { } func applicaDonDidEnterBackground(applicaDon: UIApplicaDon) { } func applicaDonWillEnterForeground(applicaDon: UIApplicaDon) { Ciclo de vida de la app } func applicaDonDidBecomeAcDve(applicaDon: UIApplicaDon) { } func applicaDonWillTerminate(applicaDon: UIApplicaDon) { } } Los archivos de la aplicación 16 ¨ 
Descripción de los elementos en el delegado ¤ 
¤ 
¤ 
UIKit. ConDene la definición de clases para construir la interfaz gráfica de usuario. UIResponder. Es la clase que define una interfaz para objetos que responden y manejan eventos. UIApplica=onDelegate. Declara métodos que son implementados por el delegado del objeto de Dpo UIApplicaDon. Estos métodos dan información de lo que sucede en la aplicación durante su ejecución: n 
n 
n 
Termina de cargarse en memoria. Va a salir de ejecución. Se está terminando la memoria. Ing. Roberto Mar4nez Román -­‐ [email protected] 8 12/08/15 Clases 17 class NombreClase { // Propiedades o atributos var atributo: Tipo = valorInicial
// Variable let valor: Tipo = valorConstante // Constante // Métodos func metodo(parametro: Tipo) -­‐> TipoRegreso { } // Instrucciones del método } Propiedades 18 class ConverDdor { var pulgadas: Int = 0 // Propiedad almacenada var cenDmetros: Double {
// Propiedad calculada get { return Double(pulgadas)*2.54 } } } Ing. Roberto Mar4nez Román -­‐ [email protected] 9 12/08/15 El controlador 19 import UIKit Superclase class ViewController: UIViewController { override func viewDidLoad() { Método sobrescrito super.viewDidLoad() // Do any addiDonal setup aver loading the view, typically from a nib. } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } } La vista (Archivo NIB) 20 Interface Builder es la herramienta que permite diseñar la GUI Ing. Roberto Mar4nez Román -­‐ [email protected] 10 12/08/15 Interface Builder 21 Es un editor que nos permite construir la GUI de las aplicaciones. ¨  La creación de la GUI es en modo gráfico. ¨  Está completamente integrado a Xcode. ¨  Se puede comunicar con el editor de código de Xcode. ¨  Los archivos asociados a este editor son los archivos NIB (.xib) ¨ 
La vista (Archivo NIB) 22 Controlador (UIViewController) Vista (UIView) Ing. Roberto Mar4nez Román -­‐ [email protected] Propiedades 11 12/08/15 La biblioteca de componentes 23 ¨ 
Interface Builder Dene una biblioteca de componentes gráficos de usuario que podemos uDlizar para crear la GUI. La ventana de propiedades 24 ¨ 
Con las propiedades podemos configurar cada uno de los componentes de la GUI. Ing. Roberto Mar4nez Román -­‐ [email protected] 12 12/08/15 25 DISEÑO DE APLICACIONES MODELO VISTA CONTROLADOR. Patrón de diseño MVC 26 Ing. Roberto Mar4nez Román -­‐ [email protected] 13 12/08/15 Modelo-­‐Vista-­‐Controlador 27 Controlador (cómo se presenta el modelo al usuario) Vista (cómo se despliega la app) Modelo (lo que es la app) Modelo-­‐Vista-­‐Controlador (2) 28 Tune in Controlador (cómo se presenta el modelo al usuario) Target Outlet Ac=on Broadcast Modelo (lo que es la app) Ing. Roberto Mar4nez Román -­‐ [email protected] Vista (cómo se despliega la app) 14 12/08/15 Evaluación 29 ¨ 
Crea una app que permita realizar una conversión de Temperaturas de ºF a ºC. Regresando al MVC 30 ¨ 
¿Puedes idenDficar el Modelo, la Vista y el Controlador? ¨ 
Vamos a crear el modelo nosotros mismos. Ing. Roberto Mar4nez Román -­‐ [email protected] 15 12/08/15 Agregando clases al proyecto 31 La clase Convertidor 32 class ConverDdor { var gradosF: Double = 0.0 var gradosC: Double = 0.0 // Atributos calculados var temperaturaFahrenheit:Double { get { return 9.0/5.0 * gradosC + 32 } } var temperaturaCelsius:Double { get { return 5.0/9.0*(gradosF-­‐32) } } } Ing. Roberto Mar4nez Román -­‐ [email protected] 16 12/08/15 La Vista 33 El controlador 34 ¨ 
Primero vamos a crear los Outlets. ¤  Abre el Asistente de edición. ¤  Arrastra, con click derecho, cada uno de los TextField al archivo ViewController.swiv; asigna un nombre significaDvo. ¨ 
Después, creamos los métodos que aDenden el evento de cada botón. ¤  Arrastra, con click derecho, el botón hacia el archivo ViewController.swiv; asigna un nombre significaDvo. Ing. Roberto Mar4nez Román -­‐ [email protected] 17 12/08/15 Implementando el controlador 35 class ViewController: UIViewController { @IBOutlet weak var ~GradosF: UITextField! @IBOutlet weak var ~GradosC: UITextField! @IBAcDon func conver=rFaC(sender: AnyObject) { let converDdor = ConverDdor() let gradosF = NSString(string: ~GradosF.text).doubleValue; converDdor.gradosF = gradosF; ~GradosC.text = "\(converDdor.temperaturaCelsius)" } } Aplicación terminada 36 ¨ 
Algunas mejoras. ¤  Los campos permiten capturar letras. ¤  El segundo campo se puede editar. ¤  El teclado no se esconde. ¤  Se crean varios modelos. ¨ 
Reto. ¤  Agrega otro botón para converDr de ºC a ºF. Puedes modificar la interfaz de usuario. Ing. Roberto Mar4nez Román -­‐ [email protected] 18