App para suma de fracciones

Ahora realizaremos una aplicación para poder sumar fracciones si no sabes usar la pagina te invito a ver la entrada de mi blog sobre como usar app inventor en el siguiente link AQUI

 Primero creamos un nuevo proyecto en la página de app inventor:

Una vez creado se nos verá de la siguiente manera:

Ahora para poder hacer nuestra app primero debemos determinar las imagenes a utilizar que serían las siguientes:

Las recortamos o editamos para poder subir 1x1 a la pagina de la siguiente manera.

Apretamos donde dice subir archivo

Y luego donde dice seleccionar archivo:

Seleccionamos las imágenes y las subimos quedando de la siguiente manera:

Primero agregamos una disposición vertical para poder agregar los elementos.

Luego a esta le agregamos una disposición horizontal:

Dentro de esta ultima disposición agregaremos un lienzo y una disposicion vertical como se puede observar en la siguiente imagen:

Luego agregamos una etiqueta en la disposición de la derecha, abajo de esta una disposición horizontal, dentro de esta un campo de texto seguido de una etiqueta y otro campo de texto, repetimos el proceso con lo mismo abajo.

Y escribir los siguientes elementos.

Luego agregamos un total de 10 sprit imagen en el lienzo

Y a estos le asignamos las imagenes que subimos antes:

Seleccionamos el uno entero y en las subsiguientes sprit de imagen las fracciones que 

siguen.

Ahora, se veria de la siguiente forma:

Luego abajo de esto agregamos una etiqueta para indicar la parte de la suma de fracciones, también agregamos una disposición horizontal con 1 campo de texto más una etiqueta, otro campo de texto otra etiqueta y finalmente el último campo de texto, editamos el texto de los elementos para que nos quede de la siguiente manera:

Ahora agregamos otra disposición horizontal bajo esa donde insertamos 9 botones y editamos como se verá a continuación:

Ahora una vez terminado todo esto tendríamos listo lo que se vería en la pantalla de nuestra aplicación pero antes de seguir te daremos una explicación, las etiquetas y botones que pusimos arriba a la derecha sirve para comprobar la equivalencia de las fracciones y la parte inferior sirve para la suma de estas fracciones.

Ahora nos vamos a la sección de bloques

Creamos los dos inicializar global de a continuación:

agregamos el siguiente botón:

y ahora hacemos el siguiente bloque:

y ahora los unimos al bloque anterior:

No se logra apreciar de forma exacta debido al gran tamaño del bloque pero debería quedar de esa forma, ahora la explicación esté sistemas de bloques que creamos le dará funcionalidad a la parte de equivalencia lo que nos dirá si la equivalencia es correcto o no es correcta, como veremos ahora:

Ahora agregamos el siguiente bloque para hacer un procedimiento similar con la suma de fracciones:

Ahora los uniremos como lo hicimos anteriormente:

Ahora le daremos funcionalidad a los botones para que estos funcionen:

Esto le da funcionalidad a los botones que vemos en la parte inferior lo que nos ayudaría a sumar las fracciones

ahora agregamos el siguiente botón para que nos llegue el resultado de la suma:

y ahora un botón de reinicio para que estos valores vuelvan a 0 y podamos sumar nuevas fracciones:

tambien agregaremos el botón revisar para revisar la equivalencia de fracciones que agregamos al inicio:

y le damos movilidad al deslizador (el palo negro que se ve en los sprit de imagen agregados)

PARA DESCARGAR EL ARCHIVO HAZ CLICK AQUÍ