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

De WikiEducator
Saltar a: navegación, buscar
Línea 1: Línea 1:
 
{{TEP}}
 
{{TEP}}
 
{{:Usuario:ManuelRomero/daw/moviles/AppInventor/nav}}
 
{{:Usuario:ManuelRomero/daw/moviles/AppInventor/nav}}
 +
{{#widget:Slides}}
 
<br>
 
<br>
 +
<div class="slides layout-regular template-default">
 +
<div class="slide">
 
==Introducción a  App Invetor==
 
==Introducción a  App Invetor==
*appinventor.mit.edu
+
<br/>
*Es una nueva herramienta de programación visual de Google  
+
{{Recursos de la web|
 +
#http://appinventor.mit.edu}}
 +
{{Definicion|
 +
#Es una nueva herramienta de programación visual proporcionada por Google
 +
#que usa bloques gráficos para especificar las acciones del programa
 +
#permite desarrollar aplicaciones para entornos android sin tener que conocer la sintaxis de la instrucciones}}
 +
</div>
 +
<div class="slide">
 +
===Características===
 
*Principalmente destinada a crear programas para dispositivos móviles
 
*Principalmente destinada a crear programas para dispositivos móviles
*Está basada en bloques visuales, sistema fácil y muy muy intuitivo
+
*Está basada en bloques visuales, sistema fácil y muy muy intuitivo, no es necesario conocer la sintaxis de los lenguajes de programación
*Con ella se trabaja on line
+
*Con ella se trabaja on line, si bien es necesario ejecutar una pequeña aplicación in suto para mostrar la parte del Editor de bloques que luego veremos
 +
*Si no disponemos de dispositivo móvil, se puede usar un emulador
 
*Los proyectos quedan almacenados en la nube en un servidor de google
 
*Los proyectos quedan almacenados en la nube en un servidor de google
 +
</div>
 +
<div class="slide">
 +
===Elementos del entorno===
 
*Para desarrollar aplicaciones con App Inventor tenemos tres elementos  
 
*Para desarrollar aplicaciones con App Inventor tenemos tres elementos  
 
**Un entorno de diseño gráfico
 
**Un entorno de diseño gráfico
Línea 18: Línea 33:
 
**El editor de bloques Construimos el programa especificando el comportamiento de 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
 
*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
 +
</div>
 +
<div class="slide">
 
==Instalado App inventor==
 
==Instalado App inventor==
 
*Indistintamente que nos aventuremos a poner el nodo en local o usar MIT debemos instalar
 
*Indistintamente que nos aventuremos a poner el nodo en local o usar MIT debemos instalar
Línea 33: Línea 50:
 
Si disponemos del driver para que el sistema vea nuestro móvil mejor.
 
Si disponemos del driver para que el sistema vea nuestro móvil mejor.
  
 +
</div>
 +
<div class="slide">
  
  
 
===Entorno de diseño gráfico===
 
===Entorno de diseño gráfico===
 +
</div>
 +
<div class="slide">
  
 
===Editor de bloques ===
 
===Editor de bloques ===
Línea 50: Línea 71:
 
**No podemos efectuar el empaquetado final de la aplicación
 
**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
 
**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
 +
</div>
 +
<div class="slide">
 +
 
===Instalar un nodo en el propio equipo===
 
===Instalar un nodo en el propio equipo===
 
*http://www.tuappinvetorandroid.com/app-inventor-sevidor-local/
 
*http://www.tuappinvetorandroid.com/app-inventor-sevidor-local/
Línea 69: Línea 93:
 
Ahora ya podemos abrir el diseño gráfico
 
Ahora ya podemos abrir el diseño gráfico
  
 +
</div>
 +
<div class="slide">
  
 
===Instalar un nodo en una intranet===
 
===Instalar un nodo en una intranet===
 
===Usar App Inventor en la nube de google===
 
===Usar App Inventor en la nube de google===
 +
</div>

Revisión de 00:43 15 may 2013

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




Introducción a App Invetor


Plantilla:Recursos de la web


Icon define.gif

Definición

  1. Es una nueva herramienta de programación visual proporcionada por Google
  2. que usa bloques gráficos para especificar las acciones del programa
  3. permite desarrollar aplicaciones para entornos android sin tener que conocer la sintaxis de la instrucciones


Características

  • Principalmente destinada a crear programas para dispositivos móviles
  • Está basada en bloques visuales, sistema fácil y muy muy intuitivo, no es necesario conocer la sintaxis de los lenguajes de programación
  • Con ella se trabaja on line, si bien es necesario ejecutar una pequeña aplicación in suto para mostrar la parte del Editor de bloques que luego veremos
  • Si no disponemos de dispositivo móvil, se puede usar un emulador
  • Los proyectos quedan almacenados en la nube en un servidor de google

Elementos del entorno

  • 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
  • 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

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

  • 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