Intalacion de App Inventor

MSc Elizabeth Pommier Gallo

App Inventor

Instalaciรณn de AppInventor MSc. Elizabeth Pommier Gallo

2017

MSc Elizabeth Pommier Gallo

App Inventor

MSc Elizabeth Pommier Gallo

App Inventor

Instalación La instalación del software de Windows para el programa de instalación de Inventor de aplicaciones consta de dos partes: Instalación del paquete de software de la aplicación Inventor Setup. Este paso es el mismo para todos los dispositivos Android, y lo mismo para Windows XP, Vista, Windows 7, 8.1 y 10. Si elige utilizar el cable USB para conectarse a un dispositivo, deberá instalar los controladores de Windows para su teléfono Android NOTA: App Inventor 2 no funciona con Internet Explorer. Para usuarios de Windows, recomendamos usar Chrome o Firefox como navegador para usar con App Inventor. Instalación del paquete de software de configuración de App Inventor Debe realizar la instalación desde una cuenta que tenga privilegios de administrador. Actualmente, no se admite la instalación a través de una cuenta que no sea de administrador. Si ha instalado una versión anterior de las herramientas de configuración de App Inventor 2, deberá desinstalarlas antes de instalar la última versión Siga las instrucciones de Cómo actualizar el software de configuración de App Inventor.

Descargue el instalador.

Busque el archivo MIT_Appinventor_Tools_2.3.0 (~ 80 MB) en su archivo de descargas o en su escritorio.

La ubicación de la descarga en su computadora depende de cómo esté configurado su navegador. Abre el archivo. Haga clic en los pasos del instalador. No cambie la ubicación de la instalación, sino que registre el directorio de instalación, ya que podría necesitarlo para comprobar los controladores más adelante.

El directorio diferirá dependiendo de su versión de Windows y si está conectado o no como administrador. Es posible que se le pregunte si desea permitir que un programa de un editor desconocido realice cambios en este equipo. Haga clic en Sí.

MSc Elizabeth Pommier Gallo

App Inventor

Requisitos del sistema Ordenador y sistema operativo Macintosh (con procesador Intel): Mac OS X 10.5 o superior Windows: Windows XP, Windows Vista, Windows 7 GNU / Linux: Ubuntu 8 o superior, Debian 5 o superior (Nota: GNU / Linux live development solo es compatible con conexiones WiFi entre la computadora y el dispositivo Android) Navegador Mozilla Firefox 3.6 o superior Apple Safari 5.0 o superior Google Chrome 4.0 o superior Microsoft Internet Explorer no es compatible Nota: Internet Explorer no es compatible. Recomendamos Chrome o Firefox.

Nota: si utiliza Firefox con la extensión NoScript, deberá desactivar la extensión.

Teléfono o Tableta (o utilice el emulador en pantalla) Sistema operativo Android 2.3 ("Gingerbread") o superior Localización del software de configuración En la mayoría de los casos, App Inventor debe poder localizar el software de instalación por sí solo. Pero si pide la ubicación del software, la ruta de acceso es C: \ Archivos de programa \ Appinventor \ commands-forAppinventor.

