App Inventor
0
Expectativas Conocer el proceso de instalación de las herramientas necesarias para poder utilizar y realizar prácticas en App Inventor.
Competencias adquiridas al terminar el capítulo Conocer el entorno de desarrollo de App Inventor. Entender los procesos de instalación de aiStarter en la computadora y MIT AI2 Companion Companion en el dispositivo dispositivo móvil. Entender la funcionalidad de los diferentes tipos de proyectos y su aplicabilidad en el desarrollo de aplicaciones.
INTRODUCCIÓN: App Inventor es una aplicación aplicación originalmente originalmente desarrollada desarrollada por Google y mantenida ahora por el Instituto de Tecnología de Massachusetts, esta permite que cualquier persona, incluyendo las no familiarizadas con la programación y SDK de Android, pueda crear aplicaciones de Software para Android. Se utiliza una interfaz gráfica, muy similar al Scratch y el StarLogo, que permite a los usuarios arrastrar y soltar objetos visuales para crear una aplicación que puede ejecutarse en el sistema Android. Google puso fin al desarrollo el 31 de diciembre de 2011 cediéndole el código al MIT, quién lo ha puesto a disposición de todos. Es una aplicación que se ejecuta sobre la nube por ello necesita un explorador y conexión de Internet para ejecutarse.
M.C. Manuel Panzi Utrera Página: 0.1
Sólo es necesario ejecutar una pequeña aplicación si deseamos conectarnos a un dispositivo físico para ser emulaciones de nuestras aplicaciones, pero incluso nuestros desarrollos se guardarán en la web, por ello se puede acceder a nuestros proyectos desde cualquier equipo conectado a Internet. También se permite guardar el proyecto en PC, para enviarlo a otros usuarios o para hacer copia de seguridad y permite también descargar la aplicación .apk compilada para ser instalada en el dispositivo Android. Por lo cual no se necesita ningún tipo de compilador porque todo se realiza en el entorno de App Inventor.
Figura 00.01
El editor de bloques utiliza la biblioteca Open Blocks de Java para la creación de lenguajes de programación visuales. Open Blocks está distribuida por el Massachusetts Institute of Technology Program ‘s Scheller para formación de profesorado y deriva de la investigación de la tesis de Ricarose Roque. El profesor Eric Klopfer y Daniel Wendel del Programa Scheller apoyaron la distribución de bloques abiertos bajo la licencia MIT.
M.C. Manuel Panzi Utrera Página: 0.2
Ventajas
Desventajas
No es necesario instalar un IDE.
No se pueden subir al Android Market.
Son necesarios mínimos conocimientos
No permite diferentes actividades en
de programación.
una aplicación.
Desarrollo rápido de aplicaciones con
Tamaño elevado de APK.
bajos niveles de error. Almacenamiento en la nube.
No permite aplicaciones complejas, aunque si completas.
A construir aplicaciones se trabaja con:
App Inventor Designer, donde se seleccionan los componentes de la aplicación.
App Inventor Blocks Editor, donde se ensamblan los módulos del programa que especifican cómo deben comportarse los componentes. Se montan programas visuales, piezas encajando como piezas de un rompecabezas.
La aplicación realizada aparece en el teléfono paso a paso a medida que se añaden piezas a la misma, para poder probar el trabajo a medida que se construye. Cuando se ha terminado, se puede empaquetar la aplicación y producir una aplicación independiente para instalar. Si no se tiene un teléfono Android, se puede construir las aplicaciones utilizando el emulador de Android, el software que se ejecuta en la computadora y envía al teléfono.
Proceso de instalación: Paso 1: Tener cuenta en Gmail. Paso 2: Tener instalado JRE (la máquina virtual java) Paso 3: M.C. Manuel Panzi Utrera Página: 0.3
Instalar “MIT App Inventor Tools” Descargar “MIT_Appinventor_Tools_2.3.0”
De la dirección: http://appinv.us/aisetup_windows Descargado damos doble clic en el icono:
Figura 00.02
Figura 00.03
Damos clic en [Yes]. Se inicia el asistente de instalación.
M.C. Manuel Panzi Utrera Página: 0.4
Figura 00.04
Aceptamos la licencia.
Figura 00.05
Aceptamos la licencia y se inicia el proceso de instalación.
M.C. Manuel Panzi Utrera Página: 0.5
Al final tendremos un Icono en nuestra computadora como se muestra a continuación:
Figura 00.06
“aiStarter” es una aplicación cliente que nos permite conectar vía Usb
nuestra computadora a nuestro dispositivo Android.
Figura 00.07
Paso 4: Instalar en el dispositivo móvil el “MIT AI2 Companion App” en el teléfono,
ingresando a la dirección: http://appinventor.mit.edu/explore/ai2/setup-deviceusb.html#step2 ”, tenemos dos formas de colocar la aplicación en nuestro dispositivo:
M.C. Manuel Panzi Utrera Página: 0.6
Figura 00.08
En cualquiera de los dos casos tendremos una Apk, en nuestro dispositivo móvil con la siguiente apariencia:
Figura 00.09
Paso 5: Iniciamos el desarrollo en App Inventor: a) Ejecutamos la aplicación, en nuestra computadora aiStarter, el cliente queda a la escucha de las peticiones de la página b) Ingresamos a la página de App Inventor
M.C. Manuel Panzi Utrera Página: 0.7
Proceso de desarrollo de aplicaciones en App Inventor El proceso de desarrollo es el siguiente: 1.- (Proyectos) Definición del proyecto Damos el nombre del proyecto y se define en nuestra área de trabajo 2.- (Diseño) Desarrollo de la interfaz Dibujamos la interfaz colocando componentes con la apariencia que se necesita 3.- (Bloques) Desarrollo de la funcionalidad Programamos nuestra aplicación colocando los bloques de la funcionalidad.
Figura 00.10
Desarrollemos “Hola Mundo”, en App Inventor.
Nuestra aplicación será muy sencilla, tendrá la siguiente apariencia:
Etiqueta Cuadro de texto Botón
Dame tu nombre: Nombre
Saludo
Cuando demos clic en el [Botón], saludo en el cuadro de texto aparecerá el siguiente mensaje:
Hola: Nombre bienvenido
M.C. Manuel Panzi Utrera Página: 0.8
Damos clic en: [Start New Protect]
Figura 00.11
Nos solicitará el nombre del proyecto:
Figura 00.12
Modo de trabajo: Diseño-Programación
Nos aparecerá la siguiente pantalla de trabajo: Menú de conexión
Paleta de componentes
Explorador del proyecto Pantalla del dispositivo Propiedades de los componentes
Figura 00.13
Nos encontramos listos para el desarrollo de aplicaciones.
M.C. Manuel Panzi Utrera Página: 0.9