E.A.P.

de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Practica: 01
Interacción con Android Studio

Objetivos:

 Instalación de IDE Android Studio y de los servicios requeridos para las diferentes plataformas o
API de PDA
 Ejecutar la aplicación mediante un Dispositivo Virtualizado(AVD) o con un dispositivo
activo(Smartphone que tenga Sistema operativo android)
 Herramientas:
 Android Studio Manager

Paso1: Instalar Android Studio: android-studio-bundle- Paso2: Una vez instalado proceder a ejecutar para
135.1740770-windows activar algunos servicios

Paso3: Una vez actualizado vamos ingresar

configuración a SDK Manager

Paso4: Seleccionar algunos servicios indispensables y
según la versión del S.O. del APD
E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
Paso5: Una vez seleccionado los servicio, se procede a
aceptar la licencia e instalar

Paso 6: Dar nombre de la aplicación, package, minimo SDK requerido..etc.

Nombre de la apliacion

Nombre del modulo inicial

Para aplicación un mobre de paquete
Localizacion del projecto donde se almacenara

Paso 7: Podemos crear una actividad para nuestro caso

una actividad vacía.
Actividad
pantalla
Actividad vacia completa
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Actividad con Actividad con

google maps google play
serivces

Paso 8: Presionamos siguiente para crear nuestro

proyecto.

Actividad para
tablet

Paso9: Hemos creado nuestra primera aplicación Hello work

Paso 10: Compilar en un dispositivo conectado o un Paso 11: Una vez que la compilación a finalizado
emulador conectado, presionamos play veremos que debemos elegir un dispositivo ejecutándose en el
ejecutaremos las tareas gradle para compilar nuestro momento.
proyecto.
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Paso 12: Sino seleccionar lanzar un emulador Y se ejecutara un emulador (repetir el paso 12 y
seleccionar el emulador)

Y veremos cómo compila correctamente y nos muestra el emulador

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
Practica: 02
PROGRAMACION BASICA SOBRE SMART PHONES
ANDROID

Objetivos:

 Conocer el entorno de programación del IDE Android Studio para programación bajo el sistema
Android.
 Hacer una nueva aplicación en Android que utilice los controles: TextView, EditText y Button.
Interactuando con la interfaz gráfica mediante métodos y eventos. Además de ejecutar un
intent de forma implícita.
 Ejecutar la aplicación mediante un Dispositivo Virtualizado(AVD) o con un dispositivo
activo(Smartphone que tenga Sistema operativo android)

Crear el primer proyecto en Android Studio

Entre al Entorno Integrado de Desarrollo (IDE) Android Studio (Boton de inicio, Android Studio…) y presione
clic en Start a new Android Studio Project

Presionamos Next y definimos el nombre de la aplicación del Proyecto y del Paquete (Como su carnet on
01 al final), como se muestra a continuación.
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Seleccionamos el SDK(API8) mínimo al que correrá nuestra aplicación

Seleccionamos Blank Activity(Activity en Blanco)

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Cambiamos el titulo por Hola Mundo

Y presionamos Finish

Con lo anterior se cargara el IDE con una ventana de tips como la siguiente

Si no deseamos ver tips cada vez que se cargue el entorno, desmarcamos el botón de chequeo que se
muestra y presionamos close.
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Crear Dispositivo Móvil Virtualizado y dejarlo corriendo

(esto demora mucho tiempo, por eso se recomienda hacerlo en guías posteriores al inicio).
Requisitos: 3.7pulgadas, resolución 480 X 800
Presionar clic en el AVD Manager

Presionar Clone Device

Ponerle por nombre su carnet y API_8(carnet_API_8)

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
Presionar el botón de play para ejecutar el dispositivo

Este proceso puede durar hasta 5 minutos dependiendo de su equipo

Si le aparece esta imagen, arrastre el candado hacia Luego presione clic en ok

arriba

Al finalizar aparecerá un dispositivo como el que se Con lo anterior aparecerá la siguiente pantalla
muestra, arrastre el mouse como se muestra para
ver los otros apps
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Mantenga esta ventana abierta y pase al IDE Android Studio

Presione clic en Run app

Presionar clic en OK ya que el dispositivo esta corriendo

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
Nota: Podemos chequear la opción de Usar el mismo dispositivo para futuros lanzamientos de aplicaciones
Aparecerá como se muestra

Creación de una segunda aplicación y reconocimiento del entorno del IDE

