Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

2. Envío de aplicaciones a dispositivos emulador - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 2 de mayo de 2022 por Jesús P.

79 visualizaciones

Más información Transcripción

Descargar la transcripción

Ahora vamos a ver cómo podemos probar las aplicaciones que hacemos en App Inventor. 00:00:14
A la hora de comprobar cómo funciona nuestra aplicación, tenemos dos opciones. 00:00:19
La primera será probarla en un emulador que reproducirá en nuestro ordenador el comportamiento de un teléfono Android y ejecutará nuestra aplicación. 00:00:25
La segunda opción, si tenemos un teléfono Android, podremos probar la aplicación directamente en él. 00:00:35
Vamos a ver ahora cómo podemos probar las aplicaciones que hacemos en App Inventor 00:00:41
A la hora de probar cómo funciona nuestra aplicación tenemos dos opciones 00:00:47
La primera será probarla en un emulador, que reproducirá en nuestro ordenador el comportamiento de un teléfono Android 00:00:52
La segunda será probar la aplicación directamente en un teléfono Android 00:00:59
Empecemos viendo cómo probar nuestra aplicación en el emulador 00:01:04
Para empezar, importaré una aplicación del repositorio de proyectos. 00:01:08
En este repositorio podemos encontrar muchas aplicaciones prediseñadas interesantes. 00:01:14
Bien, aquí la tenemos. 00:01:20
El paso siguiente será instalar el emulador en nuestro PC. 00:01:23
El emulador lo podemos encontrar dentro de la propia web de App Inventor en la sección de Support, Setup, Emulator. 00:01:27
Podemos encontrar una sección donde explica paso a paso cómo instalar el emulador y las diferentes versiones para Mac o Windows. 00:01:35
Descargaremos la versión de Windows. 00:01:45
Hacemos clic en Download the Installer. 00:01:49
Lo descargamos. 00:01:52
Una vez se descargue este archivo, la instalación es muy fácil. 00:01:54
Le decimos que sí. 00:01:58
Siguiente, finalizar. 00:02:00
Cuando termine, nos aparecerá en el escritorio un icono llamado AI Starter 00:02:02
Le hacemos clic y nos aparece una pequeña consola que nos indica que tiene un servidor montado en el puerto 8004 00:02:08
Es importante no cerrar este terminal hasta estar seguro de que no necesitamos el emulador 00:02:18
Vamos ahora a volver a nuestro programa 00:02:24
Hacemos clic en Connect y luego en Emulator 00:02:27
Nos aparecerá una ventana que nos indica que el emulador se está conectando 00:02:31
Esperaremos hasta que suceda y entonces arrancará el emulador permitiéndonos trabajar con la aplicación 00:02:37
Vemos aquí ya nuestro emulador en esta ventana de la izquierda que claramente asemeja a un móvil 00:02:44
La primera vez que lo ejecutéis es posible que tarde un poco 00:02:52
Pero después debería ser más rápido 00:02:57
Así que tened paciencia 00:02:59
Enseguida nuestro programa empezará a enviar el programa que hemos realizado en la web al emulador 00:03:01
Este proceso podría ser muy lento en función del equipo que tengamos 00:03:08
Ahora ya podemos ver aquí nuestra aplicación diseñada con App Inventor 00:03:12
Es un simple botón con una imagen dentro que al hacer clic suena un MP3 00:03:19
La conexión entre el emulador y App Inventor sucede en tiempo real 00:03:23
Es decir, todos los cambios que tengamos en la web se verán automáticamente en el móvil emulado. 00:03:31
Por ejemplo, si elimino la imagen y escribo algo en el botón, cambia al mismo tiempo. 00:03:37
Voy a poner pulsa aquí. 00:03:43
¡Atención! No es recomendable parar y encender continuamente el emulador. 00:03:53
Podríamos tener algún problema por sobrecarga de la memoria 00:03:58
y es posible que incluso tengamos que reiniciar el ordenador 00:04:01
para restablecer la conexión entre App Inventor y el emulador. 00:04:05
Bueno, pues ya tenemos nuestra aplicación cargada en el emulador. 00:04:09
Subido por:
Jesús P.
Licencia:
Reconocimiento - No comercial
Visualizaciones:
79
Fecha:
2 de mayo de 2022 - 20:32
Visibilidad:
Público
Centro:
IES LA DEHESILLA
Duración:
04′ 23″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
92.68 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid