App Inventor

App Inventor

CI-2657 Robótica M.Sc. Kryscia Ramírez Benavides

¿Qué nos ofrecen las aplicaciones móviles?

Versatilidad. Ahorro de costos. Adaptación a la forma de trabajo. Ampliación de capacidades de cada unidad.

CI-2657 Robótica App Inventor

2

¿Qué es App Inventor?

App Inventor es una aplicación originalmente desarrollada por Google y mantenida ahora por el Instituto de Tecnología de Massachusetts. Permite que cualquier persona, incluyendo las no familiarizadas con la programación y SDK de Android, pueda crear aplicaciones de Software para Android. 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.


3

¿Qué es App Inventor? (cont.)

Se trata de una utilidad Web desarrollada por Google que permite realizar aplicaciones para Android sin escribir código Java, todo de forma visual e intuitiva (uniendo piezas de un puzle). Permite a cualquiera crear aplicaciones de software para el sistema operativo Android.

Utiliza una interfaz gráfica que permite a los usuarios arrastrar y soltar objetos visuales para crear una aplicación que puede ejecutarse en el sistema Android, que funciona en muchos dispositivos móviles. Todo ello sin usar ni una sola línea de código, de forma intuitiva y gráfica.


4

http://www.ajpdsoft.com/modules.php?name=News&file=categories&op=newindex&catid=38


La aplicación se puso a disposición de los usuarios, mediante invitación, el 12 de julio de 2010, el 15 de diciembre de 2010 se puso a disposición de usuarios registrados. La aplicación está dirigida a personas que no están familiarizadas con la programación de computadoras. La idea es que cualquier persona pueda desarrollarse sus propias aplicaciones para su dispositivo Android.


5


Se ejecuta vía web, sólo es necesario ejecutar una pequeña aplicación para mostrar el Editor de Bloques (Block Editor) y el emulador, incluso las aplicaciones se guardarán en la web.

Por lo cual se puede acceder a nuestros proyectos desde cualquier equipo conectado a Internet.

Permite conectarse directamente al equipo Android, aunque en algunos casos no será posible, por ello incluye un emulador para probar las aplicaciones que se desarrollen. 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 ni nada por el estilo, todo se realiza en el entorno de App Inventor.


6



7

Historia

En la creación de App Inventor para Android, Google se basó en la investigación de la informática educativa, y el trabajo realizado en entornos de desarrollo en línea. El editor de bloques utiliza la biblioteca Open Blocks de Java para la creación de lenguajes de programación visuales.

Open Blocks esta 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.


8

Historia (cont.)

La programación de bloques abiertos y visual está estrechamente relacionada con el StarLogo, un proyecto de Klopfer, y Scratch, un proyecto de la MIT.

Estos proyectos están formados por teorías del aprendizaje construccionista, que hace hincapié en que la programación puede ser un vehículo para conseguir ideas de gran alcance a través del aprendizaje activo.

Como tal, es parte de un movimiento continuo en las computadoras y la educación que se inició con el trabajo de Seymour Papert y el Grupo de Logo del MIT en 1960, y también se ha manifestado con el trabajo de Mitchel Resnick, Lego Mindstorms y StarLogo. El equipo de App Inventor fue dirigido por Hal Abelson y Mark Friedman. CI-2657 Robótica

App Inventor 9

Ventajas y Desventajas

No es necesario instalar un IDE. Son necesarios mínimos conocimientos de programación. Desarrollo rápido de aplicaciones con bajos niveles de error. Almacenamiento en la nube.

No se pueden subir al Android Market (aun). No permite diferentes actividades en una aplicación. Tamaño elevado de APK. No permite aplicaciones complejas, aunque si completas.


10

Utilizando App Inventor

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 el ordenador y se comporta como el teléfono.


11

Utilizando App Inventor (cont.)

Este entorno de desarrollo es compatible con Mac OS X, GNU / Linux, y los sistemas operativos Windows, y varios modelos más populares de Android. Las aplicaciones creadas se puede instalar en cualquier teléfono Android. (Consultar los requisitos del sistema.) Para poder utilizar App Inventor, es necesario configurar el equipo e instalar el paquete de instalación de App Inventor en el equipo.


12

http://appinventor.mit.edu/explore/content/setup-mit-app-inventor.html


13

Requerimientos de Sistema

Ordenador y sistema operativo: 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 (Browser): Mozilla Firefox 3.6 o superior.

Nota: Si está utilizando Firefox con la extensión NoScript, tiene que obtener la extensión. Consulte note on the troubleshooting page.

Apple Safari 5.0 o superior. Google Chrome 4.0 o superior. Microsoft Internet Explorer 7 o superior.


14

http://appinventor.mit.edu/explore/content/troubleshooting

http://appinventor.mit.edu/explore/content/troubleshooting

Base de Datos Teléfonos y Tablets

Base de datos de los dispositivos conocidos para trabajar con App Inventor:

