Manual de Aplicación Móvil con Acceso a Datos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia

DESARROLLO DE APLICACIONES III

Tema

Manual para el desarrollo de Aplicación Móvil con Acceso a Datos

Nombre completo del Alumno : José de Jesús Cisneros Morales

Grado: 5 Grupo: B Nombre del Docente: Ing. en Tic. Eloy Contreras De Lira Fecha de entrega : 24 de Marzo de 2014



CREACION DE PROYECTO

Una vez que ya tenemos todo lo necesario instalado para implementar el primer

proyecto. Desde el menú de opciones: File -> New -> Android Application Project

En este diálogo especificamos el nombre de la aplicación y proyecto (pueden ser

iguales) y el nombre del paquete java donde se almacenarán los archivos java que

creemos.



Ahora empezaremos a presionar el botón next para pasar a otras configuraciones

de nuestra aplicación, por el momento dejaremos todos los valores por defecto en

cada una de los diálogos que aparece (son 5 diálogos actualmente).



En el último diálogo debe aparecer el botón "Finish" el cual presionamos.

El ADT nos genera todos los directorios y archivos básicos para iniciar nuestro

proyecto:



CREACION DE DISPOSITIVO VIRTUAL O EMULADOR

Ahora creamos nuestro dispositivo móvil siguiendo los pasos que a continuación

se muestran:

1.- Desde el menú de opciones: Window -> Android Virtual Device Manger.

2.- Nos mostrara una ventana como la siguiente donde solo presionas el botón de

opción “New”.

3.- Se desplegara una ventana donde deberás escribir el nombre de tu dispositivo,

