SERVICIO NACIONAL DE APRENDIZAJE SENA Versión: 01

GUÍA DE APRENDIZAJE
SISTEMA INTEGRADO DE GESTIÓN Fecha: 12/02/2014
Proceso Gestión de la Formación Profesional Integral
MATERIAL DE APOYO Código: F004-P006-GFPI

EJERCICIO A DESARROLLAR ANFROID

Crear una aplicación Android que realice un CRUD a una base de datos Mysql con las siguientes
tareas:

 Agregar un Contacto
 Consultar por Identificación
 Actualizar Contacto
 Eliminar Contacto
 Listar Contactos

En el desarrollo de la aplicación ustedes deben utilizar los siguientes controles:

Button, EditText, TextView, ListView, Activity

La aplicación móvil consume unos servicios de una aplicación web para que pueda realizar las
tareas mencionadas. Se anexa la aplicación web en php y la base de datos Mysql.

Para la Conexión a la Base de Datos se va a utilizar la Librería Volley.

http://www.hermosaprogramacion.com/2015/02/android-volley-peticiones-http/

https://developer.android.com/training/volley/index.html
Posible Interfaz:

Elaborado por: César Marino Cuéllar Chacón

 SOLUCIÓN
Para el desarrollo de la aplicación Android, se tiene una aplicación web, que mediante servicios
web la aplicación podrá acceder a los datos.

Sitio Web Local: http://localhost/GestionContactos/

Sitio web Internet: https://gestioncontactos.000webhostapp.com

Para las comunicaciones http se debe agregar a la aplicación móvil la referencia o dependencia
de la librería Volley. Buscar el archivo llamado build.gradle y agregar la dependencia como lo
muestra la siguiente imagen:

Procesa Agregar Contacto: Para agregar un contacto debemos enviarle a la aplicación web un
parámetro llamado acción con valor de “Agregar”, así como los datos del contacto como:
identificación, nombres, apellidos, correo y fecha de nacimiento.

En el proyecto vamos a crear una carpeta llamado Modelo dentro del Paquete src/Java/. Dentro
de la carpeta Modelo crear la Clase Contacto así:

Elaborado por: César Marino Cuéllar Chacón

Crear la clase AgregarRequest: Está clase es la que utiliza la librería Volley pasando los
parámetros necesarios para agregar el contacto.

Elaborado por: César Marino Cuéllar Chacón

En la clase anterior el atributo URL hace referencia a la dirección URL de la aplicación web que
me permite acceder a los servicios web. Se podría cambiar con una dirección local donde ustedes
tengan el mismo proyecto.

Ahora vamos a revisar el código al dar clic en el Botón Agregar del Activity CRUDActivity:

Elaborado por: César Marino Cuéllar Chacón

En el código Java del Activity debemos agregar lo siguiente:

En el Código anterior al inicio de la clase se tienen definidos unos objetos que se van a utilizar
para referenciar los objetos que se encuentran en la vista.

En el método onCreate agregamos código donde referenciamos cada uno de los objetos del
Activity con los definidos aquí en la clase.

Elaborado por: César Marino Cuéllar Chacón

Después creamos el código que se ejecuta al dar clic en el botón Agregar.

El código debemos agregarlo dentro del método onClick.

El primer paso es obtener los datos que se han ingresado y guardarlos en unas variables así:

Elaborado por: César Marino Cuéllar Chacón

Después validamos que no vengan datos vacíos y si es así iniciamos creando el objeto de tipo
Contacto.

Ahora debemos crear el objeto que me permite obtener la respuesta.

En el método onResponse, el parámetro response es el que me indica los datos que recibo del
servidor después de enviar los datos para que se agregue el contacto. Al agregar el servicio web
devuelve un objeto de tipo Json con un parámetro llamado estado. Estado puede ser True que
indica que el contacto fue agregado o false que indica que no pudo ser agregado.

Después debemos crear el objeto de tipo AgregarRequest y un objeto de tipo RequestQueue, que
son los encargados de enviar los datos al servicio web de la aplicación web.

Elaborado por: César Marino Cuéllar Chacón

El objeto aRequest se debe crear con el objeto de tipo Contacto creado, que en este caso se llama
unConacto y también se debe pasar como parámetro el objeto de tipo Response.Listener llamado
responseListener creado antes. Hasta aquí va todo el código dentro del if que valida que los datos
no lleguen vacíos.

