aplicacion movil con_bd

11

Click here to load reader

Upload: annie-mrtx

Post on 07-Jul-2015

27 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Aplicacion movil con_bd

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

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

Materia

Desarrollo de aplicaciones móviles

Tema

Documentación de Agenda “Annieaplication”

Nombre completo del Alumno: Ana Francisca Martínez Betancourt.

Grado: 5 Grupo: “B”

Nombre del Docente: I. TIC. Eloy Contreras De Lira

Fecha de entrega : 24/Marzo/2014

Page 2: Aplicacion movil con_bd

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

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

Primeramente, vamos a crear un nuevo proyecto Android. Yo le llamaré

Annieaplication, que contendrá el paquete "com.example.annieaplication”.Así,

obtenemos nuestra estructura típica:

Vamos a utilizar un motor de base de datos para Android que es SQLite, que nos

proporciona una serie de características como son : pequeño tamaño, no requerir

un servidor poca configuración y claro de código libre.

Esta clase, la creamos en nuestro paquete por Default y la llame:

AdminSQLiteOpenHelper

En esta clase añades el siguiente código:

Page 3: Aplicacion movil con_bd

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

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

En la parte superior nos muestra el nombre del paquete donde se encuentra

nuestra clase.

Después se muestra la parte de las librerías que importas el esta aplicación solo

necesitas las siguientes aplicaciones

Seguido de esto nos muestra el nombre de la clase en la que estamos trabajando

Más delante de esto se añade un public que hace un método público que contiene

algunos parámetros que necesitamos para la base de datos.

Page 4: Aplicacion movil con_bd

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

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

Si observamos, el método "onCreate" será el encargado de llamarse en cuanto se

llame por primera vez este es el encargado de crear nuestra tabla de base de

datos con sus respectivas características.

Más adelante se manda llamar el método "onUpgrade" que se encarga de estar

actualizando nuestra tabla de base de datos.

Así es como terminamos nuestra primera clase donde será creada nuestra base

de datos.

Ahora vamos a crear una vista en el Layout, que tenga cuatro opciones: “Alta de

usuarios”, "Consulta de Usuarios", “Baja”, y “Modificar”.

Para eso crearemos un archivo XML de Android dentro de la carpeta "res/layout" y

pondremos el siguiente código usaremos el archivo llamado "main.xml"):

Page 5: Aplicacion movil con_bd

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

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

El código de activity_main.xml es el siguiente, cada uno de estos es para la

creación de un botón o un textview o editText el cual compondrá nuestra interfaz:

Page 6: Aplicacion movil con_bd

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

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

En la parte inferior de la ventana anterior, pulsando en "Graphical Layout"

podremos ir viendo cómo queda visualmente la aplicación, es una aproximación,

para ver cómo quedaría en un dispositivo móvil Android deberemos compilar la

aplicación y usar el emulador. Para volver al modo edición pulsaremos (en la parte

inferior) en "main.xml

Este código es con el que se crea la interfaz al agregar los componentes el código

se crear por default.

Así es como queda nuestra interfaz gráfica de la aplicación que he creado.

En nuestro caso hemos añadido los siguientes componentes visuales, que

puedes ver en la interfaz:

TextView: etiqueta de texto para mostrar "Los nombres de los campos o alguna

descripcion".

EditText: cuadro de texto para que el usuario introduzca los datos

Button: botón para insertar, eliminar, guardar y modificar.

Page 7: Aplicacion movil con_bd

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

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

Teniendo esto, vamos ahora a crear una clase, que es la que tendrá todo nuestro

código donde manejaremos los botones y sus diferentes métodos.

A continuación está el código de esta clase que es la que es nuestra clase

principal.

En esta parte se encuentra lo que es el nombre del paquete y las librerías

que se importan para nuestra aplicación

Page 8: Aplicacion movil con_bd

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

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

En la continuación se declara el método main que es la clase principal de nuestro

código.

En la parte que continúa se declaran las variables que vamos a utilizar y los componentes

que estos seran por ejemplo textview , editText.

Comentado [A3]: En esta parte es la conexión de la base de datos donde se agarran esos datos para almacenarlos en los diferentes campos de la SQLite

Comentado [A2]: Esta es la parte que se agregan los items

Comentado [A1]: Son los componentes que componen nuestra interfaz

Page 9: Aplicacion movil con_bd

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

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

Comentado [A4]: Se cargan los datos en la SQLite

Comentado [A6]: En esta parte del código se da de baja o se elimina un usuario se elimina los campos de la tabla votantes y te limpia los campos de la interfaz. Si se realiza con éxito la operación te envía un mensaje que el contacto fue eliminado pero si no es así te enviara un mensaje de error

Comentado [A5]: Se realiza la consulta que se encarga de consultar los datos de la tabla votantes los campos de nombre, colegio y número de mesa cuando el dni sea el que ingresaste y los muestre en los campos y si ese dni no existe te manda un error o un mensaje de error.

Comentado [A7]: Se cargan los datos en la SQLite y se pueden modificar los datos de la base de datos i se realiza con éxito la operación te manda un mensaje que fue realizada con éxito sino te envía un error.

Page 10: Aplicacion movil con_bd

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

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

Donde lo único que hacemos, es definir nuestras actividades, para que sean

tomadas en cuenta por el motor principal de Android.

Y si todo estuvo correctamente codificado, al correr nuestra aplicación, ya

obtendremos una funcionalidad básica de una agenda en android.

En la ventana de "Run As" seleccionaremos "Android Application" y pulsaremos

"OK":

Si hemos activado el emulador (como indicamos aquí) se iniciará el AVD y se

ejecutará automáticamente nuestra aplicación. Debes esperar un tiempo

determinado dependiendo de tu computadora pero si todo esta correcto solo

tardara unos minutos.

Page 11: Aplicacion movil con_bd

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

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

Ahora seleccionaras en el menú tu aplicación para asi poder correrla y verificar su

correcto funcionamiento.

Como se ve anteriormente nuestra interfaz es correcta, ahora hay que ver que la

funcionalidad sea optima, se llenan los primeros campos y así puedes dar clic en

el botón alta para guardarlo, modificar y eliminar como se muestra en la siguiente

imagen.