Cómo empezar con MIT App Inventor

Las aplicaciones móviles desempeñan un papel crucial en el ecosistema de Internet de las cosas (IoT), ya que sirven como interfaces a través de las cuales los usuarios pueden interactuar y controlar los dispositivos de IoT. Diversos dispositivos IoT utilizados en electrónica de consumo, domótica, logística e inventario, entre otros, se controlan o gestionan a través de aplicaciones móviles.

Por ejemplo, los usuarios pueden confiar en una aplicación instalada en sus teléfonos inteligentes para controlar diferentes electrodomésticos, sistemas de seguridad, alarmas u otros dispositivos, similar a un control remoto. Una aplicación también puede ofrecer monitoreo en tiempo real de estos dispositivos, brindando notificaciones y alertas oportunas. También pueden resultar útiles para visualizar datos (como datos de sensores) recibidos de los sistemas de IoT de manera integral.

Básicamente, una aplicación sirve como un centro de control centralizado para gestionar múltiples dispositivos de IoT que comparten una red común o diferente. Las aplicaciones móviles permiten a los usuarios acceder de forma segura a sus dispositivos conectados y proporcionan una plataforma para personalizar los sistemas de IoT y personalizar la configuración según las preferencias del usuario.

Para los ingenieros integrados, el desarrollo de aplicaciones es un dominio único. Es fundamental comprender cómo las aplicaciones móviles interactúan y administran diferentes dispositivos. Para aquellos que necesitan desarrollar una aplicación móvil o un prototipo para dispositivos IoT (para proyectos IoT más pequeños o de nivel medio), existen plataformas de programación visual útiles, incluidas aquellas para usuarios no expertos en tecnología.

Una de esas plataformas de programación para desarrollar aplicaciones es MIT App Inventor. En este artículo, analizaremos la aplicación MIT y la mejor manera de empezar a utilizarla.

¿Qué es la aplicación MIT Inventor?
MIT App Inventor es una plataforma de código abierto basada en web para crear aplicaciones móviles para dispositivos Android. Google lo desarrolló inicialmente y ahora lo mantiene el Instituto de Tecnología de Massachusetts (MIT). La plataforma proporciona una interfaz de programación visual donde los usuarios pueden crear una aplicación móvil utilizando elementos visuales de arrastrar y soltar. En lugar de escribir código, los usuarios ensamblan bloques que representan diferentes funciones y comportamientos de la aplicación. Desarrollar aplicaciones de esta forma no requiere conocimientos de ningún lenguaje de programación.

Los usuarios pueden crear una aplicación móvil elegante y completamente funcional combinando varios elementos visuales según la lógica adecuada. Aunque MIT App Inventor solo funciona para dispositivos Android, existen herramientas de terceros para adaptar una aplicación diseñada para iOS.

MIT App Inventor es la primera plataforma que introduce la programación basada en bloques en el desarrollo de aplicaciones móviles. Muchas otras plataformas de programación basadas en bloques para el desarrollo de aplicaciones móviles, como Thunkable, Kodular y AppyBuilder, se basan o están inspiradas en MIT App Inventor.

La historia
Alrededor de 2007, el profesor del MIT Hal Abelson de Google creó el concepto de App Inventor. Esto ocurrió durante una iniciativa de Google para hacer que el desarrollo de aplicaciones fuera accesible para los no programadores. En 2009, Google comenzó a probar App Inventor en varias escuelas y universidades. Un año después, Google decidió hacer que la tecnología fuera de código abierto, al ver su potencial educativo.

Posteriormente, el MIT se hizo cargo del proyecto y lo integró en el recién creado MIT Mobile Learning Center, que Abelson codirige. El MIT relanzó App Inventor en 2012, alojándolo en sus propios servidores y continuando su avance.

Desde su relanzamiento, MIT App Inventor ha experimentado varias mejoras con una nueva actualización casi mensual. En 2021, también se agregó compatibilidad con iPhone y iPad con el lanzamiento de la aplicación iOS Companion.

