Gua de iniciacin e

instalacin de App Inventor

2
Gua de instalacin de App Inventor

ndice
1. REQUISITOS DEL SISTEMA ................................................................................................................................... 3
2. COMPRUEBA TU CONFIGURACIN DE JAVA........................................................................................................ 4
3. INSTALA EL SOFTWARE DE CONFIGURACIN DE APP INVENTOR ........................................................................ 5
3.1. INSTALACIN DEL SOFTWARE DE CONFIGURACIN DE APP INVENTOR EN MAC OS X .............................................................. 5
3.2. INSTALACIN DEL SOFTWARE DE CONFIGURACIN DE APP INVENTOR EN GNU/LINUX ............................................................ 7
3.3. INSTALACIN DEL SOFTWARE DE CONFIGURACIN DE APP INVENTOR EN WINDOWS .............................................................. 8
4. CONFIGURA TU TELFONO ANDROID .................................................................................................................10
4.1. CONEXIN A UN MVIL O UNA TABLETA ...................................................................................................................... 10
4.2. CONEXIN AL EMULADOR ......................................................................................................................................... 13
4.3. RESOLUCIN DE PROBLEMAS DE CONEXIN CON EL TELFONO ......................................................................................... 15

Modelo Elearning RedunX
Libro de Estilo de Desarrollos de
Contenidos oOnline


3
Gua de instalacin de App Inventor

1. Requisitos del sistema

Ordenador y sistema operativo:
Macintosh (con procesador Intel): Mac OS X 10.5, 10.6, 10.7 y superiores
Windows: Windows XP, Windows Vista, Windows 7
GNU/Linux: Ubuntu 8+, Debian 5+Navegador
Mozilla Firefox 3.6 o superior
o Nota: Si utilizas Firefox con la extensin NoScript, tendrs que deshabilitar dicha extensin.
Vase nota en la pgina de resolucin de problemas de la web de App Inventor.
Apple Safari 5.0 o superior
Google Chrome 4.0 o superior
Microsoft Internet Explorer 7 o superior

Nota: Para comprobar la versin de tu navegador, haz clic en "Herramientas" (en Chrome, sobre el icono de
la llave inglesa) y despus en "Acerca de".








4
Gua de instalacin de App Inventor

2. Comprueba tu configuracin de Java

Tu ordenador ha de tener instalado Java 6 (tambin llamado Java 1.6). Puedes descargarlo aqu
http://www.java.com. Comprueba tu configuracin de Java realizando las dos pruebas siguientes:
Visita la pgina de comprobacin de Java. Has de ver un mensaje que indique que Java funciona y
que la versin es Java 1.6.
Nota: Tienes que permitir que tu ordenador ejecute Java cuando aparezca un mensaje pop-up en la
esquina superior de la pgina.
Ejecuta la comprobacin de Java de App Inventor haciendo clic en este enlace. Se comprobar que
tu navegador est correctamente configurado para ejecutar Java y que tu ordenador pueda lanzar
aplicaciones con Java Web Start.
App Inventor no funcionar en tu ordenador si alguna de estas pruebas falla. No intentes utilizar App
Inventor hasta que no hayas resuelto el problema.
Si Java sigue sin funcionar correctamente incluso despus de instalar su ltima versin, prueba lo siguiente:
1. Habilita Java mediante tu navegador web
2. Habilita Java mediante el Panel de control de Java Plug-in
3. Borra el cache de tu navegador web
4. Firefox 3.6 y superiores requieren la actualizacin 10 de Java 6 o superiores
5. Java y navegador Google Chrome
6. Configuraciones de sistema soportadas






5
Gua de instalacin de App Inventor

3. Instala el software de configuracin de App Inventor

Para poder utilizar App Inventor, necesitas instalar previamente cierto software en tu ordenador. El
software que necesitas se incluye en un paquete llamado "App Inventor Setup"o configuracin de App
Inventor. Sigue las instrucciones para realizar la instalacin en tu sistema operativo y luego configura tu
telfono Android.

3.1. Instalacin del software de configuracin de App Inventor en
Mac OS X
App Inventor consta de varias partes diferentes que trabajan juntas. Estas partes se alojan en
diferentes lugares: los servidores de Google, tu ordenador y tu telfono. Para instalar las partes que se
ejecutan en tu ordenador, descrgate y ejecuta el paquete "App Inventor Setup". Este documento te
explica cmo hacerlo.
Descarga el instalador. Para ello tienes que hacer clic en la palabra download en esta pgina.
Haz doble clic en AppInventorSetup.pkg para iniciar el instalador.
Haz clic en continuar.



