UNIVERSIDAD SEOR DE SIPN

Escuela Profesional de Ingeniera de Sistemas

SESIONES 01 Y 02: Computacin Mvil e Introduccin a Android

Mg. Orleans Moiss Glvez Tapia

CIP: 171497

USS - COMPUTACIN MVIL - 2016-2

Sistemas operativos para dispositivos mviles

Objetivo del curso de Computacin Mvil es:

Desarrollar aplicaciones nativas para dispositivos mviles Android

Una aplicacin mvil, o app es una aplicacin

informtica diseada para ser ejecutada en telfonos
inteligentes, tabletas y otros dispositivos mviles.

Otros sistemas operativos para dispositivos mviles son:

Apple IOS

Windows Phone

Firefox OS
USS - COMPUTACIN MVIL - 2016-2

Google Android
2

Sistemas operativos para dispositivos mviles

Objetivo del curso de Computacin Mvil es:

Desarrollar aplicaciones nativas para dispositivos mviles Android

Una aplicacin nativa es la que se desarrolla de forma

especfica para un determinado sistema operativo.

Las apps para Android se desarrollan con lenguaje Java.

Objective-C

.Net

HTML5, CSS3 y JavaScript

Apple IOS

Windows Phone

Firefox OS
USS - COMPUTACIN MVIL - 2016-2

Google Android
3

Sistemas operativos para dispositivos mviles

Objetivo del curso de Computacin Mvil es:

Desarrollar aplicaciones nativas para dispositivos mviles Android

Qu son los dispositivos mviles?

Son pequeas mquinas electrnicas que procesan datos
como los computadores, algunas pueden conectarse a
internet y tienen memoria limitada.

Apple IOS

Windows Phone

Firefox OS
USS - COMPUTACIN MVIL - 2016-2

Google Android
4

Activities (Actividades en Android)

Application

Activity

Activity

Activity

View
View
View

View
View

View

Cada una de las pantallas de una aplicacin es una activity.

Si una aplicacin tiene cinco pantallas, tiene 5 Actividades o activities.

USS - COMPUTACIN MVIL - 2016-2

Pasos para crear el primer proyecto Android Studio

Ejercicio 01 - Hola Mundo. Una vez que iniciamos el entorno del Android Studio aparece el dilogo principal:

USS - COMPUTACIN MVIL - 2016-2

Ejercicio 01: Hola Mundo

La url de nuestra empresa (que ser el nombre del

paquete que asigna java para los archivos fuentes)

USS - COMPUTACIN MVIL - 2016-2

Ejercicio 01: Hola Mundo

Aqu procedemos a especificar la versin de Android

mnima donde se ejecutar la aplicacin que
desarrollemos (dejaremos la versin 4.0.3):

USS - COMPUTACIN MVIL - 2016-2

Ejercicio 01: Hola Mundo

Aqu especificamos el esqueleto bsico de nuestra

aplicacin, seleccionaremos "Blank Activity" (es decir
se generar el cdigo bsico para que nuestra
aplicacin tenga una ventana)

USS - COMPUTACIN MVIL - 2016-2

Ejercicio 01: Hola Mundo

Aqu tenemos que indicar el nombre de la ventana

principal de la aplicacin (Activity Name). Dejaremos
los nombres por defecto que propone Android Studio

USS - COMPUTACIN MVIL - 2016-2

10

Ejercicio 01: Hola Mundo

Tenemos finalmente creado nuestro primer proyecto en Android Studio

El Android Studio nos

genera todos los
directorios y archivos
bsicos para iniciar
nuestro proyecto.

USS - COMPUTACIN MVIL - 2016-2

11

Ejercicio 01: Hola Mundo

La interfaz visual de nuestro programa para Android se almacena en archivos XML: activity_main.xml y content_main.xml

A partir de Android Studio 1.4, la

actividad MainActivity viene
definida por dos ficheros xml:
activity_main.xml (Define el
estilo de la pantalla, o
actividad)
content_main.xml (Determina
los contenidos dentro de
activity_main.xml, por
ejemplo, texto, botones, etc.)

USS - COMPUTACIN MVIL - 2016-2

12

Ejercicio 01: Hola Mundo

Vista de Diseo:

Al seleccionar estos archivos el

Android Studio nos permite
visualizar el contenido en
"Design" o "Text" (es decir en
vista de diseo o en vista de
cdigo):

USS - COMPUTACIN MVIL - 2016-2

13

Ejercicio 01: Hola Mundo

Vista de Cdigo:

Al seleccionar estos archivos el

Android Studio nos permite
visualizar el contenido en
"Design" o "Text" (es decir en
vista de diseo o en vista de
cdigo):

USS - COMPUTACIN MVIL - 2016-2

14

Ejercicio 01: Hola Mundo