https://docs.google.com/spreadsheet/ccc?key=0AgIdRCXI87uXdEZxR0ppRGZkNENpbDZuQnY3a0wyenc#gid=0


15

https://docs.google.com/spreadsheet/ccc?key=0AgIdRCXI87uXdEZxR0ppRGZkNENpbDZuQnY3a0wyenc





16


17


18


19


20

URL: http://beta.appinventor.mit.edu/#2187034

http://beta.appinventor.mit.edu/

App Inventor Designer - Editor Visual de Componentes


21

Paleta de componentes

Visor de componentes

insertados

Árbol de componentes y multimedia

Propiedades de componentes

App Inventor Blocks Editor - Editor de Bloques


22

App Inventor Blocks Editor - Editor de Bloques


23

Editor de Bloques (cont.)


24

Evento Asignación de valores a variables

Llamadas a acciones

Ejecución en Emulador


25

Componentes de LEGO® MINDSTORMS®

Estos componentes proporcionan un control para los robots del NXT de LEGO MINDSTORMS utilizando Bluetooth. IMPORTANTE: Todos estos componentes tienen una propiedad BluetoothClient que se debe establecer en el diseñador del App Inventor (en el navegador). La propiedad no se puede configurar en el editor de bloques.

La propiedad indica qué componente BluetoothClient se utiliza para la comunicación con el robot. Se tiene que añadir explícitamente un componente BluetoothClient a su proyecto.

Si se tiene un robot, se debe tener un componente BluetoothClient. Si se tiene dos robots y se desea controlar ambos simultáneamente desde una sola aplicación, se tendrán dos componentes BluetoothClient en el proyecto.

El componente BluetoothClient está disponible en el "Not ready for prime time" de la paleta.


26

Componentes de LEGO® MINDSTORMS® (cont.)

Lista de los pasos iniciales para realizar una aplicación utilizando uno o más de los componentes del NXT:

Ir a la paleta y haga clic en "Not ready for prime time". Arrastre un componente BluetoothClient y suéltelo en el Visor. El componente automáticamente se llamará "BluetoothClient1". En la Paleta, haga clic en "LEGO MINDSTORMS". Arrastre uno de los componentes, por ejemplo NxtDirectCommands, y suéltelo en el Visor. En el cuadro Propiedades, haga clic en el área después de BluetoothClient (actualmente “Not ..."). Aparece un cuadro con una lista de todos los componentes BluetoothClient en su proyecto. Haga clic en BluetoothClient1 y haga clic en Aceptar. Si lo desea, agregue otro componente, por ejemplo NxtColorSensor, y repita los pasos 6-8 para fijar su propiedad BluetoothClient.


27


NxtDirectCommands. Proporciona una interfaz de bajo nivel para un robot LEGO MINDSTORMS NXT, con funciones para enviar comandos directos al NXT. NxtColorSensor. Proporciona una interfaz de alto nivel para el sensor de color. NxtLightSensor. Proporciona una interfaz de alto nivel para el sensor de luz. NxtSoundSensor. Proporciona una interfaz de alto nivel para el sensor de sonido.


28

http://appinventor.mit.edu/explore/content/lego-mindstorms.html





NxtTouchSensor. Proporciona una interfaz de alto nivel para el sensor de tacto. NxtUltrasonicSensor. Proporciona una interfaz de alto nivel para el sensor ultrasónico. NxtDrive. Proporciona una interfaz de alto nivel para un robot LEGO MINDSTORMS NXT, con funciones para mover y girar el robot. URL: http://appinventor.mit.edu/explore/content/lego-mindstorms.html.


29






Referencias Bibliográficas

Bagnall, Brian. Intelligence Unleashed: Creating LEGO NXT Robots with Java. Variant Press. Septiembre, 2011. Wolber, David; Abelson, Hal; Spertus, Ellen; & Looney, Liz. “App Inventor: Create Your Own Android Apps”. O'Reilly Media. Mayo, 2011. AppInventor. URL: http://appinventor.mit.edu/explore/. Documentación de Referencia. URL: http://appinventor.mit.edu/explore/content/reference-documentation.html.


30

http://appinventor.mit.edu/explore/

http://appinventor.mit.edu/explore/content/reference-documentation.html

http://appinventor.mit.edu/explore/content/reference-documentation.html

31 CI-2657 Robótica App Inventor

32

¡Gracias!

M.Sc. Kryscia Daviana Ramírez Benavides Profesora e Investigadora Universidad de Costa Rica Escuela de Ciencias de la Computación e Informática Sitio Web: http://www.kramirez.net/ E-Mail: [email protected] [email protected] Redes Sociales:


http://www.kramirez.net/

mailto:[email protected]

mailto:[email protected]

https://twitter.com/krysdrb

https://www.facebook.com/KrysDavi

http://www.linkedin.com/in/krysciaramirez

App Inventor

Documents

Transcript of App Inventor