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 principales secciones de la herramienta: el diseñador y el editor de bloques. El objetivo del taller es enseñar a los participantes a crear sus propias aplicaciones móviles de manera sencilla e interactiva usando App Inventor.

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.