Lab12-Creacion de Proyectos en Android Studio

Programación Movil para Redes
PROGRAMACIÓN MOVIL PARA REDES
LABORATORIO N° 12
Entorno de Desarrollo para Android

Studio
Alumno(s): Gomez Villanueva Dario Gabriel Nota
Grupo: B Ciclo: III

Requiere No
Excelente Bueno Puntaje
Criterio de Evaluación mejora acept.
(4pts) (3pts) Logrado
(2pts) (0pts)
Identifica y configura la herramienta de
desarrollo para aplicaciones Android
Identifica la estructura de directorios
creados por Android Studio
Demuestra respeto y orden en el
desarrollo del laboratorio
Cumple con los ejercicios y desarrollo de
tareas propuestas
Desarrollo de conclusiones que aporten
una actitud critica sobre los temas
aprendidos
Guía de Laboratorio Pág. 1
Laboratorio 12: Entorno de desarrollo para Android

Studio
Objetivos:
Al finalizar el laboratorio el estudiante será capaz de:
• Identificar y configurar la herramienta de desarrollo para aplicaciones Android
• Conectar un dispositivo Android a la PC y ejecutar aplicaciones en el
• Crear un proyecto para Android
• Ejecutar una aplicación
Seguridad:
• Ubicar maletines y/o mochilas en el gabinete al final de aula de Laboratorio o en los
casilleros asignados al estudiante.
• No ingresar con líquidos, ni comida al aula de Laboratorio.
• Al culminar la sesión de laboratorio apagar correctamente la computadora y la pantalla,
y ordenar las sillas utilizadas.
Equipos y Materiales:
• Una computadora con:
• Windows 7 o superior
• VMware Workstation 10+ o VMware Player 7+
• Conexión a la red del laboratorio
• Dispositivo Android:
• 1 teléfono o Tableta con sistema operativo Android y cable USB para conectar a la
PC

Procedimiento:
EJERCICIO 1: Identificar y configurar la herramienta de desarrollo
AndroidStudio
1. Requerimientos de la plataforma de desarrollo
1.1. Instalación e Identificación de la plataforma Java instalada.

• Descarge el archivo JDK deacuerdo a su sistema operativo desde el
siguiente enlace
https://www.oracle.com/java/technologies/javase/javase-jdk8-
downloads.html
• Se le pedira que tenga una cuenta en Oracle, sino posee una cree una
cuenta para poder descargar
• Ejecute el .EXE e instale el archivo dejando todas las opciones por
defecto. Una vez instalado, compruebe que posee el servicio operativo
y ejecutandose. Para esto aperture una consola y digite el comando
java –version
1.2. Instalación e Identificación de la plataforma de desarrollo para Android

AndroidStudio (IDE)
• Descarge(archivo .exe) la IDE de Android Studio según su sistema
operativo desde el siguiente enlace
https://developer.android.com/studio
• Ejecute el archivo .exe bajado y configure todo por defecto
o Clic en Next

o Deje todo por defecto, clic en Next
o Haga clic en Next para ruta de instalacion sugerida

o Clic en Install. Espere a que termine de instalar
o Una vez terminado haga clic en Finish para empezar Android

Studio
o Elija la opcion de no importar nada para iniciar el proyecto

o Si se muestre una pantalla de envio de estadisticas, haga clic
en no

• La primera vez que se ejecuta la IDE va a demorar unos minutos en

configurarse ya que debe bajar librerias necesarias para el
funcionamiento de la herramienta
o Haga clic en Next
o Elija Standard como tipo de configuracion a realizar

o Elija el tema visual a utilizar de su preferencia y haga clic en

Next
o Por utlimo se le indica todos los paquetes y SDK que bajara la

IDE para poder estar operativa y lista para programar. Haga clic
en Finish y espere a que termine de descargar todos paquetes
y librerias requeridas. Tomara bastantes minutos, sea paciente.
o Una vez instalada la IDE tendra el siguiente entorno para

empezar a crear proyectos en Android Studio

• Hasta aquí ya tenemos configurada nuestra IDE para empezar a

trabajar y crear proyecto para la plataforma Android.

EJERCICIO 2: Crear una aplicación Android
2. Crear un proyecto nuevo Android

