Usuario:ManuelRomero/DAW/moviles/instalacion

Introducción a App Invetor

 * Inicialmente fue desarrollado por el MIT (Instituto tecnológico de Massachusetts)
 * appinventor.mit.edu
 * Es una nueva herramienta de programación visual de Google Está basada en bloques visuales, sistema fácil y muy muy intuitivo.
 * Con ella se trabaja on line, las aplicaciones desarrolladas quedan en la nube, accesibles accediendo con nuestra cuenta de correo de google (necesario tenerla).
 * Los proyectos quedan almacenados en la nube en un servidor de google

Como se desarrollan aplicaciones

 * Para desarrollar aplicaciones con App Inventor tenemos tres elementos
 * Un entorno de diseño gráfico
 * Un entorno de bloques donde se detalla el comportamiento de los componentes diseñados
 * Un terminal móvil o emulador donde ad hoc se ve/verifica el diseño/comportamiento de nuestra aplicación
 * Para poder usar el editor de bloques, necesitamos tener abierto el entorno de diseño gráfico
 * Cada entorno lo tendremos en una ventana.
 * El diseñador Especificamos los componentes
 * El editor de bloques Construimos el programa especificando el comportamiento de los componentes
 * Para ver el resultado tendremos el móvil o tablet Android conectado por el cable usb o bien un emulador que obtendremos desde la ventana del editor de bloques

Instalado App inventor
java -version Podemos hacer un test para ver si lo tenemos bien instalado:
 * Indistintamente que nos aventuremos a poner el nodo en local o usar MIT debemos instalar
 * Verificamos nuestro equipo
 * http://beta.appinventor.mit.edu/learn/setup/index.html
 * No todos los navegadores lo soportan
 * Firefox 3.6 Safari 5.0  Chrome 4.0  Explorer 7  o versiones superiores de las especificadas
 * Java 6 o superior (o java 1.6... )que se puede descargar de www.java.com
 * En el sistema operativo nos dirá la versión que tenemos

Para instalar el móvil podemos visitar Si disponemos del driver para que el sistema vea nuestro móvil mejor.
 * http://beta.appinventor.mit.edu/learn/setup/phone.html

Editor de bloques

 * Corre en Java de forma local
 * Necesita tener el editor de diseño gráfico abierto

Servidor local

 * Por diferentes motivos puede que no queramos estar conectados mientras desarrollamos
 * El código es abierto y por lo tanto se pueden montar los nodos en local
 * Permite desarrollar aplicaciones sin necesidad de conexión
 * Se pierde mucha flexibilidad que te da la nube....
 * Para ello debemos montar el servidor de diseño gráfico en local
 * Inconvenientes
 * No podemos efectuar el empaquetado final de la aplicación
 * Podemos desarrollarlo, descargarlo a nuestro disco duro desde el servidor en local, empaquetarlo y posteriormente subirlo al servidor de MIT cuando tengamos conexión o queramos

Instalar un nodo en el propio equipo

 * http://www.tuappinvetorandroid.com/app-inventor-sevidor-local/
 * https://sites.google.com/site/aprendeappinventor/app-inventor-en-servidor-local

appengine-java-sdk-1.6.0 appinventor buildserver
 * descargamos el fichero en la siguietne dirección resource-calculators.googlecode.com/files/dev-local-Dec-20-2011.zip
 * Habrimos la carpeta dev_local y vemos tres carpetas

http://localhost:8888
 * Abrimos la que se llama App Inventor. y ejecutamos StarAI
 * Se abre una ventana nueva de de commandos donde se ejecuta el servidor web de forma local
 * Entonces accedemos a ese servidor por el puerto 8888 en un navegador

Ahora ya podemos abrir el diseño gráfico
 * Escribimos una cuenta de correo (no será validada)
 * Se abre el appinventor en local. la ventana de Designer.

Usar App Inventor en la nube de google
http://appinventor.mit.edu/sites/appinventor.mit.edu/files/AppInventor-Doc-Diagram.png

Instalacion

 * 1) Primero debemos tener una cuenta en Google
 * 2) Debemos tener instalado SDK de java
 * 3) App Invetor es entorno para desarrollar aplicaciones Android
 * 4) Es un entorno web
 * 5) Las aplicaciones que desarrollemos quedan en la nube
 * 6) Estarán accesibles siempre que conectemos a la página logeados
 * 7) Necesitamos instalar AppInvetor Setup (Sitio de descarga arriba)


 * Se puede seguir facilmente el proceso de instalación el la página
 * Para esta sesión usaremos windows por evitar problemas de compatibilidad con móviles por usb

Uso en entorno web
Al abrir el entorno vamos a tener tres elementos para trabajar
 * 1) diseñador de componentes
 * 2) Editor de bloques
 * 3) Un dispositivo de teléfono Android
 * 4) un emulador
 * 5) El teléfono conectado usb
 * En ambos casos los cambios se ven instantaneos en el dispositivos

Otras referencias web
http://android.scenebeta.com/tutorial/tutoriales-de-app-inventor