Pensamiento computacional: Introducción al ambiente de programación app

/////////////////////////////////////////////////////////////////////////////////////

App Mentimeter

Progresión: utiliza dispositivos tecnológicos, servicios de difusión y herramientas de software para crear y editar contenido digital (didáctico, documental, demostrativo, entretenimiento, informativo entre otros), conforme a sus recursos y contextos.

Meta específica: crea apps en dispositivos electrónicos utilizando la plataforma App Inventor ampliando así su creatividad y pensamiento crítico.

AVISO IMPORTANTE:

Previo al inicio a esta clase, es de vital importancia instalar en el equipo móvil a utilizar, la app

MIT AI2 Companion disponible en Play Store

para realizar las pruebas de los programas a desarrollar.

Para iniciar la sesión tu profesor(a) utilizará algún medio digital para retomar los contenidos de la anterior sesión. Asimismo, compartirá con el grupo el consenso de las respuestas de la tarea entregada con el fin de dar precisión al trabajo solicitado.

Hablemos ahora un poco acerca de la lectura. Debes estar muy consciente que la lectura (y específicamente la comprensión lectora) es una habilidad muy importante que es necesario que desarrolles.

Revisa la siguiente imagen y si tu profesor(a) te lo pide, comenta. Si no te es posible hecer el ejercicio en la clase, de cualquier forma responde los cuestionamientos en tu libreta de clase.

App inventor

Iniciaremos esta clase hablando de la historia del App inventor y posteriormente describiremos el entorno para el desarrollo de aplicaciones.

Fue concebido por Google en 2011 y posteriormente, por diversos motivos no muy claros, fue "abandonado". A partir de ese momento su desarrollo lo retomó el MIT (Instituto Tecnológico de Massachusetts) y aunque aún está en su versión beta (de prueba), ya cuenta con muchas características funcionales.

App inventor es una aplicación distribuida, es decir, una aplicación donde sus componentes se ejecutan en diferentes plataformas conectadas a través de una red.

Para acceder a él hay que ir a la siguiente dirección electrónica: http://appinventor.mit.edu/

A continuación te mostrará un mensaje de bienvenida que podrás deshabilitar para que en siguientes ocasiones que ingreses no se vuelva a mostrar. Da clic en continuar:

Con el fin de dar apoyo a los iniciados se muestra el ejemplo de 3 tutoriales:

En nuestro caso realizaremos nuestros propios programas, así que hay que darle clic en CLOSE. Con ello estaremos listos listos para iniciar nuestros programas:

Convenientemente, la primera tarea que hay que realizar es cambiar al idioma Español:

Para crear un nuevo proyecto hay que dar clic en Comenzar un proyecto nuevo... Los proyectos se almacenan en la propia plataforma y la información se guarda de manera automática y en cualquier momento podremos recuperar un proyecto anterior.

En nuestro primer proyecto utilizaremos el ACELERÓMETRO[1] del celular para que cada vez que lo agitemos cambie la pantalla a un color aleatorio. Denomina el programa con el nombre de COLORES.

Una vez determinado el proyecto, la plataforma nos dirige a la pantalla del diseñador App Inventor:

La interfaz del editor Web se divide en varias secciones, en la parte central tenemos el editor de pantallas de nuestra aplicación (Visor).

Por defecto, la aplicación solo tiene una pantalla/ventana (Screen 1), pero se pueden agregar más.

DISEÑO.

Desde Paleta del Diseñador, escoge la opción Sensores e incluye el sensor Acelerómetro.

En Componentes y Propiedades, es posible cambiar la sensibilidad que tenga nuestro sensor. Te recomiendo que la dejes en moderada.

Con lo anterior ya tenemos lista nuestra pantalla.

PROGRAMACIÓN DE EVENTOS.

Ahora, en la sección Bloques programaremos las accciones. Primeramente, escoge del componente Screen1 la opción Poner.Screen1.ColorDeFondo.como con la que se definirá el color de la pantalla.

Ahora del componente Accelerómetro1 escoge la opción Cuando.Acelerómetro1.Agitar que determinará lo que va a suceder cuando agites el dispositivo.

Construiremos ahora la sección que permitirá el cambio de colores al agitar el móvil. Del componente Colores elije la opción crear color.

La resolución que ofrece App Inventor para los colores es de 8 bits para los componentes RGB, esto significa que hay solo una gama de colores determinada que pueden mostrarse en la pantalla cada vez que agites el móvil. Por lo tanto, para esta resolución de 8 bits será necesario crear números aleatorios desde 0 hasta 255.

Del componente Math elige la opción random.integer.from y cambia el rango de números aleatorios de 0 a 255.

Con esto ya tenemos el programa terminado y podemos probarlo. Desde la pantalla Diseñador hay que dar clic en la opción del menú principal Conectar y elegir la la primera opción Al Companion: