Image
    App Inventor es una plataforma de desarrollo de aplicaciones móviles notable por su accesibilidad y su enfoque en la educación y la innovación. Desarrollada originalmente por Google y ahora mantenida por el Instituto de Tecnología de Massachusetts (MIT), esta plataforma permite a usuarios de todas las edades y con diversos niveles de experiencia en programación crear aplicaciones para dispositivos Android utilizando una interfaz de arrastrar y soltar.

    Orígenes y Desarrollo

    App Inventor se lanzó por primera vez en 2010. Su objetivo era democratizar el desarrollo de aplicaciones móviles, permitiendo que incluso aquellos sin experiencia en codificación pudieran crear sus propias aplicaciones. Desde su concepción, la plataforma ha evolucionado significativamente, añadiendo más características y mejorando la interfaz de usuario para hacerla más intuitiva y poderosa.

    Interfaz y Experiencia del Usuario

    La interfaz de App Inventor es uno de sus aspectos más destacados. Utiliza un sistema de bloques que los usuarios pueden arrastrar y soltar para construir la lógica de sus aplicaciones. Esta metodología visual reduce significativamente la curva de aprendizaje y hace que la programación sea más accesible para principiantes y estudiantes. Los bloques están categorizados por funciones, lo que facilita a los usuarios encontrar lo que necesitan para construir sus aplicaciones.

    Capacidades de Programación

    A pesar de su enfoque en la simplicidad, App Inventor es sorprendentemente potente. Los usuarios pueden crear una amplia gama de aplicaciones, desde juegos simples hasta herramientas de productividad y aplicaciones educativas. La plataforma soporta características como GPS, sensores de movimiento, y conexión a bases de datos, lo que permite a los desarrolladores experimentar con diversas funcionalidades.

    Educación y Comunidad

    App Inventor ha tenido un impacto significativo en la educación en ciencias de la computación. Muchas escuelas y programas educativos lo utilizan para enseñar conceptos básicos de programación y lógica computacional. La comunidad en torno a App Inventor es robusta, con numerosos recursos disponibles, como tutoriales, foros de discusión y concursos, que fomentan el aprendizaje y la innovación.

    Impacto y Alcance

    El impacto de App Inventor va más allá de la educación. Ha empoderado a personas de todo el mundo para desarrollar sus propias soluciones móviles, fomentando la innovación y la creatividad. Ha sido particularmente útil en comunidades con recursos limitados, proporcionando una plataforma de bajo costo para el desarrollo de aplicaciones.

    Limitaciones y Desafíos

    Aunque App Inventor es una herramienta poderosa, tiene limitaciones. Las aplicaciones desarrolladas en esta plataforma pueden no ser tan robustas o escalables como las creadas con lenguajes de programación más avanzados. Además, debido a su naturaleza visual y simplificada, puede no ser adecuado para proyectos más complejos.

    Futuro de App Inventor

    El futuro de App Inventor parece prometedor. Con el creciente interés en la programación y el desarrollo de aplicaciones móviles, plataformas como App Inventor seguirán desempeñando un papel crucial en la formación de futuros desarrolladores. Además, continuas actualizaciones y mejoras en la plataforma asegurarán su relevancia y utilidad en los años venideros.

    App Inventor es más que una simple herramienta de desarrollo de aplicaciones; es un catalizador para la educación, la innovación y la creatividad en el ámbito de la tecnología móvil. Su enfoque inclusivo y accesible ha abierto puertas para muchos aspirantes a desarrolladores, demostrando que la tecnología y la programación están al alcance de todos. Con su continua evolución, App Inventor seguirá siendo una pieza clave en el panorama del desarrollo tecnológico y educativo.

    Introducción a MIT App Inventor

    “Cualquier persona puede crear aplicaciones que impacten al mundo”. Con esta frase tan llamativa que podemos leer en la web de MIT App Inventor se presenta esta herramienta de programación visual por bloques y gratuita diseñada originalmente para dispositivos móviles con sistema operativo Android y desde marzo de 2021 también compatible para dispositivos iOS.
    Dirigida a cualquier persona no experta en programación, su origen se remonta al año 2008 con la primera versión pública disponible para el usuario. El profesor Hall Abelson y su equipo de Google Education desarrolló su idea de crear un lenguaje de programación fácil de usar para hacer aplicaciones móviles que pudieran aprovechar la tecnología emergente de aquellos primeros teléfonos inteligentes. Posteriormente, en 2012 Google cedió el código fuente final y su mantenimiento al Instituto Tecnológico de Massachusetts (MIT). Actualmente, está disponible la versión MIT App Inventor 2 que se ejecuta como un servicio web administrado por el personal del MIT en el Centro para el Aprendizaje Móvil y cuenta con más de 85 millones de apps desarrolladas con un total de 18 millones de usuarios en el momento de escribir esta reseña.
    Las posibilidades de programación de aplicaciones móviles son muy variadas y su difusión en la comunidad es muy amplia ya sea en “Galería” de la plataforma web o en la tienda virtual de apps “Play Store” de Google.
    Image
    Página inicial de App Inventor. Captura de pantalla. Jaime Alvarado Vicuña. Licencia CC BY-SA 4.0
    Web de acceso a App Inventor: https://appinventor.mit.edu/ 

    Requisitos del usuario

    Para utilizar la plataforma de programación de MIT App Inventor 2 solo es necesario:
    • Una cuenta de google.
    • Un ordenador con conexión a Internet.
    • Opcional: Un dispositivo Android o iOS (tableta o móvil)
    Después de acceder con nuestro navegador a la dirección https://appinventor.mit.edu/ debemos insertar el usuario y contraseña de nuestra cuenta de Google tras hacer clic en el botón superior izquierdo “Create Apps”.
    La secuencia de programación en App Inventor es la siguiente:
    Image
    • 1º Diseño de las pantallas de la aplicación.
    • 2º Programación de los elementos incluidos en nuestras pantallas.
    • 3º Compilación del archivo ejecutable “Android Aplication Package” (apk) que se cargará en el dispositivo.
    Nota: Debido a las restricciones de seguridad de Apple en las plataformas iOS, no es posible instalar de forma permanente aplicaciones mediante archivos *.apk pero sí ejecutar la simulación de la app.
     
    Image

    Primeros pasos con MIT App Inventor

    Ya conoces los requisitos mínimos que necesitas para utilizar esta plataforma de programación de dispositivos móviles. 
    En este capítulo te mostraremos el aspecto visual que presenta la plataforma de programación MIT App Inventor 2, la interfaz de usuario y las características de sus dos ventanas principales: diseñador y bloques.  Además, aprenderás a configurar algunas propiedades de la aplicación móvil como el icono de la propia app, las animaciones de apertura y cierra de la pantalla, etc. 
    Sigue con atención los capítulos siguientes y comprobarás cómo, paso a paso y en pocos minutos, ya puedes programar una sencilla app con imágenes y sonidos al actuar sobre la pantalla táctil.

    Interfaz

    Una vez identificados en la plataforma se abre una interfaz en la que se distinguen dos secciones:
    •   Menú superior: Con pestañas de configuración general del entorno y acceso a los proyectos almacenados. Por ejemplo, se puede seleccionar el idioma, cargar un proyecto almacenado, generar el archivo APK, o acceder a la “Galería” con proyectos ya publicados por otros usuarios.
    Image
    •  Ventana Diseñador
    La interfaz ofrece en la parte superior un gestor de pantallas bien para seleccionar las diferentes pantallas de nuestra aplicación, o para saltar entre la pantalla del Diseñador y la del Programador (Editor de Bloques).
    Asimismo, se distinguen cuatro columnas nombradas de izquierda a derecha como Paleta (Región 1), Visor (Región 2), Componentes (Región 3) y Propiedades (Región 4):
    Image
    1. PALETA: Agrupados en 12 categorías, ofrece multitud de elementos para integrarlos en nuestra aplicación arrastrándolos a la ventana Visor.

    2. VISOR. Muestra una pantalla similar a un dispositivo móvil para ir alojando los elementos de la paleta y comprobar su disposición.

    3. COMPONENTES.  Aparecen los elementos seleccionados en el visor en forma de árbol. Incluye una ventana inferior “Medios” para subir archivos multimedia.

    4. PROPIEDADES. La cuarta columna permite la configuración de los componentes seleccionados anteriormente: color y alineación de texto, visible, etc. bien para la aplicación en general o bien para cada una de las pantallas de nuestra app.

    Propiedades de la aplicación móvil

    Antes de programar cualquier App conviene definir las propiedades generales que va a tener nuestra aplicación móvil; es decir, podemos definir algunas características generales sin seleccionar ningún elemento de la paleta, nada más que la pantalla inicial (por defecto llamada “screen1”) o definir diferentes pantallas, si hay más de una.

    Veamos algunas de estas propiedades generales situadas en la columna 4 de la derecha de la ventana Diseñador:
     
    • PantallaAcercaDe: En esta ventana, podemos detallar información general como el autor, la forma de uso de la app, etc.
    • DispHorizontal/DispVertical: Podemos ajustar la disposición de los elementos de esta ventana “screen1” como centrados, alineados, etc.
    • AppName: Asigna el nombre de la app que podrá leerse una vez instalada.
    • ColorDeFondo/ImagenDeFondo: Asigna un color o imagen al fondo de la app.
    • AnimaciónCierredePantalla: permite establecer diferentes transiciones al abrir o cerrar cada pantalla de nuestra aplicación .
    • Icono: Asigna un icono a nuestra aplicación que se usará para ejecutar la app instalada en cualquier dispositivo.
    • PrimaryColor/PrimaryColorDarK: Permite la selección de colores según el Tema elegido (Theme) en esta mismo panel de propiedades.
    • OrientacionDeLaPantalla: Permite elegir la ejecución de la app en distintas orientaciones.

    COMENZAMOS A PROGRAMAR UNA APP

    Ya hemos visto anteriormente que la programación de una App requiere seguir tres fases de trabajo:
    • Diseño,
    • Programación
    • Aplicación.
    Pues bien, ha llegado la hora de poner en práctica lo aprendido y programar con MIT App Inventor 2 una sencilla aplicación móvil que consistirá en activar un sonido concreto al hacer clic sobre una imagen mostrada en la pantalla del dispositivo.

    Diseño de la app

    Después de iniciar la sesión en App Inventor, accederemos (por defecto) a la ventana “Diseñador” (botón superior derecho) y en la columna “Paleta” elegiremos varios elementos arrastrándolos a la ventana Visor:
      • Etiqueta (categoría Interfaz de usuario). Componente visible
      • Botón (categoría Interfaz de usuario). Componente visible
      • Sonido (categoría  Medios). Componente No visible
     
    A partir de este momento, seleccionamos cada elemento y en la columna “Propiedades” se configuran las mismas. Por ejemplo, para el componente “Etiqueta” podemos cambiar el texto por “Pulsa sobre la imagen”. Para el componente “Botón” seleccionaremos una imagen para dicho botón, en nuestro caso la imagen de un burro que podremos insertar ajustando el tamaño de varias formas y finalmente para el componente “Sonido” seleccionaremos un sonido en formato “mp3” que sonará al activar el evento correspondiente.

    Bloques de la app

    Para la programación de los elementos elegidos y colocados sobre la ventana Visor debemos acceder al Editor de Bloques en la pantalla “Bloques” a través del botón superior derecho del mismo nombre. Una vez en dicha ventana, podemos observar que tenemos dos ventanas principales: Bloques y Visor.
    Comprobamos que los elementos elegidos anteriormente están visibles y situados en la parte inferior de la columna de la izquierda nombrada como bloques. Esta columna ofrece también una gran variedad de bloques de programación agrupados por categorías (control, lógica, matemáticas, texto, etc.) para la programación general. Sin embargo, si pulsamos sobre los elementos seleccionados de la Paleta de componentes observamos que se despliegan más bloques de programación disponibles solo para estos componentes.
    Image
    Image

    Probando mi app

    Después de programar los bloques para cada elemento de la paleta de componentes ha llegado el momento de comprobar los resultados y, en caso necesario, depurar el programa para que se ajuste exactamente a nuestra idea final de la aplicación. Para esta tarea tenemos varias opciones según queramos solo visualizar la aplicación en nuestro dispositivo sin instalarla (pestaña Conectar) o generar el archivo ejecutable APK para la instalación (pestaña Generar).
    Image
    En nuestro caso, dado que estamos aún con los primeros pasos de este entorno es recomendable comprobar primero su correcto funcionamiento antes de instalar la App por lo que elegimos la pestaña “Conectar”. Para este caso tenemos tres opciones:
    • AI Companion. Es una aplicación que permite simular la aplicación en el teléfono Menú de opciones para la simulación. captura de pantallamóvil y es neces ario instalar en el mismo la aplicación MIT AI2 Companion disponible en la Play Store de Google. Esta es la opción más recomendada por su sencillez ya que solo necesitas ejecutar la aplicación y mediante un código QR o un código de 6 dígitos es posible emular la app. Además, una vez ejecutada la aplicación en el móvil, cualquier modificación sobre el programa se traslada a la aplicación mientras la conexión se mantenga por lo que la depuración de la aplicación es más sencilla.
    • Emulador. Se ejecuta una interfaz que simula una pantalla móvil. Requiere ejecutar un asistente llamado aiStarter que tarda algunos minutos en sincronizarse.
    • USB. Mediante un cable USB podemos conectar el ordenador con nuestro móvil para ver la aplicación en el dispositivo.

    Contactos

    Lima - Perú

    Jaime Alvarado Vicuña

    • dummy+ (51) 993 731 180

    • dummy+ (51) 925 089 241

    • dummy jaimealvarado66@gmail.com

    BOLETIN INFORMATIVO

    Ingrese su correo electrónico y le enviaremos más información

    Search

    Consola de depuración de Joomla!

    Sesión

    Información del perfil

    Uso de la memoria

    Consultas de la base de datos