Actualmente, MIT App Inventor continúa liderando el desarrollo de aplicaciones móviles basadas en blockchain, a pesar de la competencia de plataformas como Thunkable, Kodular y AppyBuilder. Más de un millón de usuarios mensuales tienen más de 85,4 millones de aplicaciones creadas con MIT App Inventor.

¿Por qué elegir MIT App Inventor?
Deberías probar MIT App Inventor para desarrollar aplicaciones móviles para proyectos de IoT por varias razones. La plataforma tiene una historia bastante larga y ha evolucionado, proporcionando una opción basada en bloques para principiantes para el desarrollo de aplicaciones. No se requieren lenguajes de programación para su uso, lo que significa que hay poca probabilidad de que se produzcan errores de sintaxis y otras complejidades de programación de texto.

Por supuesto, una ventaja significativa es que MIT App Inventor es gratuito y de código abierto. Aunque las aplicaciones creadas sólo se ejecutan en Android, se pueden adaptar fácilmente a iOS utilizando herramientas de terceros como PhoneGap/Cordova, Kodular, Thunkable o AppyBuilder. La aplicación del MIT es ideal para la creación rápida de prototipos y adecuada para IoT.

Las aplicaciones desarrolladas con la aplicación MIT permanecen en el servidor del MIT para que un proyecto pueda gestionarse y reanudarse desde cualquier lugar y en cualquier momento. Las aplicaciones también se pueden probar en vivo utilizando un emulador (aiStarter), una conexión WiFi, una conexión USB y un teléfono inteligente Android o Chromebook.

La integración de IoT, los servicios de ubicación, la integración de redes sociales, la inteligencia artificial y el soporte multilingüe son algunas de las funciones más tentadoras para usar con MIT App Inventor.

¿Qué puedes hacer con MIT App Inventor?
Puede crear aplicaciones para controlar dispositivos IoT, seguimiento de ubicación, multimedia, utilidades, aplicaciones de redes sociales integradas y más. MIT App Inventor también es una excelente solución para crear rápidamente prototipos de ideas de aplicaciones. Los usuarios avanzados pueden crear sus propias extensiones personalizadas para agregar nuevas funciones y características.

Es una plataforma fácil de usar para aprender y experimentar con el desarrollo de aplicaciones móviles. Sin embargo, esta plataforma de programación basada en bloques tiene limitaciones para desarrollar aplicaciones avanzadas o de nivel empresarial.

Interfaz de inventor
Para crear una aplicación móvil utilizando MIT App Inventor, primero visite el sitio web de MIT App Inventor .

Haga clic en el botón "Crear aplicaciones" e inicie sesión en App Inventor a través de su cuenta de Google. Asegúrese de completar la autenticación para continuar. Una vez que haya iniciado sesión correctamente en App Inventor, verá el panel del proyecto.

Haga clic en el botón "Iniciar un proyecto en blanco" y asigne un nombre al proyecto. Considere nombrar su primer proyecto 'HelloAppInventor'. Después de crear un nuevo proyecto, aparecerán en el panel un Diseñador de App Inventor y un Editor de bloques de App Inventor.

App Inventor Designer presenta la interfaz donde puede agregar componentes visuales a su aplicación. Los componentes se agregan a un lienzo para que pueda ver cómo aparecerían en la aplicación. Una aplicación móvil puede contener una o más pantallas.

En el Editor de bloques de App Inventor, se pueden agregar bloques de programa que definen la lógica de la aplicación y cómo deben comportarse los componentes visuales.

En la parte superior de App Inventor Designer, hay botones que le permiten agregar, eliminar y navegar por pantallas.

En el lado izquierdo, verá una ventana de paleta donde puede encontrar componentes para su aplicación, que puede arrastrar a la pantalla principal en el 'Visor'. En el centro hay una ventana de vista previa donde se muestran las pantallas de la aplicación. Encontrará las ventanas 'Componente' y 'Medios' a la derecha de la ventana del visor.

La ventana de componentes muestra los componentes arrastrados y agregados a la pantalla de una aplicación móvil. La ventana multimedia muestra los componentes multimedia agregados a la pantalla. La ventana "Propiedades" está en el lado derecho de App Inventor Designer. Indica cuáles de las propiedades están seleccionadas en la ventana del componente.