elegir tu dispositivo es decir el tipo de pantalla (se te recomienda que utilices un



pantalla de pocos pixeles para que al momento de hacer las pruebas pueda cargar

de manera más rápida tu aplicación, elegir en “Target” la opción que viene como

única y asignar el espacio en Memoria RAM de preferencia créalo de la siguiente

manera:

4.- Ahora solo esperamos un pequeño rato para que se termine de crear nuestro

dispositivo y veremos que aparece en la lista de dispositivos. Y cierras la ventana

y continuas trabajando en el espacio de trabajo.



CREACION DE LA INTERFAZ DE LA APLICACION

Primero implementamos una interfaz visual en el “activitymain” que se encuentra

en la carpet “res” -> “layout”.

Para esto vamos a utilizar herramientas como TextView, PlainText y Button que se

encuentran en la “Palette” en la carpeta “Form Widgets” y “Text Fields”



Ahora vamos a eliminar el texto que aparece de “Hello world” y comenzamos a

agregar 4 TextView, 4 PlainText y 4 Button y los ordenas de la siguiente

manera:

Hay que modificar el texto de los TextView de acuerdo a lo que tú desees esto se

hace de la siguiente manera: Seleccionas y das un clic derecho sobre el TextView

-> Edit Text.

De ahí se desplegara una ventana donde te permitirá modificar el texto.



De esta manera sigues modificando el resto de los TextView.

Para continuar también se deben de modificar el texto de los Button es fácil se

hace de igual manera que con los TextView y las ID de los Button y PlainText que

vas a requerir para la aplicación esto se hace de la siguiente manera:

Seleccionas el Button -> Das clic derecho sobre el -> Eliges la opción Edit ID

Se desplegara una ventana donde asignes el nombre la ID que identificara tu

Button.



Este ejercicio tienen las siguientes ID para poder trabajar con el código que

tenemos en la aplicación ya despues que lo entiendas puedes cambiar si es de tu

agrado con otro nombres:

textView para el DNI = editText1

textView para el Nombre Completo = editText2 textView para el Institución de Origen = editText3

textView para el Numero de Boleto= editText4 button para dar de “Alta” = button1

button para dar una “Consulta por DNI” = button2 button para dar de “Baja” = button3

button para “Modificar Informacion” = button4



Una vez finalizada la Interfaz quedara de la siguiente manera:



CREACION DE LA CLASE “AdminSQLiteOpenHelper” PARA LA BASE DE

DATOS

Lo primero que haremos es crear una clase que herede de SQLiteOpenHelper.

En nuestra aplicación implementaremos una nueva clase llamada

AdminSQLiteOpenHelper que herede de la clase SQLiteOpenHelper:

Esta se hace de la siguiente manera:

1.- Desplazas la flecha que se encuentra a lado del tu Proyecto -> Desplazas la

flecha que se encuentra a lado de la carpeta “src” -> Seleccionas el paquete

“com.javaya.proyecto015”.

2.- Ahora das un clic derecho sobre el paquete anterior y seguimos la siguiente

ruta dando clic en la opción New -> Class

3.- Se desplazara una ventana donde podremos asignar el nombre de la clase.



En este caso la llamaremos “AdminSQLiteOpenHelper” y por ultimo damos clic en

el botón de opción “Finish”.

Y automáticamente se agregara al paquete junto con la clase que por default

tenemos “MainActivity.java”.



Esta clase nos permite crear la base de datos y actualizar la estructura de tablas y

datos iniciales.

Después del nombre del paquete en la clase debes de agregar las siguientes

librerías de lo contrario te marcara error ya que son esenciales para que nuestra

aplicación tenga funcionamiento:

import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteDatabase.CursorFactory; import android.database.sqlite.SQLiteOpenHelper;

Debemos implementar el constructor y sobreescribir los métodos onCreate y

onUpgrade.

El método onCreate se le llama cuando la base de datos se crea por primera vez.

Aquí es donde se define la estructura de las tablas y se cargan eventualmente los

datos iniciales

En el método onUpgrade se llama cuando la base de datos debe ser actualizada.

Tiene por objetivo eliminar tablas, añadir tablas, o hacer cualquier otra cosa que

necesita para actualizarse.

En el constructor solo llamamos al constructor de la clase padre pasando los datos

que llegan en los parámetros:

public class AdminSQLiteOpenHelper extends SQLiteOpenHelper { public AdminSQLiteOpenHelper(Context context, String nombre, CursorFactory factory, int version) { super(context, nombre, factory, version); }

En el método onCreate procedemos a crear la tabla votantes con los cuatro

campos respectivos y definiendo el campo dni como primary key:

public void onCreate(SQLiteDatabase db) { db.execSQL("create table votantes(dni integer primary key, nombre text, institucion text, nboleto integer)"); }



En el método onUpgrade procedemos a borrar la tabla votantes y crear

nuevamente la tabla (en este caso con la misma estructura pero podría ser otra en

un caso más real:

public void onUpgrade(SQLiteDatabase db, int versionAnte, int versionNue) { db.execSQL("drop table if exists votantes"); db.execSQL("create table votantes(dni integer primary key, nombre text, institucion text, nboleto integer)"); }

Y al final quedara el código de la siguiente manera en nuestra clase creada:

package com.javaya.proyecto015; import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteDatabase.CursorFactory; import android.database.sqlite.SQLiteOpenHelper; public class AdminSQLiteOpenHelper extends SQLiteOpenHelper { public AdminSQLiteOpenHelper(Context context, String nombre, CursorFactory factory, int version) { super(context, nombre, factory, version); } @Override public void onCreate(SQLiteDatabase db) { db.execSQL("create table votantes(dni integer primary key, nombre text, institucion text, nboleto integer)"); } @Override public void onUpgrade(SQLiteDatabase db, int versionAnte, int versionNue) { db.execSQL("drop table if exists votantes"); db.execSQL("create table votantes(dni integer primary key, nombre text, institucion text, nboleto integer)"); } }



CREACION DEL CODIGO PARA LA CLASE “MainActivity.java” PARA EL

FUNCIONAMIENTO DE LA APLICACION

Ahora en la otra clase del “MainActivity.java” con el que implementará las altas,

bajas, modificaciones y consultas llevara el siguiente código que más adelante se

explicara por partes:

package com.javaya.proyecto015; import android.app.Activity; import android.content.ContentValues; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import android.os.Bundle; import android.view.Menu; import android.view.View; import android.widget.EditText; import android.widget.Toast; public class MainActivity extends Activity { private EditText et1, et2, et3, et4; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1 = (EditText) findViewById(R.id.editText1); et2 = (EditText) findViewById(R.id.editText2); et3 = (EditText) findViewById(R.id.editText3); et4 = (EditText) findViewById(R.id.editText4); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } public void alta(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); String nombre = et2.getText().toString(); String institucion = et3.getText().toString(); String nboleto = et4.getText().toString(); ContentValues registro = new ContentValues(); registro.put("dni", dni);



registro.put("nombre", nombre); registro.put("institucion", institucion); registro.put("nboleto", nboleto); bd.insert("votantes", null, registro); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); Toast.makeText(this, "Se cargaron los datos de la persona", Toast.LENGTH_SHORT).show(); } public void consulta(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); Cursor fila = bd.rawQuery( "select nombre,institucion,nboleto from votantes where dni=" + dni + "", null); if (fila.moveToFirst()) { et2.setText(fila.getString(0)); et3.setText(fila.getString(1)); et4.setText(fila.getString(2)); } else Toast.makeText(this, "No existe una persona con dicho dni", Toast.LENGTH_SHORT).show(); bd.close(); } public void baja(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); int cant = bd.delete("votantes", "dni=" + dni + "", null); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); if (cant == 1) Toast.makeText(this, "Se borró la persona con dicho documento", Toast.LENGTH_SHORT).show(); else Toast.makeText(this, "No existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); }



public void modificacion(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); String nombre = et2.getText().toString(); String colegio = et3.getText().toString(); String nromesa = et4.getText().toString(); ContentValues registro = new ContentValues(); registro.put("nombre", nombre); registro.put("institucion", colegio); registro.put("nboleto", nromesa); int cant = bd.update("votantes", registro, "dni=" + dni, null); bd.close(); if (cant == 1) Toast.makeText(this, "se modificaron los datos", Toast.LENGTH_SHORT) .show(); else Toast.makeText(this, "no existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); } }

Antes de explicar cada uno de los métodos que se requieren para que la

aplicación realice las funciones requeridas debemos de escribir las librerías que

vamos a requerir, así como también declarar las variables que necesitamos para

poder almacenar los datos que deseemos ingresar y manipular en las cajas de

texto con el uso, en este caso las se usaron las siguientes librerías y se declararon

las variables que se muestran a continuación:

import android.app.Activity; import android.content.ContentValues; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import android.os.Bundle; import android.view.Menu; import android.view.View; import android.widget.EditText; import android.widget.Toast; public class MainActivity extends Activity { private EditText et1, et2, et3, et4;



@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

Alta de datos

Cuando se presiona el botón alta se ejecuta el método "alta" recordemos inicializar

la propiedad "OnClick" del botón desde la ventana de visualización del archivo

XML.

Lo primero que hacemos en este método es crear un objeto de la clase que

planteamos anteriormente y le pasamos al constructor this (referencia del Activity

actual), "administracion" (es el nombre de la base de datos que crearemos en el

caso que no exista) luego pasamos null y un uno indicando que es la primer

versión de la base de datos (en caso que cambiemos la estructura o agreguemos

tablas por ejemplo podemos pasar un dos en lugar de un uno para que se ejecute

el método onUpgrade donde indicamos la nuestra estructura de la base de datos).

Luego de crear un objeto de la clase AdminSqLiteOpenHelper procedemos a crear

un objeto de la clase SQLiteDataBase llamando al método getWritableDatabase

(la base de datos se abre en modo lectura y escritura).

Creamos un objeto de la clase ContentValues y mediante el método put

inicializamos todos los campos a cargar.

Seguidamente llamamos al método insert de la clase SQLiteDatabase pasando en

el primer parámetro el nombre de la tabla, como segundo parámetro un null y por

último el objeto de la clase ContentValues ya inicializado (este método es el que

provoca que se inserte una nueva fila en la tabla votantes en la base de datos

llamada administración)

Borramos seguidamente los EditText y mostramos un mensaje para que conozca

el operador que el alta de datos se efectuó en forma correcta:



Código del Método “alta”:

public void alta(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); String nombre = et2.getText().toString(); String institucion = et3.getText().toString(); String nboleto = et4.getText().toString(); ContentValues registro = new ContentValues(); registro.put("dni", dni); registro.put("nombre", nombre); registro.put("institucion", institucion); registro.put("nboleto", nboleto); bd.insert("votantes", null, registro); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); Toast.makeText(this, "Se cargaron los datos de la persona", Toast.LENGTH_SHORT).show(); }

Consulta de datos

Cuando se presiona el botón "Consulta por DNI" se ejecuta el método consulta

con el siguiente código:

public void consulta(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); Cursor fila = bd.rawQuery( "select nombre,institucion,nboleto from votantes where dni=" + dni + "", null); if (fila.moveToFirst()) { et2.setText(fila.getString(0)); et3.setText(fila.getString(1)); et4.setText(fila.getString(2)); } else Toast.makeText(this, "No existe una persona con dicho dni", Toast.LENGTH_SHORT).show(); bd.close();



}