Método limpiarCajas

Elaborado por: César Marino Cuéllar Chacón

Elaborado por: César Marino Cuéllar Chacón
Proceso Consultar Contacto: Para consultar un contacto debemos enviar la identificación
del contacto, así como la acción con un valor de “Consultar”.

Crear la clase ConsultarRequest así:

En la clase anterior, vemos como el constructor solo tiene la identificación y los parámetros que
envía son acción e identificación.

Código del Botón Consultar del Activity CRUDActivity:

Elaborado por: César Marino Cuéllar Chacón

A continuación se muestra el resultado en la web para que observemos como llegan los datos:

Como resultado al hacer una consulta de un contacto, llega un Json con un atributo booleano
llamado estado y llega como atributo otro objeto json llamado datos que contiene los atributos del
contacto. Por lo anterior se puede observar en el código de Android como al revisar que el atributo
estado es true, se crea un objeto Json que hace referencia a datos, ver línea 123. A partir de ahí

Elaborado por: César Marino Cuéllar Chacón

obtenemos los datos y los colocamos en las cajas de texto de la vista. Adicionalmente al objeto
unContacto se le modifica el atributo idContacto para poder ser utilizado después a la hora de
actualizar o eliminar. Ver línea 135.

Elaborado por: César Marino Cuéllar Chacón

Actualizar Contacto: Primero crear la Clase ActualizarRequest, donde enviamos todo el objeto
contacto que se desea actualizar y la acción “Actualizar”.

En está clase es importante que el objeto Contacto debe tener el idContacto.

Código evento click del botón Actualizar del CRUDActivity:

Este código es muy parecido al de agregar, solo que hay que tener en cuenta que el objeto
unContacto ya está creado y lo que se va es a modificar sus atributos.

Elaborado por: César Marino Cuéllar Chacón

Elaborado por: César Marino Cuéllar Chacón
Listar Contactos: Para listar contactos solo le debemos enviar como parámetro al servicio web
la acción con un valor de “Listar”. Los datos que vienen de la web son:

Elaborado por: César Marino Cuéllar Chacón

El objeto de respuesta es un objeto Json que tiene un atributo booleano llamado estado, otro
atributo llamado mensaje y el otro atributo llamado datos es un JsonArray, ya que contiene dentro
de él varios json para cada uno de los contactos.

Crear la clase ListarRequest así:

Ahora crear un activity que contenga un LinearLayout que a su vez contiene un ImageView y un
textView así:

Elaborado por: César Marino Cuéllar Chacón

En el CRUDActivity se agrega un ListView para poder ahí mostrar el listado de contactos con
sus fotos.

Elaborado por: César Marino Cuéllar Chacón

Y el diseño se vería así:

Como se requiere poder que en el control ImageView se pueda mostrar la foto de cada uno de los
contactos que se encuentra en la aplicación web, se utiliza la Librería Picasso que nos permite
poder acceder a dichos recursos externos a la aplicación móvil. Revisar las dependencias sobre la
librería.

Elaborado por: César Marino Cuéllar Chacón

En el código Java del CRUDActivity, dentro del método onCreate crear la siguiente clase:

La clase anterior lo que hace es crear un Adaptador necesario para agregarlo a un ListView. El
ejecuta el método getView para cada elemento de la lista. El objeto inflater permite poder acceder
al activiy donde se creó el control ImageView y el Textview. Al final del método getView vemos
como se utiliza la librería Picasso para poder colocar la imagen en el control de tipo ImageView
llamado imgFoto. La foto en el servidor se llama identificación.jpg donde identificación es el número
de documento de identidad. El método fit() permite que la imagen se ajuste al tamaño del control
ImageView, el método error permite que se coloque una imagen si no existe.

Ahora vamos a mostrar el código evento Clic del botón Listar:

Elaborado por: César Marino Cuéllar Chacón

Elaborado por: César Marino Cuéllar Chacón
Vista al Listar:

7. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha

Autor (es) César Marino Cuéllar Instructor Centro de la Industria, la 27-5-2019

Chacón Empresa y los Servicios

Elaborado por: César Marino Cuéllar Chacón