6
Gua de instalacin de App Inventor


Lee y acepta el acuerdo de licencia de software.
En la pantalla de instalacin estndar, haz clic en instalar. No cambies la ubicacin de la instalacin.



Si se te pide, introduce tu contrasea para confirmar que realmente quieres instalar el software.
Haz clic en OK.
El instalador te confirmar que el paquete App Inventor Setup se ha instalado.

Localizacin del software de configuracin
En la mayora de los casos, App Inventor es capaz de localizar el software instalado por si mismo. Pero si te
pide introducir la ubicacin de ste, la ruta que has de introducir es /Applications/Appinventor/commands-
for-Appinventor
Algo no funciona bien? Visita la pgina de resolucin de problemas, o consulta el Foro de Usuarios de App
Inventor para obtener ayuda.


7
Gua de instalacin de App Inventor

3.2. Instalacin del software de configuracin de App Inventor en
GNU/Linux

Necesitars privilegios sudo para hacer la instalacin.
Para sistemas que pueden instalar paquetes Debian
Usa estas instrucciones para sistemas que pueden instalar paquetes Debian (Debian o Ubuntu):
Descarga el paquete "Appinventor Setup installer Debian". Para ello tienes que hacer clic en la frase
Appinventor Setup installer Debian package en esta pgina. Se trata de un archivo llamado
appinventor-setup_1.1_all.deb (de unos 86 Megabytes). Es un archivo instalador de paquetes
Debian. El lugar donde acabe en tu ordenador depender de la configuracin de tu navegador.
Normalmente, ir a tu carpeta de Descargas.
Si tu sistema puede instalar paquetes simplemente haciendo clic en el archivo del paquete, hazlo.
Si tu sistema no soporta instaladores de paquetes mediante clic, navega hasta el directorio donde
se encuentre el archivo y ejecuta el comando sudo dpkg --install appinventor-setup_1.1_all.deb En
cualquiera de los dos casos, quizs debas asegurarte de que el archivo .deb y el directorio en el que
se encuentra tienen permiso de lectura y ejecucin por todos los usuarios. En algunos sistemas,
sudo no tiene privilegios predeterminados para la lectura y ejecucin de todos los archivos.
El software se instalar en /usr/google/appinventor-setup.
Tambin tendrs que configurar tu sistema para que detecte tu dispositivo. Consulta las
instrucciones para desarrolladores de Android en Configurar un dispositivo para desarrollos. Sigue
las instrucciones en el paso "configurar tu sistema para que detecte tu dispositivo" en el punto "si
desarrollas con Ubuntu Linux".

Para otros sistemas GNU/Linux
Descarga el archivo "Appinventor Setup installer tar". Para ello tienes que hacer clic en la frase
Appinventor Setup installer tar file en esta pgina. Se trata de un archivo llamado appinventor-
setup_1.1.tar.gz (de unos 86 Megabytes). Es un archivo tar comprimido con Gzip.
Instala los archivos siguiendo el mtodo apropiado para tu sistema operativo. Has de extraer el
directorio appinventor-setup_1.1/appinventor, que ha de guardarse en tu sistema en la ruta
/usr/google/appinventor. Si lo has instalado correctamente, existir el archivo
/usr/google/appinventor/commands-for-Appinventor/adb.



8
Gua de instalacin de App Inventor

Localizacin del directorio de configuracin
En la mayora de los casos, App Inventor es capaz de localizar el software de configuracin instalado por
si mismo. Si te pregunta por la ubicacin del software, la ruta del directorio que has de introducir es
/usr/google/appinventor/commands-for-Appinventor
Algo no funciona bien? Visita la pgina de resolucin de problemas, o consulta el Foro de Usuarios de
App Inventor para obtener ayuda.

3.3. Instalacin del software de configuracin de App Inventor en
Windows

La instalacin del software de configuracin de App Inventor para Windows consta de dos partes:
La instalacin del paquete de software de configuracin de App Inventor. Este paso es igual para
todos los dispositivos Android, y para Windows XP, Vista y 7.
La instalacin de los drivers de Windows para tu telfono Android.