Antes de probar la aplicacin en el emulador de un dispositivo Android procederemos a hacer un pequeo cambio a la interfaz que
aparece en el celular:

USS - COMPUTACIN MVIL - 2016-2

15

Ejercicio 01: Hola Mundo

Para ejecutar la aplicacin presionamos el tringulo verde o seleccionamos del men de opciones "Run -> Run app"

En este dilogo procedemos a dejar seleccionado el

emulador por defecto que aparece (Nexus 5) y
presionamos el botn "OK":

USS - COMPUTACIN MVIL - 2016-2

16

Ejercicio 01: Hola Mundo

Cuando termin de cargarse el emulador
debe aparecer la interfaz del mismo:

Luego podremos observar la ejecucin de

nuestra primer aplicacin en Android:

USS - COMPUTACIN MVIL - 2016-2

17

Hasta ahora solo hemos visto diseo (.xml). Antes de pasar implementar el archivo MainActivity.java de una
app veamos algunos conceptos fundamentales de java: @Override y Clases Abstractas

Para sobrescribir un mtodo en Java tenemos que tener una ClaseHija que herede mnimo un mtodo de
una ClasePadre.

@Override se utiliza para indicar que un mtodo ha modificado su comportamiento que hered de la
superclase.
USS - COMPUTACIN MVIL - 2016-2

18

Cdigo de la clase Figura

USS - COMPUTACIN MVIL - 2016-2

19

Cdigo de la clase Cuadrado

USS - COMPUTACIN MVIL - 2016-2

20

Cdigo de la clase Crculo

USS - COMPUTACIN MVIL - 2016-2

21

Cdigo de la clase Principal

USS - COMPUTACIN MVIL - 2016-2

22

Ejercicio 02: Suma de dos nmeros

Escribir un programa que permita

la carga de dos nmeros en
controles de tipo EditText.
Mostrar mensajes que soliciten la
carga de los valores. Disponer un
Button para sumar los dos valores
ingresados. Mostrar el resultado
en un tercer TextView.
La interfaz visual debe quedar
algo semejante a esto:

content_main.xml

Ingrese el Primer Valor

Ingrese el Segundo Valor

SUMAR
Resultado

USS - COMPUTACIN MVIL - 2016-2

23

Ejercicio 02: Suma de dos nmeros (Solucin)

content_main.xml
MainActivity.java

Ingrese el Primer Valor

et1

PASO 1

Ingrese el Segundo Valor

et2
SUMAR
Resultado

tv3

USS - COMPUTACIN MVIL - 2016-2

24

Ejercicio 02: Suma de dos nmeros (Asociar los elementos XML con sus objetos en JAVA)

Ingrese el Primer Valor

et1
Ingrese el Segundo Valor

et2
SUMAR
Resultado

MainActivity.java

content_main.xml

tv3

et1

et1 =

(EditText) findViewById (R.id.et1);

USS - COMPUTACIN MVIL - 2016-2

25

Ejercicio 02: Suma de dos nmeros (Asociar los elementos XML con sus objetos en JAVA)

Ingrese el Primer Valor

et1

PASO 2

Ingrese el Segundo Valor

et2
SUMAR
Resultado

tv3

EXPLICACIN:
Las diferentes vistas definidas en main.xml, son creadas como objetos Java
cuando se ejecuta setContentView(R.layout.activity_main).
Si queremos manipular algunos de estos objetos hemos de declararlos (paso 1)
y asignarles la referencia al objeto correspondiente (paso 2). Para ello, hay que
introducir el atributo id en XML y utilizar el mtodo:
findViewById(R.id.valor_en_atributo_id).

USS - COMPUTACIN MVIL - 2016-2

26

Ejercicio 02: Suma de dos nmeros (Obtener datos o leer datos de EditText)
et1 . getText ( ) . toString ( )
nro1

Integer.parseInt ( valor1 )

Ingrese el Primer Valor

et1
Ingrese el Segundo Valor

et2
SUMAR
Resultado

tv3

et2 . getText ( ) . toString ( )

nro2

Integer.parseInt ( valor2 )

suma = nro1 + nro2

resu

String.valueOf( suma )

USS - COMPUTACIN MVIL - 2016-2

28

Ejercicio 02: Suma de dos nmeros (Obtener datos o leer datos de EditText)

Ingrese el Primer Valor

et1
Ingrese el Segundo Valor

et2
SUMAR
Resultado

tv3

USS - COMPUTACIN MVIL - 2016-2

29

Ejercicio 02: Suma de dos nmeros (Resultado Final)

onClick permite asociar un

mtodo a un botn. Esto
significa que al pulsar el
botn SUMAR, se invocar
(ejecutar) el mtodo sumar
de la clase MainActivity.java

USS - COMPUTACIN MVIL - 2016-2

30