Este documento presenta un taller sobre la creación de aplicaciones móviles con App Inventor. Explica brevemente qué es App Inventor, cómo funciona, los requisitos técnicos necesarios y las dos interfaces principales de diseño y programación por bloques. El taller cubrirá también ejemplos prácticos de aplicaciones creadas con esta herramienta.

2. Taller de App Inventor.

3. ¿Quién soy?
ISC Raúl Oramas Bustillos.
Estudiante maestría en ciencias de la computación (ITC).
roramas@gmail.com

4. Contenido.
●
¿Qué es App Inventor?
●
¿Cómo funciona App Inventor?
●
Requisitos del sistema
●
Configuración del equipo
●
App Inventor Designer
●
App Inventor Blocks Editor
●
Ejemplos

5. ¿Qué es App Inventor?
●
●
●
●
App Inventor es una aplicación Web para que los
niños y no tan niños aprendan el arte de la
programación.
Es una herramienta ideal para crear aplicaciones
para teléfonos/tablets Android.
Fue desarrollado en Google pero dejó de
soportarlo en diciembre de 2011.
El Massachusetts Institute of Technology decidió
proseguir con su desarrollo y mantenimiento, a
través de su Center for mobile learning.

6. ¿Cómo funciona App Inventor?
om
gmail.c
en
correo
e
uenta d
C
b
A pp W e
t
A pp in s
mp
n la Co
e

7. Requisitos del sistema.
●
Software:
Java
●
Herramienta Block Editor
Computadora:
●
●
Macintosh (con procesador Intel): Mac OS X 10.5, 10.6
●
Windows: Windows XP, Windows Vista, Windows 7
●
GNU/Linux: Ubuntu 8+, Debian 5+
Navegador (versiones actualizadas):
●
●
●
●
●
●
Mozilla Firefox
Apple Safari
Google Chrome
Microsoft Internet Explorer

8. Configuración del equipo.
●
Verificar que se tiene instalado el entorno de
ejecucion Java:
http://www.java.com/en/download/installed.jsp
●
Si la computadora tiene todo lo necesario para
trabajar:

9. Configuración del equipo.
●
Ejecutar la prueba de AppInventor de Java:
http://beta.appinventor.mit.edu/learn/setup
/misc/JWSTest/AppInvJWSTest.html
●
Esto comprueba que tu navegador está
configurado correctamente para ejecutar Java.

10. Configuración del equipo.
●
Antes de poder utilizar App Inventor es
necesario instalar un paquete llamado
Configuración de App Inventor .

11. App Inventor Designer.
●
El App Inventor Designer es la parte de la
herramienta donde seleccionamos los
componentes de la aplicacion.
●
Diseñamos tambien la interfaz de la aplicación.
●
Cuatro módulos:
●
●
●
●
Paleta (Palette)
Visor (viewer)
Componentes (components)
Propiedades (Properties

12. App Inventor Designer.

13. App Inventor Blocks Editor.
●
●
El App Inventor Blocks Editor es la parte de la
herramienta dónde especificamos lo que
deben hacer los componentes.
Unimos piezas como si fuera parte de un
rompecabezas para dar lógica a la aplicación.

14. App Inventor Blocks Editor.

15. Ejemplos.