MIT App Inventor | Conexión Wi Fi

MIT App Inventor es una aplicación web gratuita que permite a los usuarios crear aplicaciones para teléfonos y tabletas Android y próximamente también para iOS. Puedes utilizar App Inventor mediante un navegador web (Chrome, Mozilla, Opera, etc.) accediendo a http://appinventor.mit.edu/

App Inventor es realmente fácil de usar! Puedes diseñar y programar tu aplicación desde la computadora y luego probar la aplicación con un teléfono Android o usando un emulador. Las aplicaciones se guardarán en los servidores de App Inventor, por lo que estarán disponibles cada vez que inicies sesión. Para obtener más información sobre App Inventor, visita esta página.



Para crear aplicaciones con MIT App Inventor necesitarás los siguientes elementos:

  • Computadora 
  • Acceso a Internet 
  • Cuenta de Gmail 
    • Necesitas una cuenta de Gmail para iniciar sesión en App Inventor. Puedes configurar una cuenta de Gmail aquí
  • Teléfono o tablet Android (opcional pero muy recomendable) 

Pasos para empezar

Una vez que tengas una cuenta de Gmail, 

  1. Ingresa al portal de MIT App Inventor
  2. Si aún no has iniciado sesión con tu cuenta de Gmail, selecciona la cuenta que quieres utilizar.

    Probar la aplicación (Pruebas en vivo)

    Las aplicaciones que hagas con MIT App Inventor puedes probarlas de tres maneras. Si tienes un teléfono, puedes conectarlo por Wi-Fi o a través de un puerto USB. Si no tienes un teléfono Android, puedes usar un emulador, que es un software que te permite tener un teléfono virtual en la computadora. 

    Si tienes un dispositivo móvil Android (Teléfono, Tablet) usa

    • Wi Fi
    • USB

    En caso contrario

    Cuando utilizas cualquiera de estos tres métodos, App Inventor te permite realizar pruebas en vivo, lo que significa que puedes editar la aplicación en App Inventor y ver que esos cambios aparecen al instante en tu teléfono o en el emulador. En este post solo nos ocuparemos de la conexión Wi-Fi, pero puedes ver las otras opciones en estos vicnulos: Conexión USB, Emulador.

    Opción 1. Conexión Wi-Fi (Recomendada)

    Esta es la forma más fácil y recomendada de probar tus apps de App Inventor. Recuerda que para esta opción debes tener un teléfono o una tableta Android y disponer de acceso a una red Wi-Fi. 

    Adicionalmente debes instalar en tu dispositivo móvil la aplicación llamada MIT AI2 CompanionCon el método Wi-Fi, crearás aplicaciones en tu computadora y las probarás en tu teléfono mediante la aplicación MIT App Inventor Companion.

    Paso 1: Descarga e instala la aplicación MIT AI2 Companion

    Abre en tu dispositivo una aplicación para lectura de códigos QR y escanea el código QR para descargar la aplicación Companion desde Play Store (izquierda). Si no puedes usar Play Store, escanea el código QR de la derecha para descargar la aplicación Companion directamente en tu teléfono.


    Escanea este código QR (o haz clic en este enlace)
    para obtener la aplicación de Play Store
    Escanea este código QR (o haz clic en este enlace)
    para descargar la aplicación directamente
    MIT App Companion en Play Store
    MIT App Companion, descarga directa
    Recomendado : Actualizaciones automáticas
    Archivo APK: Actualizaciones manuales requeridas

    Después de la descarga, sigue las instrucciones para instalar la aplicación Companion en tu dispositivo. El MIT AI2 Companion solo lo debes instalar una vez, y dejarlo en tu teléfono o tableta para usarlo con App Inventor.

    ¿No puedes utilizar el código QR?  

    Usa el dispositivo móvil para ir a Google Play Store y busca MIT AI2 Companion en la tienda. Una vez encuentres la aplicación MIT AI2 Companion, haz clic en el botón INSTALAR.

    ¿Usaste la descarga directa (archivo .APK)? 

    Si descargaste el archivo APK de la aplicación directamente a tu dispositivo móvil,  debes habilitar en la configuración de tu dispositivo, la opción para permitir la instalación de aplicaciones de "fuentes desconocidas".  

    • En versiones de Android anteriores a 4.0, ve a "Configuración> Aplicaciones" y luego marca la casilla junto a "Fuentes desconocidas". 
    • En versiones de Android 4.0 o superior, ve a "Configuración> Seguridad" o "Configuración> Seguridad y Bloqueo de pantalla " y luego marca la casilla junto a" Fuentes desconocidas "y confirma tu elección.

    Paso 2: Conecta tu computadora y tu dispositivo móvil a la misma red Wi Fi

    App Inventor te mostrará automáticamente la aplicación que estás creando, solo si tu computadora (que ejecuta App Inventor) y tu dispositivo Android (que ejecuta Companion) están conectados a la misma red WiFi. Mira una explicación más detallada aquí.

    ACTUALIZACIÓN: A partir de la versión 2.48 del MIT AI2 Companion, las conexiones se realizan de manera predeterminada, utilizando la tecnología WebRTC que permite que la computadora y el dispositivo móvil se encuentren en redes Wi-Fi diferentes. Esta mejora puede no funcionar en algunas situaciones, en cuyo necesitarás conectar la computadora y el teléfono a la misma red  Wi-Fi y activar la casilla "Use Legacy connection" en el MIT AI2 Companion.

    Paso 3: Abre un proyecto de App Inventor y conéctalo a tu dispositivo

    En App Inventor, abre un proyecto (o crea uno nuevo; usa Proyectos> Comenzar un nuevo proyecto y asigna un nombre adecuado a tu proyecto).

    Luego, elige "Conectar" y "AI Companion" en el menú superior del navegador AI2:



    Aparecerá un cuadro de diálogo con un código QR en la pantalla de tu computadora. En tu dispositivo móvil, inicia la aplicación MIT App Companion de la misma manera que inicias cualquier otra aplicación. A continuación, haz clic en el botón "Scan QR code" del MIT App Companion y escanea el código en la ventana de App Inventor.

    Conexión del Companion

    En unos segundos (depende de tu conexión), deberías ver en tu dispositivo la aplicación que estás construyendo. Se actualizará a medida que haces cambios en su diseño y bloques, una característica llamada "live testing".

    ¿Tienes problemas escaneando el QR?

    Si tienes problemas para escanear el código QR o si tu dispositivo no tiene un escáner, busca el código y escribe los seis caracteres en el cuadro de texto de MIT App Companion. Finaliza presionando el botón de color naranja "connect with code". 

    ¿Tienes problemas con la opción Wi Fi?

    1. Asegúrate de haber descargado correctamente la aplicación MIT AI2 Companion en tu teléfono. 
    2. Asegúrate de que tu computadora y tu teléfono están en la misma red Wi-Fi
    3. Usa la opción Restablecer (Reset connection) si has encontrado un error de conexión
    4. Si aún te quedas atascado aquí hay un vídeo que puede ayudarte: Prodidactica: Conexión con Wi-Fi

    نموذج الاتصال