[MOOC] - Apps para dispositivos móviles (ed. 2016) - Android. Desarrollo de una App Android

Universidad Complutense de Madrid
11 Jul 201608:36

Summary

TLDREn este video, Rubén Fuentes, de la Universidad Complutense de Madrid, guía a los usuarios en la creación de su primera aplicación móvil utilizando Android Studio. El tutorial explica paso a paso cómo configurar un nuevo proyecto, crear una actividad y diseñar la interfaz gráfica de usuario para una app básica que muestra el mensaje 'Hello World'. También se aborda la creación de un emulador para probar la aplicación. Este proyecto introductorio proporciona una visión general de los elementos fundamentales del desarrollo de aplicaciones Android, desde el código hasta la interfaz visual.

Takeaways

  • 📱 El curso trata sobre el desarrollo de aplicaciones para dispositivos móviles, específicamente con Android Studio.
  • 🖥️ El primer paso es crear un nuevo proyecto en Android Studio, seleccionando 'Start a New Android Studio Project'.
  • 👨‍💻 En el asistente de configuración, se proporciona el nombre de la aplicación (Hello World) y el dominio de la compañía (ucm.fdi).
  • 📂 El entorno de Android Studio organiza el proyecto en carpetas, como 'app', 'Java' y 'res'.
  • 📜 Se crea una actividad llamada 'HelloActivity' y un archivo de diseño relacionado (helloworld.xml).
  • 👆 La interfaz gráfica de usuario (UI) se puede construir arrastrando y soltando componentes en el lienzo de diseño.
  • 🔍 El método 'onCreate' es clave para inicializar la actividad en Android.
  • 🖱️ Se puede crear un emulador virtual para probar la app mediante el AVD Manager (Android Virtual Device).
  • ⚙️ El emulador permite simular dispositivos reales y establecer características como RAM, cámaras, etc.
  • 👋 El resultado final es una aplicación básica que muestra el mensaje 'Hello World' en la pantalla del dispositivo emulado.

Q & A

  • ¿Quién es el instructor del curso y de qué universidad proviene?

    -El instructor del curso es Rubén Fuentes de la Universidad Complutense de Madrid.

  • ¿Cuál es el objetivo de la unidad en la que se muestra el video?

    -El objetivo de la unidad es mostrar algunas partes del desarrollo de una primera aplicación para dispositivos móviles.

  • ¿Qué aplicación básica se desarrollará durante el curso?

    -Se desarrollará una aplicación básica que muestra el mensaje 'Hola Mundo'.

  • ¿Cuál es el primer paso al abrir Android Studio si no hay ningún proyecto abierto?

    -El primer paso es crear o abrir un proyecto utilizando el asistente 'Create New Project'.

  • ¿Qué detalles se piden en el formulario 'Configure Your New Project'?

    -Se pide el nombre de la aplicación y el dominio de la compañía. La concatenación de ambos forma el nombre completo de la aplicación.

  • ¿Cuál es la función de una actividad en una app Android?

    -Una actividad es un elemento funcional que incluye los formularios para la interfaz gráfica de usuario.

  • ¿Qué asistente ayuda a crear una primera actividad para la app?

    -El asistente 'Add An Activity To Mobile' ayuda a crear una primera actividad.

  • ¿Cómo se llama la actividad creada en el video y su layout asociado?

    -La actividad se llama 'HelloActivity' y el layout asociado es 'activity_hello_world.xml'.

  • ¿Qué se debe hacer para probar la app en un emulador de Android?

    -Se debe crear un emulador utilizando el 'AVD Manager', seleccionando el hardware y la imagen del sistema, y luego ejecutando la app en ese emulador.

  • ¿Cuál es la estructura de carpetas del proyecto en Android Studio?

    -La estructura de carpetas incluye una carpeta 'app' con todos los componentes de la aplicación, una carpeta 'java' para el código, y una carpeta 'res' para los recursos de la app.

Outlines

00:00

📱 Introducción al curso de desarrollo de apps móviles

