You are on page 1of 23

UNIVERSIDAD DE EL SALVADOR

FACULTAD DE INGENIERIA Y ARQUITECTURA


ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS
PROGRAMACION PARA DISPOSITIVOS MOVILES
PDM115
Ciclo I-2016

GUIA DE LABORATORIO N° 1
PROGRAMACION BASICA SOBRE SMART PHONES
ANDROID

Objetivos:

*Conocer el entorno de programación del IDE Android Studio para programación bajo el
sistema operativo móvil 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 utilice android)

.Datos de Entrada :

Entre a la Sesion de PDM115 con clave pdm


En el icono Android Studio presione clic
Contenido
Crear nuestra Primera Aplicación (Hello World)................................................................................. 1
Crear Dispositivo Virtualizado y dejarlo corriendo ............................................................................. 6
Creación ........................................................................................................................................... 6
Modificacion de la aplicación, incorporandole controles basicos: ................................................... 10
Reconocimiento del Entorno .......................................................................................................... 10
Crear de Interfaz Grafica ................................................................................................................ 11
Configuración de los controles ....................................................................................................... 12
Agregar recursos(variables string) ................................................................................................. 13
Asociar controles con los recursos ................................................................................................. 15
Modificación de Aplicación ........................................................................................................... 16
Correr la aplicación en el Dispositivo Virtualizado que creamos al anteriormente. .................... 20
Indicaciones Generales de como correr nuestra aplicación en un dispositivo Smartphone
directamente ................................................................................................................................... 20
Crear nuestra Primera Aplicación (Hello World)

Crear Proyecto
1) Al iniciar el Android Studio aparecera un menú de opciones en la que seleccionaremos

Start a new Android Studio project

1
Luego digitaremos los parámetros del proyecto:

2
Seleccionamos el API minino de carga(para telefono y tableta), en este caso sera el API 10

Seleccionamos el Activity en Blanco(Blank activity)

Presionamos Siguiente

3
No cambie los parámetros y presione Finish

Al entrar saldrá una venta de tips del dia, desmarque el chequeo “Show tips on Startup” y
presione close

4
Al iniciar aparecerá un error que se deberá corregir

Entre al árbol de proyectos en Gradle scripts

5
Suprima la línea de test compile….

Reconstruya su proyecto(ir a menu en la parte superior del escritorio, clic en Build, clic en rebuild
project)

Crear Dispositivo Virtualizado y dejarlo corriendo

Presione clic en AVD manager

Creación
Se creara un dispositivo de acuerdo a las necesidades de nuestra aplicación:
*primero debe presionar clic en Create Virtual Device

6
Para este ejemplo queremos un dispositivo de 3.7”, resolución FWVGA Slider 480x854 mdpi,
que utilice como api la numero 10(para Android 2.3.3 Gingerbread), sin modificar parámetros de
memoria(solo para la practica de SQLite se modificara).

Se le define un nombre: carnet01 y se selecciona el Dispositivo 3.7 FWVGA slider…. Luego se


presiona Finalizar

Correrlo

Presione clic en el icono play para que quede en ejecución el dispositivo virtual.

7
Luego buscamos en la barra de herramientas la opcion de ejecutar(run) y presionamos el
boton

Probamos la aplicación con el emulador default que ya configuramos

Nos aparecera la opcion de correr el programa en uno de los dispositivos existentes(por


default) y presionamos OK

8
Al hacerlo se ejecutara el Hola mundo en el discpositivo.

9
Modificacion de la aplicación, incorporandole controles basicos:

Reconocimiento del Entorno

Arbol de objetos de aplicación en Android Descripcion


Se trabajara en esta guia tres elementos,
Programa(archivo con extension java) en
MainActivity.java(1), Interfaz grafica
activity_main.xml(2) y un archivo de
configuracion de algunos permisos(de ser
necesario) llamado
AndroidManifest.xml(3)
Se utilizara ademas un archivo de recursos
llamado string.xml(4) para definir
variables utiles para su interfaz grafica.

Nota: si el proyecto contiene el archivo


content_main.xml, este sera utilizado
para arrastrar y configurar los objetos de
la interfaz.

10
Crear de Interfaz Grafica
Indicaciones: Hacer una interfaz que contenga ademas del textview de hello world(etiqueta), un
boton. Arrastrando el objeto desde la paleta hasta el editor grafico de la interfaz(res, layout)
como se muestra. Luego arrastraremos los objetos textView(3)

Arrastre tres controles EditText numéricos

11
Configuración de los controles

Entre a pestaña Widgets de Agregue otros 3 botones.

En este momento vamos a agregar variables de recursos asociada a la propiedad text de los
objetos button. Se desea que el primer botón diga intento, los tres editText digan sumando1,
sumando2 y sumando3 .
Tendremos que modificar el archivo de recursos string.xml y luego cambiar la propiedad text en
los botones y hint en los textos para direccionar el contenido hacia esos recursos.

12
Agregar recursos(variables string)
Primera forma
Agregue los recursos, ir a carpeta res, string(a la izquierda), Luego values(en medio abajo),
presione add, luego string y ok.

Nota: si no aparece el editor visual, presionamos clic en open editor

Póngale en key boton1 y en default value Intent


Repita lo anterior para los siguientes valores
key Value
boton1 Intent
boton2 Sum1
boton3 Sum2
boton4 Sum3
parametro1 Sumando 1
parametro2 Sumando 2
parametro3 Sumando 3

13
En modo visual usted vera que le queda una lista como sigue:

Segunda Forma(alternativa)
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.

14
Asociar controles con los recursos
Seleccione el activiti_main.xml y Presione clic en button1(1) luego en la propiedad text presione
clic en los puntos suspensivos,

Repita lo anterior para los otros tres botones y luego en los Edittext, cambie la propiedad Hint
hacia los recursos parametro1, parámetro2 y parámetro3.

Al finalizar vera su interfaz grafica similar a esta:

15
Modificación de Aplicación
Entre a la aplicación MainActivity.java en java y vera el siguiente código.

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

Nota:
Es recomendable que este texto sea digitado por lo que no es texto seleccionable de forma
intencionada.

Ubiquese en el final de la línea con error(OnclicLi) y presiona control + spacebar y selecciona


con el clic el método recomendado.

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

17
Preguntas:
¿Por qué tiene punto y coma la última línea de comando?

¿Es un error?

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:

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

19
Correr la aplicación en el Dispositivo Virtualizado que creamos al
anteriormente.

Sobre el nombre del proyecto, clic derecho, Run

Al finalizar aparecerá la aplicación como se muestra.

Si no le funciona o tiene problemas con su avd, consulte con su instructor.

Indicaciones Generales de como correr nuestra aplicación en un


dispositivo Smartphone directamente
Si desea correr su aplicación en su dispositivo Smartphone. Deberá instalar el driver de su móvil
en la pc, luego ir a la configuración del dispositivo y habilitar la opción de depuración USB.
Si hizo lo anterior, vuelva a la opción de edit configurations

20
y cámbiele el deployement target por USB devices(1),

aplique los cambios(Apply) y ejecútelo(Run).

Al finalizar envie su trabajo, comprima su proyecto en un archivo rar denominado carnet01a y


súbalo en la opción disponible en el aula virtual.

21

You might also like