DIRECCIN GENERAL DE CMPUTO Y DE TECNOLOGAS DE INFORMACIN Y COMUNICACIN

Direccin de Docencia en TIC

Elaborado por: Lic. Jos ngel Gnzalez Fce08.A.03.12

Desarrollo de aplicaciones para dispositivos con sistema operativo iOS (mdulo avanzado)

Prctica 1

Nombre: ________________________________________________________ Fecha: _________________ Apellido Paterno Apellido Materno Nombre(s)

Calificacin: _____________ Objetivo: Reafirmar los conocimientos sobre el manejo de las conexiones de datos y la descarga de recursos desde Internet Instrucciones:

1. Crea un nuevo proyecto XCode a partir de la plantilla Master-Detail. Nombra el proyecto "MonsterFan". Usa como company identifier mx."apellidoYnombre", de modo que el bundleID quedara por ejemplo: mx.GonzalezAngel.MonsterFan. Especifica que el Device ser iPhone. No actives CoreData.

2. En el storyboard: a. Revisa la configuracin del objeto "prototype cell" del objeto MasterViewController,

para que el identificador coincida con el especificado en el codigo. b. En el objeto DetailViewController elimina el objeto UILabel que existe previamente.

Agrega un objeto UIImageView, y crea un IBOutlet para conectarlo con el controller respectivo.

3. En el archivo MasterViewController.m: a. Elimina los botones "left" y "right" del objeto navigationItem. b. Implementa la comprobacin de la conexin de datos del dispositivo cuando se carga

el viewController. Si el dispositivo no tiene conexin de datos debe mostrarse un AlertView con el mensaje "Esta App no funciona sin conexin a Internet" y cuando el usuario toque "OK" cierra el App.

c. Si el dispositivo cuenta con conexin de datos debes obtener el archivo "info.json" de la URL http://janzelaznog.com/DDAM/iOS/gaga/, y convertirlo a un objeto NSArray que ser el datasource para llenar el TableView. El cdigo generado por la plantilla contiene un objeto llamado "objects" de tipo NSMutableArray, puedes utilizar ese o definir otro si lo prefieres.

DIRECCIN GENERAL DE CMPUTO Y DE TECNOLOGAS DE INFORMACIN Y COMUNICACIN

Direccin de Docencia en TIC

Elaborado por: Lic. Jos ngel Gnzalez Fce08.A.03.12

d. Observa que cada elemento dentro del arreglo ser un objeto NSDictionary con dos llaves: "pict" y "title". En cada celda del table view debes mostrar el valor de la llave "title"

e. Cuando el usuario toque una celda en el tableView, debes implementar que se enve al objeto DetailViewController, el objeto NSDictionary correspondiente al titulo de la celda seleccionada. Observa que el cdigo generado por la plantilla define un objeto detailItem de tipo id en el objeto DetailViewController, puedes utilizar esa property o definir otra si lo prefieres

4. En el archivo DetailViewController.m a. Modifica/agrega el mtodo "configureView" para que obtenga el valor de la llave

"pict" del objeto NSDictionary que se recibi, y arme la URL para obtener la imagen, considerando que el directorio que contiene todas las imgenes es: http://janzelaznog.com/DDAM/iOS/gaga/

b. Inicia la descarga asncrona de la imagen por medio de un objeto NSURLConnection. Agrega al proyecto la imagen empty_250.png. Esta imagen se debe mostrar en el objeto UIImageView mientras no se complete el request de la imagen correspondiente.

c. Cuando se complete la descarga de la imagen, mustrala en el objeto UIImageView

5. Comprime el proyecto como archivo .zip y envalo como respuesta de la prctica

Valor: 10 puntos