UNIVERSIDAD DE EL SALVADOR

FACULTAD DE INGENIERIA Y ARQUITECTURA

ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS

PROGRAMACION PARA DISPOSITIVOS MOVILES

PDM115 Ciclo I-2014

GUIA DE LABORATORIO N° 11(preliminar)

CONSUMO DE SERVICIO WEB DESDE APLICACIONES MOVILES

Objetivo: Que el estudiante conozca las funciones básicas para consumir un servicio

web de forma síncrona desde una aplicación móvil en 2 plataformas estudiadas en la

asignatura, manejar los errores que pueda producirse en la conexión, y que además

conozca las funciones básicas para realizar la lectura y análisis de un archivo XML.

Descripción: En esta sesión de laboratorio se creara una función en la cual se

establecerá una conexión con un servicio web local de forma síncrona, el dato recibido

será un archivo XML, con el cual utilizaremos un parser para obtener el dato

correspondiente.

Tabla de contenido

Aplicaciones con Servicio Web ...................................................................................................... 1

Desarrollo en Android ................................................................................................................... 3

Modificar el recurso String.xml ................................................................................................. 6

Modificación de la Interfaz gráfica (layout activity_main.xml) ................................................. 6

Aplicación (Archivo Java) ........................................................................................................... 7

Controlador de Datos .............................................................................................................. 10

Desarrollo en iOS ......................................................................................................................... 15

Interfaz Gráfica ........................................................................................................................ 17

Creando conexión al Servicio Web .......................................................................................... 19

Parser XML .............................................................................................................................. 24

Parseo JSON ............................................................................................................................ 25

Anexo 1 Buscar la dirección IP de nuestra pc por medio de consola .......................................... 27

Anexo 2 Buscar la dirección IP de nuestra pc de forma visual .................................................... 28

Anexo 3 Código Fuente de ViewController.m ............................................................................. 30

3

1

Aplicaciones con Servicio Web

Primeramente debemos recordar que los servicio web se definen como

sistemas de software diseñados para soportar una interacción maquina a máquina

sobre una red, en otras palabras, podríamos decir que son como API's Web que

pueden ser accedidas dentro de una red y son ejecutadas en el sistema que las aloja.

Por ejemplo se podría crear un servicio web que realice operaciones matemáticas,

luego desde una aplicación podríamos invocar ese servicio siempre y cuando tenga

conexión a la red en la cual se encuentra, para que de esa manera nuestra aplicación

pueda realizar esas operaciones matemáticas definidas en el servicio web. Esto es muy

útil cuando el dispositivo que ejecutara nuestra aplicación no posee los suficientes

recursos para realizar ciertos procesos, imaginemos que las operaciones matemáticas

son muy complejas, entonces estos se ejecutan en un servidor y luego solo es enviada

la respuesta.

Los servicios web más comunes son los que se refiere a clientes y servidor que se

comunican mediante mensajes XML que siguen el estándar SOAP. En los últimos años

se ha popularizado un estilo de arquitectura Software conocido como REST.

REST (Representational State Transfer) es un estilo de arquitectura de software para

sistemas hipermedias (conjunto de métodos para escribir, diseñar y componer

contenidos de multimedia) distribuidos tales como la Web. Este se refiere

estrictamente a una colección de principios para el diseño de arquitecturas en red.

Estos principios resumen como los recursos son definidos y diseccionados. Ahora cabe

aclarar que REST no es un estándar sino solamente un estilo de arquitectura, pero a

pesar que no es un estándar se base en estándares tales como HTTP, URL,

Representación de Recursos (XML, HTML, GIF ,etc.) y tipo MIME (text/xml, text/html,

etc.).

Con REST tenemos la posibilidad de recibir dos tipos de respuesta, en XML y JSON. La

forma como funciona es similar a un cliente/servidor web normal a diferencia que hoy

nuestra aplicación procesara los datos, una característica de la arquitectura REST es

que la petición se expone en la URL en forma de directorios y recursos.

Como se mencionó antes la respuesta puede ser en XML o JSON, por tal motivo la

aplicación debe contener un parser (analizador sintáctico) para poder obtener la