2.1. En AndroidStudio elegir:
2.1.1. La opción Star a new Android Studio Project
2.1.2. Determine en que tipo de dispositivos Android correra o se podra
ejecutar su aplicativo.
2.1.3. Investigue para que sirve cada tipo de Actividad listada en la pantalla
• Actividad básica: Esta plantilla crea una app simple con una barra
de app y un botón de acción flotante.
• Actividad sobre navegación inferior: Esta plantilla proporciona
una barra de navegación estándar en la parte inferior para una
actividad a fin de que los usuarios puedan explorar y alternar vistas
de nivel superior con un toque.
• Actividad vacía: Esta plantilla crea una actividad vacía y un archivo
de diseño único con contenido de texto de ejemplo.
• Actividad con pantalla completa: Esta plantilla crea una app que
alterna entre una vista de pantalla completa principal y una vista con
controles de interfaz de usuario (IU) estándar.
• Actividad de acceso: Esta plantilla crea una pantalla de acceso
estándar. En la interfaz de usuario se incluyen los campos de correo
electrónico y contraseña, y un botón de acceso.
• Flujo maestro y de detalles: Esta plantilla crea una app que tiene
una visualización con la lista de elementos y otra con los detalles de
un elemento individual.
• Actividad del panel lateral de navegación: Esta plantilla crea
una Actividad básica con un menú de panel lateral de navegación.
La barra de navegación se expande de la izquierda a la derecha de
tu app y se suma a la barra de app regular.

• Actividad de desplazamiento: Esta plantilla crea una app con una

barra de herramientas que se puede contraer y una vista con
desplazamiento para contenido de texto extenso.
• Actividad de configuración: Esta plantilla crea una actividad que
muestra las preferencias o la configuración de usuario
correspondiente a una app.
• Actividad con pestañas: Esta plantilla crea una app con varias
secciones, navegación por deslizamiento y una barra.
2.1.4. Seleccione Empty Activity y clic en Next

2.1.5. En la siguiente pantalla configuraremos nuestro proyecto. Configure
como se indica:
2.1.5.1. Name: MiPrimerApp
2.1.5.2. Package name: com.miempresa.miprimerapp
2.1.5.3. Save location: dejar la ruta sugerida
2.1.5.4. Language: kotlin
2.1.5.5. Minimun SDK: API 16 Android 4.1(Jelly Bean)
• Haga clic en la etiqueta Help me choose. Indique para que le puede

servir esta lista mostrada, cuando va a desarrollar un aplicativo para
Android
Nos ayuda a visualizar cuantos dispositivos podrían utilizar mi

aplicación.
2.1.6. Haga clic en Finish. Por ser primera vez puede que tarde un poco en
construir el proyecto
2.2. Espere que AndroidStudio proceda a generar la estructura de archivos
requeridos para el nuevo proyecto, el cual se realizara en una nueva
instancia de AndroidStudio
2.3. La estructura del proyecto debe quedar como se muestra.Puede cerrar la
ventana de “What’s New in 4.0” haciendo clic en el simbolo de “–“

2.4. Identifique la funcionalidad de cada una de los siguientes elementos del

entorno de AndroidStudio
• Barra de título: Se muestra el estado de tu proyecto y el IDE, además de

advertencias o mensajes.
• Barra de menú: Te ayuda a explorar tu proyecto y abrir archivos para editar.
Proporciona una vista más compacta de la estructura visible en la ventana
Project.
• Barra de herramienta: Te permite realizar una gran variedad de acciones,
como ejecutar tu app e iniciar las herramientas de Android.
• Panel del Proyecto: se encuentra afuera de la ventana del IDE y contiene los
botones que te permiten expandir o contraer ventanas de herramientas individuales.
• Panel Devices: Puedes realizar las siguientes operaciones en un emulador:
o Ejecutar
o Detener
• Panel LogCat: Es una herramienta de línea de comandos que vuelca un
registro de mensajes del sistema, incluidos los seguimientos de pila, los
casos de error del sistema y los mensajes que escribes desde tu app con la
clase Log.
• Panel Terminal: Proporciona acceso a la ventana de terminal del sistema y
puede hacer aquí cualquier cosa que pueda hacer desde el indicador de su
sistema, no se limita a la administración de dispositivos Android
• Editor Es el área en la que puedes crear y modificar código. Según el tipo de
actividad actual, el editor puede cambiar. Por ejemplo, cuando ves un archivo
de diseño, el editor muestra el Editor de diseño.

