Parte II Curso Android

28
Desarrollo de aplicaciones móviles en Android Parte II

Transcript of Parte II Curso Android

Page 1: Parte II Curso Android

Desarrollo de aplicaciones móviles

en Android Parte II

Page 2: Parte II Curso Android

Presentación

María José Rioseco

Estudio Ingeniería Informática

Universidad de la Frontera

[email protected]

[email protected]

Laboratorio Open System

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Page 3: Parte II Curso Android

• 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, [email protected]

En la semana veremos

Page 4: Parte II Curso Android

• 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, [email protected]

En la semana veremos

Page 5: Parte II Curso Android

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,[email protected]

Inicio App en Android

Page 6: Parte II Curso 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,[email protected]

Inicio App en Android

Page 7: Parte II Curso Android

• Capa1 : Datos

“Es lugar donde almacenaremos información”

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Inicio App en Android

Page 8: Parte II Curso 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,[email protected]

Inicio App en Android

Page 9: Parte II Curso 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,[email protected]

Inicio App en Android

Page 10: Parte II Curso Android

• Modelo 3 capas

Lógica de Negocios

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Inicio App en Android

Page 11: Parte II Curso 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,[email protected]

Creación modelo

Page 12: Parte II Curso Android

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

Page 13: Parte II Curso Android

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,[email protected]

Creación Cliente

Page 14: Parte II Curso Android

Le damos el nombre al proyecto de NotasAsigDAEM

Creación Cliente

Page 15: Parte II Curso Android

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

Creación Cliente

Page 16: Parte II Curso Android

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

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

Rioseco,[email protected]

Creación Cliente

Page 17: Parte II Curso Android

Si sobre NotasAsigDAEM hacemos click derecho y escogemos

Run As ->Android Aplicaction

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Creación Cliente

Page 18: Parte II Curso Android

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Creación Cliente

Page 19: Parte II Curso Android

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Creación Cliente

Page 20: Parte II Curso Android

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,[email protected]

Creación Cliente

Page 21: Parte II Curso Android

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

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Creación Cliente

Page 22: Parte II Curso Android

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,[email protected]

Creación Cliente

Page 23: Parte II Curso Android

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,[email protected]

Creación Cliente

Page 24: Parte II Curso Android

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,[email protected]

Creación Cliente

Page 25: Parte II Curso Android

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,[email protected]

Creación Cliente

Page 26: Parte II Curso Android

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Creación Cliente

Page 27: Parte II Curso Android

Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]

Creación Cliente

Page 28: Parte II Curso Android

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

Rioseco,[email protected]