[MOOC] - Apps para dispositivos móviles (ed. 2016) - Android. Desarrollo de una App Android
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
📱 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.
🔧 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
💡Proyecto
💡Actividad
💡Layout
💡Emulador
💡Mensaje Hola Mundo
💡Paquete
💡SDK
💡Paleta de componentes
💡Propiedades
💡Run
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
[Música]
hola bienvenido al curso apps para
dispositivos móviles soy Rubén fuentes
de la Universidad complutense de
Madrid queremos cerrar esta unidad
mostrándote algunas partes del
desarrollo de tu primera app como es
tradición en el mundo del desarrollo de
aplicaciones será una app que muestre el
mensaje Hola mundo empecemos por abrir
el entorno de desarrollo de Android el
Android Studio ID en el caso de que no
tengamos ningún proyecto ya abierto lo
primero que hace el ide es proponernos
crear o abrir un proyecto lanzando el
correspondiente asistente Welcome to
Android
Studio en este caso seleccionamos la
opción St a New Android Studio project
esta opción lanza a su vez el asistente
de creación de un nuevo proyecto create
New project en él se nos piden los datos
básicos del nuevo proyecto en primer
lugar el formulario configure your New
project se nos piden algunas
características globales de la app
empezamos con el nombre de la aplicación
y El dominio de la compañía la
concatenación de ambos es el nombre
completo de la
aplicación este nombre debe ser único
para cada app instalada dentro de un
mismo
dispositivo en en este caso nuestra app
se llamará Hello World y El dominio será
ucm
fdi Fíjate que el asistente prepara
automáticamente un directorio para
nuestro Proyecto A partir de estos
datos pulsa next para saltar el
siguiente
paso en el formulario Select The Phone
factors your app Will Run on
seleccionamos el tipo de dispositivo
móvil en el que podrá ejecutarse nuestra
app y la mínima versión del Android sdk
que soportaremos
en este caso como se trata de una
aplicación básica dejamos las opciones
por defecto phone and tablet que es el
grueso de dispositivos y el nivel de Api
propuesto por el asistente el formulario
add In activity To Mobile nos ayuda a
crear una primera actividad para nuestra
app una actividad es el elemento
funcional de Android que incluye
formularios para la interfaz gráfica de
usuario en este caso usaremos la empty
activity pulsa next Para pasar al
siguiente paso en el formulario
customize the activity proporcionamos el
nombre de la actividad y del fichero que
usamos para definir su interfaz
introduce como nombre de la actividad
Hello
activity el asistente ya te propone un
nombre relacionado para el layout no
cambia su propuesta pulsa Finish ahora
se abrirá el entorno de desarrollo
completo
examinemos el entorno en la parte
izquierda tenemos un panel con tres
vistas del proyecto completo project la
vista por defecto nos muestra la
estructura de carpetas del proyecto aquí
podemos ver la carpeta app con todos los
componentes de la
aplicación la carpeta Java contiene el
código que hemos creado para nuestra app
para este proyecto podemos ver el
paquete ucm fdi helloworld que da nombre
a nuestra aplicación y en él la Hello
World activity que acabamos de
crear la carpeta res contiene los
recursos de nuestra app pulsa el
Triángulo a la izquierda de res para
desplegar las
subcarpetas pulsa a continuación el
Triángulo a la izquierda de layout verás
que dentro de esta última carpeta se
encuentra el layout
Hell World
xml a la derecha del panel del proyecto
se abren los Editores para los elementos
del proyecto ahora tenemos abiertas dos
pestañas puedes ver en su parte superior
el contenido que tienen abierto la
actividad que acabamos de crear y su
layout pulsa sobre el nombre activity
hellow world. xml Ahora tienes abierto
un asistente especializado para los
layouts los formularios de las
actividades veamos sus componentes
a la izquierda tienes la paleta con
todos los componentes que puedes
introducir en el
formulario para ello basta con que
selecciones un elemento y lo arrastres
sobre el Lienzo el dispositivo que
tienes a su derecha el Lienzo te
mostrará visualmente los componentes de
la interfaz de usuario que indica los
elementos en la interfaz y como unos
contienen a
otros por ejemplo el device screen
contiene como elemento un relative
layout que a su vez contiene un text
viw justo debajo encontrarás el panel de
properties propiedades en él puedes
fijar directamente características de
los elementos de la interfaz una de las
más relevantes es el id que es necesario
cuando queremos acceder desde nuestro
código a un elemento de la interfaz es
lo que hacemos para acceder desde el
código a sus datos o cambiarlo vuelve
ahora a examinar las pestañas
seleccionamos la que tiene por nombre
hellow activity Java
abrirá el editor de código para esa
actividad Ahora tiene un solo método en
create usado para la inicialización de
la actividad pasemos ahora a crear un
emulador una vd sobre el que probar esta
primera aplicación para ello pulsamos en
la barra de herramientas superior el
botón de avd manager que lanzará el
asistente your virtual devices si no
tienes creado ninguno pulsa el botón
create virtual
device en primer lugar tenemos el form
formulario s
Hardware contiene un catálogo de
dispositivos reales que servirán de base
a la definición de nuestros
emuladores deja la selección por defecto
y pulsa el botón next a continuación se
nos pregunta por assistem image que
establece el nivel de Api y tipo de
procesador a
usar deja la selección por defecto y
pulsa el botón next por último en
Android virtual device podemos darle
nombre a nuestro emulador y seleccionar
aspectos como el tamaño de su memoria
RAM cámaras conectividad o
teclado Deja los valores por defecto y
pulsa el botón
Finish el emulador que acabas de crear
es el único que tienes por
ahora cierra la ventana your virtual
devices para ejecutar tu app sobre el
emulador pulsa el botón Run up cuando
tengas abierto el proyecto de
Sa Ah mismo tienes abierto el proyecto
de Hello
World se abre la ventana Select
deployment Target El emulador
seleccionado por defecto es el que
acabas de crear que es el único
disponible pulsa el botón Ok sé paciente
lanzar un emulador toma algún tiempo
además cuando aparezca la ventana es
necesario inicializar y que el entorno
despliegue en el tu app sabrás que el
proceso ha terminado cuando aparezca el
menú del móvil en la primera pantalla de
tu app en este caso Esa primera pantalla
muestra el mensaje Hello World esta app
es la más básica que podemos construir
pero ya te da una visión de los bloques
básicos que puedes utilizar Generalmente
tendremos varias de Estas actividades
además de otros elementos como servicios
y receptores de notificaciones también
es frecuente usar servicios disponibles
en servidores propios o de terceros por
ejemplo para acceder a los servicios de
geolocalización de Google y almacenar
datos de forma permanente en el
dispositivo por ejemplo con ficheros o
bases de
datos ahora ya puedes empezar a probar
con tus propias ideas de app para
Android esperamos verlas muy
pronto for
Browse More Related Video
5.0 / 5 (0 votes)