2.5. En el lado izquierdo se le mostrara la estructura de carpetas creadas en el

proyecto
2.5.1. Haga click en App→java→nombre.de.su.paquete→MainActivity.kt
(aquí se colocara el codigo de la vista creada)
2.5.2. Haga clic en App→res→layout→activity_main.xml (aqui se mostrara

la vista de objetos que contendra nuestra App)

2.5.3. Haga clic en la etiqueta Hello World!. En el lado izquierdo se le

mostrara las propiedades del objeto seleccionado
2.5.4. Cambie propiedad text : “Bienvendido SusNombresyApellidos”

EJERCICIO 3: Conectar un dispositivo Android a la PC
3. Verificar la configuración del dispositivo Android

3.1. Encender el dispositivo Android
3.2. Acceder al panel “Ajustes” del dispositivo
3.3. Acceder a la opción “Aplicaciones”
3.4. Debe estar seleccionada la opción “Fuentes desconocidas”
3.5. En la opción “Desarrollo” debe estar seleccionada la opción “Depuración
de USB”
3.6. Ojo: Si la opción “Desarrollo u Opciones de Desarrollador” no estuviera
activa, debemos habilitar este modo. Para esto desde Ajustes elija la opción
Acerca del Dispositivo, y en la opción Número de Compilación presione 7
veces hasta que le muestre el mensaje que el modo desarrollador está
activo, y proceda a configurarlo tal como se indicó en pasos anteriores.
4. Ejecución y Conexión del dispositivo Android a la PC

4.1. Conectar el dispositivo Android (Telefono o Tablet) a la PC por medio del
cable USB, Android Studio debe reconocer automaticamente su celular. Si
no reconoce su celular instale los drivers de su celular.
4.2. En la ventana Select Deployment Target , en la sección Connected
Devices verifique que su dispositivo se encuentre reconocido.
4.3. Seleccione su Dispositivo identificado y haga clic en OK
4.4. Haga click en el botón de RUN para ejecutar el proyecto

4.5. Ojo: Si la aplicación le muestra en el celular un mensaje RSA Security Key,
acepte este mensaje para que Android Studio pueda reconocer el
dispositivo.
4.6. Verifique los mensajes de salida en el panel LogCat que no se haya
producido ningún error (mensajes en color rojo)
4.7. Active el dispositivo Android, verá en la pantalla una aplicación que solo
muestra el mensaje de texto: “Bienvenido SusNombreyApellidos”
4.8. Comente los detalles más importantes de la ejecución del proyecto
• Tiene que estar habilitado la instalación vía USB para que se pueda
ejecutar la aplicación en el celular.
• La aplicación aparece en el celular sin importar en donde te encuentres.


5. Identificar la estructura de archivos en el nuevo proyecto

5.1. En el panel proyecto. Expanda el nodo: app → java → su.paquete
5.1.1. Que se almacena aquí
/**
* Automatically generated file. DO NOT MODIFY
*/
package com.miempresa.miprimerapp;
public final class BuildConfig {

public static final boolean DEBUG = Boolean.parseBoolean("true");
public static final String APPLICATION_ID =
"com.miempresa.miprimerapp";
public static final String BUILD_TYPE = "debug";
public static final int VERSION_CODE = 1;
public static final String VERSION_NAME = "1.0";
}
5.2. En el panel proyecto. Expanda el nodo: app → res → layout

5.2.1. Que se se almacena aquí
Se guarda la organización de la interfaz de la aplicación
5.3. En el panel proyecto. Expanda el nodo: app → res → drawable

Se guarda el código de lanzamiento

5.4. En el panel proyecto. Expanda el nodo: app → res → menu

Se guarda todos los archivos de imagen que se utilizan en la app
5.5. En el panel proyecto. Expanda el nodo: app → res → values

Aquí se guardan todos los estilos colores que se usan en la aplicación.

