![\"e8\"](\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/05\/e8.png\")
<\/a><\/p>\nDespu\u00e9s de iniciarse en la programaci\u00f3n de aplicaciones multimedia con Scratch<\/a><\/strong> han recibido entusiasmados esta nueva iniciativa, basada en la herramienta MIT App Inventor<\/strong><\/a>.<\/p>\n <\/p>\n Se trata de un entorno de desarrollo visual muy f\u00e1cil de usar, con la que incluso los no programadores pueden desarrollar sus aplicaciones. Y al tratarse de un servicio web todos los trabajos quedar\u00e1n almacenados en internet (en la cuenta de google del alumno, con la que han de identificarse para trabajar).<\/p>\n Al construir las aplicaciones para Android trabajaremos con varias herramientas:<\/p>\n Para probar la aplicaci\u00f3n \u00aben tiempo real\u00bb antes de empaquetarla y distribuirla tenemos tres posibilidades<\/strong>:<\/p>\n El proceso inicial fu\u00e9 relativamente sencillo. Se siguieron las instrucciones para la descarga de la p\u00e1gina oficial<\/a><\/strong> en un equipo de prueba. El problema que nos encontramos a continuaci\u00f3n fue que para iniciar el emulador los alumnos deb\u00edan ejecutar desde un terminal la siguiente orden dif\u00edcil de recordar:<\/p>\n As\u00ed que buscamos un icono que representase a Android de tama\u00f1o 256×256 y formato PNG (android.png<\/em>)\u00a0 para que sirviese como referencia visual a un lanzador (emulador.desktop<\/em>) que llamase a la orden anteriormente descrita, y que colocar\u00edamos en el men\u00fa de \u00abAplicaciones<\/em>\u00bb -> \u00abAccesorios<\/em>\u00ab. El contenido del fichero qued\u00f3 como sigue:<\/p>\n Para evitar descargar y configurar los mismos archivos en todos los equipos se procedi\u00f3 a albergarlos en una carpeta compartida en el servidor de aula, accesible como \u00abinvitado\u00bb. De esta manera s\u00f3lo tuvimos que ejecutar un sencillo \u00abscript\u00bb que preparamos para automatizar el proceso:<\/p>\n Para arrancar el emulador ahora s\u00f3lo tienen que buscar en el men\u00fa \u00abAplicaciones\u00bb -> \u00abAccesorios\u00bb y ejecutar \u00abEmulador AI2\u00bb<\/p>\n El resultado es la apertura de un terminal (que pueden minimizar para que no \u00abmoleste\u00bb) con el que luego podr\u00e1n \u00abcerrar\u00bb el emulador cuando terminen el trabajo pulsando [Ctrl + C<\/strong>].<\/p>\n Una vez iniciado el software del emulador vamos a ver como utilizarlo desde el entorno de desarrollo de App inventor<\/strong><\/a>. Para ello has de tener activo un proyecto en pantalla (puedes crear uno en blanco para probar):<\/p>\n Una vez iniciado pulsa sobre el men\u00fa \u00abConectar\u00bb -> \u00abEmulador\u00bb<\/p>\n Aparecer\u00e1 un mensaje de espera y al cabo de unos segundos una nueva ventana con el m\u00f3vil virtual. Tras iniciarse la conexi\u00f3n la primera vez nos indicar\u00e1 que la versi\u00f3n del software est\u00e1 anticuada y que debe actualizarse.<\/p>\n\n
<\/a><\/p>\n\n
<\/a>Acceder a un tel\u00e9fono Android v\u00eda WiFi<\/strong>. Ha de ser la misma red que la de los ordenadores de los alumnos. Para conseguirlo vamos a reciclar un viejo \u00abrouter-ADSL\u00bb conect\u00e1ndolo al concentrador del aula que limitar\u00e1 y controlar\u00e1 el acceso. Adem\u00e1s, aquellos alumnos que vayan a utilizar su m\u00f3vil Android han de descargarse una aplicaci\u00f3n gratuita que se comunicar\u00e1 con el entorno de desarrollo: el \u00abMIT AI2 Companion\u00bb
\n<\/a><\/strong><\/li>\n<\/a>Conectando el m\u00f3vil directamente al ordenador mediante un cable USB<\/strong> (en\u00a0 MS Windows habr\u00e1n de instalar los \u00abdrivers\u00bb correspondientes de la marca\/modelo). Aquel que quiera probarlo ha de traer su propio cable. En cualquier caso ha de instalarse en el equipo el \u00abApp Inventor Setup<\/a><\/strong>\u00bb y el \u00abMIT AI2 Companion\u00bb<\/a><\/strong>. Adem\u00e1s hay que activar en el m\u00f3vil el \u00abModo de depuraci\u00f3n\u00a0 USB\u00bb en el men\u00fa de \u00abAjustes\u00bb.<\/li>\n<\/a>Utilizando un programa \u00abEmulador<\/strong>\u00bb como complemento al entorno desarrollo, sin necesidad de contar con un m\u00f3vil real para probar las pr\u00e1cticas.\u00a0 Esta es la soluci\u00f3n \u00abuniversal\u00bb que vamos a implementar en todos los equipos del aula y que a continuaci\u00f3n pasamos a detallar. Al igual que en el caso anterior ha de instalarse el \u00abApp Inventor Setup<\/a><\/strong>\u00ab<\/li>\n<\/ol>\nInstalaci\u00f3n del emulador de Android en Linux<\/h3>\n
\/usr\/google\/appinventor\/commands-for-Appinventor\/aiStarter &<\/pre>\n
<\/a><\/p>\n[Desktop Entry]<\/strong>\r\nName<\/em>=Emulador AI2\r\nComment<\/em>=Emulador de terminal Andorid para App Inventor 2\r\nGenericName<\/em>=Emulador AI2\r\nExec<\/em>=\/usr\/google\/appinventor\/commands-for-Appinventor\/aiStarter \r\nType<\/em>=Application\r\nTerminal<\/em>=true\r\nIcon<\/em>=\/usr\/google\/appinventor\/android.png\r\nStartupNotify<\/em>=true\r\nCategories<\/em>=Utility;<\/pre>\n
#!\/bin\/bash\r\necho \"*** Eliminando la versi\u00f3n anterior...\"<\/em>\r\nrm<\/strong> -rf \/usr\/google\/appinventor\r\nrm<\/strong> -rf \/home\/alumno\/.appinventor\r\n\r\necho \"*** Descargando nueva versi\u00f3n...\"<\/em>\r\nsmbget<\/strong> -a smb:\/\/servidorarchivos\/compartir\/appinventor2-setup_1.1_all.deb\r\nsmbget<\/strong> -a smb:\/\/servidorarchivos\/compartir\/android.png\r\nsmbget<\/strong> -a smb:\/\/servidorarchivos\/compartir\/emulador.desktop\r\n\r\necho \"*** Instalando nuevo software...\"<\/em>\r\ndpkg<\/strong> -i appinventor2-setup_1.1_all.deb\r\n\r\necho \"*** Configurando accesos en el men\u00fa\"<\/em>\r\nchmod<\/strong> 644 android.png\r\nchmod<\/strong> 644 emulador.desktop\r\nchown<\/strong> alumno:alumno emulador.desktop\r\nmv<\/strong> android.png \/usr\/google\/appinventor\/android.png\r\nmv<\/strong> emulador.desktop \/home\/alumno\/.local\/share\/applications\/emulador.desktop\r\n\r\necho \"*** Eliminando las copias de trabajo\"<\/em>\r\nrm<\/strong> -f appinventor2-setup_1.1_all.deb\r\n<\/pre>\n
Inicio del software de emulaci\u00f3n<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nConexi\u00f3n con el emulador por primera vez<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n