Usuario:ManuelRomero/preferencias/moviles/AppInventor/DescripcionEntorno

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

DESARROLLO DE APLICACIONES CON APP INVENTOR

Instalación  |  Descripción del entorno  |  Entorno de ejecución |  Ejemplos prácticos

Elementos en el entorno

• Para construir aplicaciones trabajamos tres componentes:

1. dos ventanas
2. terminal (bien dispositivo móvil conectado o bien un emulador)

Ventanas de nuestro entorno

• 'App Inventor Designer' o ventana de diseño de componentes
• 'App Inventor Block Editor' o descriptor del comportamiento de los componentes

App Inventor Designer

• Se abre accediento al url de MIT http://beta.appinventor.edu.mit
• Al abrir debemos estar conectados y se abrirán todas las aplicaciones que hayamos desarrollado
• Al abrir la ventana vemos 4 secciones según se puede ver en la imagen

App Inventor Designer

• La Sección de Palette contiene los componentes que a continuación describiremos
• Con ellos diseñaremos la aplicación
• Se agrupan por bloques con relación funcional
• Justo encima de ella aparece el nombre del proyecto en el que estemos trabajando

• Cada componente tiene
  • Metodos
  • Responder o provocar eventos
  • Propiedades
• Algunos de ellos son modificables en tiempo de ejecución, otros no (Pero podrían ser leídos sus valores)

• Analizaremos cada grupo de componentes de forma individual

App Inventor Designer

• La sección de Viewer o visor gráfico de los componentes de la aplicación que estamos desarrollando
• Se ve como va a quedar en el teléfono.
• Si tenemos el teléfono conectado lo iremos viendo también en el móvil
• En la parte superior tenemos diferentes opciones típicas de un editor (guardar....)