Aplicaciones móviles (MIT App Inventor)

Para la materia de desarrollo de aplicaciones III, que tiene que ver con desarrollo móvil, la unidad 2 nos marca un objetivo bastante ambicioso, ya que en solo 7 sesiones (además que se cruzó un día festivo con la cual nos quedan 5) se pide que el alumno haga una aplicación móvil.

En mi blog https://appstatistical.blogspot.com/2018/04/generacion-de-aplicaciones-android-con.html narro como hacer una aplicación con CSPro, y por ahí empezamos, pero no quedé muy convencido.

Sin embargo gracias a los amigos de Platzi que muestran un vídeo donde se explica las múltiples tecnologías y caminos para llegar a hacer una aplicación móvil, me enteré de una herramienta para niños y publico en general que desarrolló el MIT (App inventor) que permite hacer aplicaciones móviles muy sencillas, es por eso, para cumplir el objetivo de la unidad 2, nos iremos por este camino.

La primer aplicación la cual es muy rápida se llama Hello Codi, la cual consiste en un botón que genera un zumbido de una abeja, el botón tiene una imagen que es una abejita.

Para ver nuestra primera aplicación en nuestro dispositivo móvil se debe de bajar una app de la PlayStore.

Aquí relataré el escenario lap-top/desktop conectados por medio de wifi a un dispositivo móvil con Android.

En nuestro equipo elegiremos la opción Connect – AI Companion. Aquí nos muestra dos formas de sincronizarnos con nuestro dispositivo móvil, ya sea por medio de un código QR o bien por medio de un código alfanumérico.

Y en dispositivo móvil se debe de tomar la imagen QR o bien introducir el código.

Me parece que me gustan más los tutoriales escritos (formato pdf) , por lo que me fui a la área donde están almacenados y seguí el mismo.

Primero tenemos que descargar los recursos que son 2, una imagen y un archivo de audio, para empezar a desarrollar la aplicación (miniaplicación).

Nuestro IDE es una aplicación web y ya que tenemos estos pequeños pre-requisitos, creamos nuestro primer proyecto en MIT App Inventor al cual le llamaremos HelloCodi

Por default tenemos nuestra pequeña pantalla que emula a la de un celular aunque podemos alternar con la pantalla de una tableta.

Nuestra primer tarea es arrastrar los controles al área de la pantalla del teléfono y cambiar algunas propiedades que nos indica en el tutorial, ustedes que conocen .NET pues es pan comido, no importa que el tutorial esta en inglés.

En esta parte podemos decir que estamos en modo Diseño.

Nada complejo un botón a la cual le agregamos la imagen, un texto y el archivo de sonido, solo eso.

En el tutorial nos indica que viene la parte de la programación (seguro se van a reír) para ello se debe de elegir (dar click) en el botón Blocks.

Aquí pues tenemos los eventos del botón click, y la acción del sonido, y simplemente se ensamblan como dos piezas de un sencillo rompecabezas.

Para obtener los eventos y acciones de los 2 objetos: el botón y el sonido, solo hay que seleccionarlos de la ventana Blocks, y listo. ¡ Tenemos nuestra primera aplicación móvil ! Y no es una broma.

Hay un gran pero, lo probé en mi anciano y frankenstein Moto X, y el Huawei de una compañera y gran decepción no reproduce el sonido, solamente en el IDE.

ERRATA: Pues no funcionaba porque no ligue el sonido con el control, 🙂 pequeño detalle, lo hice y ahora funciona sin problema.

Aquí como se ve la aplicación en el dispositivo móvil.

Ahora continúen con la aplicación 2 (Talk To me) del tutorial de MIT App Inventor.

Profesor Miguel Araujo

Deja un comentario