jueves, 10 de diciembre de 2020

Taller 5: Suma de fracciones

 Hola nuevamente, en esta oportunidad realizaremos en App Inventor una aplicación que nos permita entender la suma de fracciones, la idea es que esta suma de fracciones heterogéneas, vale decir que no tienen el mismo denominador, para ello utilizaremos el método de barras (de fracciones) explicado en este video, YouTube: "Suma fracción con barras", tal como indica la imagen 1, la idea es que esta aplicación intente emular este método.

Imagen 1

Antes de comenzar con este taller, si no estas familiarizado con algunos de los conceptos generales de APP Inventor, te sugiero que revises la entrada de instalación y interfaz, junto con los talleres pasados para la creación de esta app.

Recuerda que puedes ver como esta quedando la aplicación en cualquier momento desde tu celular, solo necesitas descargar AI Companion.

Primero necesitaremos crear un nuevo proyecto y nombrarlo, posterior a ello se nos abrirá una ventana con distintas herramientas de diseño, lo primero que haremos es tratar de emular la imagen 1en nuestra App.

Mediante el uso de disposiciones y botones se intentara emular el método
de barras, recuerda que puedes cambiar los tamaño, color y nombres en las propiedades ubicado a la derecha del App Inventor.



Intentaremos crear la mayor cantidad de celdas posibles, también agregaremos un pequeño "layer" en la parte superior o inferior, con un "spriteimagen" con la imagen de una flecha, que simule una regla para que así el usuario pueda orientar mejor las sumas de fracciones.

Recuerda que puedes cambiar el tamaño del dispositivo en la esquina superior izquierda, en este caso utilizaremos el tamaño de la Tablet, ya que se parece mas al dispositivo usado para probar en AI Companion, aparte nos entrega mayor libertad de diseño, este tamaño no influirá en tu dispositivo, así que puedes cambiarlo en cualquier momento.


Nos debería quedar algo así, recuerda que para facilitar la programación en el apartado de bloques, es importante que des un nombre reconocible para ti a cada elemento en la pantalla de diseño (componentes), en este caso quedo algo así. (los nombres pueden variar, no influirá en la programación de la App)


Una vez terminada la sección de diseño y nombrado los elementos necesarios para identificar cada uno de los elementos, iremos a la sección bloque.


Lo primero que haremos será dar un movimiento horizontal a nuestra fecha guía mediante el uso de bloques, tal como indica la imagen, si hiciste los talleres anteriores, te darás cuenta que esta programación se asemeja al movimiento del juego en el taller 1.

Crearemos ahora 3 variables globales inicializadas en 0 para definir el tamaño de los números que se guardaran, para la posterior suma

En esta ocasión solo necesitaremos crear un iniciador global para la suma, lo haremos de la siguiente manera, si quisiera agregar resta o otro tipo de operaciones, deberás crear mas iniciadores global como este, en este caso tratamos de hacer una suma de fracciones.
Ahora crearemos el algoritmo de los botones, para que estos sean escritos en las etiquetas

Como utilizaremos muchas etiquetas para demostrar como funciona las fracciones, te recomiendo cambiar para el resto de los botones las cantidades según se necesita, recuerda solo los recuadros azules (bloque matemático), he ir duplicando y cambiando los botones según se necesita, pues son muchos.
Una vez modificado los mas de 39 botones (usados en este caso), he ahí la importancia de definir reconociblemente los nombres de cada botón, ahora procederemos a realizar la programación del algoritmo de sumas.


Como puedes observar ahora se usaran los datos almacenados en los iniciadores globales, se crearon 3 por que en este caso la App realizara 3 sumas distintas al mismo tiempo, recuerda que solo puedes sumar de a 2 botones.

Ahora crearemos el algoritmo para finalizar la suma de dos fracciones.
Es importante señalar que para cada tipo de operación (suma, resta, multiplicación y división) existen un tipo de bloque de matemática (azul), en este caso utilizaremos el bloque de suma.

Finalmente y no menos importante, es necesario hacer un botón que permita eliminar cualquier operación de la base de datos, en este caso lo nombraremos "reset", este nos permitirá dejar en blanco cada etiqueta de la aplicación, para poder empezar a trabajar desde 0 algún otro problema.

A continuación te dejo una pequeña muestra de como funciona la aplicación en mi smartphone




Finalmente aquí dejo el archivo .aia con el programa para que lo modifiques a gusto y lo mejores, en mi caso personal me vi limitado por el tamaño de mi dispositivo, lo que no me permitio agregar mas funcionalidades, como un botón que nos permita comparar si dos fracciones son equivalentes, eso te lo dejo a ti estimado lector.

https://drive.google.com/file/d/1I52iW-I_T6Nbu_3TAIq-zp8-1V-afEiJ/view?usp=sharing

COMO USAR LA APLICACION.

En primer lugar deberás tener un dispositivo inteligente (Smartphone, Tablet), en ella instalar la aplicación MIT AI2 Companion.

Una vez descargado, abriremos el proyecto creado y en la pestaña conectar, seleccionaremos AI companion y escanearemos el código QR.

Ahora se especificara la función de cada elemento.
  • La flecha la puedes arrastrar de derecha a izquierda, es un indicador visual de donde debe hacer tocar el usuario para poder realizar la suma de fracciones.
  • Los botones equivalen a distintos valores matemáticos, cada uno es diferenciado por su numero y color, también por niveles.
  • Abajo de ello están los botones + e = que nos permitirán realizar las operaciones básicas, entre ellos esta un sector que nos entrega el valor decimal de cada suma. (recuerda que las sumas deben ser de dos en dos, es decir, sumar 2 fracciones y luego apretar igual, si se desea se puede sumar una 3 en adelante, siempre respetando el no sumar mas de 3 fracciones a la vez.).
  • Bajo esto hay indicadores  de cada operación con la fracción, el sector derecho nos indica que operaciones hemos realizado, una especie de registro, a la izquierda nos entregara el resultado de las sumas de fracciones indicando su numerador y denominador.
  • Finalmente hay un botón de "reset", que nos permitirá limpiar todas las operaciones que hemos hecho.
Te invito a realizar la siguiente actividad, haciendo uso de la aplicación creada anteriormente.

Actividad

¡¡Eres el pirata mas temible de los 7 mares 😎!!, o eran 8, en fin no lo recuerdo, lo que si recuerdo es que tu y tu tripulación lograron obtener un grandioso tesoro ¡1 cofre español, lleno de perlas💰!, al llegar al puerto,  la tripulación y tu deciden como dividir este gran tesoro.

Para ello se ha dispuesto dividir 3/4 partes con tu tripulación y el resto es para ti claro esta, pero aun así es muy poco lo que te corresponde, así que dispones que de esos 3/4 cada tripulante deberá obsequiarte (de manera obligatoria) 1/4 de sus ganancias. esto por supuesto enojo a los tripulantes, pero decidiste obsequiarles a ellos 1/5 de tus ganancias. 

¿Hubiera sido mejor quedarte con 1/4 del cofre del tesoro? en vez de enojar a tu tripulación y posteriormente retribuirles tus ganancias legitimas.

¿Crees que has perdido dinero por ser tan generoso? si es así justifica tu respuesta.

Puedes trabajar este problema con la aplicación, dibujos o lo que necesites para entender, las fracciones pueden variar según lo que necesite demostrar el autor.


Taller 5: Suma de fracciones

 Hola nuevamente, en esta oportunidad realizaremos en App Inventor una aplicación que nos permita entender la suma de fracciones, la idea es...