información contenida en estas respuestas enviadas desde el web service. Un parser

puede ser un objeto que toma el archivo y lo analiza para obtener la información

requerida.

2

Para la realización de los siguientes proyectos el servicio estaba alojado en la dirección

http://172.16.14.227:8080 /WelcomeRESTXML/webresources/welcome y la respuesta en

todos los casos es:

<respuesta>

<numero>uno</numero>

</respuesta>

3

Desarrollo en Android Ejecutamos Eclipse

Creamos un nuevo Proyecto de Aplicación de Android

o Nombre de la Aplicación: Web Service

o Nombre del proyecto: WebServiceCarnet_Android

o Paquete: sv.ues.fia.carnet

o Minima API requerida: 8

o API objetivo: 17

o Elegir Blank Activity

o Nombre de la Actividad: MainActivity

o Nombre del Layout: activity_main

Presione clic en siguiente (Next)

4

Presione clic en siguiente (Next)

Presione clic en siguiente (Next)

5

Clic en Siguiente (Next)

Clic en Finalizar (Finish)

6

Modificar el recurso String.xml

Una vez que ya tengamos listo el proyecto agregaremos un nuevo recurso de tipo string en

res/values/string.xml

<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">WebService</string> <string name="action_settings">Settings</string> <string name="indicaciones">Ingrese un digito</string> <string name="servicioLocal">Servicio Local</string> <string name="servicioLocalUES">Servidor UES local</string> <string name="servicioPublicoUES">Servidor UES publico</string> <string name="hostGratuito">Hosting Gratuito</string> </resources>

Modificación de la Interfaz gráfica (layout activity_main.xml) Sustituimos en su totalidad el código por el siguiente

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" tools:context=".MainActivity" > <TextView android:id="@+id/textInidicaciones" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/indicaciones" /> <EditText android:id="@+id/editEntrada" android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="number" > <requestFocus /> </EditText> <Button android:id="@+id/Button4" android:layout_width="318dp" android:layout_height="wrap_content" android:onClick="obtenerDatosLocal" android:text="@string/servicioLocal" /> <Button android:id="@+id/Button1" android:layout_width="318dp" android:layout_height="wrap_content" android:onClick="obtenerDatosLocalUES"

7

android:text="@string/servicioLocalUES" /> <Button android:id="@+id/Button3" android:layout_width="318dp" android:layout_height="wrap_content" android:onClick="obtenerDatosPublicaUES" android:text="@string/servicioPublicoUES" /> <Button android:id="@+id/button2" android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="obtenerDatos" android:text="@string/hostGratuito" /> <TextView android:id="@+id/textSalidaLocal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="" /> <TextView android:id="@+id/textSalidaLocalUes" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/textSalidaHost" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="" /> </LinearLayout>

Aplicación (Archivo Java)

Como se puede observar en la definición de Button el evento onClick responderá a la función

obtenerDatos. Ahora modificaremos MainActivity para que realice la conexión, para esto se

auxiliara de una clase “Controladora” que es la que realizara la conexión al servicio web y

realizara el parseo de la respuesta. En la parte marcado por amarillo, se debe de sustituir, la

dirección ip asignada por la dirección ip de la computadora en la que se está trabajando, es

decir, en la cual se ha realizado el webservice.

package sv.ues.fia.webservicecarnet_android; import org.json.JSONObject; import org.w3c.dom.Document; import org.w3c.dom.Node; import android.os.Bundle; import android.os.StrictMode; import android.util.Log; import android.view.View; import android.widget.EditText; import android.widget.TextView; import android.annotation.SuppressLint; import android.app.Activity;

8

