01.1 Instalación de Android Studio -...

28
Laboratorio de proyectos de tecnologías de la información iv Prof. Emmanuel Oropeza Gonzalez http://coatl.cecyt9.ipn.mx/eoropeza/home.html [email protected] Instituto Politécnico Nacional Centro de Estudios Científicos y Tecnológicos núm. 9 01.1 Instalación de Android Studio Practica 01

Transcript of 01.1 Instalación de Android Studio -...

Page 1: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Laboratorio de proyectos de tecnologías de la información iv Prof. Emmanuel Oropeza Gonzalez

http://coatl.cecyt9.ipn.mx/eoropeza/home.html

[email protected]

Instituto Politécnico NacionalCentro de Estudios Científicos y Tecnológicos núm. 9

01.1 Instalación de Android StudioPractica 01

Page 2: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo1.-Descargar e Instalar el SDK de Java 7 accede a

http://www.oracle.com/technetwork/es/java/javase/downloads/jdk7-downloads-1880260.htmly descarga e instala el fichero correspondiente a tu sistema operativo.

Page 3: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo2.-Configuramos de las variables de entorno para que Android studio detecte el sdk de java por default vamos a: menú Inicio -> Equipo -> Propiedades del Sistema -> (en la parte de arriba)Configuración Avanzada del Sistema ->

(a la izquierda) Opciones Avanzadas.

Page 4: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo3.-Entramos en Variables de Entorno.En la ventana que se abre, ir al cuadro de abajo, Variables del Sistema. Pulsar sobre nueva y añadir:JAVA_HOME en la casilla de “Nombre de la variable”El directorio donde esta Java instalado. Por ejemplo si instalamos una versión de 64 bits estará en: “C:\ProgramFiles\Java\jdk_version_de_java” y si tenemos una versión de 32 bits o x86 estará en “C:\Program Files(x86)\Java\jdk_version_de_java”.

Page 5: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo4.-Abrimos una consola para ello presionamos Windows + R, escribimos cmd y Aceptar.

5.-Escribimos java –versión y se nos muestra la versión de java que tenemos instala por default.

Page 6: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo1.-Descargar Android Studio accede a http://developer.android.com/sdk/index.html

y descarga e instala el fichero correspondiente a tu sistema operativo.

Page 7: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo1.1-Aceptamos la descarga y damos click en Ejecutar 2.-Cerramos todo lo que tengamos abierto y damos click en

siguiente (Next)

Page 8: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo3.-Dejamos todos los componentes marcados por default

y damos click en siguiente (Next) 4.-Aceptamos los términos de la licencia de Android Studio y

damos click en estoy de acuerdo (I Agree)

Page 9: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo5.-Dejamos las rutas de instalación marcadas por default

y damos click en siguiente (Next)

6.- Si tenemos mas de 2 GB disponibles los asignamos si no dejamos los 2 GB que trae por default y damos click

en siguiente (Next)

Page 10: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo7.-Dejamos la ubicación y nombre por default

y damos click en instalar (Install) 8.-Cuando termine de instalar damos click en siguiente

(Next)

Page 11: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Instalación del entorno de desarrollo9.-Damos click en finalizar (Finish) y dejamos marcada la

casilla Start Android Studio para abrir el IDE

Para testear nuestra instalación crearemos una calculadora seleccionamos

Start a new Android Studio project

Page 12: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación
Page 13: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación
Page 14: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación
Page 15: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Creación de un primer programa

Page 16: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación
Page 17: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Creación de un primer programa

Page 18: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Creación de un primer programaLa ventana principal puede ser dividido en siete partes como se muestra en la captura de pantalla anterior:

1. El menú principal contiene las opciones que puede utilizar para realizar tareas como la creación de proyectos, refactorización, gestión de los archivos de control de versiones, y mucho más.

2. Barra de herramientas contiene algunas opciones esenciales.

3. La barra de navegación es a veces una alternativa rápida y buena para navegar fácil y rápida a través de los archivos de proyecto.

4. pestañas de herramientas se muestran en ambos lados de la pantalla y en la parte inferior de IntelliJ, representan las herramientas que están disponibles para el proyecto.

5. Cuando hacemos clic en una ficha de la herramienta, se abrirá una ventana.

6. El editor es donde escribimos código.

7. La barra de estado indica el estado actual del IDE y proporciona algunas opciones para manipular el medio ambiente. Por ejemplo, puede ocultar las pestañas de herramientas haciendo clic en el icono situado en la parte inferior izquierda de la ventana.

Page 19: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación
Page 20: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Abrimos Android SDK Manager para instalar la versión que elegimos para compilar nuestra aplicación en nuestro caso la 2.3.3

Page 21: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Abrimos Android Virtual Device Manager para seleccionar o crear un dispositivo virtual que emulara a un celular o si es el caso detectara y mostrara nuestro celular conectado para ejecutar ahí la aplicación.

Page 22: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

En esta pantalla unos de los archivos más importantes y los que vamos a modificar para crear nuestra Calculadora son:AndroidManifest.xml.- contiene propiedades de la aplicación, aquí puedes, desde cambiar el nombre a la aplicación hasta otorgarle permisos a la aplicación para que pueda usar internet, gps etc.MainActivity.java.- Esta es nuestra clase java, contiene toda la lógica.activity_main.xml.- El layout, es decir este archivo es la pantalla principal en este caso unica de la aplicación.

Page 23: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Abrimos activity_main.xml y usamos la vista diseño para empezar a dibujar la calculadora arrastrando los controles, se usura un TextView que mostrará el resultado del cálculo y los demás son Buttons. Debe quedar algo como esto:

Page 24: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Abrimos MainActivity.java y programamos la lógica de la aplicación en este caso creamos los métodos para cada botón, importamos las librerías necesarias.

Page 25: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Ahora vamos a asignarle la funcionalidad a cada botón: Volvemos a el layout activity_main.xml, seleccionamos el boton1, vamos a la parte de propiedades, buscamos la propiedad "onclick" y seleccionamos el método que creamos para dicho botón

onClickButtonUno, así para cada botón.

Page 26: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Correr la aplicación con shift + F10 o usando el icono en el IDE.

Elegimos un emulador, dar en Launch emulator, dejar el que tiene configurado por defualt y damos click en OK.

Page 27: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

En el emulador ejecutamos la aplicación Practica1_Calculadora y la probamos.

Page 28: 01.1 Instalación de Android Studio - coatl.cecyt9.ipn.mxcoatl.cecyt9.ipn.mx/.../avisos/01_1_Instalacion_Android_Studio.pdf · 01.1 Instalación de Android Studio Practica 01. Instalación

Pasar la aplicación a un teléfono o tablet android:Debemos ubicar el archivo .apk pasarlo a nuestro dispositivo mediante un cable USB , microSD o Google Drive y ejecutarlo para que se instale la aplicacion. El archivo .apk se creara en otra sesión.

Creación de un primer programa