En el Editor de bloques de App Inventor, la ventana Bloques está en el lado izquierdo, donde encontrará bloques de comportamiento que puede agregar a su aplicación. En la ventana de bloques hay cajones para ampliar diferentes tipos de bloques de programa.

Debajo de la ventana de bloques está la ventana de medios, donde encontrará bloques para agregar comportamientos a los componentes de medios. A la derecha está la ventana del Visor, donde puede arrastrar y agregar bloques de programa a la aplicación.

Arquitectura de aplicaciones
Una aplicación móvil creada en MIT App Inventor consta de cuatro bloques de construcción principales.

1. Componentes
2. Variables
3. Comportamientos/controladores de eventos
4. Procedimientos

Los componentes son los objetos o elementos visuales que agrega a su aplicación móvil. Los componentes se agregan a una pantalla móvil a través de App Inventor Designer.

Puede haber varias pantallas en una aplicación. Los componentes pueden ser elementos visibles o invisibles. Algunos ejemplos de componentes visibles son Botón, Etiqueta, Cuadro de texto, Cuadro de texto de contraseña, etc. Ejemplos de componentes invisibles son LocationSensor, TextToSpeech y Texting, etc.

MIT App-Inventor es una plataforma de programación basada en eventos. Funciona ejecutando procedimientos (acciones) en respuesta a eventos. Estas funciones se denominan comportamientos o controladores de eventos y definen cómo debe responder la aplicación móvil a eventos externos o iniciados por el usuario.

Los procedimientos son grupos reutilizables de bloques de programa. Son similares a una función en un lenguaje de programación, que envuelve un grupo de instrucciones de programa en una identidad invocable.

Componentes
Los componentes son objetos o elementos visuales que agrega a su aplicación móvil y cientos de ellos están disponibles en MIT App Inventor. Hay tantos componentes disponibles que ni siquiera es posible enumerar o nombrar cada uno de ellos. Además, continuamente se añaden otros nuevos.

La mayoría de los componentes se pueden clasificar de la siguiente manera.

1. Componentes de la interfaz de usuario: algunos ejemplos son botones, etiquetas, cuadros de texto, control deslizante, selector, casilla de verificación, botón de radio, interruptor, imagen, reproductor de video, lienzo, diseño (horizontal, vertical, tabla), etc.
2. Componentes multimedia: cámara, videocámara, reproductor, sonido, ImagePicker, VideoPicker, SpeechRecognizer, TextToSpeec, h, etc.
3. Sensores: Sensor de ubicación, Sensor de proximidad, Sensor de luz, Sensor acelerómetro, Sensor giroscopio, etc.
4. Componentes de conectividad: BluetoothClient, BluetoothServer, Web, WebViewer, WiFiDirect, etc.
5. Componentes de almacenamiento: CloudDB, File, TinyDB, FusionTablesControl, etc.
6. Componentes sociales: ContactPicker, PhoneNumberPicker, Twitter, Compartir, etc.
7. Dibujo y Animación: ImageSprite, Ball, Canvas, etc.
8. Componentes LEGO MINDSTORMS: controladores directos NXT, motores y sensores EV3
9. Componentes personalizados aportados por usuarios avanzados.

variables
Las variables almacenan datos que se pueden cambiar y a los que se puede acceder desde toda la aplicación. Pueden ser variables globales o locales. Se puede acceder a las variables globales desde cualquier lugar de la aplicación y almacenan datos que deben compartirse entre diferentes partes de la aplicación. Se declaran en el Editor de bloques utilizando el bloque 'inicializar nombre global en'.

Se puede acceder a las variables locales en el procedimiento o controlador de eventos donde se declaran y se usan para almacenar datos temporales necesarios solo en un bloque de código específico. Las variables locales se declaran utilizando el bloque 'inicializar el nombre local en' dentro de un procedimiento o controlador de eventos.

Eventos y controladores de eventos
Los eventos son acciones o sucesos específicos que desencadenan la ejecución de bloques en el Editor de bloques. Pueden ser eventos externos o iniciados por el usuario.