@SuppressLint("NewApi") public class MainActivity extends Activity { TextView indicaciones; EditText entrada; TextView salidalocal; TextView salidalocalues; TextView salidaHost; private static String urlPublicaUES = "http://168.243.8.13:8080/CarnetWebApplication/webresources/generic/"; private static String urlLocalUES = "http://172.16.14.14:8080/CarnetWebApplication/webresources/generic/"; private static String urlHosting = "http://carnetpdm115.site40.net/NumeroEnLetras.php?numero="; //En el url siguiente, se debe de colocar la direccion ip correspondiente a la maquina adonde esta alojado el servicio web. //ver anexo 1 de guia11 para extrar via consola // o anexo 2 de forma visual private static String urlLocal = "http://172.16.15.88:8080/CarnetWebApplication/webresources/generic/"; @SuppressLint("NewApi") @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //Lineas de codigo solo para depuracion. StrictMode.ThreadPolicy policy = new StrictMode.ThreadPolicy.Builder().permitAll().build(); StrictMode.setThreadPolicy(policy); indicaciones = (TextView) findViewById(R.id.textInidicaciones); entrada = (EditText) findViewById(R.id.editEntrada); salidalocal = (TextView) findViewById(R.id.textSalidaLocal); salidalocalues = (TextView) findViewById(R.id.textSalidaLocalUes); salidaHost = (TextView) findViewById(R.id.textSalidaHost); } public void obtenerDatosPublicaUES(View view) { Controlador parser = new Controlador(); String dato = entrada.getText().toString(); String url = urlPublicaUES + dato; String xml = parser.obtenerRespuestaDeURL(url,this); Document doc = parser.mapeoXML(xml); Log.v("MI XML",xml); // ESTAS LINEAS DE CODIGO ES CUANDO SOLO EXISTE UN NODO SIN PADRE Node n = doc.getFirstChild(); String respuesta = parser.getElementValue(n); // MUESTRA LA RESPUESTA

9

salidalocal.setText("Resultado de servicio Publico: "+respuesta); } public void obtenerDatosLocalUES(View view) { Controlador parser = new Controlador(); String dato = entrada.getText().toString(); String url = urlLocalUES + dato; String xml = parser.obtenerRespuestaDeURL(url,this); Document doc = parser.mapeoXML(xml); Log.v("MI XML",xml); // ESTAS LINEAS DE CODIGO ES CUANDO SOLO EXISTE UN NODO SIN PADRE Node n = doc.getFirstChild(); String respuesta = parser.getElementValue(n); // MUESTRA LA RESPUESTA salidalocalues.setText("Resultado de servicio local UES: "+respuesta); } public void obtenerDatosLocal(View view) { Controlador parser = new Controlador(); String dato = entrada.getText().toString(); String url = urlLocal + dato; String xml = parser.obtenerRespuestaDeURL(url,this); Document doc = parser.mapeoXML(xml); Log.v("MI XML",xml); // ESTAS LINEAS DE CODIGO ES CUANDO SOLO EXISTE UN NODO SIN PADRE Node n = doc.getFirstChild(); String respuesta = parser.getElementValue(n); // MUESTRA LA RESPUESTA salidalocal.setText("Resultado de servicio local: "+respuesta); } public void obtenerDatos(View view) { Controlador parser = new Controlador(); String dato = entrada.getText().toString(); String url = urlHosting + dato; String json = parser.obtenerRespuestaDeURL(url,this); try { JSONObject obj = new JSONObject(json); salidaHost.setText("Resultado de servicio hosting gratuito: "+obj.getString("numero")); } catch (Exception e) { salidaHost.setText(Controlador.informacionError); } } }

10

Controlador de Datos

Hoy crearemos dentro del mismo paquete la clase controlador la cual deberá estar

implementada de la siguiente manera.

import java.io.IOException; import java.io.StringReader; import java.io.UnsupportedEncodingException; import javax.xml.parsers.DocumentBuilder; import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.parsers.ParserConfigurationException; import org.apache.http.HttpEntity; import org.apache.http.HttpResponse; import org.apache.http.client.ClientProtocolException; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import org.apache.http.impl.client.DefaultHttpClient; import org.apache.http.params.BasicHttpParams; import org.apache.http.params.HttpConnectionParams; import org.apache.http.params.HttpParams; import org.apache.http.util.EntityUtils; import org.w3c.dom.Document; import org.w3c.dom.Element; import org.w3c.dom.Node; import org.w3c.dom.NodeList; import org.xml.sax.InputSource; import org.xml.sax.SAXException; import android.content.Context; import android.util.Log; import android.widget.Toast; public class Controlador { public static String informacionError = "Conexion Exitosa"; public String obtenerRespuestaDeURL(String url,Context ctx) { String respuesta = " "; try { HttpParams params = new BasicHttpParams(); int timeoutConnection = 3000; HttpConnectionParams.setConnectionTimeout(params, timeoutConnection); int timeoutSocket = 5000; HttpConnectionParams.setSoTimeout(params, timeoutSocket); HttpClient httpClient = new DefaultHttpClient(params); HttpGet httpGet = new HttpGet(url); HttpResponse httpResponse = httpClient.execute(httpGet); HttpEntity httpEntity = httpResponse.getEntity(); respuesta = EntityUtils.toString(httpEntity); } catch (UnsupportedEncodingException e) { Toast.makeText(ctx, "Error de conexion", Toast.LENGTH_LONG).show(); e.printStackTrace();

11

} catch (ClientProtocolException e) { Toast.makeText(ctx, "Error de conexion", Toast.LENGTH_LONG).show(); e.printStackTrace(); } catch (IOException e) { Toast.makeText(ctx, "Error de conexion", Toast.LENGTH_LONG).show(); e.printStackTrace(); } return respuesta; } public Document mapeoXML(String xml) { Document doc = null; DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance(); try { DocumentBuilder db = dbf.newDocumentBuilder(); InputSource is = new InputSource(); is.setCharacterStream(new StringReader(xml)); doc = db.parse(is); } catch (ParserConfigurationException e) { Log.e("Error: ", e.getMessage()); return null; } catch (SAXException e) { Log.e("Error: ", e.getMessage()); return null; } catch (IOException e) { Log.e("Error: ", e.getMessage()); return null; } return doc; } public String getValue(Element item, String str) { NodeList n = item.getElementsByTagName(str); return this.getElementValue(n.item(0)); } public final String getElementValue( Node elem ) { Node child; if( elem != null){ if (elem.hasChildNodes()){ for( child = elem.getFirstChild(); child != null; child = child.getNextSibling() ){ if( child.getNodeType() == Node.TEXT_NODE ){ return child.getNodeValue(); } } } } return ""; } }

12

Como puede observarse en MainActivity se forma la cadena URL y se le manda a

obtenerXMLdeURL para obtener el resultado del servicio web. En Controlador

obtenerXMLdeURL realiza la conexión al servicio web especificando el tiempo que debe de

estar intentado realizar la conexión, de no producirse la conexión devuelve null.

Luego cuando ya se tiene el resultado en la variable xml se verifica que no sea null, es decir

que obtuvimos la respuesta correcta del servicio, después se realiza el mapeo a un tipo

Document, para que luego solo especifiquemos la etiqueta que deseemos, en nuestro la

etiqueta numero. Las siguientes dos funciones getValue y getElementValue son utilizados para

realizar el recorrido por todas las etiquetas. En este ejemplo se especificó la etiqueta padre

respuesta y luego se busca la etiqueta hijo numero con el fin de mostrar cómo se realizaría si la

etiqueta padre tuviera más de un hijo. La etiqueta padre es respuesta y la etiqueta hijo es

número.

Ahora antes de ejecutar la aplicación debemos de establecer los permisos de conexión a

internet en el manisfest.xml.

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="sv.ues.fia.webservicecarnet_android" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="18" /> <uses-permission android:name="android.permission.INTERNET" />" <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name="sv.ues.fia.webservicecarnet_android.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>

Nota: Debes asegurarte que en la creación del proyecto indicaste como mínimo versión la API 8 y en la versión objetivo el API 18(o API 17). De no ser así modifica dentro del manisfest el apartado de <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="18" /> Además de cambiar el nombre paquete según tu carnet

13

Probamos el webservice, abrimos el navegador y escribimos la dirección siguiente:

http://172.16.15.88:8080/CarnetWebApplication/webresources/generic/2

Nota: El servicio CarnetWebApplication del servidor está corriendo y el servicio del

000Webhost, puede probarlo con el de la cátedra o con el suyo.

Ejecutamos el servicio, creamos un nuevo dispositivo virtual, con las siguientes características.

14

Y luego ejecutamos.

Puede ver el proyecto terminado en el repositorio de la asignatura

15

Desarrollo en iOS

Para el desarrollo de esta aplicación diseñaremos una interfaz sencilla 3

etiquetas (para indicaciones, respuesta y mostrar posible errores), 1 caja de texto y un

botón que invocara la función que se conectara al servicio web.

Accedemos a la virtualización de Mac Mountain Lion.

Iniciamos X-Code.

Creamos un nuevo proyecto como Single View Application.

16

En las opciones del nuevo proyecto especificar lo siguiente:

Product Name: WebServiceCarnet_ios

Organization Name: Su nombre Completo

Company Name: UES

Class Prefix: NO ESPECIFICAR NADA EN ESTE CAMPO

Device: IPhone.

Elegir la carpeta donde lo almacenaremos.

Por último presionar Create.

17

Interfaz Gráfica

Entramos al Main.Storyboard, y activamos el editor asistente (Assistant Editor), es la

segunda opción de los tipos de editores.

Aparecerá el asistente gráfico junto el archivo de cabecera del ViewController. Una vez

así, agregaremos los controles necesarios, asegúrese te tener la opción de objetos.

Diseñe una interfaz como la siguiente.

Los objetos son: 1 Picker View, 4 Labels 1 Text Field y 1 Button.

18

Una vez definidos los controles los enlazaremos con el ViewController.h elija un

control y apretando click derecho arrastre el enlace dentro de la definición del

ViewController e instantáneamente se crearan las propiedad, solamente deberá

asignarle un nombre. Asigne los siguientes nombres.

1. Texto de indicaciones de “ingreso un Digito”: indicacion

2. Caja de Texto: entrada

3. Texto de Respuesta: respuesta

4. Texto de Información: informacion

5. Boton Ok: Connection=Action, Nombre=obtenerRespuesta y Evento=Touch Up

Inside

Adicionalmente agregaremos una variable bandera que utilizaremos posteriormente.

19

Como puede observar solo al botón se le cambiara el tipo de acción reaccionando al

evento Touch Up Inside.

Creando conexión al Servicio Web

Nuestra aplicación se conectara a un servicio web REST la cual le enviaremos un

numero entero del 0 al 9 y nos devolverá el equivalente en letras, por ejemplo: le

mandamos 1 nos devolverá “uno”, esta cadena de texto vendrá en un XML que luego

tendremos que parsear, por el momento solo realicemos la conexión. El envío de la

petición al servicio web se realizara al presionar el botón “Ok”, y como lo enlazamos

con obtenerRespuesta, trabajaremos sobre este método, dependerá de la opción

seleccionada en el pickerview, para saber qué tipo de webservice se consumirá.

Una vez terminada la interfaz gráfica y su conexión a ViewController podemos regresar

el editor estándar.

Agregaremos las librerías de JSON para poder consumir los webservice de este tipo, el

cual será el alojado en el materialpublico de la asignatura.

Descomprimalos y arrastre los archivos después de descargados al proyecto.

Luego clic en finish

20

Modificaremos el archivo viewController.h para que importar dichas librerías y agregados

todos los elementos, también agregaremos un NSString, como se muestra a continuación.

Implementaremos primeramente los métodos del pickerview, modificando el

viewdidload y agregando los métodos siguientes. En la dirección ip que contiene

localhost, debe de colocarse la dirección con la que se desea trabajar localmente.

21

22

Ahora implementaremos la función obtenerRespuesta, en el archivo ViewController.m.

Nota: Utilizando el editor asistente no es necesario declarar las propiedad en

@systentize, ya que por defecto se le asigna a variables auxiliares las cuales su nombre

es igual que la propiedad con un guión bajo al inicio, por ejemplo la propiedad

indicación la utilizaremos con _indicacion.

23

Detalles de la función obtenerRespuesta

Para nuestra conexión se utiliza un objeto NSData, el cual tiene una opción de

inicializarlo con el contenido que provee una petición a una URL específica, entonces

necesitamos también un objeto NSURL que puede inicializarse a partir de un objeto

NSString.

En el código se define primero nuestra URL en un objeto NSString (cadenaURL); luego

a un objeto de tipo NSData (dataURL), lo inicializamos implícitamente con un objeto

de tipo NSURL a partir del objeto cadenaURL, mandándole opciones de que realice el

mapeo solo si es seguro y que almacene, si se produce algún tipo de error, en

contenidoError la descripción del error. Ya a partir de esas sentencias y si existe

conexión al servicio web, dataURL ya contiene la respuesta a la petición. Para

comprobarlo utilizamos el método NSLog(NSString *mensaje) para mostrar en la

pantalla de depuración el resultado.

24

Parser XML

Ahora ya tenemos la respuesta del servicio web, pero no queremos todo el XML

solamente lo que está entre las etiquetas “numero”. La forma de obtener esto es

mediante un parser, un objeto que realiza el análisis de todo el XML, en IOS tenemos

disponible la clase NSXMLParser, que mediante la función parser realiza el recorrido al

archivo. Solo que parser lo recorre y nada más, para controlar que es lo que está

recorriendo necesitamos de los métodos delegados que esta clase provee. (Los

métodos delegados son funciones que responder a eventos en otras funciones,

mediante esto podemos crear un nuevo funcionamiento).

Agregaremos las siguientes líneas de código a la función obtenerRespuesta.

Inicializamos el objeto dataParser de la clase NSXMLParser con el dataURL

establecemos que clase será la encargada de implementar los método delegados (en

este caso es ella misma) y ejecutamos la función parser.

Nota: En este caso da una advertencia debido a que la clase que debería de

implementar los métodos delegados de un tipo NSXMLParser sería una que herede de

NSXMLParserDelegate y que defina sus propios atributos.

25

Los método delegados que nos interesan son parser:foundCharacters en el cual

verificamos el contenido entre 2 etiquetas,

parser:didStartElement:namespaceURI:qualifiedName: el cual comprueba cual es la

etiqueta de cierre y parser:parserErrorOccurred: que verifica si ha ocurrido un error en

el recorrido del archivo.

Como desde los métodos delegados no podemos modificar directamente los controles

de la interfaz ocuparemos una variable auxiliar (tmp) para guardar el resultado, lo

declaramos como un atributo privado de ViewController en el archivo de cabecera. A

continuación se muestra como debería de quedar el archivo de cabecera y las

funciones de obtenerResultado y los delegados de NSXMLParser.

Parseo JSON

Se muestra como la bandera marca la pauta entre un JSON y un XML, se utilizan las

mismas variables y también objetos de las librerías importadas anteriormente, se

obtiene un diccionario de datos, en el cual se obtiene el resultado que encuentro

según algún nombre clave.

ViewController.h

26

Métodos de parseo.

Ejecutamos la aplicación y nos muestra el resultado.

Puede ver el proyecto terminado en el repositorio de la asignatura

27

Anexo 1 Buscar la dirección IP de nuestra pc por medio de consola En el botón de inicio ejecutar escribir la palabra “cmd” y luego enter

Dentro de la consola ejecutar el comando ipconfig luego enter

Buscamos la línea de dirección ipv4 dentro de Adaptador de Ethernet Conexión de área Local:

28

Anexo 2 Buscar la dirección IP de nuestra pc de forma visual En la barra de estado de Windows buscar el icono de red lan(presionar clic)

Luego clic en “Abrir el centro de redes y recursos compartidos”

Presionamos clic en la opción “Cambiar la configuración del adaptador”

29

Presionamos doble clic en “Conexión de área local”

Presionamos clic en detalles y en la cuarta línea veremos la dirección de ipv4 que necesitamos

30

Anexo 3 Código Fuente de ViewController.m #import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; _selectorIP.delegate = self; _selectorIP.showsSelectionIndicator = YES; [self.view addSubview:_selectorIP]; _ip.text = @"localhost"; // Do any additional setup after loading the view, typically from a nib. } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. } - (IBAction)obtenerRespuesta:(id)sender { NSError *contenidoError = nil; NSString *cadenaURL = [NSString stringWithFormat:@"http://%@%@",_ip.text,_entrada.text]; if ([_bandera isEqualToString:@"si"]) { NSData *dataURL = [NSData dataWithContentsOfURL:[NSURL URLWithString:cadenaURL]]; NSString *strResult = [[NSString alloc] initWithData:dataURL encoding:NSUTF8StringEncoding]; NSError *error1; NSDictionary *dir = [[CJSONDeserializer deserializer] deserializeAsDictionary:dataURL error:&error1]; NSString *res = [dir objectForKey:@"numero"]; _respuesta.text=res; } else { NSURL *miURL = [NSURL URLWithString:cadenaURL]; NSData *dataURL = [NSData dataWithContentsOfURL:miURL options:NSDataReadingMappedIfSafe error:&contenidoError]; if(!dataURL) {

31

NSLog(@"Ocurrio un error en la conexion"); _respuesta.text = @"Ocurrio un error de conexion"; _informacion.text = [NSString stringWithFormat:@"Compruebe su conexion. %@",contenidoError.localizedFailureReason]; } else { NSString *strResult = [[NSString alloc] initWithData:dataURL encoding:NSUTF8StringEncoding]; NSLog(@"%@",strResult); NSXMLParser *dataParser = [[NSXMLParser alloc] initWithData:dataURL]; [dataParser setDelegate:self]; [dataParser parse]; _respuesta.text = tmp; _informacion.text = @"Conexion y parseo con exito"; } } [_entrada resignFirstResponder]; } //En este metodo se maneja el evento de cambio de seleccion - (void)pickerView:(UIPickerView *)pickerView didSelectRow: (NSInteger)row inComponent:(NSInteger)component { switch (row) { case 0: _ip.text = [@"" stringByAppendingString:@"172.16.15.88:8080/CarnetWebApplication/webresources/generic/"]; _bandera=@"no"; break; case 1: _ip.text = [@"" stringByAppendingString:@"172.16.14.14:8080/CarnetWebApplication/webresources/generic/"]; _bandera=@"no"; break; case 2: _ip.text = [@"" stringByAppendingString:@"168.243.8.13:8080/CarnetWebApplication/webresources/generic/"]; _bandera=@"no"; break; case 3: _ip.text = [@"" stringByAppendingString:@"carnetpdm115.site40.net/NumeroEnLetras.php?numero="]; _bandera=@"si"; break; default: break; }

