# 3.3. Probamos la aplicación

Después de programar nuestra aplicación a través de la ventana de diseño y una vez hemos completado la programación en bloques para cada elemento de la paleta de componentes que hemos utilizado para el desarrollo de la aplicación, llega el momento de comprobar los resultados. Este proceso de comprobación nos ayudará, asimismo, a depurar el programa para que se ajuste exactamente al aspecto y la funcionalidad que deseamos dotar a la aplicación.

Para realizar esta tarea tenemos varias opciones. según queramos solo visualizar la aplicación en nuestro dispositivo sin instalarla (pestaña Conectar) o generar el archivo ejecutable APK para la instalación (pestaña Generar)

<span id="bkmrk--1" style="font-weight: normal;"><span style="font-size: 11pt; font-family: Arial, sans-serif; color: rgb(0, 0, 0); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; white-space-collapse: preserve;"><span style="border-width: initial; border-style: none; display: inline-block; overflow: hidden; width: 602px; height: 267px;">![Esquema del proceso de comprobación de resultados con App Inventor](https://lh7-us.googleusercontent.com/fOZZL8FuICDrXowtrFpAT31xG2SF89cXr-1cSlav4xrFsThA2BVZbIrNud6s1Yxl6KT2Hftd3PxO0zsYqGC0T-9Gvnv5YOHko2eGFsj0MtPHBacd7Snlu8h6-JzSCZoIeRs4RqkhrA9beLAthhwoJLg)</span></span></span>

<div class="ml-[calc(var(--margin-left)_/_2)] break-words indent-[calc(var(--text-indent)_/_2)] sm:ml-[var(--margin-left)] sm:indent-[var(--text-indent)] [&_span]:break-all" data-l-s="13162" id="bkmrk-imagen-3.3.1.-morale"><span style="color: rgb(126, 140, 141);">**Imagen 3.3.1.** Morales Caumel, R. (s. f.). *Esquema del proceso de comprobación de resultados*. INTEF.</span></div><span style="color: rgb(126, 140, 141);">[Licencia CC BY-SA 4.0](https://creativecommons.org/licenses/by-nc/4.0/deed.es)</span>

En nuestro caso, dado que estamos dando aún los primeros pasos de este entorno es recomendable comprobar primero su correcto funcionamiento antes de instalar la App que creamos, por lo que es mejor elegir la opción “Conectar”. Al hacer lcic en el menú superior en la opción "Conectar", observaremos que nos aparecen tres opciones de conexión:

<span style="color: rgb(126, 140, 141);">[![Captura de Pantalla 2023-11-29 a las 20.03.01.png](https://libros.catedu.es/uploads/images/gallery/2023-11/scaled-1680-/captura-de-pantalla-2023-11-29-a-las-20-03-01.png)](https://libros.catedu.es/uploads/images/gallery/2023-11/captura-de-pantalla-2023-11-29-a-las-20-03-01.png)</span>

<span style="color: rgb(126, 140, 141);">**Imagen 3.3.2.** CATEDU. (2023b, diciembre 1). Opciones de conexión en MIT App Inventor. </span><span style="color: rgb(126, 140, 141);">(**[CC BY-NC](https://creativecommons.org/licenses/by-nc/4.0/deed.es)**)</span>

- **AI Companion (Recomendado)**. Es una aplicación que permite simular la aplicación en nuestro dispositivo móvil (Smartphone o tablet). Para ello es necesario instalar en el dispositivo la aplicación<span style="color: rgb(126, 140, 141);"> [MIT AI2 Companion](https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&hl=es&gl=US),</span> disponible en la Play Store de Google y para<span style="color: rgb(126, 140, 141);"> [dispositivos IOS](https://apps.apple.com/es/app/mit-app-inventor/id1422709355). </span>Esta es la opción más recomendada por su sencillez, ya que solo necesitas ejecutar la aplicación y mediante la lectura un código QR, o un código de 6 dígitos, que se escanea desde la aplicación de tu dispositivo móvil. De esta forma, al escanear el código QR es posible emular la app en tu dispositivo. Además, una vez ejecutada la aplicación en el móvil, cualquier modificación sobre el programa se traslada a la aplicación en tiempo real, mientras la conexión se mantenga. Esto hace que la depuración (corrección-mejora) de la aplicación, tanto en su diseño como en su <span style="color: rgb(126, 140, 141);">[usabilidad](https://creatuaplicacion.com/usabilidad-aplicaciones-moviles/), </span>sea más sencilla y rápida.

<span style="color: rgb(126, 140, 141);">[![Ai Companion conection](https://libros.catedu.es/uploads/images/gallery/2023-11/scaled-1680-/captura-de-pantalla-2023-11-29-a-las-20-05-11.png)](https://libros.catedu.es/uploads/images/gallery/2023-11/captura-de-pantalla-2023-11-29-a-las-20-05-11.png)</span>

**<span style="color: rgb(126, 140, 141);">Imagen</span>** <span style="color: rgb(126, 140, 141);">**3.3.3.** CATEDU. (2023b, diciembre 1). Ejemplo conexión con AI Companion. (**[CC BY-NC](https://creativecommons.org/licenses/by-nc/4.0/deed.es)**)</span>

- **Emulador**. No se precisa ningún dispositivo móvil ni la lectura de códigos QR. Al hace clic en emulador, se inicia lo que se conoce como un emulador de Android, que se ejecuta a través de una una interfaz que simula una pantalla móvil. Esta opción requiere instalar la aplicación<span style="color: rgb(126, 140, 141);"> [App Inventor Setup](https://appinventor.mit.edu/explore/ai2/setup-emulator.html), </span>que a su vez instala un asistente llamado aiStarter.
- **USB**. Mediante un cable USB podemos conectar el ordenador con nuestro móvil para ver la aplicación en el dispositivo.

<p class="callout warning"><span style="color: rgb(126, 140, 141);">Si se elige la opción Emulador, es necesario instala en nuestro ordenador el programa *App Inventor Setup*. Para ello, se recomienda descargar el programa (para Windows, MAC OS X, GNU/Linux) en la [web oficial de MIT App Invento](https://appinventor.mit.edu/explore/ai2/setup-emulator.html)r y seguir las instrucciones que se dan dicha página web.</span></p>

<span style="color: rgb(126, 140, 141);">Una vez más, se recomienda la visualización del siguiente vídeo para conocer, de forma visual, las diferentes opciones de conexión que nos plantea la plataforma MIT App Inventor para poder probar o testear nuestras aplicaciones:</span>

<span style="color: rgb(126, 140, 141);"><iframe allowfullscreen="allowfullscreen" height="449" src="https://www.youtube.com/embed/X6fB6i59Um0?t=270s" width="800"></iframe>

</span>

<span style="color: rgb(126, 140, 141);">**Video 3.3.1.** Programamos. (2019, 1 mayo). *App Inventor 3.3: Mi primera App (Prueba y corrección de errores)* \[Vídeo\]. YouTube. Recuperado 29 de noviembre de 2023, de [https://youtu.be/X6fB6i59Um0?si=OErWCYreaDgl0x2h](https://youtu.be/X6fB6i59Um0?si=OErWCYreaDgl0x2h)</span>