Instalacin del paquete de software de configuracin de App Inventor
Te recomendamos que realices la instalacin desde una cuenta con privilegios de administrador. As se
instalar el software para todos los usuarios del ordenador, Si no tienes privilegios de administrador, la
instalacin debera de funcionar igualmente, pero slo podra utilizarse App Inventor desde la cuenta
que usaste para instalarlo.
Descarga el instalador. Para ello tienes que hacer clic en la palabra download en esta pgina.
Localiza el archivo AppInventor_Setup_Installer_v_1_2.exe (~92 MB) en tu carpeta de Descargas o
Escritorio. La ubicacin de descarga en tu ordenador depender de la configuracin de tu
navegador.
Abre el archivo.
Sigue los pasos del instalador. No cambies la ubicacin de la instalacin pero recuerda el directorio
de instalacin, porque puede que necesites comprobar el driver. El directorio variar dependiendo
de tu versin de Windows y si te has registrado o no como administrador.



9
Gua de instalacin de App Inventor

Localizacin del software de configuracin
En la mayora de los casos, App Inventor es capaz de localizar el software de configuracin por si
mismo. Pero si te pregunta por la ubicacin del software, la ruta que has de introducir es C:\Program
Files\Appinventor\commands-for-Appinventor. Si ests utilizando una versin de 64-bits, debers
teclear Archivos de Programa (x86) en lugar de Archivos de Programa. Adems, si no instalas el
software como administrador, est se instalar en tu directorio local en lugar de en C:\Archivos de
Programa. Debers buscarlo para averiguar el nombre de ruta correcto.
Drivers del telfono
El software de configuracin de App Inventor incluye drivers para los telfonos Android ms comunes:
1. T-Mobile G1* / ADP1
2. T-Mobile myTouch 3G* / Google Ion / ADP2
3. Verizon Droid (no Droid X)
4. Nexus One
5. Nexus S

Para aquellos telfonos que no aparezcan en la lista, tendrs que obtener e instalar los drivers
manualmente.
En algunos casos, los drivers de Windows no se instalan automticamente y tendrs que instalar los
drivers manualmente.
Algo no funciona bien? Visita la pgina de resolucin de problemas, o consulta el Foro de Usuarios de
App Inventor para obtener ayuda.




10
Gua de instalacin de App Inventor

4. Configura tu telfono Android

Sigue uno de estos pasos, dependiendo si quieres hacer el desarrollo en un telfono Android o en el
emulador:

4.1. Conexin a un mvil o una tableta

En esta seccin, nos aseguraremos de que tu telfono est listo para usarse con App Inventor. Para ello
comprobaremos varios parmetros y nos aseguramos que estn configurados correctamente y a
continuacin, conectaremos el telfono al ordenador mediante un cable USB. Si tu sistema es
Windows, puede que necesites instalar los drivers de tu telfono. Encontrars las instrucciones para la
instalacin de drivers en Windows aqu.
Telfonos compatibles
Existen cientos de modelos de telfonos Android diferentes y constantemente aparecen otros nuevos.
Algunos incluso no los conocemos. Aqu te ofrecemos una lista de telfonos recopilada por usuarios, de
telfonos que funcionan correctamente con App Inventor: http://bit.ly/AppInvDevices.
Nota 1: Algunos de estos telfonos requieren instalacin de drivers para funcionar en ordenadores con
Windows. Ms informacin disponible aqu.
Nota 2: Independientemente del modelo que sea, tu telfono deber tener una tarjeta SD instalada o no
funcionar. App Inventor utiliza la tarjeta SD para almacenar todos los archivos multimedia (sonido,
imagen, vdeo).
Incluso si tu telfono Android no aparece en la lista, es probable que funcione con App Inventor, pero
no podemos garantizarlo. Sigue las instrucciones de esta pgina y si tienes algn problema, consulta la
pgina de resolucin de problemas, busca en el Foro de Usuarios de App Inventor dentro de
"Configurar y conectar tu telfono" ayuda de otros usuarios que estn utilizando el mismo telfono que
t.


11
Gua de instalacin de App Inventor

Comprueba la configuracin de tu telfono
Para preparar tu telfono para que funcione con App Inventor, sigue los siguientes pasos:
Pulsa el botn Inicio para ir a la pantalla de inicio de tu telfono.
Pulsa el botn Men, luego Configuracin y luego Aplicaciones.
Si tu telfono tiene un parmetro llamado Fuentes Desconocidas, asegrate de que est activado.
Pulsa Desarrollo.
Asegrate de que los parmetros Depuracin USB o USB Debugging y Stay Awake estn activados.



