Este documento presenta una introducción al desarrollo de aplicaciones móviles en Android. Explica que se verá el modelo de desarrollo de aplicaciones en Android de tres capas, incluyendo la capa de datos, la capa de lógica de negocios y la capa de interfaz de usuario. También describe los primeros pasos para crear una aplicación de ejemplo en Android que gestione notas académicas, como la creación del proyecto, la interfaz gráfica y el modelo de datos.
Netex learningMaker | Herramienta autora de contenidos e-learning en HTML5 [ES]Netex Learning
Crea contenidos e-learning profesionales y publícalos con un solo clic.
Descubre las posibilidades de una edición sencilla y colaborativa directamente en la nube.
Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...Victor Aravena
Presentación de Distinciones conceptuales para la trazabilidad de historia de la ley. Finalmente presenta un caso práctico de implementación de un portal web para la Biblioteca del Congreso Nacional, Chile.
Netex learningMaker | Herramienta autora de contenidos e-learning en HTML5 [ES]Netex Learning
Crea contenidos e-learning profesionales y publícalos con un solo clic.
Descubre las posibilidades de una edición sencilla y colaborativa directamente en la nube.
Presentación CISTI 2016 "Distinciones Conceptuales para la Trazabilidad de l...Victor Aravena
Presentación de Distinciones conceptuales para la trazabilidad de historia de la ley. Finalmente presenta un caso práctico de implementación de un portal web para la Biblioteca del Congreso Nacional, Chile.
2. 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
3. En la semana veremos
• 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
4. 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
5. Inicio App en 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,maria.rioseco@opensystem.cl
6. 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
7. 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
8. 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.”
Recibe peticiones Responde peticiones
Lógica de Negocios
Centro de Estudios de Ingeniería en Software
María José Rioseco,maria.rioseco@opensystem.cl
9. 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
10. 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
11. Creación modelo
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
12. Creación modelo de negocio
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.
13. Creación Cliente
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
16. 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
17. 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
18. Creación Cliente
Centro de Estudios de Ingeniería en Software
María José Rioseco,maria.rioseco@opensystem.cl
19. Creación Cliente
Centro de Estudios de Ingeniería en Software
María José Rioseco,maria.rioseco@opensystem.cl
20. 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
21. 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
22. 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
23. 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
24. 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
25. 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
26. Creación Cliente
Centro de Estudios de Ingeniería en Software
María José Rioseco,maria.rioseco@opensystem.cl
27. Creación Cliente
Centro de Estudios de Ingeniería en Software
María José Rioseco,maria.rioseco@opensystem.cl
28. Centro de Estudios de Ingeniería en
Software María José
Rioseco,maria.rioseco@opensystem.cl