Cree otro proyecto con el nombre carnet02
Con título del activity:” Primera app”
Luego de crear la app, vamos a tener los siguientes objetos en el IDE
Reconocimiento del Entorno

Árbol de objetos de proyecto en Android Descripción

Se trabajara en esta guia tres
elementos, Programa(archivo con
extension java) en
MainActivity.java(1), Interfaz gráfica
activity_main.xml(2) y un archivo de
configuración de algunos
permisos(de ser necesario) llamado
AndroidManifest.xml(3)
Se utilizara además un archivo de
recursos llamado string.xml(4) para
definir variables útiles para su
interfaz gráfica.

Otros elementos Descripción

Se trabajara el diseño de las
interfaces graficas mediante el
arrastre de elementos de la paleta(1)
hacia la pantalla de diseño(2)
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Para tener una mejor vista de la pantalla de diseño, podemos presionar el icono zoom in

Escoger emulador

Creación de Interfaz Grafica

Indicaciones: Hacer una interfaz que contenga además del textview de hello world(etiqueta), cuatro
botones y editview como se muestran
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Nota: use la paleta para arrastrar los widgets(controles)

Como se puede ver aparece un foco amarillo en los controles de botón de comando indicando que hay una
advertencia, esta es debido a que no existe una variable de recursos asociada a la propiedad text de los
objetos.

Si se desea que el primer botón diga intento, los tres editView digan sumando1, sumando2 y sumando3 .
Tendremos que modificar el archivo de recursos string.xml y luego cambiar la propiedad text para direccionar
el contenido hacia esos recursos.

Agregar recursos (variables string)

Primera forma
Agregue los recursos, ir a carpeta res, values, string.xml(a la izquierda) luego presione open editor.

Utilizando el signo + agregue las variables que se le muestran.

Póngale en name boton1 y en default value Intent

Repita lo anterior para los siguientes valores

Name Value
boton1 Intent
boton2 Sum1
boton3 Sum2
boton4 Sum3
parametro1 Sumando1
parametro2 Sumando2
parametro3 Sumando3

En modo visual usted vera que le queda una lista como sigue:
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Segunda Forma
Presione doble clic en la pestaña interior string.xml y digite lo que está en la imagen:

De cualquiera de las formas que la haya hecho, se recomienda que guarde su archivo en este momento.

Asociar controles con los recursos

Seleccione el activiti_main.xml y Presione clic en button1(1) luego presione clic en los puntos suspensivos de
la propiedad text(2).
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Seleccione el recurso boton1(button1) y clic en OK

Vera como cambia la interfaz gráfica y la propiedad text: @string/boton1

Objeto(interfaz) Propiedad Valor

button2 text @string/boton2
button3 text @string/boton3
button4 text @string/boton4
textField1 hint @stinrg/parametro1
textField2 hint @string/parametro2
TextField3 hint @string/parametro3

Si no lo quiere hacer de manera visual, hágalo directamente digitando el nombre del recurso en la propiedad
requerida.

Al finalizar vera su interfaz grafica similar a esta:

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Modificación de Aplicación
Entre a la aplicación MainActivity.java y vera algo como lo siguiente:

Modifique el código hasta que aparezca como el siguiente.

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Nota:
Presione click en la opción del foco rojo que sugiere que se implementen los métodos.

Con esto el ide Eclipse debe de haber generado el método onClic pada sobreescribirlo.

Agregue la definición del método de ejecución para todos los botones al click
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Creación de Código para ejecutar desde los botones

Bajo el mismo paquete que esta el MainActivity, agregue una nueva clase(clic derecho en el paquete, new ,
class ) que se llame Métodos. Y digítele el código siguiente:
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

A continuación vuelva al MainActivity.java y digite el código siguiente:

Corra su aplicación en el Dispositivo Virtualizado que creamos al inicio

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Correrlo en su Dispositivo
Si desea correrlo en su dispositivo directamente, deberá seguir las siguientes indicaciones:
a- Entre a opción Run..

b- Edit Configurations

c- Conecte su dispositivo a la Pc
d- Seleccione El dispositivo destino(Target device) como USB

e- y Run
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Anexo 1 códigos fuente del MainActivity.java

