Diferencia entre revisiones de «Usuario:ManuelRomero/preferencias/moviles/AppInventor/instalacion»

Revisión de 23:11 7 sep 2012

Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos. Ver página de charlas.

Introducción a App Invetor

• appinventor.mit.edu
• Es una nueva herramienta de programación visual de Google
• Principalmente destinada a crear programas para dispositivos móviles
• Está basada en bloques visuales, sistema fácil y muy muy intuitivo
• Con ella se trabaja on line
• Los proyectos quedan almacenados en la nube en un servidor de google
• 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

• 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

java -version 

Podemos hacer un test para ver si lo tenemos bien instalado:

Para instalar el móvil podemos visitar

• http://beta.appinventor.mit.edu/learn/setup/phone.html

Si disponemos del driver para que el sistema vea nuestro móvil mejor.

Entorno de diseño gráfico

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

• 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

appengine-java-sdk-1.6.0
appinventor
buildserver

• 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

http://localhost:8888

• Escribimos una cuenta de correo (no será validada)
• Se abre el appinventor en local. la ventana de Designer.

Ahora ya podemos abrir el diseño gráfico

Instalar un nodo en una intranet

Usar App Inventor en la nube de google