View
36
Download
2
Category
Preview:
Citation preview
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
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)
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.
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.
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];
Recommended