Parte II Curso Android

Post on 04-Jul-2015

1.014 views 4 download

Transcript of Parte II Curso Android

Desarrollo de aplicaciones móviles

en Android Parte II

Presentación

María José Rioseco

Estudio Ingeniería Informática

Universidad de la Frontera

m.rioseco01@ufromail.cl

maria.rioseco@opensystem.cl

Laboratorio Open System

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

• Lunes

– Sesión 1: • Presentación, • Introducción al mundo de la Informática, • Introducción Android.

• Martes – Sesión 2:

• Inicio de ejemplo de aplicación Android • Explicar modelo de desarrollo de la aplicación • Desarrollo de aplicación en Android.

Centro de Estudios de Ingeniería en Software María José Rioseco, maria.rioseco@opensystem.cl

En la semana veremos

• Miércoles – Sesión 3:

• Finalización de la App ejemplo en el taller • Formar grupos de trabajo y pensar la idea a desarrollar

• Jueves – Sesión 4 :

• Desarrollo de aplicación por grupos.

– Sesión 5 • Finalización y presentación de la aplicación por grupos.

Centro de Estudios de Ingeniería en Software

María José Rioseco, maria.rioseco@opensystem.cl

En la semana veremos

Crearemos una aplicación que maneje las notas de sus asignaturas y nos entregue el promedio que llevan general con todas las asignaturas.

Centro de Estudios de Ingeniería en Software María José

Rioseco,maria.rioseco@opensystem.cl

Inicio App en Android

• Para realizar dicha aplicación, y para aumentar el conocimiento de los presentes, construiremos la App bajo un modelo llamado “3 capas”, el cual consta:

Capa 1 -> Datos

Capa 2 -> Lógica de Datos

Capa 3 -> Interfaz de usuario

Centro de Estudios de Ingeniería en Software

María José Rioseco,maria.rioseco@opensystem.cl

Inicio App en Android

• Capa1 : Datos

“Es lugar donde almacenaremos información”

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Inicio App en Android

• Capa 2: Lógica de negocios “Se encuentra en una posición intermedia porque es el que recibe ordenes, recibe una petición de algo y el la ejecuta y responde al que le pregunto.”

Lógica de Negocios

Recibe peticiones Responde peticiones

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Inicio App en Android

• Capa 3: Interfaz de usuario

“Es aquella que el usuario visualiza, es el producto final.”

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Inicio App en Android

• Modelo 3 capas

Lógica de Negocios

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Inicio App en Android

Para poder crear el modelo debemos darle el nombre a nuestro contenedor, le llamaremos notas_app, y crearemos un espacio donde dejaremos la información o datos, llamada “TABLA” de nombre Asignatura, dentro de esta tabla dejaremos en cada columna un dato específico, como nombre de la asignatura y sus notas correspondientes.

Centro de Estudios de Ingeniería en Software María José

Rioseco,maria.rioseco@opensystem.cl

Creación modelo

El modelo de negocio será una caja negra en como se hizo, pero si conocerás como podrás comunicarte con el y como se comunicará contigo.

Creación modelo de negocio

Interfaz de usuario en Android

Vamos a nuestro ambiente de desarrollo Ecplise y vamos a

File -> New -> Android Project

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Le damos el nombre al proyecto de NotasAsigDAEM

Creación Cliente

Escogemos la versión en que trabajaremos en Android, para nuestro ejemplo será la 2.1

Creación Cliente

Una vez finalizado los pasos, podremos ver esta estructura de carpetas creadas.

Centro de Estudios de Ingeniería en Software María José

Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Si sobre NotasAsigDAEM hacemos click derecho y escogemos

Run As ->Android Aplicaction

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Completamos el campo que nos solicita que llenemos, que es como una carpeta y finalizamos posteriormente.

Package -> notas.daem

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Una vez creado el proyecto, podemos ver que tiene esta estructura

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Para empezar a armar nuestra aplicación ejemplo, no vamos a

Res-> Layout -> main.xml y lo abrimos.

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Arrastraremos un TextView , un EditText y un Button, y vamos personalizando cada componentes

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Creamos un nuevo xml, de nombre notas.xml, como lo muestra la figura.

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Abrimos nuestro nuevo xml creado como el main.xml editado anteriormente.

Ahora necesitaremos :

• 1 TextView para el nombre de la Asignatura,

• 1 TableLayout para agregar dentro las notas,

3 TableRow

Dentro de cada TableRow agregaremos un TextView y un EditText

• 1 Button para enviar las notas .

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Centro de Estudios de Ingeniería en Software María José Rioseco,maria.rioseco@opensystem.cl

Creación Cliente

Centro de Estudios de Ingeniería en Software María José

Rioseco,maria.rioseco@opensystem.cl