En este curso, Rubén Fuentes de la Universidad Complutense de Madrid presenta cómo desarrollar una primera aplicación móvil. El enfoque será construir una app básica que muestre el mensaje 'Hola Mundo'. El primer paso es abrir Android Studio y crear un nuevo proyecto. Tras seleccionar la opción 'Start a New Android Studio Project', se introduce el nombre de la aplicación (Hello World) y el dominio (ucm.fdi), generando automáticamente el directorio del proyecto. Luego, se elige la opción 'Phone and Tablet' para los dispositivos donde se ejecutará la app, y se selecciona la versión mínima del SDK de Android soportada.

05:01

🔧 Configuración y creación de una actividad en Android Studio

Se continúa con el asistente de Android Studio para configurar la primera actividad de la app, que será una 'Empty Activity'. Se le da el nombre 'Hello Activity' y se genera el layout correspondiente automáticamente. Tras completar esta fase, se abre el entorno de desarrollo completo. En el panel izquierdo, se visualiza la estructura del proyecto, incluyendo las carpetas que contienen el código Java y los recursos como el layout en XML. El asistente visual permite modificar el layout arrastrando componentes en el lienzo, que representa la pantalla del dispositivo donde se despliega la interfaz gráfica.

Mindmap

Keywords

💡Android Studio

Android Studio es el entorno de desarrollo integrado (IDE) oficial de Google para el desarrollo de aplicaciones Android. Se utiliza para escribir código, simular y probar aplicaciones en un entorno que simula un dispositivo Android. En el guion, se menciona abrir Android Studio para iniciar el proceso de creación de una nueva aplicación, lo cual es el primer paso en el desarrollo de cualquier app para dispositivos móviles Android.

💡Proyecto

Un proyecto en el contexto de desarrollo de aplicaciones Android es un conjunto de archivos y recursos que se compilan y ejecutan juntas para formar una aplicación. En el guion, se habla de crear un nuevo proyecto en Android Studio, que es necesario para iniciar la creación de una app y organiza todos los archivos y recursos relacionados con la aplicación.

💡Actividad

Una actividad en Android es una pantalla o una ventana de la aplicación que permite interactuar con el usuario. Es el elemento funcional más básico de una app Android y se encarga de presentar la interfaz de usuario y de controlar la interacción del usuario. En el guion, se menciona la creación de una 'empty activity', que es un tipo de actividad sin elementos predeterminados, y se le asigna el nombre 'Hello activity'.

💡Layout

Un layout en Android define la presentación de la interfaz de usuario de una actividad. Es un archivo XML que describe cómo se organizan los elementos visuales de la pantalla, como botones, texto y otros componentes. En el guion, se menciona el archivo 'HelloWorld.xml', que es el layout asociado a la actividad 'Hello activity' y se edita para definir cómo se verá la pantalla de la app.

💡Emulador

Un emulador es un software que simula el hardware y el sistema operativo de un dispositivo, permitiendo a los desarrolladores probar sus aplicaciones sin un dispositivo físico. En el guion, se indica cómo crear un emulador virtual para Android y ejecutar la aplicación en él, lo cual es una parte esencial del proceso de desarrollo y prueba de aplicaciones.

💡Mensaje Hola Mundo

El mensaje 'Hola Mundo' es una expresión utilizada en la programación para referirse a un programa sencillo que tiene como único propósito mostrar el texto 'Hola Mundo' en la pantalla. Es una metáfora del 'Hola Mundo' en papel, pero en el ámbito de la programación. En el guion, la app que se está creando muestra este mensaje, lo que indica que es una aplicación muy básica y didáctica.

💡Paquete

Un paquete en Android es una estructura de carpetas que organiza el código fuente de la aplicación en un espacio de nombres lógico. Permite agrupar clases y otros recursos relacionados. En el guion, se menciona el paquete 'ucm.fdi.helloworld', que es el espacio de nombres para la aplicación 'Hello World' y donde se encuentra la actividad principal de la app.

💡SDK