En el método consulta lo primero que hacemos es crear un objeto de la clase

AdminSQLiteOpenHelper y obtener una referencia de la base de datos llamando al

método getWritableDatabase.

Seguidamente definimos una variable de la clase Cursor y la inicializamos con el

valor devuelto por el método llamado rawQuery.

La clase Cursos almacena en este caso una fila o cero filas (una en caso que

hayamos ingresado un dni existente en la tabla votantes), llamamos al método

moveToFirst() de la clase Cursos y retorna true en caso de existir una persona con

el dni ingresado, en caso contrario retorna cero.

Para recuperar los datos propiamente dichos que queremos consultar llamamos al

método getString y le pasamos la posición del campo a recuperar (comienza a

numerarse en cero, en este ejemplo la columna cero representa el campo nombre,

la columna 1 representa el campo colegio y la columna 2 representa el campo

número de mesa).

Baja o borrado de datos

Para borrar uno o más registros la clase SQLiteDatabase tiene un método que le

pasamos en el primer parámetro el nombre de la tabla y en el segundo la

condición que debe cumplirse para que se borre la fila de la tabla. El método

delete retorna un entero que indica la cantidad de registros borrados:

public void baja(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); int cant = bd.delete("votantes", "dni=" + dni + "", null); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); if (cant == 1)



