Componente Generales de App PDF
Componente Generales de App PDF
App Inventor 2
1. Introducción
2. Mapa conceptual
4.2.1 Proyectos
4.2.2 Conectar
4.2.3 Generar
4.2.4 Ayuda
4.2.6 Galería
5. Glosario
6. Referencias bibliográficas
Control de documento
Créditos
Creative commons
App Inventor salió al público en el año 2010 y se creó con base en investigaciones sobre informática
educativa, lo que explica su accesibilidad y fácil manejo, incluso para personas sin experiencia en la
programación informática.
Mediante este recurso didáctico se orienta al Aprendiz a conocer este software de desarrollo, recorriendo
la composición de las opciones del menú superior, la barra de herramientas, clasificada en categorías
con todos los controles disponibles, la ventana de diseño, con todos los controles disponibles, la
ventana de diseño y sus respectivas propiedades.
2. Mapa conceptual
Fuente: SENA
La ruta de ingreso al sitio web de MIT App Inventor 2 es: http://ai2.appinventor.mit.edu; para entrar,
debe loguearse mediante usuario y contraseña en la cuenta de correo de Gmail y una vez ingresa a la
cuenta de Google, el sistema lleva al usuario a la siguiente ventana de Bienvenida.
Esta ventana permite configurar y conectar un dispositivo físico Android o utilizar por defecto un
Emulador.
Luego se oprime en el botón “Continue” para ingresar al ambiente de desarrollo de App Inventor.
Por defecto, el entorno está en idioma inglés, pero puede cambiarse a español: en el menú superior
derecho, como se ilustra en la siguiente imagen.
En la siguiente imagen se muestra una vista general del entorno de diseño en App Inventor.
App Inventor utiliza la cuenta de Google para iniciar sesión, de esta manera el sistema recuerda la lista
de proyectos realizados. Si es la primera vez, la lista estará vacía y el sistema le solicitará el nombre
del nuevo proyecto. En la imagen izquierda se visualiza la viñeta “PruebaAppInventor”.
4. 2 Menú superior
4.2.1 Proyectos
• Importar un proyecto desde una plantilla o template ya creado (esta plantilla puede ser importada
desde una dirección URL).
• Realizar un punto de control o hacer una copia del proyecto, opción generalmente utilizada para
pruebas o añadir nuevas funcionalidades, permitiendo regresar el proyecto a este punto de control, si
así se requiere.
Durante el proceso de creación del APK (generación de instalación), la aplicación se firma con una
clave privada digital asociada a la cuenta de Google. Cada vez que se construye una nueva versión de
la aplicación, se utiliza la misma clave para firmarla.
4.2.2 Conectar
• Realizar Conexión con el dispositivo Android por medio de red WIFI, utilizando la aplicación MIT AI2
Companion en el dispositivo, esta es la opción recomendada.
• Realizar Conexión con el dispositivo Android utilizando conexión por cable USB con el dispositivo (sin
utilizar red WIFI).
4.2.3 Generar
Generar aplicación consiste en que el sistema verifica todos los componentes que hacen parte de la
solución y procede a empaquetarlos en un archivo de instalación apk, para permanecer en el dispositivo,
compartirlo a otras personas o subirlo a la tienda de Google Play Store.
4.2.4 Ayuda
• Biblioteca, esta opción direcciona al sitio web de Documentación y Soporte de App Inventor.
• Extensiones, esta opción direcciona al sitio web oficial de las Extensiones disponibles en App
Inventor. Las extensiones son componentes de terceros que pueden ser importados y utilizados en las
aplicaciones. Estos componentes quedan al final de la Paleta de controles de usuario.
• Solución de problemas, abre una página web con los problemas más comunes y la solución a estos.
• Companion Information, muestra información de la versión actual de la aplicación MIT AI2 Companion
que va instalada en el dispositivo Android.
• Update the Companion, permite actualizar la versión MIT AI2 Companion en el dispositivo Android.
En la versión actual de MIT App Inventor, la documentación, tutoriales, ejemplos y soporte técnico
están en idioma inglés.
Esta opción del menú, muestra una lista de todos los proyectos realizados y asociados a la cuenta
actual de Google.
4.2.6 Galería
Esta opción muestra una lista de aplicaciones realizadas por terceros y que se pueden cargar al
ambiente de desarrollo de App Inventor.
• Diseñador: es la interfaz de usuario que contiene los controles que permiten “armar” la aplicación.
En esta paleta están los controles a utilizar en el ambiente del Diseñador (parte superior derecha) para
la creación de aplicaciones en App Inventor. A continuación, se relacionan los principales controles y
una descripción de los mismos.
Tabla 1.
Paleta – Interfaz.
10
12
Entre los componentes a utilizar están: el sensor de luz, sensor de sonido, de proximidad, envíos de
comandos, funciones para mover y girar el robot, entre otros.
Al final de la paleta de interfaz de usuario, se encuentran las extensiones, que son componentes
realizados por terceros y que permiten añadir funcionalidades a las aplicaciones realizadas con App
Inventor.
5. Glosario
APK: sigla de Application Package File. Extensión del archivo empaquetado que corresponde al
instalador de la aplicación.
Generar: en el lenguaje de App Inventor, esta palabra denota que se realiza verificación de todos los
componentes de la aplicación y genera un archivo empaquetado .apk.
Loguearse: es un neologismo derivado del inglés logging in (iniciar sesión), que significa registrarse
en una página web, mediante nombre de usuario y código clave para quedar identificado.
MIT AI2 Companion: aplicación que debe instalarse en el dispositivo Android para probar la aplicación
desarrollada en App inventor.
USB: Universal Serial Bus (Bus Universal en Serie) tecnología estándar que define los cables,
conectores y protocolos usados para conectar, comunicar y suministrar corriente eléctrica entre
computadoras y dispositivos electrónicos.
13
MIT App Inventor. (S.f.). Cualquiera puede crear aplicaciones que impactan al mundo. Recuperado de
http://appinventor.mit.edu
Moreno, R. (2016). Desarrollo de aplicaciones para Android usando MIT App Inventor 2. Recuperado
de http://www.bolanosdj.com.ar/MOVIL/LENGUAJES/Usando-MIT-App-Inventor-2.pdf
Universidad de Castilla La Mancha. (2015). Curso de App Inventor. Escuela Superior de Informática.
Recuperado de http://webpub.esi.uclm.es/img/upload/plugin/ESI-TechLab-AppInventor2-2015beta.pdf
Control de documento
14