Si tu telfono tiene la pantalla bloqueada, desbloquala como haras normalmente para ejecutar una
aplicacin. Ahora conecta el telfono al ordenador mediante el cable USB. Aparecern dos mensajes de
estado en el rea de notificaciones en la parte superior de la pantalla del telfono:
"USB Conectado" significa que el telfono est conectado al ordenador.
La "Depuracin USB" permite a App Inventor controlar el telfono en el ordenador.



12
Gua de instalacin de App Inventor

Configuracin de almacenamiento USB
Si cuando conectes el telfono al ordenador mediante el cable USB aparece una notificacin de "Activar
Almacenamiento USB", no pulses el botn. Si lo haces, puedes volverlo a pulsar para desactivarlo.
Si aparece un mensaje de error sobre el almacenamiento externo, debers comprobar que tu telfono
no est configurado en modo Almacenamiento Masivo. Para ello:
1. Pulsa el botn Inicio para ir a la pantalla de inicio de tu telfono.
2. Pulsa el botn Men, luego Configuracin y luego Conectar a PC.
3. Pulsa en Tipo de Conexin y elige "Solo Cargar". Asegrate de no seleccionar las otras opciones. Es
especialmente importante que las opciones "Unidad de Disco" o "Almacenamiento Masivo" NO
estn seleccionadas (las palabras concretas pueden variar dependiendo del telfono y la versin de
Android).

En algunos telfonos como DroidX, tambin puedes cambiar este parmetro desde la notificacin en la
parte superior de la pantalla:
1. Extiende el panel de notificaciones de la parte superior de la pantalla.
2. Pulsa en USB Conectado.
3. Pulsa en Solo Carga.

Cmo conectar tu telfono
Abre el Editor de Bloques si todava no lo has hecho. Conecta el telfono al ordenador con el cable USB
y haz clic sobre "Conectar a Dispositivo..." en la parte superior de la ventana del Editor de Bloques.
Vers una lista desplegable en la que aparecer tu telfono identificado por su tipo de modelo (p. ej.
HT94LLZ00001). Haz clic sobre l. Veras una flecha amarilla animada que se mueve adelante y atrs
para indicar que App Inventor se est conectando al telfono.



13
Gua de instalacin de App Inventor

Para conectar:
Haz clic sobre el texto "Connect to Device...."
Selecciona el nmero de modelo del telfono.
Vers una flecha amarilla animada.
La conexin puede llevar un par de minutos. Una vez establecida, la flecha dejar de moverse y se
volver verde. Si miras en la pantalla del telfono, vers un gatito (asumiendo que has iniciado el
tutorial de HelloPurr). Es el comienzo de tu aplicacin!
4.2. Conexin al emulador

Si es la primera vez que utilizas el Emulador, sigue los siguientes pasos:
1. Abre el Editor de Bloques y haz clic en el botn "New Emulator" en la parte superior de la ventana.


2. Aparecer una notificacin de que el emulador est inicindose y que seas paciente, ya que puede
llevar un par de minutos.



14
Gua de instalacin de App Inventor