Toast.makeText(this, "Se borró la persona con dicho documento", Toast.LENGTH_SHORT).show(); else Toast.makeText(this, "No existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); }

Modificación de datos

En la modificación de datos debemos crear un objeto de la clase ContentValues y

mediante el método put almacenar los valores para cada campo que será

modificado. Luego se llama al método update de la clase SQLiteDatabase

pasando el nombre de la tabla, el objeto de la clase ContentValues y la condición

del where (el cuanto parámetro en este ejemplo no se lo emplea).

public void modificacion(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); String nombre = et2.getText().toString(); String colegio = et3.getText().toString(); String nromesa = et4.getText().toString(); ContentValues registro = new ContentValues(); registro.put("nombre", nombre); registro.put("institucion", colegio); registro.put("nboleto", nromesa); int cant = bd.update("votantes", registro, "dni=" + dni, null); bd.close(); if (cant == 1) Toast.makeText(this, "se modificaron los datos", Toast.LENGTH_SHORT) .show(); else Toast.makeText(this, "no existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); }

Es así como concluimos el código para esta pequeña aplicación.



COMO REALIZAR LA PRUEBA DE LA APLICACIÓN “Proyecto 015”

Para realizar la prueba y poder ver el funcionamiento solamente has lo siguientes:

1.- Buscas tu proyecto en la barra de “Package Explorer”.

2.- Sobre el proyecto das un clic derecho y se desplazara una ventana como la

que se muestra.

3.- Seleccionas la opción “Run As” seguido de la opción “1 Andriod Application”.



4.- Esperamos a que cargue nuestro dispositivo virtual y así pueda poner en

marcha la aplicación.

5.- Se mostrara una ventana que se maneja de modo touch y realizas lo siguiente:

Desbloqueas:

Después abres el Menú:



Seleccionas la aplicación:

Comienzas a manipular con datos según se pida:

Manipulación del Botón “Alta”

Una vez que está abierta la aplicación comienzas a realizar lo siguiente:



Ingresa datos en acorde a lo que se te pide y presionas el botón de opción “Alta”.

Una vez realizado lo anterior guarda la información y limpia los campos para

ingresar nuevos datos y te manda por default un mensaje que los datos si se

guardaron correctamente en acorde al tipo de datos. De lo contrario si los datos no

son en acorde a lo declarado la aplicación se cerrara automáticamente.



Manipulación del Botón “Consultar por DNI”

Para poder utilizar este botón primero se debe de ingresar en el campo el DNI de

la persona que desea consultar la información y una vez hecho esto solo das un

clic en el botón de opción “Consulta por DNI”.

Y automáticamente te mostrara los datos en sus campos correspondientes de no

existir el DNI que ingresa y lo deja vacío simplemente se cerrara la aplicación

automáticamente.



Manipulación del Botón “Modificar Informacion”

Para poder poner este botón en acción primero debes de consultar datos para que

la información de la persona que vas a modificar te la muestre en los campos. Una

vez que realizaste este paso comienzas a cambiar los datos que vas a cambiar.

Cuando ya cambiaste los datos das un clic en el botón “Modificar Informacion” y

te mostrara un mensaje que la modificación se ha hecho con éxito. De poner en

marcha este botón sin tener información elegida te cerrara la aplicación

mandándote al menú.



Manipulación del Botón “Baja”

Para poder utilizar este botón primero debes de consultar la información que

deseas dar de baja o eliminar, ya que la tienes elegida das un clic en el botón de

opción “Baja”.

Una vez que realizaste lo anterior te mostrara un mensaje el cual te dara a

conocer que los datos se borraron con éxito dejando los campos en limpio. De lo

contrario si se quiere poner en marcha este boton te cerrara la aplicación y te

mandara al menu.



De esta manera se concluye el manual de cómo implementar una Base de Datos

tipo SQLite para manipular datos en un dispositivo móvil con Sistema Operativo

Android en Eclipse.

Manual de Aplicación Móvil con Acceso a Datos

Education

Transcript of Manual de Aplicación Móvil con Acceso a Datos