El SDK (Software Development Kit) de Android es un conjunto de herramientas y bibliotecas que permite a los desarrolladores crear aplicaciones para dispositivos Android. Se menciona en el guion al seleccionar la versión mínima del Android SDK que la aplicación soportará, lo cual es una decisión crucial para asegurar la compatibilidad de la app con diferentes versiones de Android.

💡Paleta de componentes

La paleta de componentes es una herramienta en Android Studio que muestra una lista de elementos de la interfaz de usuario que pueden ser arrastrados y soltados en un layout para crear la interfaz de la aplicación. En el guion, se describe cómo se utiliza la paleta para añadir un componente de texto a la pantalla.

💡Propiedades

Las propiedades son atributos que definen características de los elementos de la interfaz de usuario en un layout de Android. Se menciona en el guion cómo se configuran propiedades como el 'id', que es necesario para hacer referencia a un elemento en el código fuente de la aplicación, permitiendo interactuar con él programáticamente.

💡Run

Run (Ejecutar) es una acción en Android Studio que se utiliza para compilar y ejecutar la aplicación en un dispositivo real o en un emulador. En el guion, se indica cómo se utiliza el botón 'Run' para iniciar la aplicación en el emulador creado, lo cual es el paso final antes de ver la aplicación en acción.

Highlights

Inicio del curso de desarrollo de aplicaciones móviles con Android Studio, presentado por Rubén Fuentes de la Universidad Complutense de Madrid.

Creación de la primera app básica que muestra el mensaje 'Hola Mundo'.

Explicación paso a paso sobre cómo abrir Android Studio y crear un nuevo proyecto.

Configuración inicial del proyecto: elegir nombre de la aplicación y dominio de la compañía, asegurando que sea único.

Selección de dispositivos compatibles y versión mínima del SDK de Android.

Creación de una actividad inicial utilizando el asistente 'Empty Activity' que servirá como base para la app.

Configuración del nombre de la actividad ('HelloActivity') y su layout relacionado ('activity_hello_world.xml').

Explicación de la estructura del proyecto: carpetas Java para el código y carpeta 'res' para los recursos como layouts.

Navegación en el entorno de desarrollo: uso de las vistas del proyecto para encontrar archivos de código y recursos.

Introducción a la personalización del layout mediante el asistente gráfico de Android Studio.

Uso de la paleta de componentes para añadir elementos visuales al layout arrastrándolos al lienzo de diseño.

Importancia del ID de los componentes visuales para acceder a ellos desde el código Java.

Creación y configuración de un emulador Android Virtual Device (AVD) para probar la aplicación.

Ejecutar la app en el emulador, destacando el proceso de inicialización y despliegue en el dispositivo virtual.

Conclusión: la app 'Hola Mundo' es un ejemplo básico que introduce los bloques esenciales del desarrollo de aplicaciones Android, como actividades, servicios y notificaciones.

Transcripts

play00:02

[Música]

play00:18

hola bienvenido al curso apps para

play00:20

dispositivos móviles soy Rubén fuentes

play00:23

de la Universidad complutense de

play00:25

Madrid queremos cerrar esta unidad

play00:27

mostrándote algunas partes del

play00:29

desarrollo de tu primera app como es

play00:31

tradición en el mundo del desarrollo de

play00:33

aplicaciones será una app que muestre el

play00:35

mensaje Hola mundo empecemos por abrir

play00:38

el entorno de desarrollo de Android el

play00:40

Android Studio ID en el caso de que no

play00:43

tengamos ningún proyecto ya abierto lo

play00:46

primero que hace el ide es proponernos

play00:48

crear o abrir un proyecto lanzando el

play00:50

correspondiente asistente Welcome to

play00:52

Android

play00:53

Studio en este caso seleccionamos la

play00:56

opción St a New Android Studio project

play00:59

esta opción lanza a su vez el asistente

play01:01

de creación de un nuevo proyecto create

play01:03

New project en él se nos piden los datos

play01:07

básicos del nuevo proyecto en primer

play01:09

lugar el formulario configure your New

play01:12

project se nos piden algunas

play01:14

características globales de la app

