En la Actividad 3.3, nos enfocaremos en instalar la aplicación en nuestro dispositivo móvil, lo que nos permitirá observar cómo está quedando nuestra aplicación en términos de diseño y programación.
Actividad 3.3
Paso 1: En tu dispositivo móvil, abre la tienda de aplicaciones correspondiente a tu sistema operativo (Google Play Store para Android o App Store para iOS).
Paso 2: En la tienda de aplicaciones, busca e instala una aplicación llamada "MIT App Inventor" en tu dispositivo móvil. Esta aplicación es esencial para poder probar y ejecutar las aplicaciones creadas en MIT App Inventor en tu dispositivo.
Paso 3: Abre la aplicación "MIT App Inventor" en tu dispositivo móvil.
Para visualizar la aplicación "app1" que diseñaste en la actividad anterior en tu dispositivo móvil, primero debes asegurarte de que tu proyecto esté abierto en el sitio web de MIT App Inventor.
Imagen 1
Paso 4: En tu computadora, accede a la siguiente URL: https://appinventor.mit.edu/ utilizando la interfaz de desarrollo de MIT App Inventor. A continuación, haz clic en el botón "Create apps" para acceder al proyecto.
Imagen 2
Paso 5: En tu computadora, después, en la esquina superior izquierda de la interfaz de MIT App Inventor, ubica el botón etiquetado como "Conectar" o "Connect", tal y como se muestra en la Imagen 2.
A continuación, despliega el menú y selecciona la opción "AI Companion" o "Acompañante AI", tal como se ilustra en la Imagen 3.
Imagen 3
Imagen 4
Paso 6: En tu celular o dispositivo móvil, abre la aplicación "MIT App Inventor" y toca el botón "scan QR code" que está resaltado en la imagen 4. A continuación, escanea el código generado en la computadora.
Es importante tener paciencia, ya que este proceso puede llevar alrededor de 2 a 3 minutos. Si la conexión demora más tiempo de lo habitual, es posible que se haya bloqueado, en cuyo caso se recomienda reiniciar la conexión. Ver imagen 3
Una vez escaneado el código, la aplicación que estás desarrollando se cargará en tu dispositivo móvil y podrás probarla y ejecutarla en tiempo real. Esencial para observar cómo quedan las aplicaciones.
Paso 7: Haz clic en la etiqueta 1 y a la derecha se mostrarán las propiedades. Luego, realiza los siguientes cambios:
Activa la opción Negrita.
Tamaño de letra en 20.
Ancho: Ajustar al contenedor y presiona aceptar.
Texto a 'App1'.
Posiciona el texto: centro.
Color de texto como rojo.
Observa que si todavía tienes conexión con el celular, los cambios que realices en la plataforma de MIT App Inventor se verán reflejados de manera automática en tu dispositivo móvil.
Paso 8: Para cerrar sección en la plataforma de MIT App Inventor, haga clic en el icono de correo electrónico en la parte superior derecha de la pantalla y seleccione "Salir de la sección" en el menú que se abre. Ver imagen 8
Imagen 8