import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class MainActivity extends ActionBarActivity {
Button btnEjecutarActividad;
Button btnEjecutarMetodo1;
Button btnEjecutarMetodo2;
Button btnEjecutarMetodo3;
TextView lblEtiqueta;
EditText edtParametro1;
EditText edtParametro2;
EditText edtParametro3;
String sumastr;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btnEjecutarActividad= (Button) findViewById(R.id.button1);
btnEjecutarMetodo1= (Button) findViewById(R.id.button2);
btnEjecutarMetodo2= (Button) findViewById(R.id.button3);
btnEjecutarMetodo3= (Button) findViewById(R.id.button4);
lblEtiqueta=(TextView) findViewById(R.id.textView);
edtParametro1=(EditText) findViewById(R.id.editText);
edtParametro2=(EditText) findViewById(R.id.editText2);
edtParametro3=(EditText) findViewById(R.id.editText3);
View.OnClickListener onclick = new View.OnClickListener() {

@Override
public void onClick(View v) {
int numint1,numint2,numint3;
float numfloat1,numfloat2,numfloat3;
switch(v.getId()){
case R.id.button1:
Intent intent=new Intent(Intent.ACTION_SEND);
intent.putExtra(Intent.EXTRA_TEXT,"This is my text to send.");
intent.setType("text/plain");
startActivity(intent);
break;

case R.id.button2:
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
//dos parametros flotantes
numfloat1=(float)Float.valueOf(edtParametro1.getText().toString());
numfloat2=(float)Float.valueOf(edtParametro2.getText().toString());
sumastr=Metodos.suma(numfloat1,numfloat2);
lblEtiqueta.setText(sumastr);
break;
case R.id.button3:
//tres parametros flotantes
numfloat1=(float)Float.valueOf(edtParametro1.getText().toString());
numfloat2=(float)Float.valueOf(edtParametro2.getText().toString());
numfloat3=(float)Float.valueOf(edtParametro3.getText().toString());
sumastr=Metodos.suma(numfloat1,numfloat2,numfloat3);
lblEtiqueta.setText(sumastr);
break;
case R.id.button4:
//tres parametros enteros
numint1=(int)Integer.valueOf(edtParametro1.getText().toString());
numint2=(int)Integer.valueOf(edtParametro2.getText().toString());
numint3=(int)Integer.valueOf(edtParametro3.getText().toString());
sumastr=Metodos.suma(numint1,numint2,numint3);
lblEtiqueta.setText(sumastr);
break;
}
}
};
btnEjecutarActividad.setOnClickListener(onclick);
btnEjecutarMetodo1.setOnClickListener(onclick);
btnEjecutarMetodo2.setOnClickListener(onclick);
btnEjecutarMetodo3.setOnClickListener(onclick);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Anexo 2 Código del archivo layout activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<TextView android:text="@string/hello_world" android:layout_width="wrap_content"

android:layout_height="wrap_content"
android:id="@+id/textView" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="number"
android:ems="10"
android:id="@+id/editText"
android:layout_marginTop="88dp"
android:layout_below="@+id/textView"
android:layout_alignLeft="@+id/editText2"
android:layout_alignStart="@+id/editText2"
android:hint="@string/parametro1" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="number"
android:ems="10"
android:id="@+id/editText2"
android:layout_below="@+id/editText"
android:layout_toRightOf="@+id/textView"
android:layout_toEndOf="@+id/textView"
android:hint="@string/parametro2" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="number"
android:ems="10"
android:id="@+id/editText3"
android:layout_below="@+id/editText2"
android:layout_alignLeft="@+id/editText2"
android:layout_alignStart="@+id/editText2"
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
android:hint="@string/parametro3" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/boton1"
android:id="@+id/button1"
android:layout_marginTop="19dp"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/boton2"
android:id="@+id/button2"
android:layout_below="@+id/editText3"
android:layout_toLeftOf="@+id/button3"
android:layout_toStartOf="@+id/button3"
android:layout_marginTop="43dp" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/boton3"
android:id="@+id/button3"
android:layout_alignTop="@+id/button2"
android:layout_alignLeft="@+id/button1"
android:layout_alignStart="@+id/button1" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/boton4"
android:id="@+id/button4"
android:layout_alignTop="@+id/button3"
android:layout_toRightOf="@+id/button3"
android:layout_toEndOf="@+id/button3" />

</RelativeLayout>

Anexo 3 código fuente del archivo de recursos string.xml

<resources>
<string name="app_name">Carnet02</string>
<string name="hello_world">Hello world!</string>
<string name="action_settings">Settings</string>
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
<string name="boton1">Intent</string>
<string name="boton2">Sum1</string>
<string name="boton4">Sum3</string>
<string name="boton3">Sum2</string>
<string name="parametro1">Sumando 1</string>
<string name="parametro2">Sumando 2</string>
<string name="parametro3">Sumando 1</string>
</resources>