Petición HTTP con URI a base de datos Marvel y respuesta JSON, para despliegue de un personaje con descripción e imagen

[pic 1][pic 2][pic 3]

TECNOLÓGICO NACIONAL DE MÉXICO INSTITUTO TECNOLÓGICO DE ZACATEPEC.

Ingeniería en Sistemas Computacionales

TAREA 12

Unidad IV

“Desarrollo de aplicaciones móviles”

Petición HTTP con URI a base de datos Marvel y respuesta JSON, para despliegue de un personaje con descripción e imagen.

Profesor: Tiburcio Zúñiga Mario Humberto.

Grupo: XB

Alumno        No. Control

Valladares Peralta Luis Angel        16091230

 INTRODUCCIÓN

Este reporte está elaborado con la finalidad de demostrar el desarrollo y la funcionalidad al usar una petición HTTP a una base de datos con respuesta JSON y así desplegar la descripción de una persona junto a su foto.

La aplicación que realizamos tiene como objetivo diseñar una interfaz que mediante un Listview obtener el ID, nombre real y alias de personaje y al momento de darle click nos redirecciona a una nueva interfaz en donde observaremos la descripción y la foto del personaje previamente seleccionado.

La aplicación JSONConsultaLV fue desarrollada en el IDE AndroidStudio obteniendo el apk para instalarla en nuestro dispositivo móvil.

 DESARROLLO

Para crear la aplicación en Android studio creamos un nuevo proyecto vació (en mi caso lo nombre JSONConsultaLV), observamos que se creó la clase MainActivity.java localizado en ese directorio, También la activity_main.xml que se encuentra dentro del directorio layout. También se pueden observar una clase más que se llama mainDatos.java y su respectiva actividad activity_datos.xml.

[pic 4][pic 5]

[pic 6]        [pic 7]        [pic 8]

ADVERTENCIA:[pic 9][pic 10][pic 11][pic 12][pic 13]

La clase MainActivity.java tendrá el siguiente código:[pic 14][pic 15]

Esta clase contiene el código de la actividad principal el cual observamos que utilizamos el URI que el profesor nos indicó, y también el arreglo para poder cargar los datos al Listview.

[pic 16][pic 17]

[pic 18]

La actividad activity_main.xml tendrá el siguiente código:[pic 19][pic 20]

En la actividad activity_main.xml podemos observar el Listview que vamos a llenar con los datos que obtengamos de la base de datos del profesor tal y como se muestro anteriormente.

La clase mainDatos.java tendrá el siguiente código:[pic 21][pic 22]

Esta clase mainDatos.java contiene el código en el cual podemos observar que tenemos las variables que mostraran los datos al momento de seleccionar un personaje en la siguiente interfaz. Vemos que mediante un ArrayList de tipo string lo llenamos con los campos que deseamos mostrar

La actividad activity_datos.xml tendrá el siguiente código:[pic 23][pic 24]

Observamos la actividad activity_datos.xml que es donde se mostrara la descripción y foto del personaje seleccionado anteriormente. Tenemos un Textview y un imageView para colocar lo que necesitamos.

...