PDF de programación - Programación básica sobre smart phones Android

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
boton1
boton2
boton3
boton4
parametro1
parametro2
parametro3



Value
Intent
Sum1
Sum2
Sum3
Sumando 1
Sumando 2
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



¿Es un error?



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

Preguntas:



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