3. Inicialmente, el emulador aparecer con una pantalla negra (#1). Espera hasta que el emulador est
listo, con un fondo de pantalla en color (#2). Incluso cuando ya ha aparecido el fondo, tendrs que
esperar hasta que el telfono emulado acabe de preparar la tarjeta SD: aparecer una notificacin
en la parte superior de la pantalla del telfono mientras se prepara la tarjeta. Puede que necesites
usar el ratn en la pantalla de telfono emulada para desbloquear el dispositivo arrastrando el
botn verde a la derecha (#3).

#1 #2 #3
4. El emulador funciona como un telfono con algunas limitaciones (p. ej., no puedes "agitar" el
emulador como lo haras con un telfono). Una vez desbloquees el emulador, haz clic en el botn
"Connect the Device..." y clic en el emulador. Cuando el icono del telfono se vuelve verde, es que
el emulador est conectado.



Hecho!


15
Gua de instalacin de App Inventor


4.3. Resolucin de problemas de conexin con el telfono

Si el Editor de Bloques no puede conectar con tu telfono, puedes probar los siguientes consejos para
solucionar el problema.
1. Puedes abrir el emulador?
Haz clic en el botn "New emulator" del Editor de Bloques, ubicado justo al lado del botn "Connect to
Device....". Puedes obtener ms informacin sobre como iniciar un nuevo emulador aqu. La
inicializacin de un nuevo emulador puede llevar un tiempo, djale un par de minutos para que inicie.

Una vez el emulador se ha abierto del todo, encuentra el emulador en la lista desplegable. Si
encuentras el emulador en la lista desplegable, haz clic en el texto "emulator" y conctate al emulador.
Necesitas desbloquear el telfono arrastrando la barra de desbloqueo en la pantalla del telfono. Si has
conseguido conectar el emulador, pasa al Paso 2.
Si aparece un mensaje de error diciendo que App Inventor no puede encontrar la ruta correcta,
seguramente significa que has instalado mal el Software de Configuracin de App Inventor. Sigue estas
instrucciones e instala el software de nuevo.
2. Comprueba la configuracin de tu telfono
Comprueba que tu telfono mvil tiene el Modo Depuracin USB activado. Sigue estas instrucciones
para configurar correctamente los parmetros de tu telfono. Si puedes abrir un emulador pero no
puedes conectar al telfono mvil, probablemente tengas el Modo Depuracin USB desactivado. Si
tienes un Nexus One/S, Droid X, u otro modelo de telfono posterior, necesitars realizar unos pasos
extra para configurar tu telfono. Lee la seccin "Detalles para Varios Modelos de Telfonos" en
configuracin del telfono. Tambin puedes consultar la lista de telfonos compatibles recopilada por
usuarios y otras soluciones alternativas aqu.
Asegrate de que tu telfono est correctamente configurado antes de conectarlo al ordenador.


16
Gua de instalacin de App Inventor


3. Desconecta el telfono y vuelve a conectarlo.
Despus de cambiar la configuracin del telfono, desconecta el telfono y el cable USB de tu
ordenador y vulvelos a conectar. A veces se trata de un problema de comunicacin entre el telfono,
el cable y el ordenador. Asegrate de que el Modo Depuracin USB est activado antes de conectar el
telfono al ordenador.
4. Tiene tu telfono una tarjeta SD?
Si tu telfono no tiene tarjeta SD, App Invento no podr conectarse al telfono. Comprueba que tu
telfono tenga una tarjeta SD.
5. Cierra el Editor de Bloques y vuelve a abrirlo
A veces el Editor de Bloques no actualiza la informacin correctamente. Cierra el Editor de Bloques (no
te preocupes, aunque cierres el Editor de Bloques no se borraran tus bloques). Vuelve a abrir el Editor
de Bloques haciendo clic en "Open the Blocks Editor" en la esquina superior derecha del Diseador.
Cuando hagas clic sobre el botn, se descargar un archivo .jnlp en tu ordenador. Abre el archivo e
inicia el Editor de Bloques.

Asegrate de que el Modo Depuracin USB est activado antes de conectar el telfono al ordenador.
6. Comprueba el driver de Windows (solo para usuarios de PC)
Busca el modelo de tu telfono en la lista y sigue estas instrucciones para comprobar el driver de
Windows. Lee la segunda seccin, Comprobacin de la instalacin del driver, para asegurarte de que el
driver de Windows funciona correctamente.
Intenta desconectar y volver a conectar el telfono al puerto usb de tu ordenador y utiliza el comando
"adb devices" de nuevo, antes de acceder o instalar los drivers del dispositivo, ya que a veces es
suficiente con esto para que la conexin funcione.



17
Gua de instalacin de App Inventor

7. Reinstala Java
A veces reinstalando Java se soluciona el problema. Tu ordenador ha de tener instalado Java 6 (tambin
llamado Java 1.6). Puedes descargarlo aqu http://www.java.com.
8. Comprueba tu configuracin de antivirus/firewall/seguridad
Si tu ordenador tiene una proteccin antivirus o firewall muy estricta, algunos de los componentes del
Software de Configuracin de App Inventor podran no funcionar correctamente. Cambia los
parmetros de seguridad e intenta reinstalar el Software de Configuracin de App Inventor aqu.
Todava no puedes conectar tu telfono? Echa un vistazo a la pgina de resolucin de problemas, o
consulta el Foro de Usuarios de App Inventor para obtener ayuda. A lo mejor encuentras la solucin en
la pgina Graybutton.