play01:16

empezamos con el nombre de la aplicación

play01:18

y El dominio de la compañía la

play01:20

concatenación de ambos es el nombre

play01:22

completo de la

play01:23

aplicación este nombre debe ser único

play01:25

para cada app instalada dentro de un

play01:27

mismo

play01:28

dispositivo en en este caso nuestra app

play01:31

se llamará Hello World y El dominio será

play01:33

ucm

play01:35

fdi Fíjate que el asistente prepara

play01:38

automáticamente un directorio para

play01:39

nuestro Proyecto A partir de estos

play01:46

datos pulsa next para saltar el

play01:49

siguiente

play01:50

paso en el formulario Select The Phone

play01:53

factors your app Will Run on

play01:55

seleccionamos el tipo de dispositivo

play01:57

móvil en el que podrá ejecutarse nuestra

play01:59

app y la mínima versión del Android sdk

play02:02

que soportaremos

play02:03

en este caso como se trata de una

play02:05

aplicación básica dejamos las opciones

play02:08

por defecto phone and tablet que es el

play02:10

grueso de dispositivos y el nivel de Api

play02:12

propuesto por el asistente el formulario

play02:15

add In activity To Mobile nos ayuda a

play02:18

crear una primera actividad para nuestra

play02:19

app una actividad es el elemento

play02:22

funcional de Android que incluye

play02:24

formularios para la interfaz gráfica de

play02:26

usuario en este caso usaremos la empty

play02:30

activity pulsa next Para pasar al

play02:33

siguiente paso en el formulario

play02:35

customize the activity proporcionamos el

play02:38

nombre de la actividad y del fichero que

play02:39

usamos para definir su interfaz

play02:42

introduce como nombre de la actividad

play02:44

Hello

play02:46

activity el asistente ya te propone un

play02:48

nombre relacionado para el layout no

play02:51

cambia su propuesta pulsa Finish ahora

play02:54

se abrirá el entorno de desarrollo

play02:56

completo

play03:08

examinemos el entorno en la parte

play03:10

izquierda tenemos un panel con tres

play03:12

vistas del proyecto completo project la

play03:15

vista por defecto nos muestra la

play03:17

estructura de carpetas del proyecto aquí

play03:20

podemos ver la carpeta app con todos los

play03:23

componentes de la

play03:24

aplicación la carpeta Java contiene el

play03:27

código que hemos creado para nuestra app

play03:30

para este proyecto podemos ver el

play03:32

paquete ucm fdi helloworld que da nombre

play03:37

a nuestra aplicación y en él la Hello

play03:39

World activity que acabamos de

play03:42

crear la carpeta res contiene los

play03:45

recursos de nuestra app pulsa el

play03:48

Triángulo a la izquierda de res para

play03:49

desplegar las

play03:51

subcarpetas pulsa a continuación el

play03:53

Triángulo a la izquierda de layout verás

play03:56

que dentro de esta última carpeta se

play03:58

encuentra el layout

play04:00

Hell World

play04:02

xml a la derecha del panel del proyecto

play04:05

se abren los Editores para los elementos

play04:07

del proyecto ahora tenemos abiertas dos

play04:10

pestañas puedes ver en su parte superior

play04:13

el contenido que tienen abierto la

play04:15

actividad que acabamos de crear y su

play04:17

layout pulsa sobre el nombre activity

play04:20

hellow world. xml Ahora tienes abierto

play04:23

un asistente especializado para los

play04:25

layouts los formularios de las

play04:26

actividades veamos sus componentes

play04:30

a la izquierda tienes la paleta con

play04:32

todos los componentes que puedes

play04:33

introducir en el

play04:35

formulario para ello basta con que

play04:37

selecciones un elemento y lo arrastres

play04:39

sobre el Lienzo el dispositivo que

play04:41

tienes a su derecha el Lienzo te

play04:43

mostrará visualmente los componentes de

play04:45

la interfaz de usuario que indica los

play04:48

elementos en la interfaz y como unos

play04:50

contienen a

play04:55

