Download - Parte II Curso Android
![Page 1: Parte II Curso Android](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/1.jpg)
Desarrollo de aplicaciones móviles
en Android Parte II
![Page 2: Parte II Curso Android](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/2.jpg)
Presentación
María José Rioseco
Estudio Ingeniería Informática
Universidad de la Frontera
Laboratorio Open System
Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]
![Page 3: Parte II Curso Android](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/3.jpg)
• 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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/4.jpg)
• 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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/5.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/6.jpg)
• 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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/7.jpg)
• 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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/8.jpg)
• 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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/9.jpg)
• 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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/10.jpg)
• 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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/11.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/12.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/13.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/14.jpg)
Le damos el nombre al proyecto de NotasAsigDAEM
Creación Cliente
![Page 15: Parte II Curso Android](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/15.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/16.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/17.jpg)
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 20: Parte II Curso Android](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/20.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/21.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/22.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/23.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/24.jpg)
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](https://reader033.vdocumento.com/reader033/viewer/2022042607/559764a21a28abc83a8b45f7/html5/thumbnails/25.jpg)
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