Si está utilizando una máquina de 64 bits ((Cómo saber si está en Windows de 64 bits), debe escribir Program Files (x86) en lugar de Archivos de programa También, si no ha instalado el software como administrador , Se instaló en el directorio local en lugar de en C: \ Archivos de programa. Tendrá que buscarlo para encontrar la ruta correcta. http://ai2.appinventor.mit.edu/

MSc Elizabeth Pommier Gallo

App Inventor

Configuración de Inv entor de aplicaciones Puede configurar App Inventor y comenzar a crear aplicaciones en cuestión de minutos. El Diseñador y el Editor de bloques se ejecutan completamente en el navegador (también conocido como la nube). Para ver tu aplicación en un dispositivo mientras la construyes (también llamada "Prueba en vivo"), tendrás que seguir los pasos que se indican a continuación. Dispone de tres opciones para configurar las pruebas en vivo mientras crea aplicaciones Si está utilizando un dispositivo Android y dispone de una conexión inalámbrica a Internet, puede comenzar a crear aplicaciones sin descargar ningún software a su computadora. Deberá instalar la aplicación App Inventor Companion en su dispositivo. Elija la Opción Uno a continuación.

Esta opción es MUY RECOMENDADA. Crea aplicaciones con un dispositivo Android y una conexión WiFi (preferida): Instrucciones Si tienes un ordenador, un dispositivo Android y una conexión WiFi, esta es la forma más sencilla de probar tus aplicaciones Si no tienes un dispositivo Android, deberás instalar el software en tu computadora para poder usar el emulador de Android en pantalla. Elija la opción dos a continuación.

Si no tiene una conexión a Internet inalámbrica, tendrá que instalar el software en su computadora para que pueda conectarse a su dispositivo Android a través de USB. Elija la opción tres a continuación. La opción de conexión USB puede ser difícil, especialmente en Windows. Use esto como último recurso.

Opción Uno RECOMENDADO Crea aplicaciones con un dispositivo Android y una conexión WiFi (preferida): Instrucciones Si tienes un ordenador, un dispositivo Android y una conexión WiFi, esta es la forma más sencilla de probar tus aplicaciones.

Conecte su teléfono o tableta a través de WiFi

MSc Elizabeth Pommier Gallo

App Inventor

Puedes usar App Inventor sin descargar nada a tu computadora!

Desarrollarás aplicaciones en nuestro sitio web: ai2.appinventor.mit.edu.

Para realizar pruebas en vivo en tu dispositivo Android, solo debes instalar la aplicación MIT App Inventor Companion en tu teléfono o tablet Android.

Una vez instalado el complemento, puede abrir proyectos en App Inventor en la Web, abrir el complemento en su dispositivo y probar sus aplicaciones a medida que las crea: Los siguientes pasos le guiarán en el proceso.

Paso 1:Descargue

e instale la aplicación MIT AI2 Companion en su teléfono.

Play Store https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicom panion3 APK File http://appinv.us/companion Después de descargar, siga las instrucciones para instalar la aplicación Companion en su dispositivo. Debe instalar el MIT AI2 Companion sólo una vez y, a continuación, dejarlo en su teléfono o tablet para cada vez que utilice App Inventor.

Nota 1: Si no puede utilizar el código QR, todavía puede instalar MIT AI2 Companion en su teléfono o tableta. Utilice el navegador Web de su dispositivo para ir a Google Play Store; Busque MIT AI2 Companion en la tienda. Una vez que encuentre el complemento, haga clic en el botón INSTALAR para la aplicación complementaria.

Nota 2: Si decide no ir a través de Play Store y cargar la aplicación directamente (también llamada "carga lateral"), deberá habilitar una opción en la configuración de su dispositivo para permitir la instalación de aplicaciones de "fuentes desconocidas". Esta configuración en las versiones de Android anteriores a 4.0, vaya a "Configuración> Aplicaciones" y luego marque la casilla junto a "Fuentes desconocidas".

Para dispositivos con Android 4.0 o superior, vaya a "Configuración> Seguridad" o "Configuración> Bloqueo de pantalla "y luego marque la casilla junto a" Fuentes desconocidas "y confirme su elección.

Conecte el equipo y el dispositivo a la misma red WiFi App Inventor mostrará automáticamente la aplicación que está creando, pero sólo si su computadora (ejecutando App Inventor) y su dispositivo Android (ejecutando el complemento) están conectados a la misma red WiFi. Vea una explicación más detallada de esto aquí.

Paso 2:

Paso 3:

abra un proyecto de App Inventor y conéctelo a su dispositivo

MSc Elizabeth Pommier Gallo

App Inventor

Vaya a App Inventor y abra un proyecto (o cree uno nuevo: use Project> Start New Project y dé un nombre a su proyecto).

A continuación, seleccione "Conectar" y "Companion AI" en el menú superior del navegador de AI2:

Aparecerá un cuadro de diálogo con un código QR en la pantalla de su PC. En tu dispositivo, inicia la aplicación MIT App Companion como harías con cualquier aplicación. A continuación, haga clic en el botón "Escanear código QR" en el complemento y escanee el código en la ventana de Inventor de aplicaciones:

Dentro de unos segundos, deberías ver la aplicación que estás construyendo en tu dispositivo. Se actualizará a medida que realice cambios en su diseño y bloques, una característica llamada "pruebas en vivo".

Si tiene problemas para escanear el código QR o su dispositivo no tiene un escáner, escriba el código que aparece en el equipo en el área de texto del acompañante en su dispositivo Android exactamente como se muestra. El código está directamente debajo de donde la pantalla de su PC muestra "Su código es" y consta de seis caracteres. Escriba los seis caracteres y elija la naranja "Conectar con código". No escriba un Enter o retorno de

MSc Elizabeth Pommier Gallo

App Inventor

carro: escriba sólo los seis caracteres seguidos presionando el botón naranja.

Solución de problemas: Si su aplicación no aparece en su dispositivo, los problemas más probables son: Es posible que tengas una versión obsoleta de la aplicación App Inventor Companion. Descargue la aplicación Companion más reciente para App Inventor 2 desde arriba. Es posible que su dispositivo no esté conectado a wifi. Asegúrese de ver una dirección IP en la parte inferior de la pantalla AICompanion App de su teléfono o tablet. Es posible que su dispositivo no esté conectado a la misma red wifi que su computadora. Asegúrese de que ambos dispositivos estén conectados al mismo nombre de red wifi. Su escuela u organización puede tener protocolos de red en el lugar tal que la conexión wifi no está permitida. Si este es el caso, todavía puede usar App Inventor con el emulador o puede utilizar un cable USB para conectar su dispositivo

Opción Dos ¿No tienes un dispositivo Android?

Utilice el Emulador: Instrucciones Si no tiene a mano un teléfono o una tableta Android, puede utilizar App Inventor. ¿Tiene una clase de 30 estudiantes? Pídales que trabajen principalmente en emuladores y compartan algunos dispositivos.

Para utilizar el emulador, primero debe instalar primero algún software en su computadora (esto no es necesario para la solución wifi). Siga las instrucciones a continuación para su sistema operativo, luego vuelva a esta página para pasar a iniciar el emulador Importante: si está actualizando una instalación anterior del software de App Inventor, consulte Cómo actualizar el software de App Inventor. Puede comprobar si su computadora está ejecutando la última versión del software visitando la página App Inventor 2 Connection Test.

MSc Elizabeth Pommier Gallo

App Inventor

Paso 1. Instale el software de configuración de App Inventor Instrucciones para Mac OS X. Instrucciones para Windows. Instrucciones para GNU / Linux.

Inicie aiStarter (sólo en Windows y GNU / Linux) El uso del emulador o del cable USB requiere el uso de un programa denominado aiStarter. Este programa es el ayudante que permite al navegador comunicarse con el emulador o el cable USB. Paso 2.

El programa aiStarter se instaló cuando instaló el paquete de configuración de App Inventor. Usted no necesita aiStarter si está usando sólo el compañero inalámbrico.

En un Mac, aiStarter se iniciará automáticamente cuando inicie sesión en su cuenta y se ejecutará de forma invisible en segundo plano.

En Windows, habrá accesos directos a aiStarter desde su escritorio, desde el menú Inicio, desde Todos los programas y desde la carpeta de inicio. Si desea utilizar el emulador con App Inventor, tendrá que iniciar manualmente aiStarter en su computadora cuando inicie sesión. Puede iniciar este comando haciendo clic en el icono de su escritorio o utilizando la entrada en su menú de inicio.

El icono de aiStarter en Windows Para iniciar aiStarter en Windows, haga doble clic en el icono (mostrado arriba). Sabrá que ha iniciado con éxito aiStarter cuando ve una ventana como la siguiente:

MSc Elizabeth Pommier Gallo

App Inventor

En GNU / Linux, aiStarter estará en la carpeta / usr / google / appinventor / commands-for-Appinventor y tendrá que iniciarlo manualmente. Puede iniciarlo desde la línea de comandos con / Usr / google / appinventor / commands-for-appinventor / aiStarter & Para obtener ayuda con aiStarter, consulte la Ayuda de conexión. Paso 3.

Abra un proyecto de App Inventor y conéctelo al emulador. En primer lugar, vaya a App Inventor y abra un proyecto (o cree uno nuevo: use Project> Start New Project y dé un nombre a su proyecto).

A continuación, en el menú de App Inventor (en el software App-Inventor basado en nube en ai2.appinventor.mit.edu), vaya al menú Conectar y haga clic en la opción Emulador.

Obtendrá un aviso diciendo que el emulador se está conectando. Iniciar el emulador puede tomar un par de minutos. Puede ver pantallas de actualización como las siguientes cuando el emulador se inicia

MSc Elizabeth Pommier Gallo

App Inventor

El emulador aparecerá inicialmente con una pantalla negra vacía (# 1).

Espere hasta que el emulador esté listo, con un fondo de pantalla de color (# 2). Incluso después de que aparezca el fondo, debe esperar hasta que el teléfono emulado haya terminado de preparar su tarjeta SD: habrá un aviso en la parte superior de la pantalla del teléfono mientras se está preparando la tarjeta.

Cuando se conecte, el emulador se iniciará y mostrará la aplicación que ha abierto en App Inventor. Si es la primera vez que utiliza el emulador después de instalar el programa de instalación de App Inventor, aparecerá un mensaje solicitando la actualización del emulador.

Siga las instrucciones de la pantalla para realizar la actualización y volver a conectar el emulador. Tendrá que hacer este tipo de actualización siempre que haya una nueva versión del software App Inventor. Para problemas con aiStarter, o si el Emulador no se conecta, vaya a la Ayuda de Conexión para obtener información sobre lo que podría estar mal. http://appinventor.mit.edu/explore/ai2/connection-help.html

#1

#2

#3

#4

MSc Elizabeth Pommier Gallo

App Inventor

Opción Tres Conexión a un teléfono o tableta con un cable USB.

Cuando utiliza App Inventor con un teléfono o una tableta, ese dispositivo se comunica con el software de App Inventor que se ejecuta en la ventana del navegador de su computadora. Esta comunicación es administrada por la Aplicación AI2 Companion que se ejecuta en el dispositivo. Las instrucciones a continuación (paso 2) explican cómo instalar el complemento. El compañero puede comunicarse con su computadora a través de una conexión inalámbrica. Este es el método recomendado por el equipo de App Inventor. No requiere ningún software adicional para ser instalado en su computadora. (Consulte la opción 1, en Configuración de Inventor de aplicaciones).

Hay, sin embargo, algunos entornos en los que las conexiones inalámbricas no funcionarán. Estos incluyen algunos hoteles, centros de conferencias y escuelas, que configuran sus redes inalámbricas para prohibir que dos dispositivos de la red se comuniquen entre sí. Vea ¿Cómo se conecta mi dispositivo Android con Wifi? Para una explicación corta.

Algunos usuarios de la aplicación Inventor han solucionado este problema mediante la compra de un enrutador inalámbrico y la configuración de su propia red local. (También, la mayoría de Macs y algunos PC pueden servir como enrutadores WiFi que pueden manejar un pequeño número de máquinas.) Pero donde incluso esto es imposible, todavía puede usar App Inventor con un teléfono o tablet si lo conecta al equipo con un Cable USB. La configuración de una conexión USB puede resultar incómoda, especialmente en máquinas Windows, que necesitan un controlador especial para conectarse a dispositivos Android. Desafortunadamente, diferentes dispositivos pueden requerir diferentes drivers, y, fuera de algunos modelos estándar, Microsoft y Google han dejado a los fabricantes de dispositivos para crear y Suministrar a los conductores. Como consecuencia, es posible que tenga que buscar en la Web para encontrar el controlador adecuado para su teléfono. App Inventor proporciona un programa de prueba que comprueba si su dispositivo conectado con USB

MSc Elizabeth Pommier Gallo

App Inventor

puede comunicarse con la computadora. Debe ejecutar esta prueba y resolver cualquier problema de conexión antes de intentar utilizar App Inventor con USB en ese dispositivo.

Estos son los pasos para comenzar a usar App Inventor con el cable USB: Instale el software de configuración de App Inventor Para conectar con USB, primero debe instalar el software de configuración de App Inventor en su computadora. (Esto no es necesario para el método wifi.) Siga las instrucciones a continuación para su sistema operativo, luego vuelva a esta página para pasar al paso 2 Paso 1:

Importante:si

está actualizando una instalación anterior del software de App Inventor, consulte Cómo actualizar el software de App Inventor.

Instrucciones para Mac OS X Instrucciones para Windows Instrucciones para GNU / Linux Puede comprobar si su computadora está ejecutando la última versión del software visitando la página de prueba de conexión.

Descargue e instale la aplicación MIT AI2 Companion en su teléfono.

Abra el escáner de código QR de su dispositivo y escanee el código QR a la izquierda para descargar la aplicación complementaria desde la Play Store.

Si no puede usar la Play Store, use el código QR a la derecha para descargar la aplicación Companion directamente a su teléfono.

Paso 2:

Play Store Recommended: Automatic updates https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicom panion3 APK File Manual updates required http://appinv.us/companion Después de descargar, siga las instrucciones para instalar la aplicación Companion en su dispositivo. Debe instalar el MIT AI2 Companion sólo una vez y, a continuación, dejarlo en su teléfono o tablet para cada vez que utilice App Inventor.

Nota: Si decide no ir a través de Play Store y cargar la aplicación directamente (también llamada "carga lateral"), deberá habilitar una opción en la configuración de su dispositivo para permitir la instalación de

MSc Elizabeth Pommier Gallo

App Inventor

aplicaciones de "fuentes desconocidas". En las versiones de Android anteriores a 4.0, vaya a "Configuración> Aplicaciones" y, a continuación, marque la casilla junto a "Fuentes desconocidas". Para dispositivos con Android 4.0 o superior, vaya a "Configuración> Seguridad" o "Configuración> Seguridad y pantalla Bloquear "y luego marque la casilla junto a" Fuentes desconocidas "y confirme su elección.

Inicie aiStarter (sólo en Windows y GNU / Linux) El uso del emulador o del cable USB requiere el uso de un programa denominado aiStarter. Este programa es el ayudante que permite al navegador comunicarse con el emulador o el cable USB. El programa aiStarter se instaló cuando instaló el paquete de configuración de App Inventor. Usted no necesita aiStarter si está usando sólo el compañero inalámbrico.

Paso 3.

En un Mac, aiStarter se iniciará automáticamente cuando inicie sesión en su cuenta y se ejecutará de forma invisible en segundo plano.

En Windows, habrá accesos directos a aiStarter desde su escritorio, desde el menú Inicio, desde Todos los programas y desde la carpeta de inicio. Si desea utilizar el emulador con App Inventor, tendrá que iniciar manualmente aiStarter en su computadora cuando inicie sesión. Puede iniciar este comando haciendo clic en el icono de su escritorio o utilizando la entrada en su menú de inicio.

El icono de aiStarter en Windows Para iniciar aiStarter en Windows, haga doble clic en el icono (mostrado arriba). Sabrá que ha iniciado con éxito aiStarter cuando ve una ventana como la siguiente:

MSc Elizabeth Pommier Gallo

App Inventor

En GNU / Linux, aiStarter estará en la carpeta / usr / google / commands-for-Appinventor y tendrá que iniciarlo manualmente. Puede iniciarlo desde la línea de comandos con / Usr / google / appinventor / commands-for-Appinventor / aiStarter & Configurar el dispositivo para USB (Activar la depuración USB) En su dispositivo Android, vaya a Configuración del sistema, Opciones del programador, enciéndalos y asegúrese de que se permite "Depuración USB". En la mayoría de los dispositivos que ejecutan Android 3.2 o versiones anteriores, puede encontrar esta opción en Configuración> Aplicaciones> Desarrollo. En Android 4.0 y versiones posteriores, se encuentra en Configuración> Opciones de desarrollador. Nota: en Android 4.2 y versiones más recientes, las opciones de desarrollador están ocultas de forma predeterminada. Para que esté disponible, vaya a Ajustes> Acerca del teléfono y pulse en Construir número siete veces. Vuelva a la pantalla anterior para encontrar las opciones de desarrollador, incluida la "Depuración USB".

Paso 4:

Conecte su computadora y dispositivo, y autentique si es necesario.

Conecte su dispositivo Android a la computadora mediante el cable USB asegúrese de que el dispositivo se conecta como un "dispositivo de almacenamiento masivo" (no "dispositivo multimedia") y que no está montado como una unidad en su computadora. Esto puede significar que tiene que ir al Finder (en un Mac) o a Mi PC (en Windows) y desconectar cualquier unidad (s) que se montaron cuando conectó su dispositivo Android. En Android 4.2.2 y versiones posteriores, tu dispositivo mostrará una pantalla con el mensaje ¿Permitir depuración USB? La primera vez que lo conecte a una computadora nueva. Presiona OK". Esto autentica la computadora al dispositivo, permitiendo que la computadora se comunique con ella. Tendrá que hacer esto para cada equipo que desea conectar al dispositivo, pero sólo una vez por computadora Paso 5:

Pruebe la conexión. Vaya a esta página de prueba de conexión (abre en una nueva pestaña en su navegador) y ver si obtiene una confirmación de que su computadora puede detectar el dispositivo. Si la prueba falla, vaya a General Connection Help (Ayuda de conexión general) y observe la ayuda USB de su computadora (Windows o Mac). No podrá utilizar App Inventor con el cable USB hasta que resuelva los problemas de conexión.

Paso 6: