TECNOLÓGICO NACIONAL DE MÉXICO

INSTITUTO TECNOLÓGICO DE TOLUCA

INSTITUTO TECNOLÓGICO DE TOLUCA

SEP
Ingeniería en Sistemas Computacionales
SES
TecNM
DISPOSITIVOS MOVILES

Practica 1 Instalación y configuración

Alumno:
SAMAYOA MONROY BRUNO

No. CONTROL:
16280704

Docente:
ROCIO ELIZABETH PULIDO ALBA

METEPEC, ESTADO DE MÉXICO, SEPTIEMBRE DE 2021

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Reporte de Prácticas
Practica No # 1 Septiembre - Enero 24/09/2020
Título de la Práctica Instalación y Configuración Periodo Escolar Fecha de Elaboración

Desarrollada por Samayoa Monroy Bruno

No. Control Nombre del (los) Alumno(s)
16280704 Samayoa Monroy Bruno

Instrucciones

La Descarga - Instalación Configuración de Android Studio y establece tu primer App

Realiza el Reporte de lo realizado, emplea el formato adjunto, agrégale la caratula oficial

Definición de Problema
Reporte de Practica de configuración de Android Studio
Objetivo General
Configurar Android Studio y crear una app
Objetivos Específicos
Descargar,Instalar, y configurar Android, instalando y emularlo en Genymotion

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Iremos a https://developer.android.com/studio y veremos la siguiente pagina

Daremos click en la pestana Android Studio y daremos click en el botón

“DOWNLOAD ANDROID STUDIO”

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Nos pedirá que aceptemos los términos y condiciones

Daremos click en el checkbox y le daremos en el botón
DESCARGAR ANDROID STUDIO PARA WINDOWS

Una vez aceptado se procederá a descargar el archivo

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Debido a que ya tengo instalado el Android Studio se omitirá el proceso de instalación y nos
saltaremos hasta el momento de abrir Android Studio, lo buscaremos en la barra de direcciones

y le daremos click

Al darle click se abrirá la la pantalla de carga

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Al terminar la pantalla de carga, nos aparecerá la siguiente ventana, le daremos click a Start
New Android Studio Project para crear un nuevo proyecto

En la siguiente pantalla seleccionaremos una plantilla para nuestro nuevo proyecto, en este caso
le daremos click a Empty Activity

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

La siguiente ventana nos mostrara como configurar nuestro proyecto

El nombre del proyecto

El nombre del paquete

Lugar de guardado

El lenguaje de programación a utilizar, si es Java, Kotlin o C++ en este caso Java

La versión de Android, en este caso la 5.1 la cual nos muestra que será compatible con 92.3% de
todos los dispositivos Android

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Al darle a finish nos aparecerá una ventana así, seria el IDE

Vemos que en la parte superior e izquierda nos muestra opciones acerca del proyecto
y los archivos

La ventana nos muestra el código básico al abrir la cual nos crea una pantalla básica con algo de
código, vemos que nos crea una clase llamada MainActivity que hereda de AppCompatActivity la cual
tiene un método que es sobreescrito llamado onCreate y dentro de este se esta llamando a un método
llamado setContentView, a continuación se explicara el código mas relevante.

App -> se guardan las aplicaciones instaladas en Android

src -> Esta carpeta contendrá todo el código
res -> Carpeta que contiene los recursos usados por la aplicación
AndroidManifest.xml -> describe información esencial de tu aplicación para las
herramientas de creación de Android, el sistema operativo Android y Google Play.
MainActivity -> método que utiliza Android para iniciar una actividad instancia in vocando
los métodos específicos que corresponden a las etapas del ciclo de vida.
AppCompatActivity ->  Es la super clase de un activity en la cual contiene metodos que
heredaran o que pueden heredar de esa clase,
onCreate -> Se utiliza para realizar todo tipo de inicializaciones, como la creación de la
interfaz de usuario o la inicialización de estructuras de datos.

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

setContentView -> se utiliza para llenar la ventana con la interfaz de usuario

proporcionada por archivo de diseño
R -> Permite acceder a los recursos desde código Java
Podemos visualizar el proyecto en formato xml en el archivo llamado activity_main .xml y este

Y en este mismo archivo también podremos ver desde un “Drag And Drop” para fácilmente crear
aplicaciones arrastrando componentes

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Para poder visualizar el programa descargaremos y configuraremos el emulador llamado Genymotion

Para ellos nos dirigiremos a la pagina www.genymotion.com y veremos la siguiente ventana, le daremos
click a Download

Descargaremos el archivo junto con el emulador Virtual Box

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Se procederá a descargar

Veremos la descarga

Una vez descargado procederemos a instalarlo

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Al finalizar continuaremos a abrir el programa

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Para ello nos debimos haber registrado anteriormente e iniciaremos la sesion

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Una vez en esta pantalla procederemos a agregar un nuevo dispositivo

Se selecciono un dispositivo Google Nexus 6 con Android 5.1

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Se procederá a instalar para poder emularlo y probarlo

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Procederemos a abrirlo, ya que es necesario que este abierto para poder ejecutarlo desde el IDE

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Empezara a iniciar emulador

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

El emulador inicio y esta seria la pantalla principal de nuestro dispositivo

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Regresaremos a Android para poder configurar Genymotion, nos iremos a settings y de ahí a
Plugins

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

En Plugins buscaremos Genymotion y lo activaremos, ya tendremos listo el emulador para probar

nuestro proyecto

Le daremos click en el dispositivo y en Run

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Podremos ver la pantalla básica que se general al elegir Empty Activity

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Observaremos la segunda pantalla, un prototipo de Login hecho con los conocimientos que se
tienen en este momento

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

La tercera pantalla, un prototipo de Registro hecho con los conocimientos que se tienen en este
momento

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE TOLUCA

Conclusiones
En esta practica pudimos darnos cuenta de la facilidad que es el
configurar el IDE Android Studio usado para poder crear nuestra
aplicación móviles e instalar un emulador para poder emular nuestros
proyectos en este, debido a que el emulador AVD que viene
originalmente con Android tiene un rendimiento muy pobre por lo que
se opta por instalar Genymotion.
Pudimos observar el funcionamiento básico a la hora de crear una
aplicación arrastrando los componentes y visualizarlo en el emulador.

Departamento de Sistemas y Computación

Docente: M.C. C. Rocio Elizabeth Pulido Alba