32

} // En este metodo se especifica la cantidad de filas que contendra el picker - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component { NSUInteger numFilas = 5; return numFilas; } // En este metodo se especifica cuantos componentes tendra cada fila del picker - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView { return 1; } // Especifica el titulo para cada fila del componente especifico - (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component { NSString *titulo; switch (row) { case 0: titulo = [@"" stringByAppendingString:@"IP Local"]; break; case 1: titulo = [@"" stringByAppendingString:@"IP UES PRIVADA"]; break; case 2: titulo = [@"" stringByAppendingString:@"IP UES PUBLICA"]; break; case 3: titulo = [@"" stringByAppendingString:@"WEB HOSTING"]; break; default: break; } return titulo; } // Especifica el ancho del picker para cada elmento - (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component { int sectionWidth = 300; return sectionWidth; } -(void) parser: (NSXMLParser *) parser didStartElement:(NSString *)elementName namespaceURI:(NSString *)namespaceURI qualifiedName:(NSString *)qName attributes:(NSDictionary *)attributeDict { if([elementName isEqualToString:@"string"]) //if([elementName isEqualToString:@"numero"]) tmp=[[NSMutableString alloc] init]; } -(void) parser: (NSXMLParser *) parser foundCharacters:(NSString *)string { [tmp appendString:string];

33

NSLog(@"auxString %@",tmp); } -(void) parser: (NSXMLParser *) parser parseErrorOccurred:(NSError *)parseError { tmp = [[NSMutableString alloc] init]; [tmp appendString:@"Ocurrio un error de Procesos"]; } @end