parte ii curso android
TRANSCRIPT
Desarrollo de aplicaciones móviles
en Android Parte II
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]
• 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
• 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
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
• 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
• 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
• 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
• 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
• 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
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
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,[email protected]
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,[email protected]
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,[email protected]
Creación Cliente
Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]
Creación Cliente
Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]
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,[email protected]
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,[email protected]
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,[email protected]
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,[email protected]
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,[email protected]
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,[email protected]
Creación Cliente
Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]
Creación Cliente
Centro de Estudios de Ingeniería en Software María José Rioseco,[email protected]
Creación Cliente
Centro de Estudios de Ingeniería en Software María José
Rioseco,[email protected]