OBSERVACIONES (5 mínimo):
(Las observaciones son las notas aclaratorias, objeciones y problemas que se pudo presentar
en el desarrollo del laboratorio)
• Este software se puede poner más detalles a tu aplicación.
• Se puede observar todos los archivos que conforman la aplicación.
• Se puede escoger el Android mínimo en el que se puede lanzar la app.
• Al momento de configurar la etiqueta es muy sencillo de cambiar su
valor.
• La interfaz de la aplicación al lanzarse en el celular es diferente al de
app inventor.
CONCLUSIONES (5 mínimo):
(Las conclusiones son una opinión personal sobre tu trabajo, explicar como resolviste las
dudas o problemas presentados en el laboratorio. Además de aportar una opinión critica de
lo realizado)
• No es necesario tener internet para poder editar el documento.
• Se podría desarrollar una aplicación mas compleja en este software.
• La aplicación puede ser mucho más personalizada, al poder modificar
más propiedades de sus archivos base.
• Al emular la aplicación no es necesario estar conectado a un WIFI.
• Se puede descargar emuladores para poder visualizar como se vería
en un dispositivo en especial.

Lab12-Creacion de Proyectos en Android Studio

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Lab12-Creacion de Proyectos en Android Studio

Cargado por

Copyright:

Formatos disponibles

Programación Movil para Redes

PROGRAMACIÓN MOVIL PARA REDES

Entorno de Desarrollo para Android

Alumno(s): Gomez Villanueva Dario Gabriel Nota

Grupo: B Ciclo: III

Laboratorio 12: Entorno de desarrollo para Android

Guía de Laboratorio Pág. 2

1. Requerimientos de la plataforma de desarrollo

1.1. Instalación e Identificación de la plataforma Java instalada.

1.2. Instalación e Identificación de la plataforma de desarrollo para Android

Guía de Laboratorio Pág. 3

o Deje todo por defecto, clic en Next

o Haga clic en Next para ruta de instalacion sugerida

Guía de Laboratorio Pág. 4

o Clic en Install. Espere a que termine de instalar

o Una vez terminado haga clic en Finish para empezar Android

o Elija la opcion de no importar nada para iniciar el proyecto

Guía de Laboratorio Pág. 5

• La primera vez que se ejecuta la IDE va a demorar unos minutos en

o Elija Standard como tipo de configuracion a realizar

Guía de Laboratorio Pág. 6

o Elija el tema visual a utilizar de su preferencia y haga clic en

o Por utlimo se le indica todos los paquetes y SDK que bajara la

o Una vez instalada la IDE tendra el siguiente entorno para

Guía de Laboratorio Pág. 7

• Hasta aquí ya tenemos configurada nuestra IDE para empezar a

Guía de Laboratorio Pág. 8

EJERCICIO 2: Crear una aplicación Android

2. Crear un proyecto nuevo Android

Guía de Laboratorio Pág. 9

• Actividad de desplazamiento: Esta plantilla crea una app con una

2.1.4. Seleccione Empty Activity y clic en Next

• Haga clic en la etiqueta Help me choose. Indique para que le puede

Nos ayuda a visualizar cuantos dispositivos podrían utilizar mi

Guía de Laboratorio Pág. 10

2.4. Identifique la funcionalidad de cada una de los siguientes elementos del

• Barra de título: Se muestra el estado de tu proyecto y el IDE, además de

Guía de Laboratorio Pág. 11

2.5. En el lado izquierdo se le mostrara la estructura de carpetas creadas en el

2.5.2. Haga clic en App→res→layout→activity_main.xml (aqui se mostrara

Guía de Laboratorio Pág. 12

2.5.3. Haga clic en la etiqueta Hello World!. En el lado izquierdo se le

Guía de Laboratorio Pág. 13

EJERCICIO 3: Conectar un dispositivo Android a la PC

3. Verificar la configuración del dispositivo Android

4. Ejecución y Conexión del dispositivo Android a la PC

4.4. Haga click en el botón de RUN para ejecutar el proyecto

• La aplicación aparece en el celular sin importar en donde te encuentres.

Guía de Laboratorio Pág. 14

Guía de Laboratorio Pág. 15

5. Identificar la estructura de archivos en el nuevo proyecto

public final class BuildConfig {

5.2. En el panel proyecto. Expanda el nodo: app → res → layout

Se guarda la organización de la interfaz de la aplicación

5.3. En el panel proyecto. Expanda el nodo: app → res → drawable

Se guarda el código de lanzamiento

Guía de Laboratorio Pág. 16

5.4. En el panel proyecto. Expanda el nodo: app → res → menu

Se guarda todos los archivos de imagen que se utilizan en la app

5.5. En el panel proyecto. Expanda el nodo: app → res → values

Aquí se guardan todos los estilos colores que se usan en la aplicación.

Guía de Laboratorio Pág. 17

Guía de Laboratorio Pág. 18