otros por ejemplo el device screen

play04:58

contiene como elemento un relative

play05:00

layout que a su vez contiene un text

play05:03

viw justo debajo encontrarás el panel de

play05:06

properties propiedades en él puedes

play05:09

fijar directamente características de

play05:10

los elementos de la interfaz una de las

play05:13

más relevantes es el id que es necesario

play05:15

cuando queremos acceder desde nuestro

play05:17

código a un elemento de la interfaz es

play05:19

lo que hacemos para acceder desde el

play05:21

código a sus datos o cambiarlo vuelve

play05:24

ahora a examinar las pestañas

play05:26

seleccionamos la que tiene por nombre

play05:27

hellow activity Java

play05:30

abrirá el editor de código para esa

play05:32

actividad Ahora tiene un solo método en

play05:35

create usado para la inicialización de

play05:37

la actividad pasemos ahora a crear un

play05:40

emulador una vd sobre el que probar esta

play05:43

primera aplicación para ello pulsamos en

play05:46

la barra de herramientas superior el

play05:47

botón de avd manager que lanzará el

play05:50

asistente your virtual devices si no

play05:52

tienes creado ninguno pulsa el botón

play05:55

create virtual

play05:56

device en primer lugar tenemos el form

play05:59

formulario s

play06:01

Hardware contiene un catálogo de

play06:03

dispositivos reales que servirán de base

play06:06

a la definición de nuestros

play06:08

emuladores deja la selección por defecto

play06:10

y pulsa el botón next a continuación se

play06:14

nos pregunta por assistem image que

play06:16

establece el nivel de Api y tipo de

play06:18

procesador a

play06:23

usar deja la selección por defecto y

play06:26

pulsa el botón next por último en

play06:29

Android virtual device podemos darle

play06:31

nombre a nuestro emulador y seleccionar

play06:33

aspectos como el tamaño de su memoria

play06:35

RAM cámaras conectividad o

play06:43

teclado Deja los valores por defecto y

play06:46

pulsa el botón

play06:49

Finish el emulador que acabas de crear

play06:52

es el único que tienes por

play06:58

ahora cierra la ventana your virtual

play07:02

devices para ejecutar tu app sobre el

play07:04

emulador pulsa el botón Run up cuando

play07:06

tengas abierto el proyecto de

play07:09

Sa Ah mismo tienes abierto el proyecto

play07:12

de Hello

play07:14

World se abre la ventana Select

play07:16

deployment Target El emulador

play07:19

seleccionado por defecto es el que

play07:20

acabas de crear que es el único

play07:23

disponible pulsa el botón Ok sé paciente

play07:27

lanzar un emulador toma algún tiempo

play07:29

además cuando aparezca la ventana es

play07:31

necesario inicializar y que el entorno

play07:33

despliegue en el tu app sabrás que el

play07:36

proceso ha terminado cuando aparezca el

play07:37

menú del móvil en la primera pantalla de

play07:39

tu app en este caso Esa primera pantalla

play07:42

muestra el mensaje Hello World esta app

play07:45

es la más básica que podemos construir

play07:47

pero ya te da una visión de los bloques

play07:49

básicos que puedes utilizar Generalmente

play07:52

tendremos varias de Estas actividades

play07:54

además de otros elementos como servicios

play07:56

y receptores de notificaciones también

play07:58

es frecuente usar servicios disponibles

play08:00

en servidores propios o de terceros por

play08:02

ejemplo para acceder a los servicios de

play08:04

geolocalización de Google y almacenar

play08:07

datos de forma permanente en el

play08:08

dispositivo por ejemplo con ficheros o

play08:11

bases de

play08:12

datos ahora ya puedes empezar a probar

play08:15

con tus propias ideas de app para

play08:16

Android esperamos verlas muy

play08:28

pronto for

Rate This

5.0 / 5 (0 votes)

Related Tags
desarrollo móvilAndroid Studioapp básicaprimer proyectocurso AndroidHola Mundoprogramacióninterfaz gráficaJavaemulador
Do you need a summary in English?