Repository navigation
MIT App Inventor
MIT App Inventor es un entorno de desarrollo de software que tiene como finalidad la creación de aplicaciones. Desarrollada originalmente por el Instituto Tecnológico de Massachusetts, y adoptada posteriormente por Google, tiene como finalidad la creación de aplicaciones móviles para dispositivos Android mediante técnicas constructivistas y colocando un especial interés en el aspecto educativo del desarrollo de las aplicaciones. Pretende también hacer accesible la programación, lo cual se ha visto realizado con sus más de 4 millones de aplicaciones generadas.
MIT App Inventor cuenta con una interfaz un tanto intuitiva para su desarrollo de aplicaciones. En la parte posterior, cuenta con pestañas que tienen como finalidad colocar las opciones más generales a la hora de administrar proyectos, como la creación, apertura o exportación de los mismos. Debajo de esta se encuentran los botones de administración de pantallas, así como la distinción entre los dos apartados más importantes de la aplicación:
- Designer, en donde es posible crear las interfaces y añadir los componentes con las propiedades necesarias.
- Blocks, en donde se lleva a cabo la programación mediante el uso de bloques funcionales, los cuales pueden ser añadidos, modificados o eliminados para brindar funcionalidad a los elementos del Designer.
En la parte central e inferior de la aplicación se encuentra la interfaz del Designer si esta está seleccionada. Como secciones posee Palette, Viewer, Componentes y Properties. En el caso de la Palette, aquí es posible crear los elementos de la interfaz; en Viewer se puede añadir cada uno de estos, mover de lugar gráficamente y seleccionar elementos para modificarlos en la pestaña de Properties. En la sección de Components se tiene la distribución jerárquica de los elementos, con el fin de que estos se muevan de lugar de acuerdo a su correspondencia.
En este apartado tenemos las secciones de Blocks y Viewer. En la primera, es posible generar los bloques tanto con opciones predeterminadas como en base a los elementos de la pantalla seleccionada. Estos pueden ser arrastrados al Viewer, donde se pueden colocar en conjunto para brindarle una funcionalidad a las secciones de la interfaz.
Una vez entendidos los elementos del MIT App Inventor, fue posible el diseño de la aplicación que sería utilizada para la transmisión de los datos. Haciendo uso de las herramientas, fue posible generar un diseño de la pantalla de presentación, la cual se mostraría al iniciar la aplicación. Siendo su único objetivo el mostrar el nombre de la aplicación y los integrantes, este funge cual una presentación anticipadamente al entrar al apartado funcional.
En el apartado visual de esta pantalla, al no buscar que haya interacción con el usuario, únicamente se agregaron varias Labels o etiquetas mostrando la información relevante (nombre de la aplicación, nombre y matrícula de los integrantes, y un "logo"). Lo único que se denotó fue el uso de un reloj o Clock con un intervalo de 5 segundos. Este toma relevancia en la siguiente sección.
En el apartado del código de esta pantalla, se encuentran únicamente dos Blocks o bloques para determinar el comportamiento.
En el primero se indicó que, cuando se inicie la aplicación en la pantalla de presentación el Clock o reloj debe activarse; en el segundo se definió que, cuando el reloj Clock termine su tiempo, se deberá pasar a la pantalla de funcionalidad Screen 1.
Habiendo creado la pantalla de presentación de la aplicación, se prosiguió por la pantalla de funcionalidad. Esta tiene dos objetivos principales, mostrar los datos mandados a la base de datos de Firebase, provenientes de los sensores de humedad, temperatura, luz, fuerza y movimiento, que se instalaron; y a su vez, ser capaz de mandar dos números a la misma base de datos.
En el apartado visual de esta pantalla, además de las Labels agragadas para mostrar la información relevante, se agregaron también dos TextBox, con el objetivo de que el usuario pueda introducir los dos números a enviar. Adicionalmente se agregó un botón o Button, que serviría para enviar dichos números a la base de datos.
En el apartado del código de esta pantalla, únicamente encontramos dos Blocks para determinar su comportamiento: en el primero se indicó que si hay algún cambio en los datos en Firebase, este se muestre en sus respectivas Labels; en el segundo se definió que, cuando se le de clic al botón (Button), se tomen los valores introducidos en las casillas de texto (TextBox) y la información en estas se mande a la base de datos en un formato decimal.
