Entorno De Desarrollo Para Android Studio: Programación Movil Para Redes Laboratorio N° 12

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

Grupo:

B Criterio de Evaluación

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

Nota Ciclo: III

Excelente (4pts)

Bueno (3pts)

Requiere mejora (2pts)

No acept. (0pts)

Puntaje Logrado

Pág. 1

Programación Movil para Redes

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

Guía de Laboratorio

Pág. 2

Programación Movil para Redes

Procedimiento: EJERCICIO 1: AndroidStudio

Identificar

y

configurar

la

herramienta

de

desarrollo

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-jdk8downloads.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

Guía de Laboratorio

Pág. 3

Programación Movil para Redes

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

Programación Movil para Redes

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

Guía de Laboratorio

Pág. 5

Programación Movil para Redes

•

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

Guía de Laboratorio

Pág. 6

Programación Movil para Redes

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

Guía de Laboratorio

Pág. 7

Programación Movil para Redes

•

Hasta aquí ya tenemos configurada nuestra IDE para empezar a trabajar y crear proyecto para la plataforma Android.

Guía de Laboratorio

Pág. 8

Programación Movil para Redes

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 • •

• • • • •

Guía de Laboratorio

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.

Pág. 9

Programación Movil para Redes

• • •

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 “–“

Guía de Laboratorio

Pág. 10

Programación Movil para Redes

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.

Guía de Laboratorio

Pág. 11

Programación Movil para Redes

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)

Guía de Laboratorio

Pág. 12

Programación Movil para Redes

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”

Guía de Laboratorio

Pág. 13

Programación Movil para Redes

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.

Guía de Laboratorio

Pág. 14

Programación Movil para Redes

Guía de Laboratorio

Pág. 15

Programación Movil para Redes

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 5.3.1. Que se almacena aquí Se guarda el código de lanzamiento

Guía de Laboratorio

Pág. 16

Programación Movil para Redes

5.4. En el panel proyecto. Expanda el nodo: app → res → menu 5.4.1. Que se almacena aquí 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 5.5.1. Que se almacena aquí Aquí se guardan todos los estilos colores que se usan en la aplicación.

Guía de Laboratorio

Pág. 17

Programación Movil para Redes

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.

Guía de Laboratorio

Pág. 18