Desarrollar aplicaciones con App Inventor: Capítulo 4

2
608

En el anterior capítulo de este manual para desarrollar aplicaciones para dispositivos Android que estamos haciendo para vosotros, pudimos ver cual era la manera correcta de conectar un dispositivo Android, bien una tableta, bien un smartphone, a nuestro ordenador mediante un cable de datos. Era una de las 3 opciones que tenemos para poder ver en tiempo y aspecto reales el desarrollo de nuestras aplicaciones y los diferentes cambios que vayamos realizando en ellas a lo largo de dicho desarrollo.

  • Opción 1: Conectar nuestro smartphone o nuestra tablet Android al ordenador a través de una red Wi-fi.
  • Opción 2: Conectar nuestro dispositivo Android a nuestro ordenadores a través de un cable de datos.
  • Opción 3: Utilizar el emulador de Android que podemos instalar junto a AppInventor.
    Si no dispones de un smartphone o tablet Android, pero si de un ordenador que cumpla los requisitos mínimos de los que hemos hablado con anterioridad, ver tanto el desarrollo como los cambios y el resultado final de las aplicaciones que hagas es perfectamente posible gracias al emulador de dispositivo Android con el que cuenta AppInventor.

    • Paso 1: Instalar y configurar AppInventor en nuestro ordenador. Dependiendo del sistema operativo que utilice nuestro ordenador el procedimiento a seguir será uno u otro y para que quede constancia de todo voy a acercaros los procedimientos para instalar AppInventor tanto en ordenadores con Windows, como en aquellos con MacOS o los que utilicen Linux.
        • Instalación de AppInventor en un ordenador con Windows:
          Lo primero que hemos de hacer para instalar AppInventor en un ordenador con Windows es asegurarnos de que contamos con privilegios de administrador. O, en otras palabras, que podemos instalar y desinstalar programas en nuestro ordenador sin restricciones mas allá del malware y otros archivos maliciosos detectados por los antivirus. Es decir, que podemos instalar un programa de manera normal. Una vez hemos comprobado que podemos instalarlo, sin problema, lo que hemos de hacer es descargarnos el programa. Lo podemos hacer desde aquí. Una vez nos hemos descargado AppInventor, el siguiente paso es localizar el archivo, para lo cual hemos de mirar en la sección de descargas de nuestro navegador y ejecutarlo. Una vez lo hemos ejecutado es probable que se nos abra una ventana en la que nos preguntará si queremos que la aplicación realice cambios en el equipo. Le decimos que si y continuamos hacia adelante. Evidentemente, para poder decir que si tenemos que contar con privilegios de administrador en nuestra copia de Windows.
          Una vez hemos instalado AppInventor en nuestro ordenador con Windows, buscamos el icono para comenzar a utilizarlo. Este se puede encontrar bien en nuestro escritorio si hemos creado un acceso directo, o bien en la zona de Archivos de Programa o Program Files dentro de la carpeta con su nombre.
        • Instalación de AppInventor en un ordenador con Mac OS X:
          Para instalar AppInventor en un Mac el primer paso es descargarnos el instalador, que lo podemos hacer aquí. Una vez nos hemos descargado el instalador, tenemos que buscarlo, como en el caso anterior, en la carpeta o zona de descargas de nuestro navegador bajo el nombre “AppInventor_Setup_v_X.X.dmg”. Tras haber localizado el archivo haremos doble click sobre el instalador, aceptaremos el acuerdo o licencia para el uso del software, y si somos usuarios primerizos instalaremos el programa en la ruta que nos indica por defecto. Por supuesto, introduciremos nuestra contraseña de administrador si así nos lo solicita el sistema operativo para continuar con nuestra instalación. Una vez veamos la confirmación de que se ha instalado correctamente AppInventor en nuestro Mac, ya estaremos listos para comenzar.
        • Instalación de AppInventor en un ordenador con Linux: En este caso también se necesitarán privilegios de administrador para poder instalar AppInventor en un ordenador que trabaje con el sistema operativo Linux. Otro aspecto previo importante que hay que tener en cuenta es que el instalador de AppInventor para Linux es de 32 bits. Por tanto, si vuestro ordenador trabaja con un sistema operativo de 64 bits, quizá os hagan falta varias librerías para poder instalar el programa. Dichas librerías podéis descargarlas introduciendo el siguiente comando en un consola: “sudo apt-get install lib32z1”. Si tenéis instalada una versión previa de AppInventor y queréis instalar una nueva versión, debéis desinstalar la antigüa. Para ello introducid los siguientes comandos en una consola: “sudo rm -rf /usr/google/appinventor” “sudo rm -rf ~/.appinventor”. Una vez aquí podemos distinguir entre aquellas distribuciones que aceptan paquetes Debian y los sistemas GNU/Linux. Para ello, seguiremos procedimientos diferentes:
          • Procedimiento para instalar AppInventor en distribuciones que aceptan paquetes Debian:
            Descargue el paquete de instalación y configuración de AppInventor para Debian. Este es un archivo llamado App inventor 2-setup_1.1_all.deb. Dependiendo de la configuración de nuestro navegador podremos encontrar el archivo descargado en una u otra localización. Por normal general, este se encontrará en la carpeta de descargas.
            Si la distribución que nos encontramos utilizando permite abrir el instalador del programa haciendo doble click sobre el, ese será el procedimiento mas sencillo que podemos seguir para realizar la instalación de manera sencilla y rápida.
            En caso contrario, abriremos una consola de comandos y nos dirigiremos a la carpeta en donde tengamos la descarga para después ejecutar el siguiente comando: “sudo dpkg –install appinventor2-setup_1.1_all.deb”. También tenemos que tener en cuenta aquí que no todos los sistemas permiten tener el comando sudo como herramienta para abrir y ejecutar programas.
            Una vez instalado el software este se encontrará con la ruta “/usr/google/appinventor”.
            En este punto tenemos que tener en cuenta que la distribución que nos encontremos usando reconozca nuestro dispositivo Android para así poder configurarlo. Para ello existe abundante información en la red y en un futuro cercano crearemos tutoriales para enseñaros a hacerlo a aquellos que aún no sepáis.
          • Procedimiento para instalar AppInventor en distribuciones GNU/Linux:
            El primer paso es descargar el archivo para instalar AppInventor en nuestra distribución. El nombre del archivo es “appinventor2-setup_1.1.tar.gz” y es un archivo .tar comprimido con Gzip.
            Una vez hecho esto deberemos instalar AppInventor mediante la búsqueda en el archivo de comandos de AppInventor situado en la ruta “/usr/google/appinventor”.
            Una vez instalado AppInventor, también debemos tener en cuenta que para que nuestro dispositivo Android, tablet o smartphone, se conecten a AppInventor y así poder seguir el desarrollo en tiempo real de nuestras aplicaciones hemos de abrir AI Companion que se encuentra en la ruta “/usr/google/appinventor/commands-for-Appinventor/aiStarter &”.
    • Paso 2: Iniciar AI Starter. Para iniciar AI Starter tenemos varios procedimientos en función del sistema operativo con el que nos encontremos trabajando:
      • Trabajando con Mac: Si nos encontramos usando App Inventor en un Mac, AI Starter comenzará de manera automática una vez nos hayamos logeado en nuestra cuenta y permanecerá activo pero oculto a simple vista.
      • Trabajando con Windows: Para iniciar AI Starter cuando estemos trabajando con Windows, solo tendremos que hacer click, una vez nos hayamos logeado, en alguno de los accesos directos que se han creado de AI Starter una vez lo hemos descargado e instalado junto a App Inventor. Estos accesos directos pueden encontrarse en el escritorio, en el menú de inicio y en carpeta de App Inventor situada en “Archivos de Programa” o “Program Files”.
      • Trabajando con Linux: Si nos encontramos trabajando con Linux para iniciar AI Starter tendremos que buscar en la carpeta descrita en el comando /usr/google/appinventor/commands-for-Appinventor o bien utilizar directamente el comando /usr/google/appinventor/commands-for-appinventor/aiStarter & en la consola.
    • Paso 3: Abrir un proyecto de AppInventor y conectar el emulador. Lo primero que hemos de hacer es abrir AppInventor en nuestro navegador y, o bien abrir un proyecto existente que tengamos, o bien crear un nuevo proyecto. Una vez hayamos entrado en el proyecto, iremos al menú superior de AppInventor y pulsaremos sobre Conectar y Emulador(Connect/Emulator) al igual que figura en la imagen a continuación.
      Conectar el emulador.
      Conectar el emulador.

      Una vez hayamos hecho este paso nos saldrá una ventana emergente como la que figura bajo estas líneas, en la que podemos ver como se inicia el emulador.

      Conexión de emulador
      Ventana Emergente

      Listo, ya tenemos nuestro emulador funcionando. Ahora, deberemos esperar a que la pantalla que vemos en un inicio en negro nos muestre la pantalla de inicio de Android.

Emulador comenzando
Emulador comenzando
Emulador de AppInventor
Emulador de AppInventor

 

CAPITULOS CURSO APP INVENTOR:

Capítulo 1.) Presentación.
Capítulo 2.) Requisitos de hardware y software para realizar las aplicaciones.
Capítulo 3.) Como conectar nuestro dispositivo Android al PC.
Capítulo 4.) Utilizar el emulador de Android de App Inventor.
Capítulo 5.) Que son la paleta y la interfaz de usuario de App Inventor.
Capítulo 6.) Secciones de disposición, medios y dibujo y animación de App Inventor.
Capítulo 7.) Secciones de la paleta, social, almacenamiento y conectividad de App Inventor.
Capítulo 8.) Desarrollar nuestra primera aplicación para Android con App Inventor – Parte 1.
Capítulo 9.) Desarrollar nuestra primera aplicación para Android con App Inventor – Parte 2.

Capítulo 10.) Desarrollar nuestra primera aplicación para Android con App Inventor – Parte 3.
Capítulo 11.) Como utilizar la aplicación que hemos desarrollado en nuestra tablet o smartphone.

2 Comentarios

Dejar respuesta

Please enter your comment!
Please enter your name here