Diferencia entre revisiones de «Usuario:ManuelRomero/preferencias/moviles/AppInventor/instalacion»
De WikiEducator
(→Comencemos) |
|||
| Línea 17: | Línea 17: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| − | [[Archivo:DesarrolloAppInventor.png| | + | [[Archivo:DesarrolloAppInventor.png|600px]] |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| Línea 28: | Línea 28: | ||
*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> | ||
| + | <div class="slide"> | ||
| + | ===Un entorno realmente sencillo=== | ||
| + | *No hay que recordar ni escribir comandos | ||
| + | *Cada componente del diseño tiene una serie de opciones para su comportamiento | ||
| + | **Es como si cada componente fuera un cajón y dentro de él están las piezas de lo que puede hacer | ||
| + | *Las piezas que especifican el comportamiento tienen que encajar unas con otroas | ||
| + | *Simplemente elegimos los componentes gráficos | ||
| + | *Especificamos con piezas el comportamiento de dichos componentes | ||
| + | *Con las diferentes piezas hacemos un bloque como si fuera piezas de un lego | ||
| + | [[Archivo:construccionPiezasLego.png]] | ||
| + | </div> | ||
| + | |||
| + | ===Características=== | ||
| + | |||
<div class="slide"> | <div class="slide"> | ||
===Elementos del entorno=== | ===Elementos del entorno=== | ||
| Línea 45: | Línea 59: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| + | ===Instalacion=== | ||
| + | ==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. | ||
| + | |||
| + | </div> | ||
| + | <div class="slide"> | ||
| + | === | ||
===Comencemos=== | ===Comencemos=== | ||
<br> | <br> | ||
| Línea 62: | Línea 95: | ||
**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> | ||
<div class="slide"> | <div class="slide"> | ||
Revisión de 07:10 15 may 2013
|
Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos. Ver página de charlas. |
|
|
Un entorno realmente sencillo
- No hay que recordar ni escribir comandos
- Cada componente del diseño tiene una serie de opciones para su comportamiento
- Es como si cada componente fuera un cajón y dentro de él están las piezas de lo que puede hacer
- Las piezas que especifican el comportamiento tienen que encajar unas con otroas
- Simplemente elegimos los componentes gráficos
- Especificamos con piezas el comportamiento de dichos componentes
- Con las diferentes piezas hacemos un bloque como si fuera piezas de un lego
Características
Elementos del entorno
- Elementos del entorno de App Inventor
Editor de diseño o diseñador
Editor de bloques
Terminal emulador
=
Comencemos
| Crear una cuenta en google
|
- Permite acceder al entorno de desarrollo de la nube
- Si no estás registrado no se puede acceder
- Se puede simular en local como veremos luego y entonces no hace falta ser usuraio registrado
Editor de Diseño
Accedemos a la web
http://beta.appinventor.mit.edu
- Se abre el editor de diseño
Editor de bloques
- Para poder usar el editor de bloques, necesitamos tener abierto el entorno de diseño gráfico
- 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