Ejemplos incluyen:

Los controladores de eventos son bloques que definen cómo responde una aplicación a diferentes tipos, como interacciones del usuario o cambios del sistema. Estos controladores controlan el comportamiento de la aplicación en MIT App Inventor. Permiten que las aplicaciones desarrolladas reaccionen dinámicamente a las entradas del usuario, datos de sensores y eventos externos. Los controladores de eventos se definen arrastrando, soltando y combinando múltiples bloques de programa en el Editor de bloques de App Inventor.

1. Eventos de interacción del usuario: Button.Click, ListView.AfterPicking, CheckBox.Changed, Slider.PositionChanged, etc.
2. Eventos táctiles: Canvas.Touched, Canvas.Dragged, etc.
3. Eventos de sensores: AccelerometerSensor.Shaking, OrientationSensor.OrientationChanged, LocationSensor.LocationChanged, etc.
4. Eventos del temporizador: Reloj.Temporizador.
5. Eventos de comunicación: BluetoothClient.ReceiveText, Web.GotText, etc.
6. Eventos de almacenamiento y recuperación de datos: File.GotText, TinyDB.DataChanged, etc.
7. Eventos de pantalla: Screen.Initialize, Screen.BackPressed, etc.
8. Eventos multimedia: Player.Completed, Sound.Error, etc.
9. Eventos específicos de componentes: VideoPlayer.Completed, Camera.AfterPicture, etc.

Trámites
Los procedimientos son una forma de agrupar bloques de programas en unidades reutilizables en MIT App Inventor. Aunque los bloques de programa son análogos a las declaraciones de programa en un lenguaje de programación, los procedimientos son similares a las funciones en un lenguaje de programación.

Al igual que las funciones, los procedimientos de la aplicación MIT pueden devolver un valor o realizar una tarea sin devolver ningún valor. Los procedimientos que no devuelven un valor se definen mediante bloques de 'procedimiento hacer'. Los procedimientos que devuelven un valor se definen mediante bloques 'para devolver el procedimiento'.

Para utilizar un procedimiento, debe llamarlo desde otra parte de su aplicación. Para aquellos sin un valor de retorno, necesitarás usar el bloque 'llamar al procedimiento'. Para aquellos con valor de retorno, será necesario utilizar el bloque que representa el nombre del procedimiento, el cual devolverá un valor calculado.

Diseñando para IoT
MIT App Inventor es una excelente plataforma para desarrollar aplicaciones móviles para IoT, que admite varios protocolos y dispositivos de IoT, incluidos Bluetooth y WiFi. Las capacidades de IoT se pueden ampliar agregando extensiones personalizadas a App Inventor. Esta es la plataforma de desarrollo de aplicaciones móviles basada en blockchain más amigable para principiantes para la creación rápida de prototipos de aplicaciones de IoT sin necesidad de aprender código.

MIT App Inventor es específicamente popular entre educadores, estudiantes y aficionados interesados ​​en crear sus propias aplicaciones sin conocimientos de lenguajes de programación.

La plataforma es mantenida por el MIT y respaldada por una gran base de usuarios. También permite realizar pruebas en vivo de aplicaciones móviles de IoT a través de varios métodos. Sin embargo, para proyectos de aplicaciones empresariales, los marcos de software convencionales como React Native y Flutter son ideales.

Primeros pasos con MIT App Inventor
Crear aplicaciones móviles de IoT en MIT App Inventor es sencillo. Después de crear un nuevo proyecto en App Inventor, puede diseñar la interfaz de usuario de su aplicación en la interfaz del Diseñador sin conocimientos de código.

Para crear la interfaz de usuario de su aplicación, arrastre y suelte los componentes deseados en el lienzo del panel y configure sus propiedades. Puede agregar varias pantallas a una aplicación móvil.

Una vez que haya completado esto, puede definir cómo debe comportarse su aplicación agregando bloques de programa en la interfaz del Editor de bloques. También puede combinar varios bloques de programa en procedimientos para su reutilización. Recuerde que estos bloques son similares a las instrucciones del programa y los procedimientos son similares a las funciones de los lenguajes de programación.